a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8ec5ff;outline-offset:3px}
    .progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;background:var(--blue);z-index:50}
    .top{border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(16px);position:sticky;top:0;z-index:40}
    .top-inner{max-width:var(--max);margin:auto;padding:11px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}
    .brand{font-weight:650;color:var(--ink);text-decoration:none}
    .top-links{display:flex;gap:18px;white-space:nowrap}
    .hero{max-width:var(--max);margin:auto;padding:88px 28px 76px;border-bottom:1px solid var(--line)}
    .eyebrow{color:var(--blue);font-size:15px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}
    h1{font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-.045em;max-width:1040px;margin:16px 0 28px}
    .lead{font-size:clamp(21px,2.4vw,30px);line-height:1.38;letter-spacing:-.018em;max-width:920px;color:#333336;margin:0}
    .meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:58px;padding-top:28px;border-top:1px solid var(--line)}
    .meta b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px}.meta span{font-size:15px;line-height:1.45}
    .layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:62px;padding:0 28px}