:root{--ink:#030713;--navy:#061025;--ivory:#f4f0df;--blue:#1556ff;--bio:#52dfff;--line:rgba(117,171,255,.22);--muted:#8290a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;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='.7'/%3E%3C/svg%3E")}.topbar{height:82px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;position:relative;z-index:5;background:rgba(3,7,19,.82);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ivory);text-decoration:none;font-weight:800;font-size:12px;line-height:.95;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);font:500 12px monospace;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}nav{display:flex;height:100%}nav a{color:var(--muted);text-decoration:none;font:500 11px monospace;letter-spacing:.18em;display:grid;place-items:center;padding:0 28px;position:relative}nav a:hover,nav a.active{color:var(--ivory)}nav a.active:after{content:"";position:absolute;bottom:-1px;left:25%;right:25%;height:2px;background:var(--bio);box-shadow:0 0 12px var(--bio)}button{font:inherit}.connect{justify-self:end;border:1px solid var(--line);background:rgba(21,86,255,.06);color:#8795ac;padding:12px 16px;font:500 10px monospace;letter-spacing:.1em;cursor:not-allowed}.connect span{display:inline-block;width:6px;height:6px;background:#4c5770;border-radius:50%;margin-right:8px}.hero{min-height:calc(100vh - 82px);padding:7vh 5vw 5vh;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(480px,1.15fr);gap:6vw;align-items:center;position:relative;background:radial-gradient(circle at 74% 38%,rgba(21,86,255,.14),transparent 33%),linear-gradient(rgba(40,107,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,107,255,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.intro{position:relative;z-index:2}.eyebrow{display:flex;justify-content:space-between;max-width:490px;color:var(--bio);font:400 10px monospace;letter-spacing:.14em;margin-bottom:25px}.pulse:before{content:"";display:inline-block;width:6px;height:6px;background:var(--bio);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--bio);animation:pulse 1.7s infinite}@keyframes pulse{50%{opacity:.25}}h1,h2{margin:0;letter-spacing:-.07em;line-height:.84;font-weight:800}h1{font-size:clamp(62px,7.5vw,128px)}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--blue);text-shadow:0 0 35px rgba(21,86,255,.18)}.lead{max-width:500px;color:#aab3c4;line-height:1.75;font-size:14px;margin:34px 0}.depth-readout{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);max-width:500px;padding-top:16px}.depth-readout small,.depth-readout strong{display:block;font-family:monospace}.depth-readout small{font-size:8px;color:#5d6b84;letter-spacing:.18em;margin-bottom:8px}.depth-readout strong{font-size:12px;font-weight:400}.mint-console{position:relative;z-index:2;max-width:760px}.sonar-card{position:relative;border:1px solid var(--line);padding:38px;background:rgba(4,12,31,.72);overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.45)}.sonar-card:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(82,223,255,.08);border-radius:50%;left:15%;top:-14%;box-shadow:0 0 0 60px rgba(82,223,255,.025),0 0 0 120px rgba(82,223,255,.018)}.card-meta,.coordinates,.selector-title{display:flex;justify-content:space-between;font:400 9px monospace;letter-spacing:.13em;color:#7791b5}.card-meta span:last-child{color:var(--bio)}.sonar-card img{display:block;width:100%;height:auto;position:relative;filter:drop-shadow(0 0 26px rgba(21,86,255,.32));transition:opacity .1s,transform .18s}.sonar-card img.switching{opacity:0;transform:translateY(4px)}.coordinates{color:#526786}.coordinates span:nth-child(2){color:var(--bio)}.scanline{position:absolute;z-index:3;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--bio),transparent);box-shadow:0 0 15px var(--blue);animation:scan 4.5s linear infinite;opacity:.5}@keyframes scan{from{top:15%}to{top:88%}}.corner{position:absolute;width:15px;height:15px;border-color:var(--bio)}.c1{left:10px;top:10px;border-left:1px solid;border-top:1px solid}.c2{right:10px;top:10px;border-right:1px solid;border-top:1px solid}.c3{left:10px;bottom:10px;border-left:1px solid;border-bottom:1px solid}.c4{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.selector-wrap{margin-top:18px}.selector-title{margin-bottom:9px}.selector{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.thumb{position:relative;padding:0;border:1px solid var(--line);background:#071027;cursor:pointer;overflow:hidden;transition:.2s}.thumb img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.thumb span{position:absolute;left:4px;bottom:3px;color:#a5b7d1;font:8px monospace}.thumb:hover,.thumb.selected{border-color:var(--bio);box-shadow:0 0 16px rgba(82,223,255,.16)}.mint-controls{display:grid;grid-template-columns:190px 1fr;margin-top:18px}.quantity{border:1px solid var(--line);padding:11px 14px;display:flex;justify-content:space-between;align-items:center}.quantity>span{font:9px monospace;color:#6d7b91;letter-spacing:.12em}.quantity div{display:flex;align-items:center;gap:12px}.quantity button{color:var(--ivory);background:transparent;border:0;font:18px monospace;cursor:pointer}.quantity output{font:14px monospace}.mint-button{border:0;background:linear-gradient(100deg,#0f48e5,#176bff);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 22px;cursor:not-allowed;opacity:.78}.mint-button span{font:800 13px system-ui;letter-spacing:.1em}.mint-button small{font:8px monospace;opacity:.7}.disclaimer{text-align:center;color:#52617a;font:8px monospace;letter-spacing:.1em}.ambient-whale{position:absolute;opacity:.08;background:var(--bio);clip-path:polygon(2% 44%,15% 34%,58% 28%,79% 38%,90% 48%,100% 30%,96% 52%,100% 69%,88% 57%,76% 69%,50% 75%,20% 65%);filter:blur(1px)}.whale-a{width:280px;height:100px;left:-80px;top:16%;animation:drift 13s ease-in-out infinite}.whale-b{width:170px;height:64px;right:-30px;bottom:4%;animation:drift 9s ease-in-out infinite reverse}@keyframes drift{50%{transform:translate(30px,15px)}}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw}.stats div{padding:30px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span,.stats strong{display:block;font-family:monospace}.stats span{font-size:8px;letter-spacing:.16em;color:#62728e;margin-bottom:8px}.stats strong{font-size:18px;font-weight:400}.stats .blue{color:var(--bio)}.pod,.lore{min-height:70vh;padding:9vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;border-bottom:1px solid var(--line);opacity:.4;transform:translateY(25px);transition:.8s}.pod.in-view,.lore.in-view{opacity:1;transform:none}.section-number{font:10px monospace;color:var(--bio);letter-spacing:.18em}.pod h2,.lore h2{font-size:clamp(48px,7vw,105px);margin-top:25px}.pod p,.lore p{color:#8794a9;line-height:1.9;max-width:510px}.lore{background:radial-gradient(circle at 24% 50%,rgba(21,86,255,.13),transparent 32%)}.radar{width:min(38vw,470px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 18%,rgba(82,223,255,.08) 18.4% 18.8%),linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--line) 50%,transparent 50.2%)}.radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 82%,rgba(82,223,255,.35));animation:rotate 5s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}footer{display:flex;justify-content:space-between;padding:26px 5vw;color:#52617a;font:8px monospace;letter-spacing:.12em}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.connect{font-size:0}.connect:after{content:'OFFLINE';font-size:9px}.hero{grid-template-columns:1fr;padding-top:55px}.intro{max-width:670px}.mint-console{width:100%}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.pod,.lore{grid-template-columns:1fr;gap:50px}.radar{width:min(80vw,470px);margin:auto}.lore>div:last-child{grid-row:1}.lore .radar{grid-row:2}}
@media(max-width:560px){.topbar{height:68px;padding:0 18px}.hero{padding:45px 18px}.eyebrow{font-size:8px}h1{font-size:15.5vw}.lead{font-size:13px}.sonar-card{padding:24px 15px}.selector{grid-template-columns:repeat(4,1fr)}.mint-controls{grid-template-columns:1fr}.quantity{height:54px}.mint-button{height:58px}.stats{padding:0}.stats div{padding:22px 18px}.pod,.lore{padding:90px 22px;min-height:auto}.pod h2,.lore h2{font-size:14vw}footer{gap:16px;line-height:1.5;flex-direction:column}.depth-readout strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}