.hero{
  padding:84px 0 52px;
  background:linear-gradient(180deg,#fff 0%,#f5f5f7 100%);
}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}
h1{font-size:56px;line-height:1.06;letter-spacing:-.035em;margin:14px 0 20px;max-width:980px}
.subtitle{font-size:23px;line-height:1.45;color:var(--muted);max-width:900px}
.meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;color:var(--muted)}
nav.toc{
  position:sticky;top:0;z-index:10;
  background:rgba(245,245,247,.88);
  backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
nav.toc .inner{max-width:1180px;margin:auto;padding:11px 28px;display:flex;gap:18px;overflow:auto;white-space:nowrap}
nav.toc a{font-size:13px;color:#444;font-weight:600}
section{padding:64px 0}
h2{font-size:38px;line-height:1.15;letter-spacing:-.025em;margin:0 0 24px}
h3{font-size:25px;line-height:1.25;margin:34px 0 14px}
h4{font-size:18px;margin:24px 0 10px}