:root{
--void:#07060B;
--void-2:#100E17;
--ink:#F1EDF7;
--mute:#A49DB5;
--line:rgba(241,237,247,.13);
--iri-a:#B9A6FF;
--iri-b:#6FF0DA;
--iri-c:#FF9EC7;
--iri:linear-gradient(100deg,var(--iri-a) 0%,var(--iri-b) 45%,var(--iri-c) 100%);
--f-display:'Anybody','Arial Narrow',system-ui,sans-serif;
--f-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
--f-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--gut:max(16px,env(safe-area-inset-left,0px));
--gut-r:max(16px,env(safe-area-inset-right,0px));
color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--void)}
a{color:inherit}
::selection{background:var(--iri-a);color:var(--void)}
:focus-visible{outline:2px solid var(--iri-b);outline-offset:3px;border-radius:6px}
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
.fallback-orb{position:fixed;right:-10vw;top:8vh;width:min(70vw,720px);aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;
background:conic-gradient(from 0deg,var(--iri-a),var(--iri-b),var(--iri-c),var(--iri-a));filter:blur(60px);opacity:.35;display:none}
.no-gl .fallback-orb{display:block}
.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.07;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(7,6,11,.85) 100%)}
main,header,footer{position:relative;z-index:2}
.loader{position:fixed;inset:0;z-index:100;background:var(--void);display:grid;place-items:center;
animation:loaderOut .7s cubic-bezier(.7,0,.2,1) 1.6s forwards}
.loader__in{display:grid;gap:14px;justify-items:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.loader__n{font-family:var(--f-display);font-size:clamp(64px,14vw,160px);font-weight:800;font-variation-settings:"wdth" 150;letter-spacing:-.04em;color:var(--ink);line-height:.9;font-variant-numeric:tabular-nums}
.loader__bar{width:180px;height:1px;background:var(--line);overflow:hidden}
.loader__bar i{display:block;height:100%;width:100%;background:var(--iri);transform-origin:left;animation:bar 1.5s cubic-bezier(.6,0,.2,1) forwards;transform:scaleX(0)}
@keyframes bar{to{transform:scaleX(1)}}
@keyframes loaderOut{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
.loader{clip-path:inset(0 0 0 0)}
.cursor,.cursor-dot{position:fixed;left:0;top:0;z-index:90;pointer-events:none;border-radius:50%;display:none}
.cursor{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(241,237,247,.55);transition:width .25s,height .25s,margin .25s,background .25s,border-color .25s;mix-blend-mode:difference}
.cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:var(--ink)}
.cursor.is-hover{width:86px;height:86px;margin:-43px 0 0 -43px;background:var(--ink);border-color:transparent}
@media (pointer:fine){.cursor,.cursor-dot{display:block}body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor label{cursor:none}}
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;padding:18px var(--gut-r) 18px var(--gut);
display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .4s,backdrop-filter .4s,padding .4s}
.nav.is-scrolled{background:rgba(7,6,11,.55);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);padding-block:12px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand__mark{width:30px;height:30px;border-radius:50%;background:conic-gradient(from 200deg,var(--iri-a),var(--iri-b),var(--iri-c),var(--iri-a));box-shadow:0 0 24px rgba(185,166,255,.45);-webkit-mask:radial-gradient(circle at 34% 40%,transparent 46%,#000 48%);mask:radial-gradient(circle at 34% 40%,transparent 46%,#000 48%)}
@keyframes spin{to{transform:rotate(360deg)}}
.brand__txt{font-family:var(--f-display);font-weight:800;font-variation-settings:"wdth" 130;letter-spacing:.02em;font-size:15px;line-height:1}
.brand__txt small{display:block;font-family:var(--f-mono);font-weight:400;font-size:9.5px;letter-spacing:.26em;color:var(--mute);margin-top:3px}
.nav__links{display:flex;gap:28px;font-size:14px;list-style:none;margin:0;padding:0}
.nav__links a{text-decoration:none;color:var(--mute);transition:color .2s}
.nav__links a:hover{color:var(--ink)}
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-family:var(--f-body);font-weight:600;font-size:14px;text-decoration:none;border:0;cursor:pointer;will-change:transform;transition:box-shadow .3s}
.btn--iri{background:var(--iri);color:#0A0810;box-shadow:0 10px 40px -10px rgba(185,166,255,.6)}
.btn--iri:hover{box-shadow:0 14px 60px -8px rgba(111,240,218,.6)}
.btn--ghost{background:rgba(241,237,247,.04);color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(8px)}
.btn--ghost:hover{border-color:rgba(241,237,247,.4)}
.btn .arr{display:inline-block;transition:transform .3s}
.btn:hover .arr{transform:translateX(4px) rotate(-45deg)}
.nav .btn{padding:11px 18px;font-size:13px}
@media (max-width:860px){.nav__links{display:none}}
.hero{min-height:clamp(640px,100svh,980px);display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--gut-r) 40px var(--gut)}
.hero__inner{max-width:1440px;margin:0 auto;width:100%}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--iri-b);box-shadow:0 0 0 0 rgba(111,240,218,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(111,240,218,0)}100%{box-shadow:0 0 0 0 rgba(111,240,218,0)}}
.mega{margin:18px 0 0;font-family:var(--f-display);font-weight:900;line-height:.8;letter-spacing:-.035em;font-size:clamp(72px,21vw,330px);white-space:nowrap;user-select:none}
.mega span{display:inline-block;font-variation-settings:"wdth" 125;transition:font-variation-settings .5s cubic-bezier(.2,.8,.2,1),color .4s;will-change:font-variation-settings}
.mega .l-in{animation:letterIn 1.2s cubic-bezier(.2,.9,.2,1) both}
@keyframes letterIn{from{transform:translateY(60%) rotateX(-70deg);opacity:0;filter:blur(12px)}to{transform:none;opacity:1;filter:none}}
.mega__sub{display:flex;align-items:center;gap:18px;margin-top:10px;font-family:var(--f-display);font-weight:300;font-style:italic;font-variation-settings:"wdth" 70;font-size:clamp(28px,4.4vw,72px);line-height:1;letter-spacing:.01em}
.mega__sub .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);min-width:30px}
.iri{background:var(--iri);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:iriShift 6s ease-in-out infinite alternate}
@keyframes iriShift{to{background-position:100% 0}}
.hero__row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-top:44px}
.hero__lead{font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:34ch;margin:0;color:var(--ink);font-weight:300;text-wrap:balance}
.hero__lead b{font-weight:600}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.hero__meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.hero__meta b{color:var(--ink);font-weight:500}
.scroll-cue{display:inline-flex;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:28px;background:var(--line);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--ink);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@media (max-width:860px){
.hero{justify-content:flex-end;padding-top:46vh;padding-bottom:28px;min-height:auto}
.hero__row{grid-template-columns:1fr;gap:22px;margin-top:26px}
.hero__cta{justify-content:flex-start}
.hero__meta{margin-top:30px}
}