@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@500;700;900&display=swap");

:root { --ink:#020405; --paper:#ecfbff; --cyan:#58e8ff; --green:#12ff70; --pink:#ff286d; --muted:#91a8ad; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; color:var(--paper); background:#020405; font-family:Inter,Arial,sans-serif; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:20; background:linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,.18) 50%); background-size:100% 4px; mix-blend-mode:soft-light; }
.noise { position:fixed; inset:0; opacity:.055; pointer-events:none; z-index:21; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.stars { position:fixed; inset:0; pointer-events:none; opacity:.45; background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#58e8ff 1px,transparent 1px); background-size:73px 73px,127px 127px; background-position:0 0,30px 45px; }
.nav { position:absolute; z-index:10; top:0; left:0; right:0; height:88px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(88,232,255,.3); background:linear-gradient(#020405d9,transparent); font:500 12px DM Mono,monospace; letter-spacing:.15em; }
.brand { display:flex; gap:14px; align-items:center; color:#fff; text-decoration:none; font-weight:700; }
.pill-mark,.capsule { display:inline-block; width:18px; height:36px; border:2px solid #dffbff; border-radius:20px; overflow:hidden; transform:rotate(35deg); box-shadow:0 0 22px rgba(18,255,112,.7); background:#fff; }
.pill-mark { width:12px; height:25px; border-width:1px; }
.pill-mark i,.capsule i { display:block; height:50%; background:var(--green); border-bottom:2px solid #06150d; }
.signal { color:#b7c9cb; }.signal i { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green); animation:pulse 1.7s infinite; }
.nav-link { color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.35); padding:12px 16px; }
.hero { min-height:100svh; position:relative; display:flex; align-items:center; overflow:hidden; border-bottom:1px solid #1b474f; }
.hero-art { position:absolute; inset:0; transform:scale(1.02); will-change:transform; }
.hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#020405 0%,rgba(2,4,5,.84) 29%,rgba(2,4,5,.15) 62%,rgba(2,4,5,.1)),linear-gradient(0deg,#020405 0%,transparent 30%); }
.hero-art img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.08) contrast(1.04); }
.scanline { position:absolute; z-index:2; left:0; right:0; height:1px; top:10%; background:var(--cyan); opacity:.32; box-shadow:0 0 18px var(--cyan); animation:scan 8s linear infinite; }
.hero-copy { position:relative; z-index:3; width:min(720px,90vw); margin-left:6vw; padding-top:55px; }
.eyebrow,.section-number { color:#a9c2c6; font:500 11px DM Mono,monospace; letter-spacing:.22em; }
.eyebrow::before { content:"[ "; color:var(--pink); }.eyebrow::after { content:" ]"; color:var(--pink); }
.green { color:var(--green); }
h1,h2 { margin:20px 0; text-transform:uppercase; letter-spacing:-.07em; line-height:.79; }
h1 { font-size:clamp(92px,15vw,220px); font-weight:900; text-shadow:8px 8px 0 rgba(0,0,0,.35); }
h1 em,h2 em { color:var(--green); font-style:normal; text-shadow:0 0 40px rgba(18,255,112,.35); }
.lead { font:400 clamp(17px,2vw,24px)/1.55 DM Mono,monospace; color:#d3e6e8; }
.hero-actions { display:flex; gap:12px; margin-top:34px; }
.button { border:0; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; font:700 12px DM Mono,monospace; letter-spacing:.12em; text-decoration:none; }
.primary { color:#001007; background:var(--green); box-shadow:0 0 0 1px var(--green),0 0 34px rgba(18,255,112,.24); }
.primary:hover { background:#fff; transform:translateY(-2px); }
.ghost { color:#fff; border:1px solid #506267; background:rgba(2,4,5,.66); }
.orbit-label { position:absolute; z-index:4; padding:10px 14px; border:1px solid var(--pink); color:#ff7b9f; background:#090b10d9; font:11px DM Mono,monospace; letter-spacing:.15em; transform:rotate(-3deg); }
.label-a { right:8%; top:24%; }.label-b { right:18%; bottom:18%; transform:rotate(3deg); border-color:var(--cyan); color:var(--cyan); }
.scroll-cue { position:absolute; z-index:4; bottom:30px; left:6vw; color:#789195; font:10px DM Mono,monospace; letter-spacing:.2em; }
.ticker { overflow:hidden; border-block:1px solid var(--green); background:var(--green); color:#00150a; transform:rotate(-1deg) scale(1.02); }
.ticker div { width:max-content; display:flex; align-items:center; gap:30px; padding:15px 0; animation:ticker 24s linear infinite; font:900 17px Inter,sans-serif; letter-spacing:.08em; }
.ticker i { font-style:normal; }
.ritual { min-height:850px; position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8vw; padding:120px 8vw; background:radial-gradient(circle at 70% 50%,rgba(18,255,112,.08),transparent 28%); }
.section-number { position:absolute; top:55px; left:8vw; }
h2 { font-size:clamp(64px,9vw,145px); }
.ritual-copy p { max-width:510px; color:var(--muted); font:16px/1.8 DM Mono,monospace; }
.oracle { position:relative; min-height:520px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.oracle-halo { position:absolute; width:430px; height:430px; border:1px solid rgba(18,255,112,.2); border-radius:50%; box-shadow:inset 0 0 80px rgba(18,255,112,.05),0 0 100px rgba(18,255,112,.08); animation:spin 18s linear infinite; }
.oracle-halo::before,.oracle-halo::after { content:""; position:absolute; inset:45px; border:1px dashed rgba(88,232,255,.22); border-radius:50%; }.oracle-halo::after { inset:110px; border-color:rgba(255,40,109,.32); }
#refresh { position:relative; z-index:2; width:220px; height:220px; border-radius:50%; border:1px solid #42745a; color:#fff; background:#06110d; cursor:pointer; display:flex; flex-direction:column; gap:14px; align-items:center; justify-content:center; box-shadow:0 0 80px rgba(18,255,112,.12); }
#refresh:hover { border-color:var(--green); transform:scale(1.03); } #refresh b{font:700 15px DM Mono,monospace;letter-spacing:.2em} #refresh small{font:9px DM Mono;color:#78978a;letter-spacing:.14em}
.answer { z-index:2; margin-top:36px; color:var(--green); font:500 14px DM Mono,monospace; letter-spacing:.12em; }
.counter { z-index:2; margin-top:16px; color:#668078; font:10px DM Mono,monospace; letter-spacing:.14em; }
.counter span { color:#fff; }
.lore { padding:120px 4vw; border-top:1px solid #173e44; }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin:0 4vw 60px; }.section-head .section-number{position:static}.section-head h2{font-size:clamp(52px,7vw,110px);text-align:right}
.gallery { display:grid; grid-template-columns:1.25fr .75fr; gap:16px; }.gallery figure{margin:0;position:relative;overflow:hidden;border:1px solid #1c555e;background:#061014;min-height:500px}.gallery .wide{grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s,filter .7s}.gallery figure:hover img{transform:scale(1.03);filter:saturate(1.25)}.gallery figcaption{position:absolute;left:16px;bottom:16px;background:#020405dc;border-left:2px solid var(--green);padding:10px 14px;font:10px DM Mono;letter-spacing:.15em}
.gallery .crop-top img { object-position: 100% 12%; transform: scale(1.45); }
.gallery .crop-bottom img { object-position: 50% 100%; transform: scale(1.45); }
.gallery .crop-top:hover img,.gallery .crop-bottom:hover img { transform: scale(1.5); }
.hero-copy .lead strong { color:#fff; font-weight:800; }
.hero-thesis { margin:18px 0 0; font:700 clamp(13px,1.1vw,17px)/1.5 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#d8e7e8; }
.hero-thesis span { color:#fff; }
.hero-thesis em { color:var(--green); font-style:normal; }
.manifesto { position:relative; overflow:hidden; padding:140px 8vw; border-top:1px solid #173e44; background:linear-gradient(135deg,#020405,#061115); }.manifesto h2{position:relative;z-index:2}.planet{position:absolute;width:700px;height:700px;right:-220px;top:-120px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#1e5968,#07151a 55%,#010202 72%);box-shadow:-30px 0 80px rgba(88,232,255,.15)}.manifest-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#17383e;border:1px solid #17383e;margin-top:90px}.manifest-grid article{background:#04090b;padding:35px;min-height:230px}.manifest-grid b{font:10px DM Mono;color:var(--pink)}.manifest-grid h3{font-size:22px;margin-top:48px}.manifest-grid p{color:#72898d;font:13px/1.7 DM Mono}
.finale { min-height:95vh; position:relative; display:flex; align-items:center; justify-content:flex-end; overflow:hidden; padding:8vw; }.finale::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#020405 73%)}.finale img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}.finale>div{position:relative;z-index:2;text-align:right}.finale h2{font-size:clamp(74px,11vw,170px)}
footer{display:flex;justify-content:space-between;padding:28px 4vw;border-top:1px solid #21454c;color:#647b7f;font:10px DM Mono;letter-spacing:.12em}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 5px var(--green)}}@keyframes scan{to{top:90%}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.nav{height:68px;padding:0 18px}.signal{display:none}.nav-link{padding:9px;font-size:9px}.hero-copy{margin:0 20px;padding-top:80px}.hero-art img{object-position:58% center}.hero-art::after{background:linear-gradient(0deg,#020405 3%,rgba(2,4,5,.3) 65%,rgba(2,4,5,.7))}.hero{align-items:flex-end;padding-bottom:100px}h1{font-size:clamp(76px,27vw,128px)}.lead{font-size:14px}.orbit-label{display:none}.hero-actions{flex-direction:column;align-items:stretch}.ritual{grid-template-columns:1fr;padding:120px 24px 80px;gap:40px}.ritual h2{font-size:70px}.oracle{min-height:440px}.oracle-halo{width:330px;height:330px}.section-head{display:block;margin:0 0 35px}.section-head h2{text-align:left;font-size:58px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery .wide{min-height:390px;grid-row:auto}.manifesto{padding:100px 24px}.manifesto h2{font-size:62px}.manifest-grid{grid-template-columns:1fr;margin-top:55px}.finale{min-height:85vh;padding:24px;align-items:flex-end}.finale::after{background:linear-gradient(0deg,#020405 5%,transparent 75%)}.finale>div{text-align:left}.finale h2{font-size:82px}footer{gap:20px;flex-direction:column}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}