:root{--bg:#0b1220;--ink:#eef2f7;--ink-dim:#9fb0c3;--accent:#e8762c;--blueprint:#4dd2ff;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-color:#2a3648 var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;overflow-x:hidden}.canvas-wrap{z-index:0;position:fixed;inset:0}.site-header{z-index:10;background:linear-gradient(#060a12bf,#060a1200);justify-content:space-between;align-items:center;padding:1.1rem clamp(1.2rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.18em;font-size:.95rem;font-weight:700}.brand-accent{color:var(--accent)}#scroll-content{z-index:1;pointer-events:none;position:relative}.overlay-section{justify-content:center;align-items:center;min-height:100svh;padding:0 clamp(1.2rem,6vw,6rem);display:flex}.overlay-section .content{pointer-events:auto;text-shadow:0 1px 18px #060a12cc;max-width:560px;position:relative}.overlay-section .content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#060a1280,#060a1200 72%);position:absolute;inset:-3rem -4rem}.align-left{justify-content:flex-start}.align-right{justify-content:flex-end}.sec-hero{text-align:center;justify-content:center;min-height:100vh}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.28em;margin-bottom:1rem;font-size:.78rem;font-weight:600}h1{letter-spacing:-.01em;margin-bottom:1.2rem;font-size:clamp(2.6rem,7vw,5rem);font-weight:700;line-height:1.05}h2{margin-bottom:1rem;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:700;line-height:1.1}.lede,.sec-beat p:not(.kicker),.sec-cta p:not(.kicker):not(.fineprint):not(.credit){color:var(--ink-dim);font-size:clamp(1rem,1.4vw,1.15rem)}.credit{color:#fff;letter-spacing:.01em;background:#b747b824;border:1px solid #b747b88c;border-radius:100px;align-items:center;gap:.4rem;margin:.4rem 0 .6rem;padding:.75rem 1.6rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;display:inline-flex;box-shadow:0 6px 28px #6d28d959}.credit strong{letter-spacing:.06em;background:linear-gradient(135deg,#e879e9,#b747b8 45%,#8b5cf6);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.scroll-hint{color:var(--blueprint);text-transform:uppercase;letter-spacing:.3em;margin-top:3rem;font-size:.8rem;animation:2.2s ease-in-out infinite hint-bob;display:inline-block}.scroll-hint:after{content:"↓";margin-top:.4rem;font-size:1.1rem;display:block}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.btn{pointer-events:auto;background:var(--accent);color:#14100b;cursor:pointer;font-weight:700;font-family:var(--font);letter-spacing:.04em;border:none;border-radius:4px;padding:.9rem 1.8rem;font-size:.95rem;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e8762c59}.btn-small{padding:.55rem 1.1rem;font-size:.8rem}.btn-ghost{color:var(--ink);background:0 0;border:1px solid #eef2f759}.btn-ghost:hover{box-shadow:none;border-color:var(--ink)}.cta-row{flex-wrap:wrap;gap:.9rem;margin-top:1.6rem;display:flex}.sec-cta{text-align:center}.sec-cta .content{text-shadow:0 2px 24px #060a12d9}.sec-cta .cta-row{justify-content:center}.scan-data{letter-spacing:.18em;text-transform:uppercase;color:var(--blueprint);opacity:.85;margin-top:1.2rem;font-family:Consolas,Courier New,monospace;font-size:.72rem}.fineprint{color:#c7d3e2e6;letter-spacing:.06em;margin-top:2.2rem;font-size:.75rem}.intro{z-index:20;pointer-events:none;background:#060a12;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;animation:2.2s forwards intro-fade;display:flex;position:fixed;inset:0}.intro-brand{letter-spacing:.24em;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}.intro-tag{color:var(--blueprint);text-transform:uppercase;letter-spacing:.32em;font-size:.8rem}@keyframes intro-fade{0%,55%{opacity:1}to{opacity:0}}body.reduced .overlay-section .content{opacity:1!important;transform:none!important}body.reduced .scroll-hint,body.reduced .intro{display:none}body.intro-lock{overflow:hidden}@media (prefers-reduced-motion:reduce){.btn{transition:none}}
