.bar{display:flex;align-items:center;gap:var(--sh-space-3);min-height:72px}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--sh-hairline);background:color-mix(in srgb,var(--sh-bg) 72%,transparent);backdrop-filter:blur(var(--sh-glass-blur))}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--sh-fg);text-decoration:none}
.logo-word{font-size:15px;font-weight:600;letter-spacing:.04em}
.logo-tld{color:var(--sh-muted);font-weight:500}
.nav{display:flex;flex:1;justify-content:center;gap:var(--sh-space-3)}
.nav-link{color:var(--sh-muted);text-decoration:none;font-size:14px}
.nav-link:hover{color:var(--sh-fg)}
.tools{display:flex;align-items:center;gap:var(--sh-space-2)}
.lang select,.theme,.menu{min-height:36px;padding:0 12px;border:1px solid var(--sh-card-border);border-radius:999px;background:transparent;color:var(--sh-fg)}
.menu{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.drawer{display:none;gap:8px;padding:8px var(--sh-gutter) 20px}
.drawer:not([hidden]){display:grid}
.drawer[hidden]{display:none!important}
.hero{position:relative;min-height:100dvh;display:grid;align-items:end;padding-top:0;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:0;background:#0b0b12}
.poster,.loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.loop{opacity:0;transition:opacity var(--sh-dur-ui) var(--sh-ease-out)}
.loop.is-ready{opacity:1}
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 11 18 / .15),rgb(11 11 18 / .72) 70%,var(--sh-bg)),radial-gradient(60% 80% at 80% 40%,rgb(139 124 255 / .2),transparent)}
.copy{position:relative;z-index:1;justify-self:start;margin-right:auto;padding-bottom:var(--sh-space-10);width:min(640px,100%);text-align:left;color:#f7f5ff}
.copy .sh-kicker,.copy .display{color:#f7f5ff}
.copy .sh-lede{color:#c8c4d6}
.display{margin:0;max-width:8ch;font-size:var(--sh-display-xl);font-weight:500;line-height:var(--sh-leading-display);letter-spacing:var(--sh-tracking-display)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sh-space-5)}
.stage-inner{display:grid;gap:var(--sh-space-4)}
.frames{position:relative;min-height:22rem}
.frame{position:absolute;inset:0;opacity:0;transform:translate3d(0,12px,0);transition:opacity var(--sh-dur-ui) var(--sh-ease-out),transform var(--sh-dur-ui) var(--sh-ease-out)}
.frame[data-active="true"]{opacity:1;transform:none}
.paths ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:var(--sh-space-4) 0 0;list-style:none}
.paths li{padding:8px 14px;border:1px solid var(--sh-card-border);border-radius:999px;font-size:13px}
.pair,.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.cards-3,.grid.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sh-space-3);margin-top:var(--sh-space-8)}
.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sh-space-4);margin-top:var(--sh-space-8)}
.row{padding:var(--card-pad);border-top:1px solid var(--sh-card-border)}
.who{margin:0 0 12px;font-family:var(--sh-font-mono);font-size:var(--sh-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--sh-muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sh-space-4)}
.chip,.ph{min-width:220px;padding:18px 20px;border:1px dashed var(--sh-card-border);border-radius:var(--radius-card-md);color:var(--sh-muted);font-size:13px;background:var(--sh-card-bg)}
.chip small{display:block;margin-top:6px;letter-spacing:.08em;text-transform:uppercase}
.slots{display:grid;gap:8px;margin-top:12px}
.jump{min-height:240px;background:radial-gradient(80% 80% at 100% 0%,rgb(139 124 255 / .16),transparent),var(--sh-card-bg)}
.table-card{margin-top:var(--sh-space-5);padding:var(--card-pad);border:1px solid var(--sh-card-border);border-radius:var(--radius-card-md);background:var(--sh-card-bg)}
.table-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-family:var(--sh-font-mono);font-size:13px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--sh-hairline)}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--sh-space-3);margin-top:var(--sh-space-5)}
.note{padding:var(--card-pad);border-radius:var(--radius-card-md)}
.phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sh-space-4);padding:0;margin:var(--sh-space-8) 0 var(--sh-space-5);list-style:none}
.phases>li{padding:var(--card-pad);border:1px solid var(--sh-card-border);border-radius:var(--radius-card-lg);background:var(--sh-card-bg)}
.phases ul{padding:0;margin:0;list-style:none}
.phases ul li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--sh-hairline);font-size:14px}
.site-footer{padding:var(--sh-space-11) 0 var(--sh-space-6);background:#07070c;color:#f7f5ff;border-top:1px solid rgb(255 255 255 / .08)}
.site-footer .inner{display:grid;grid-template-columns:1.2fr 2fr;gap:var(--sh-space-8)}
.site-footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sh-space-4)}
.site-footer h2{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b7b3c7}
.site-footer a{display:block;margin:0 0 8px;color:#f7f5ff;text-decoration:none}
.site-footer .legal{display:flex;justify-content:space-between;margin-top:var(--sh-space-8);color:#8b8799;font-size:13px}
.docs-shell{display:grid;grid-template-columns:260px 1fr;min-height:70dvh}
.docs-side{padding:var(--sh-space-4) var(--sh-gutter);border-right:1px solid var(--sh-hairline);background:var(--sh-card-bg)}
.docs-side a{display:block;color:var(--sh-muted);text-decoration:none;padding:4px 0;font-size:14px}
.docs-side h2{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sh-muted);margin:18px 0 6px}
.docs-main{padding:var(--sh-section-y) var(--sh-gutter);max-width:76ch}
.docs-main h1{font-size:var(--sh-h2);letter-spacing:-.03em}
.search{margin:0 0 16px;padding:8px 12px;width:100%;border-radius:8px;border:1px solid var(--sh-card-border);background:transparent;color:inherit}
.prose{max-width:68ch}
@media(max-width:960px){
  .nav{display:none}
  .menu{display:inline-flex}
  .cards-3,.rows,.phases,.notes,.grid-2,.docs-shell,.site-footer .inner,.site-footer .cols{grid-template-columns:1fr}
  .frames{display:grid;min-height:0;gap:var(--sh-space-8)}
  .frame{position:relative;opacity:1;transform:none}
}