.site{background:var(--bg-page);min-height:100vh}
.wrap{max-width:var(--width-container);margin:0 auto;padding:0 var(--space-6)}
.nav{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--paper-1) 82%,transparent);backdrop-filter:var(--blur-veil);border-bottom:1px solid var(--border-subtle)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav__links{display:flex;gap:var(--space-6);align-items:center}
.nav__link{background:none;border:0;padding:0;font:var(--text-body-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition-control)}
.nav__link:hover{color:var(--text-heading)}
.nav__link[data-active="true"]{color:var(--text-heading)}
.sec{padding:var(--section-y) 0}
.sec--compact{padding:var(--section-y-compact) 0}
.sec--tint{background:var(--bg-tint)}
.sec--ink{background:var(--bg-inverse);color:var(--paper-2)}
.eyebrow{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint)}
.display{font:var(--text-display-1);letter-spacing:var(--tracking-display);color:var(--text-heading)}
.display--2{font:var(--text-display-2);letter-spacing:var(--tracking-display);color:var(--text-heading)}
.display--3{font:var(--text-display-3);letter-spacing:var(--tracking-display);color:var(--text-heading)}
.lead{font:var(--text-lead);color:var(--text-body);max-width:56ch}
.prose{font:var(--text-body);color:var(--text-body);max-width:var(--measure-prose)}
.muted{color:var(--text-muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}
.step__num{font:var(--text-mono-sm);color:var(--text-brand)}
.foot{border-top:1px solid var(--border-subtle);padding:var(--space-12) 0 var(--space-16)}
.foot__links{display:flex;flex-wrap:wrap;gap:var(--space-5);font:var(--text-body-sm);color:var(--text-muted)}
.foot__links span{cursor:pointer}
.foot__links span:hover{color:var(--text-heading)}
.reveal{animation:reveal var(--duration-reveal) var(--ease-out) both}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.readout{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8)}
.bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--paper-2)}

@media (max-width:860px){
  .nav__links .nav__link{display:none}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .grid-2{gap:var(--space-8)}
  .sec,.sec--compact{padding:var(--space-16) 0}
  .ail-card[style*="grid-template-columns"]{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .wrap{padding-inline:var(--space-5)}
  .nav__links{gap:var(--space-3)}
  .display{font-size:clamp(42px,14vw,60px)}
  .display--2{font-size:clamp(34px,11vw,48px)}
  .display--3{font-size:clamp(28px,9vw,40px)}
  .readout{padding:var(--space-5)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}