.hero{max-width:var(--max);margin:auto;padding:100px 24px 72px}.eyebrow{color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(46px,8vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px;max-width:980px}.subtitle{font-size:clamp(20px,3vw,30px);line-height:1.3;letter-spacing:-.02em;color:var(--muted);max-width:850px}.meta{margin-top:34px;display:flex;flex-wrap:wrap;gap:9px 22px;color:var(--muted);font-size:14px}.meta strong{color:var(--text)}
    .layout{max-width:var(--max);margin:auto;padding:0 24px 120px;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:64px}.toc{position:sticky;top:74px;align-self:start;max-height:calc(100vh - 96px);overflow:auto;border-left:1px solid var(--line);padding-left:18px}.toc strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.toc a{display:block;color:var(--muted);font-size:13px;line-height:1.35;padding:7px 0}.toc a.active{color:var(--text);font-weight:650}