/* SecretoftheUniverse.com home: product stack, product cards, scale ladder */
.home-hero{padding-bottom:64px}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.stack{display:flex;flex-direction:column;gap:10px}
.stack-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);color:var(--text);transition:border-color .18s,transform .18s}
.stack-row:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateX(4px)}
.stack-row b{display:block;font-size:15.5px}
.stack-row small{display:block;color:var(--text-muted);font-size:13px;margin-top:2px}
.stack-ico{width:40px;height:40px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.stack-ico svg{width:22px;height:22px}
.stack-ico img{width:34px;height:auto}
.stack-row .stack-ico:has(img),.stack-ico.ac{background:#f4f1ea;width:64px}
.stack-row .stack-ico img{width:54px}
.stack-ico.lg.ac{width:76px}
.stack-ico.lg.ac img{width:64px}
.stack-ico.lg{width:52px;height:52px;border-radius:11px}
.stack-ico.lg svg{width:28px;height:28px}
.stack-ico.lg img{width:46px}
.stack-note{font-size:13px;color:var(--text-muted);margin:6px 0 0}
.stack-row .stack-ico{width:64px}
.stack-row .chip{min-width:86px;justify-content:center}

.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);padding:24px;display:flex;flex-direction:column;gap:14px}
.product-head{display:flex;gap:14px;align-items:center}
.product-head h3{font-size:1.3rem;margin-bottom:6px}
.product > p{color:var(--text-muted);font-size:15px}
.product .ticks{margin-top:0}
.product .ticks li{font-size:14.5px}
.product .btn{margin-top:auto;align-self:flex-start}

.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.rung{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);padding:22px;display:flex;flex-direction:column;gap:16px}
.rung:nth-child(2){transform:translateY(-14px)}
.rung:nth-child(3){transform:translateY(-28px)}
.rung-head{display:flex;gap:12px;align-items:flex-start}
.rung-head p{color:var(--text-muted);font-size:14px;margin-top:4px}
.rung-n{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700;display:grid;place-items:center;flex:none;font-size:14px}
.rung-rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;font-size:14px;border-top:1px solid var(--border);padding-top:14px}
.rung-rows dt{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding-top:3px}
.rung-rows dd{color:var(--text)}
.rung-rows .chip{margin-left:4px;font-size:11px;padding:0 7px}
table.cmp.lic{min-width:560px}
.vflow{list-style:none;counter-reset:v;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vflow li{counter-increment:v;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);padding:14px 16px 14px 52px;position:relative}
.vflow li::before{content:counter(v);position:absolute;left:16px;top:15px;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;display:grid;place-items:center}
.vflow b{display:block;font-size:15px}
.vflow span{display:block;font-size:13.5px;color:var(--text-muted);margin-top:2px}
@media (max-width:640px){.vflow{grid-template-columns:1fr}}

@media (max-width:1020px){
  .home-hero-grid{grid-template-columns:1fr}
  .products,.ladder{grid-template-columns:1fr}
  .rung:nth-child(n){transform:none}
}
@media (max-width:640px){
  .stack-row{grid-template-columns:auto minmax(0,1fr);}
  .stack-row .chip{grid-column:2;justify-self:start}
}

.series-note{margin-top:22px;font-size:15px;color:var(--text-muted);border-left:3px solid var(--accent);padding:4px 0 4px 14px;max-width:60ch}