:root{--bg:#04050a;--ink:#f4f6fb;--muted:rgba(244, 246, 251, 0.62);--accent:#9ec5ff;--line:rgba(244, 246, 251, 0.12);--font:"Avenir Next","Segoe UI","Helvetica Neue",system-ui,sans-serif;--display:"Futura","Avenir Next","Century Gothic","Helvetica Neue",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}body{min-height:100vh;overflow-x:hidden;position:relative}.canvas{position:fixed;inset:0;z-index:0;background:#04050a}.wash{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% -20%,rgba(90,140,220,.22),transparent 55%),radial-gradient(90% 60% at 100% 80%,rgba(40,70,120,.18),transparent 50%),radial-gradient(70% 50% at 0 100%,rgba(20,40,80,.35),transparent 55%),linear-gradient(180deg,#0a0d16 0,#04050a 55%,#020308 100%);animation:washShift 16s ease-in-out infinite alternate}.beam{position:absolute;left:50%;top:-20%;width:min(70vw,560px);height:120%;transform:translateX(-50%) rotate(12deg);background:linear-gradient(180deg,rgba(158,197,255,.14) 0,rgba(158,197,255,.03) 40%,transparent 75%);filter:blur(28px);animation:beamDrift 14s ease-in-out infinite alternate}.grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}.grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.stage{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,8vh,5rem) clamp(1.5rem,5vw,3.5rem);max-width:56rem}.kicker{margin:0 0 1.25rem;font-size:.78rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);animation:rise .9s ease-out both}.brand{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(3.2rem, 12vw, 7rem);line-height:.95;letter-spacing:-.045em;color:var(--ink);text-wrap:balance;animation:rise 1s ease-out .1s both}.lede{margin:1.5rem 0 0;max-width:26rem;font-size:1.08rem;line-height:1.65;color:var(--muted);font-weight:400;animation:rise 1s ease-out .22s both}a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(158,197,255,.35);transition:border-color .2s ease,color .2s ease}a:hover{color:#c5dcff;border-bottom-color:rgba(197,220,255,.75)}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes washShift{from{filter:saturate(1) brightness(1)}to{filter:saturate(1.12) brightness(1.06)}}@keyframes beamDrift{from{transform:translateX(-54%) rotate(10deg);opacity:.7}to{transform:translateX(-46%) rotate(14deg);opacity:1}}@media (prefers-reduced-motion:reduce){.beam,.brand,.kicker,.lede,.wash{animation:none}}