.progress{position:fixed;z-index:999;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--purple));box-shadow:0 0 16px rgba(0,113,227,.4)}
    .nav{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--hair);backdrop-filter:saturate(180%) blur(18px);background:color-mix(in srgb,var(--bg) 72%,transparent)}
    .navin{max-width:var(--max);margin:auto;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:18px}
    .brand{font-size:15px;font-weight:700;white-space:nowrap}
    .navlinks{display:flex;gap:20px;overflow:auto;scrollbar-width:none;font-size:13px;color:var(--muted)}
    .navlinks a{color:inherit;white-space:nowrap}
    .navlinks a.active{color:var(--text);font-weight:650}
    .hero{max-width:1260px;margin:0 auto;padding:92px 28px 52px;text-align:center}
    .eyebrow{font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
    h1{font-size:clamp(44px,7vw,92px);line-height:.94;letter-spacing:-.055em;margin:20px auto 24px;max-width:1100px}
    .subtitle{font-size:clamp(20px,2.2vw,30px);line-height:1.35;color:var(--muted);max-width:940px;margin:0 auto 28px}
    .authors{font-size:14px;color:var(--muted);max-width:900px;margin:auto}
    .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
    .chip{padding:8px 12px;border:1px solid var(--hair);background:var(--panel);border-radius:999px;font-size:12px;font-weight:650;backdrop-filter:blur(12px)}
    .heroquote{max-width:1000px;margin:48px auto 0;padding:28px 30px;border-radius:28px;background:linear-gradient(135deg,rgba(0,113,227,.10),rgba(125,95,255,.10));border:1px solid var(--hair);font-size:clamp(20px,2.1vw,30px);font-weight:650;letter-spacing:-.02em}