@charset "UTF-8";

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;cursor:none}
body.is-locked{overflow:hidden}
button,a,input,textarea{font:inherit}
button,a{cursor:none}
a{color:inherit;text-decoration:none}
button{border:0}
::selection{background:var(--electric);color:#08080d}

#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.cursor-core,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:200;transform:translate(-50%,-50%);transition:opacity .25s ease,scale .25s ease}
.cursor-core{width:6px;height:6px;background:var(--electric);box-shadow:0 0 18px var(--electric)}
.cursor-ring{width:36px;height:36px;border:1px solid rgba(255,255,255,.45)}
body.cursor-active .cursor-ring{scale:1.55;border-color:var(--electric)}
#scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--alma),var(--electric),var(--simon));z-index:220;box-shadow:0 0 20px var(--electric)}

.intro{position:fixed;inset:0;background:#030305;z-index:300;display:grid;place-items:center;transition:opacity .8s cubic-bezier(.2,.7,.2,1),visibility .8s}
.intro.is-hidden{opacity:0;visibility:hidden}
.intro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 72%);animation:gridFloat 9s linear infinite}
.intro-content{position:relative;width:min(760px,calc(100% - 44px));text-align:center}
.signal-mark{display:flex;justify-content:center;align-items:center;gap:8px;height:76px;margin-bottom:12px}
.signal-mark span{display:block;width:5px;border-radius:999px;background:var(--electric);box-shadow:0 0 18px var(--electric);animation:signal 1.1s ease-in-out infinite}
.signal-mark span:nth-child(1){height:18px;animation-delay:-.2s}.signal-mark span:nth-child(2){height:54px}.signal-mark span:nth-child(3){height:29px;animation-delay:-.45s}
.micro-label,.kicker{font-size:11px;line-height:1.2;letter-spacing:.24em;text-transform:uppercase;font-weight:800}
.intro h1{font-size:clamp(44px,8vw,104px);line-height:.9;letter-spacing:-.07em;margin:20px 0 24px;font-weight:800}
.intro p:not(.micro-label){max-width:620px;margin:0 auto 36px;color:rgba(246,240,232,.68);font-size:clamp(16px,2vw,21px);line-height:1.55}
.intro small{display:block;margin-top:18px;color:rgba(255,255,255,.42);letter-spacing:.08em}
.hold-button{position:relative;min-width:260px;padding:19px 30px;background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.28);overflow:hidden;font-size:12px;letter-spacing:.18em;font-weight:800}
.hold-button i{position:absolute;inset:0;transform:translateX(-101%);background:var(--electric);transition:transform .65s cubic-bezier(.2,.75,.15,1)}
.hold-button span{position:relative;z-index:1;mix-blend-mode:difference}
.hold-button:hover i,.hold-button:focus-visible i{transform:translateX(0)}

.topbar{position:fixed;top:0;left:0;right:0;height:84px;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(5,5,10,.88),rgba(5,5,10,.28));backdrop-filter:blur(18px);transition:transform .45s ease,background .4s ease}
.topbar.nav-hidden{transform:translateY(-110%)}
.brand{display:inline-flex;align-items:center;gap:12px;width:max-content;font-weight:900;letter-spacing:.18em;font-size:13px}
.brand svg{width:37px;height:37px;overflow:visible;color:var(--electric)}
.brand svg circle{fill:var(--electric)}
.orbit-nav{display:flex;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.035)}
.orbit-nav a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:10px;font-weight:800;color:rgba(255,255,255,.48);transition:.25s ease}
.orbit-nav a:hover,.orbit-nav a.active{background:var(--paper);color:#05050a}
.system-actions{justify-self:end;display:flex;align-items:center;gap:14px}
.system-actions button{background:none;color:var(--paper);padding:8px;font-size:10px;letter-spacing:.1em}
#install-app{border:1px solid rgba(255,255,255,.24);padding:9px 12px}
.live-clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:rgba(255,255,255,.58);min-width:57px}
.sound-bars{height:18px;display:flex;align-items:center;gap:2px}
.sound-bars i{width:2px;height:5px;background:currentColor;transition:.2s}
.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:15px}
#sound-toggle[aria-pressed="true"] .sound-bars i{animation:soundBar .7s ease-in-out infinite alternate}
#sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:-.3s}#sound-toggle[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:-.5s}

main,footer{position:relative;z-index:2}
.section{position:relative;min-height:100svh;padding:140px max(5vw,28px) 100px;overflow:hidden}
.section-index{position:absolute;left:max(5vw,28px);top:104px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.15em;opacity:.48}
.light-section{background:var(--paper);color:#0a0a10}
.display{font-size:clamp(44px,7vw,108px);line-height:.9;letter-spacing:-.065em;margin:0;font-weight:840;max-width:1200px}
.lead{font-size:clamp(18px,2vw,28px);line-height:1.5;letter-spacing:-.02em}
.kicker{margin:0 0 22px;color:var(--electric)}
.light-section .kicker{color:#494559}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.72,.2,1),transform .8s cubic-bezier(.2,.72,.2,1)}
.reveal.visible{opacity:1;transform:none}

.hero{display:flex;align-items:flex-end;padding-bottom:72px;background:radial-gradient(circle at 77% 36%,rgba(142,108,255,.14),transparent 30%),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.5));}
.hero-copy{position:relative;z-index:4;width:min(100%,1050px)}
.hero .micro-label{color:rgba(255,255,255,.55);margin-bottom:16px}
.mega-title{font-size:clamp(130px,29vw,480px);line-height:.68;letter-spacing:-.105em;margin:0 0 34px -0.06em;font-weight:920;color:var(--paper);text-shadow:0 0 90px rgba(184,255,61,.05)}
.hero-subtitle{font-size:clamp(22px,3.1vw,47px);line-height:1.1;max-width:820px;margin:0 0 42px;letter-spacing:-.04em;color:rgba(246,240,232,.86)}
.hero-statement{display:flex;align-items:center;gap:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.18em;color:rgba(255,255,255,.62)}
.hero-statement i,.hero-statement b{font-style:normal;font-weight:400;color:rgba(255,255,255,.28)}
.hero-statement strong{font-size:42px;color:var(--electric);font-family:Georgia,serif;line-height:1}
.scroll-call{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.16em;font-weight:800}
.scroll-call svg{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;padding:9px;fill:none;stroke:currentColor;stroke-width:1.5;animation:bob 1.8s ease-in-out infinite}
.hero-side{position:absolute;right:max(5vw,28px);top:142px;display:grid;gap:7px;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.48)}
.hero-side p{margin:0;color:var(--electric)}
.hero-side strong{color:var(--paper)}
.hero-orbit{position:absolute;right:-2vw;top:12vh;width:min(62vw,900px);aspect-ratio:1;display:grid;place-items:center;opacity:.85;transform-style:preserve-3d;perspective:900px;pointer-events:none}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.orbit::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 18px var(--electric);top:50%;left:-4px}
.orbit-a{inset:12%;animation:spin 17s linear infinite}.orbit-b{inset:23%;transform:rotateX(65deg);animation:spin 11s linear infinite reverse}.orbit-c{inset:34%;transform:rotateY(70deg);animation:spin 8s linear infinite}
.core-orb{width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 2%,var(--cyan) 6%,var(--violet) 37%,#151229 72%);box-shadow:0 0 60px rgba(100,243,255,.25),0 0 160px rgba(142,108,255,.22);transition:transform .2s ease}
.core-orb span{display:block;position:absolute;inset:42%;border-radius:50%;background:#fff;box-shadow:0 0 35px #fff,0 0 90px var(--cyan)}

.manifesto{padding-top:190px}
.manifesto-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:8vw;align-items:start}
.manifesto-copy .display{max-width:980px}
.manifesto-copy .lead{max-width:720px;margin:48px 0 0;color:#3d3a45}
.identity-stack{display:grid;gap:20px;position:sticky;top:118px}
.identity-card{--rx:0deg;--ry:0deg;position:relative;padding:30px;min-height:360px;background:#0b0b12;color:var(--paper);border:1px solid rgba(255,255,255,.11);overflow:hidden;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s linear,box-shadow .3s ease}
.identity-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,80%) var(--my,20%),color-mix(in srgb,var(--person) 55%,transparent),transparent 32%);opacity:.62}
.identity-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--person)}
.identity-card>*{position:relative;z-index:1}
.identity-card:hover{box-shadow:0 28px 70px rgba(0,0,0,.24)}
.identity-symbol{font-size:74px;color:var(--person);line-height:1;margin-bottom:28px}
.identity-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.4)}
.identity-card h3{font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.07em;margin:28px 0 12px}
.identity-card p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.62)}
.identity-role{color:var(--person)!important;text-transform:uppercase;font-size:10px!important;letter-spacing:.13em;font-weight:800}
.birthday-chip{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;align-items:end;gap:20px}
.birthday-chip span{font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.38)}
.birthday-chip strong{text-align:right;font-size:12px}
.ticker{position:absolute;left:0;right:0;bottom:0;height:68px;overflow:hidden;border-top:1px solid rgba(10,10,16,.16);border-bottom:1px solid rgba(10,10,16,.16);display:flex;align-items:center;transform:rotate(-1deg) scale(1.02);background:var(--electric);color:#08080d}
.ticker div{display:flex;gap:45px;width:max-content;animation:ticker 26s linear infinite;font-size:13px;letter-spacing:.15em;font-weight:900}
.ticker span::after{content:"✦";margin-left:45px}

.lab{background:linear-gradient(180deg,#090910,#05050a)}
.lab-header{display:grid;gap:20px;margin-bottom:70px}
.lab-header .display{max-width:1000px}
.lab-console{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid rgba(255,255,255,.16);min-height:520px;background:rgba(255,255,255,.025);backdrop-filter:blur(22px);box-shadow:0 50px 140px rgba(0,0,0,.45)}
.lab-sliders{padding:48px;display:grid;align-content:center;gap:54px;border-right:1px solid rgba(255,255,255,.12)}
.lab-sliders label{display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center}
.lab-sliders label span{font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.62);font-weight:800}
.lab-sliders output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--electric);font-size:24px}
.lab-sliders input{grid-column:1/-1;appearance:none;width:100%;height:2px;background:rgba(255,255,255,.15);outline:0}
.lab-sliders input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:2px solid #07070c;border-radius:50%;background:var(--electric);box-shadow:0 0 0 1px var(--electric),0 0 24px rgba(184,255,61,.55)}
.lab-sliders input::-moz-range-thumb{width:18px;height:18px;border:2px solid #07070c;border-radius:50%;background:var(--electric);box-shadow:0 0 0 1px var(--electric),0 0 24px rgba(184,255,61,.55)}
.lab-result{padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,rgba(142,108,255,.11),transparent 54%)}
.scanner{position:relative;width:180px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.12);margin-bottom:34px;background:repeating-radial-gradient(circle,transparent 0 18px,rgba(255,255,255,.06) 19px 20px)}
.scanner::before,.scanner::after{content:"";position:absolute;inset:18%;border:1px solid rgba(100,243,255,.24);border-radius:50%}
.scanner::after{inset:37%;background:var(--violet);box-shadow:0 0 42px var(--violet)}
.scanner i{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--electric),transparent);animation:scan 3s linear infinite}
.lab-result p{font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.4)}
.lab-result strong{font-size:clamp(36px,4vw,66px);line-height:.9;letter-spacing:-.05em;margin:8px 0 16px;color:var(--electric)}
.lab-result>span{min-height:42px;max-width:360px;color:rgba(255,255,255,.62);line-height:1.5;font-size:14px}
.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;margin-top:26px;background:var(--electric);color:#08080d;font-size:10px;letter-spacing:.13em;font-weight:900;transition:transform .25s ease,box-shadow .25s ease}
.action-button:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(184,255,61,.2)}
.action-button.dark{background:#0b0b12;color:var(--paper)}
.action-button:disabled{opacity:.35;filter:grayscale(1);transform:none;box-shadow:none}
.artifact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}
.artifact{position:relative;min-height:450px;padding:26px;background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.14);text-align:left;overflow:hidden;transition:.35s ease}
.artifact:hover{border-color:var(--electric);background:rgba(184,255,61,.035)}
.artifact-number{position:absolute;top:22px;left:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:rgba(255,255,255,.44)}
.artifact strong{position:absolute;left:26px;right:26px;bottom:62px;font-size:clamp(25px,2.4vw,39px);line-height:1;letter-spacing:-.04em}
.artifact small{position:absolute;left:26px;bottom:25px;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.4)}
.artifact-object{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.artifact:hover .artifact-object{transform:translate(-50%,-50%) scale(1.08) rotate(4deg)}
.moon-object{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 31% 26%,#fff 0 2%,#d8e7ff 5%,#6677aa 33%,#1a1e35 72%);box-shadow:0 0 80px rgba(100,243,255,.35)}
.moon-object::after{content:"";position:absolute;inset:24% 12% 42% 48%;border-radius:50%;background:rgba(0,0,0,.18);box-shadow:-37px 40px 0 4px rgba(0,0,0,.15),14px 57px 0 -3px rgba(255,255,255,.11)}
.key-object{width:170px;height:60px;border:13px solid var(--electric);border-radius:50% 0 0 50%;border-right:0;filter:drop-shadow(0 0 24px rgba(184,255,61,.38));transform:translate(-50%,-50%) rotate(-28deg)}
.key-object::before{content:"";position:absolute;left:62px;top:10px;width:120px;height:13px;background:var(--electric)}
.key-object::after{content:"";position:absolute;left:150px;top:10px;width:13px;height:42px;background:var(--electric);box-shadow:31px 0 0 var(--electric)}
.artifact:hover .key-object{transform:translate(-50%,-50%) rotate(-19deg) scale(1.08)}
.seed-object{width:112px;height:155px;border-radius:70% 30% 65% 35%/60% 45% 55% 40%;background:radial-gradient(circle at 35% 24%,#fff 0 2%,var(--alma) 8%,var(--violet) 55%,#160c25 100%);box-shadow:0 0 70px rgba(255,94,156,.35);transform:translate(-50%,-50%) rotate(28deg)}
.seed-object::after{content:"";position:absolute;left:55%;top:10%;width:2px;height:82%;background:rgba(255,255,255,.25);transform:rotate(12deg)}
.artifact:hover .seed-object{transform:translate(-50%,-50%) rotate(35deg) scale(1.08)}

.duo{display:grid;align-content:center}
.duo-copy{max-width:1180px}
.duo-copy .lead{max-width:760px;color:#4c4855}
.duo-machine{position:relative;margin:90px auto 0;width:min(100%,1050px);display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;gap:30px}
.duo-pad{position:relative;aspect-ratio:1;max-width:350px;width:100%;justify-self:center;border-radius:50%;background:#0a0a10;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(10,10,16,.25);box-shadow:inset 0 0 0 16px rgba(255,255,255,.03),0 22px 60px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
.duo-pad::before{content:"";position:absolute;inset:20px;border:1px dashed rgba(255,255,255,.16);border-radius:50%;animation:spin 12s linear infinite}
.duo-pad span{font-size:clamp(80px,10vw,150px);font-weight:900;line-height:.75;letter-spacing:-.08em}
.duo-pad strong{font-size:12px;letter-spacing:.18em;margin-top:28px}.duo-pad small{font-size:8px;letter-spacing:.14em;margin-top:8px;color:rgba(255,255,255,.4)}
.duo-pad.is-pressed{transform:scale(.96);box-shadow:inset 0 0 90px var(--person),0 0 70px color-mix(in srgb,var(--person) 50%,transparent)}
.alma-pad{--person:var(--alma)}.alma-pad span{color:var(--alma)}
.simon-pad{--person:var(--simon)}.simon-pad span{color:var(--simon)}
.duo-core{text-align:center;position:relative;z-index:2}
.duo-progress{height:7px;background:rgba(10,10,16,.12);overflow:hidden;margin-bottom:16px}
.duo-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--alma),var(--violet),var(--simon));box-shadow:0 0 18px var(--violet)}
.duo-core span{font-size:9px;letter-spacing:.14em;font-weight:800}
.duo-line{position:absolute;left:15%;right:15%;top:50%;height:1px;background:#0a0a10;opacity:.15}
.duo-line i{position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--violet);border-radius:50%;box-shadow:0 0 12px var(--violet);animation:travel 2.4s linear infinite}
.keyboard-hint{text-align:center;color:#67626f;font-size:12px;margin-top:35px}
kbd{padding:4px 7px;border:1px solid #c6c1ca;background:#fff;box-shadow:0 2px 0 #c6c1ca;font-size:10px}

.constellation{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:radial-gradient(circle at 70% 50%,rgba(100,243,255,.11),transparent 32%)}
.constellation-copy .display{font-size:clamp(48px,6vw,98px)}
.constellation-copy .lead{color:rgba(255,255,255,.57)}
.sky-lab{position:relative;min-height:680px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:40px 40px;overflow:hidden;box-shadow:0 45px 120px rgba(0,0,0,.38)}
#constellation-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.sky-counter{position:absolute;right:28px;top:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.48)}
.sky-counter span{font-size:40px;color:var(--electric)}
#reset-stars{position:absolute;left:24px;bottom:24px;padding:12px 16px;background:rgba(0,0,0,.4);color:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.14em}
.constellation-message{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);width:min(78%,560px);text-align:center;font-size:clamp(18px,2vw,28px);line-height:1.2;color:var(--electric);text-shadow:0 0 30px rgba(184,255,61,.3);pointer-events:none}

.future{padding-bottom:130px}
.future-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}
.future-console{min-height:600px;background:#090910;color:var(--paper);padding:44px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 35px 90px rgba(0,0,0,.22);overflow:hidden;position:relative}
.future-console::before{content:"TRANSMISSION / 2046 / FAMILY CHANNEL / PRIVATE";position:absolute;left:24px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.26)}
.future-date{font-size:clamp(120px,17vw,240px);font-weight:900;line-height:.72;letter-spacing:-.09em;color:var(--electric)}
.future-date span{display:block;margin-left:24%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.46)}
.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:100px;margin:30px 0}
.waveform i{display:block;width:3px;height:10px;background:var(--cyan);box-shadow:0 0 12px rgba(100,243,255,.35);transition:height .15s}
.waveform.playing i{animation:wave .55s ease-in-out infinite alternate}
.transmit-button{align-self:flex-end;padding:16px 20px;background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.18);font-size:10px;letter-spacing:.12em;font-weight:800}
.transmit-button span{color:var(--electric);margin-right:10px}
.future-copy .display{font-size:clamp(52px,6.8vw,106px)}
.future-letter{margin-top:50px;padding-left:30px;border-left:2px solid #0a0a10;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2vw,28px);line-height:1.7;color:#3e3a43;max-width:790px}
.capsule{margin-top:120px;border-top:1px solid rgba(10,10,16,.18);padding-top:50px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}
.capsule .kicker{color:#5d5765}.capsule h3{font-size:clamp(34px,4vw,68px);line-height:.95;letter-spacing:-.05em;margin:12px 0}.capsule p{color:#625e66;line-height:1.55}
.capsule form{display:grid;gap:12px}.capsule label{font-size:9px;letter-spacing:.15em;font-weight:800;color:#625e66}
.capsule textarea{width:100%;min-height:220px;resize:vertical;border:1px solid rgba(10,10,16,.2);background:transparent;padding:24px;color:#0a0a10;font-size:20px;line-height:1.5;outline:0;transition:border .2s,box-shadow .2s}
.capsule textarea:focus{border-color:#0a0a10;box-shadow:0 0 0 4px rgba(10,10,16,.06)}
.capsule-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.capsule-actions span{font-size:11px;color:#69646e}.capsule-actions .action-button{margin:0}

.gallery{background:#0a0a10}.gallery .display{max-width:1100px}.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:70px}.photo-card{margin:0;grid-column:span 4;background:#11111a;border:1px solid rgba(255,255,255,.12);padding:12px}.photo-card:nth-child(4n+1){grid-column:span 7}.photo-card:nth-child(4n+2){grid-column:span 5}.photo-card img{width:100%;height:440px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05)}.photo-card figcaption{padding:14px 4px 4px;color:rgba(255,255,255,.55);font-size:12px}

.vault{display:grid;place-items:center;min-height:120svh;background:radial-gradient(circle at 50% 50%,rgba(142,108,255,.16),transparent 32%),#05050a}
.vault-shell{position:relative;width:min(92vw,900px);aspect-ratio:1;display:grid;place-items:center;text-align:center}
.vault-rings{position:absolute;inset:0;display:grid;place-items:center}
.vault-rings i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13)}
.vault-rings i:nth-child(1){inset:1%;animation:spin 36s linear infinite}.vault-rings i:nth-child(2){inset:11%;border-style:dashed;animation:spin 26s linear infinite reverse}.vault-rings i:nth-child(3){inset:22%;border-color:rgba(184,255,61,.25);animation:spin 18s linear infinite}.vault-rings i:nth-child(4){inset:34%;border-color:rgba(100,243,255,.24);animation:spin 11s linear infinite reverse}
.vault-rings i::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--electric);top:50%;left:-4px;box-shadow:0 0 16px var(--electric)}
.vault-lock{position:absolute;top:13%;left:50%;transform:translateX(-50%);display:grid;gap:5px}.vault-lock span{font-size:24px;color:var(--electric);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vault-lock strong{font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.4)}
.vault-copy{position:relative;z-index:2;width:min(620px,74%)}.vault-copy h2{font-size:clamp(46px,6vw,92px);line-height:.88;letter-spacing:-.06em;margin:10px 0 25px}.vault-copy>p:not(.kicker){color:rgba(255,255,255,.56);line-height:1.55}
.final-letter{width:min(980px,92vw);background:var(--paper);color:#0b0b12;padding:clamp(40px,7vw,100px);position:relative;box-shadow:0 70px 180px rgba(0,0,0,.55);animation:letterOpen 1s cubic-bezier(.2,.75,.2,1) both}
.final-letter>p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.5vw,35px);line-height:1.65;margin:0}.final-letter>strong{display:block;margin-top:48px;font-size:13px;letter-spacing:.13em}.letter-seal{position:absolute;right:7%;top:-54px;width:108px;height:108px;border-radius:50%;background:#8d163e;color:#fff;display:grid;place-items:center;line-height:.6;font-family:Georgia,serif;font-size:24px;box-shadow:0 18px 35px rgba(77,8,28,.35),inset 0 0 0 8px rgba(255,255,255,.1);transform:rotate(7deg)}.letter-seal span{font-size:13px}.secret-phrase{margin-top:65px;padding:24px;border:1px solid #0b0b12;text-align:center;font-size:clamp(16px,2vw,25px);font-weight:900;letter-spacing:.12em}.surprise-coordinate{margin-top:60px;padding-top:35px;border-top:1px solid rgba(10,10,16,.2)}.surprise-coordinate>span{font-size:9px;letter-spacing:.15em;color:#69636e}.surprise-coordinate h3{font-size:clamp(32px,4vw,62px);line-height:.95;letter-spacing:-.04em;margin:14px 0}.surprise-coordinate p{font-size:17px;line-height:1.55;color:#524d57}.surprise-coordinate .action-button{width:max-content}

footer{min-height:72svh;padding:80px max(5vw,28px) 42px;background:var(--electric);color:#08080d;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.footer-big{font-size:clamp(180px,37vw,650px);font-weight:950;line-height:.58;letter-spacing:-.12em;margin-left:-.075em;white-space:nowrap}
footer p{font-size:clamp(19px,2vw,32px);letter-spacing:-.03em;margin:55px 0 12px}footer span{font-size:12px;letter-spacing:.16em;font-weight:800}footer>a{position:absolute;right:22px;bottom:18px;opacity:.2;font-size:22px}

.artifact-dialog{width:min(670px,calc(100% - 30px));border:1px solid rgba(255,255,255,.16);padding:55px;background:#0b0b12;color:var(--paper);box-shadow:0 60px 150px rgba(0,0,0,.7)}.artifact-dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(14px)}.artifact-dialog span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--electric);letter-spacing:.15em}.artifact-dialog h2{font-size:clamp(40px,6vw,76px);line-height:.9;letter-spacing:-.05em;margin:28px 0}.artifact-dialog p{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.65;color:rgba(255,255,255,.67)}.dialog-close{position:absolute;right:18px;top:15px;background:none;color:var(--paper);font-size:34px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);padding:15px 20px;background:var(--paper);color:#08080d;z-index:250;font-size:11px;letter-spacing:.08em;font-weight:800;box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .4s cubic-bezier(.2,.75,.2,1)}.toast.show{transform:translate(-50%,0)}.birthday-banner{position:fixed;inset:84px 0 auto;z-index:70;padding:13px;text-align:center;background:var(--electric);color:#08080d;font-size:12px;letter-spacing:.12em;font-weight:900}.birthday-mode .core-orb{animation:birthdayPulse 1.1s ease-in-out infinite alternate}.birthday-mode .grain{opacity:.26}

@keyframes signal{50%{height:64px;opacity:.55}}
@keyframes gridFloat{to{transform:translateY(48px)}}
@keyframes soundBar{to{height:17px}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes scan{to{transform:rotate(360deg)}}
@keyframes bob{50%{transform:translateY(7px)}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes travel{to{left:100%}}
@keyframes wave{to{height:84px}}
@keyframes letterOpen{from{opacity:0;transform:translateY(90px) rotateX(-18deg)}to{opacity:1;transform:none}}
@keyframes birthdayPulse{to{transform:scale(1.09);filter:hue-rotate(70deg)}}

@media (max-width:1050px){
  .topbar{grid-template-columns:1fr auto;padding:0 20px}.orbit-nav{display:none}.system-actions{grid-column:2}.hero{padding-top:150px}.hero-orbit{width:78vw;right:-21vw;top:19vh}.hero-side{display:none}.scroll-call{position:static;margin-top:45px;width:max-content}.manifesto-grid,.future-grid,.capsule,.constellation{grid-template-columns:1fr}.identity-stack{position:relative;top:auto;grid-template-columns:1fr 1fr}.identity-card{min-height:430px}.lab-console{grid-template-columns:1fr}.lab-sliders{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.artifact-grid{grid-template-columns:1fr 1fr}.artifact:last-child{grid-column:1/-1}.duo-machine{grid-template-columns:1fr 150px 1fr}.constellation-copy{max-width:850px}.sky-lab{min-height:620px}.future-console{min-height:500px}.capsule{gap:40px}.photo-card,.photo-card:nth-child(4n+1),.photo-card:nth-child(4n+2){grid-column:span 6}}

@media (max-width:720px){
  body{cursor:auto}.cursor-core,.cursor-ring{display:none}button,a{cursor:pointer}.topbar{height:68px}.brand svg{width:30px;height:30px}.live-clock{display:none}.section{padding:110px 20px 70px;min-height:auto}.section-index{top:86px;left:20px}.display{font-size:clamp(42px,15vw,70px)}.hero{min-height:100svh;padding-bottom:45px}.mega-title{font-size:clamp(120px,47vw,260px);margin-bottom:30px}.hero-subtitle{font-size:24px}.hero-statement{gap:11px;font-size:10px}.hero-orbit{width:105vw;right:-47vw;top:14vh;opacity:.62}.hero .micro-label{max-width:240px}.manifesto{padding-top:130px}.manifesto-grid{gap:55px}.identity-stack{grid-template-columns:1fr}.identity-card{min-height:380px;padding:24px}.identity-card h3{font-size:68px}.ticker{height:54px}.lab-header{margin-bottom:45px}.lab-console{min-height:auto}.lab-sliders,.lab-result{padding:30px 22px}.lab-sliders{gap:42px}.artifact-grid{grid-template-columns:1fr}.artifact,.artifact:last-child{grid-column:auto;min-height:380px}.duo{padding-top:130px}.duo-machine{grid-template-columns:1fr 1fr;gap:14px;margin-top:60px}.duo-core{grid-column:1/-1;grid-row:2}.duo-pad{max-width:190px}.duo-pad span{font-size:72px}.duo-pad strong{margin-top:18px}.duo-line{display:none}.keyboard-hint{display:none}.sky-lab{min-height:520px}.future-console{min-height:440px;padding:28px}.future-date{font-size:130px}.future-copy{margin-top:20px}.future-letter{padding-left:20px;margin-top:35px;font-size:20px}.capsule{margin-top:80px}.capsule-actions{align-items:flex-start;flex-direction:column}.capsule-actions .action-button{width:100%}.photo-card,.photo-card:nth-child(4n+1),.photo-card:nth-child(4n+2){grid-column:1/-1}.photo-card img{height:360px}.vault{min-height:110svh;padding-left:8px;padding-right:8px}.vault-shell{width:108vw}.vault-copy{width:64%}.vault-copy h2{font-size:46px}.vault-lock{top:8%}.final-letter{padding:60px 28px 38px}.letter-seal{width:84px;height:84px;top:-42px}.footer-big{font-size:47vw}.artifact-dialog{padding:50px 26px 32px}.artifact-dialog p{font-size:18px}.birthday-banner{top:68px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}