:root{
  --ink:#05071b;--deep:#08153c;--blue:#0c38a0;--cyan:#47eaff;--violet:#8c4dff;--pink:#ff79dc;--peach:#ffd09c;--paper:#f5f3ff;
  --panel:rgba(5,10,35,.72);--line:rgba(142,204,255,.24);
  --mx:0px;--my:0px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--paper);background:#05071b;font-family:"Courier New",ui-monospace,monospace;overflow-x:hidden;min-width:1180px}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.055;background-image:radial-gradient(rgba(255,255,255,.75) .6px,transparent .7px);background-size:4px 4px;mix-blend-mode:screen}.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:2;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(72,229,255,.12),rgba(129,63,255,.04) 42%,transparent 70%);filter:blur(5px)}
.topbar{position:fixed;left:30px;right:30px;top:22px;height:58px;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px 0 18px;border:1px solid rgba(170,223,255,.23);background:rgba(3,8,31,.72);backdrop-filter:blur(18px);box-shadow:0 10px 45px rgba(0,0,25,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand img{width:34px;height:24px;object-fit:contain;filter:drop-shadow(0 0 12px #49e7ff)}.topnav{display:flex;gap:34px;font-size:11px;letter-spacing:.17em;color:#b9c8ff}.topnav a{position:relative}.topnav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--cyan);transition:.25s}.topnav a:hover:after{right:0}.top-actions{display:flex;justify-content:flex-end;gap:8px}.micro-btn{font-size:10px;letter-spacing:.1em;border:1px solid rgba(173,214,255,.28);padding:10px 12px;background:rgba(22,31,77,.45);transition:.2s}.micro-btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 24px rgba(71,234,255,.2)}.micro-btn.hot{background:linear-gradient(135deg,#5a31ff,#da5bd5);border-color:transparent}
.hero{height:1080px;min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:54% 46%;align-items:center;padding:120px 8vw 80px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,29,.96) 0%,rgba(4,8,34,.78) 37%,rgba(3,6,25,.18) 69%,rgba(4,5,25,.55) 100%),linear-gradient(0deg,#05071b 0%,transparent 22%,transparent 75%,rgba(5,7,27,.36) 100%);z-index:0}.hero-bg{position:absolute;inset:-60px;background:url('../assets/background/hero.webp') center/cover no-repeat;filter:saturate(1.12) contrast(1.05);z-index:0;transform:translate3d(var(--mx-bg),var(--my-bg),0) scale(1.05)}.hero-lines{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(94,228,255,.025) 8px);mix-blend-mode:screen}.hero-copy{position:relative;z-index:4;max-width:870px;margin-top:30px}.eyebrow,.section-tag,.kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:#8defff}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(112,226,255,.24);background:rgba(4,14,48,.55);padding:11px 15px}.dot{width:7px;height:7px;background:#8df7ff;box-shadow:0 0 14px #56efff;animation:pulse 1.9s infinite}.hero h1{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(92px,7vw,152px);line-height:.78;letter-spacing:-.055em;margin:36px 0 12px;text-shadow:5px 5px 0 #2838a2,10px 10px 0 rgba(205,80,255,.32),0 0 45px rgba(74,233,255,.16)}.ticker{font-family:Impact,"Arial Black",sans-serif;font-size:50px;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 22px rgba(71,234,255,.68)}.lead{max-width:660px;color:#c2c9f5;font:20px/1.6 Georgia,serif;margin:28px 0 34px}.ca-shell{max-width:740px;padding:16px 18px;border:1px solid rgba(100,222,255,.26);background:linear-gradient(90deg,rgba(11,20,64,.86),rgba(8,12,41,.58));box-shadow:inset 0 0 0 1px rgba(214,143,255,.04),0 16px 40px rgba(0,0,0,.23);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.ca-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#748ad2;margin-bottom:11px}.ca-row{display:flex;gap:14px;align-items:center}.ca-row code{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px;color:#d7e5ff}.copy-btn{border:1px solid #60eaff;background:#102968;color:#dfffff;padding:11px 17px;cursor:pointer;font-weight:900;font-size:11px;letter-spacing:.08em;transition:.2s}.copy-btn:hover{background:#1e51a2;box-shadow:0 0 24px rgba(71,234,255,.22)}.hero-links{display:flex;gap:11px;margin-top:20px}.cta{display:flex;flex-direction:column;min-width:170px;padding:14px 16px;border:1px solid rgba(186,217,255,.24);background:rgba(8,13,45,.68);font-weight:900;font-size:13px;letter-spacing:.05em;transition:.2s}.cta span{font-size:8px;letter-spacing:.22em;color:#8b9cdb;margin-bottom:4px}.cta:hover{transform:translateY(-3px);border-color:#75e7ff;box-shadow:0 12px 34px rgba(21,91,255,.18)}.cta.primary{background:linear-gradient(135deg,#1437a8,#8a3aff)}.cta.ghost{background:rgba(6,10,32,.42)}
.hero-creature-wrap{position:relative;z-index:3;width:min(720px,43vw);justify-self:end;align-self:center;transform:translate3d(var(--mx-creature),var(--my-creature),0);filter:drop-shadow(0 40px 40px rgba(0,0,30,.65))}.hero-creature{display:block;width:100%;height:auto;image-rendering:pixelated;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 32px rgba(55,119,255,.25))}.halo{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;left:17%;top:17%;background:radial-gradient(circle,rgba(74,237,255,.23),rgba(141,61,255,.16) 45%,transparent 70%);filter:blur(24px);animation:halo 3.2s ease-in-out infinite}.face-hotspot{position:absolute;left:38%;top:31%;width:25%;height:18%;border:0;background:transparent;cursor:pointer}.hero-creature-wrap.signal-pop .hero-creature{animation:pop .55s cubic-bezier(.2,1.7,.2,1),float 6s ease-in-out infinite .55s}.hero-creature-wrap.signal-pop:after{content:"HELLO?";position:absolute;left:52%;top:27%;font-weight:900;color:#fff;letter-spacing:.16em;text-shadow:0 0 15px #75f4ff;animation:fadepop .9s forwards}.depth-label{position:absolute;z-index:5;bottom:40px;font-size:10px;letter-spacing:.22em;color:#6680c3}.depth-label.left{left:44px}.depth-label.right{right:44px}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:28px;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#9bb0e5;display:flex;flex-direction:column;gap:7px;align-items:center}.scroll-cue span{width:1px;height:36px;background:linear-gradient(#67eaff,transparent)}
.marquee{height:62px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(100,223,255,.22);border-bottom:1px solid rgba(100,223,255,.22);background:#09123a}.marquee-track{display:flex;gap:30px;align-items:center;white-space:nowrap;min-width:max-content;animation:marquee 28s linear infinite;font-size:12px;font-weight:900;letter-spacing:.17em;color:#d6dcff}.marquee i{color:#69f0ff;font-style:normal;text-shadow:0 0 12px #6edcff}
.section{position:relative;min-height:900px;overflow:hidden}.drift{display:grid;grid-template-columns:1.05fr .85fr;grid-template-rows:auto 1fr;padding:120px 9vw 100px;background:#060a27}.ambient-bg{position:absolute;inset:0;background:url('../assets/background/ambient.webp') center/cover;opacity:.4;mix-blend-mode:screen}.ambient-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050923 10%,rgba(4,8,31,.74) 50%,#080828 100%)}.section-tag{position:absolute;right:8vw;top:68px;z-index:2}.drift-copy{position:relative;z-index:2;max-width:720px;padding-top:80px}.kicker{margin:0 0 22px;color:#79ebff}.section h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:72px;line-height:.95;letter-spacing:-.025em;margin:0 0 28px}.drift-copy p:not(.kicker),.deep-copy p:not(.kicker),.signal-copy p:not(.kicker){max-width:690px;font:20px/1.7 Georgia,serif;color:#bac5f0}.drift-orbit{position:relative;z-index:2;align-self:center;justify-self:center;width:550px;aspect-ratio:1}.drift-orbit img{position:absolute;width:62%;left:19%;top:17%;image-rendering:pixelated;filter:drop-shadow(0 0 34px rgba(76,227,255,.34));animation:float 5.4s ease-in-out infinite reverse}.ring{position:absolute;border:1px solid rgba(83,223,255,.24);border-radius:50%;inset:3%;animation:spin 20s linear infinite}.ring:before,.ring:after{content:"";position:absolute;width:9px;height:9px;background:#85f7ff;box-shadow:0 0 18px #48e8ff;top:9%;left:22%}.ring:after{top:auto;left:auto;right:13%;bottom:18%;background:#ff9ee5}.r2{inset:14%;animation-direction:reverse;animation-duration:14s;border-style:dashed}.r3{inset:27%;animation-duration:9s}.bubble{position:absolute;border:2px solid rgba(149,235,255,.62);border-radius:50%;box-shadow:inset 0 0 14px rgba(117,149,255,.25),0 0 16px rgba(79,222,255,.1)}.b1{width:52px;height:52px;left:1%;top:26%;animation:float 3.6s ease-in-out infinite}.b2{width:24px;height:24px;right:6%;top:19%;animation:float 4.6s ease-in-out infinite reverse}.b3{width:34px;height:34px;right:2%;bottom:19%;animation:float 5.2s ease-in-out infinite}.rule-card{position:relative;z-index:2;grid-column:1/-1;align-self:end;width:640px;margin-left:auto;border-top:1px solid #4664bd;border-bottom:1px solid #4664bd;padding:24px 0;display:grid;grid-template-columns:110px 1fr;gap:12px 20px}.rule-card span{grid-row:1/3;color:#6feaff;font-size:10px;letter-spacing:.15em}.rule-card strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.rule-card small{color:#7285bd;letter-spacing:.08em}
.deep{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:7vw;padding:100px 8vw;background:linear-gradient(135deg,#07113d 0%,#09082b 46%,#140735 100%)}.deep:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 45%,rgba(39,82,218,.21),transparent 35%),radial-gradient(circle at 82% 32%,rgba(222,70,197,.12),transparent 30%)}.deep-image{position:relative;z-index:2;height:680px;border:1px solid rgba(116,225,255,.28);overflow:hidden;clip-path:polygon(0 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}.deep-image img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transform:scale(1.03);transition:transform 1s ease}.deep-image:hover img{transform:scale(1.085)}.scanline{position:absolute;left:0;right:0;height:120px;top:-140px;background:linear-gradient(transparent,rgba(106,240,255,.12),transparent);animation:scan 5s linear infinite}.depth-stamp{position:absolute;left:20px;bottom:20px;background:rgba(2,8,33,.78);border-left:3px solid #76eeff;padding:12px 15px;font-size:9px;letter-spacing:.16em}.depth-stamp b{display:block;margin-top:6px;color:#ffb1e5}.deep-copy{position:relative;z-index:2}.whispers{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.whispers span{border:1px solid rgba(127,186,255,.2);padding:11px 13px;background:rgba(19,27,79,.38);font-size:10px;letter-spacing:.12em;color:#a8b6e9}
.signal{min-height:840px;padding:110px 9vw;background:#04071b;display:grid;grid-template-columns:310px 1fr;grid-template-rows:auto 1fr;gap:50px 7vw;align-items:center}.signal:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(52,98,209,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(52,98,209,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}.signal-mark{position:relative;z-index:2;width:280px;aspect-ratio:1;border:1px solid rgba(100,224,255,.22);display:grid;place-items:center;background:radial-gradient(circle,rgba(73,116,255,.2),transparent 67%);transform:rotate(-4deg);box-shadow:0 0 0 12px rgba(20,44,108,.08)}.signal-mark img{width:72%;filter:drop-shadow(0 0 27px rgba(87,232,255,.7))}.signal-copy{position:relative;z-index:2;max-width:940px}.portal-grid{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portal-grid a{position:relative;min-height:180px;border:1px solid rgba(109,180,255,.22);background:linear-gradient(145deg,rgba(11,25,76,.7),rgba(18,8,53,.68));padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:.25s}.portal-grid a:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,#5eeaff,transparent 65%);opacity:.12;transition:.25s}.portal-grid a:hover{transform:translateY(-5px);border-color:#6cecff;box-shadow:0 20px 60px rgba(15,43,126,.25)}.portal-grid a:hover:before{opacity:.25;transform:scale(1.4)}.portal-grid span{position:absolute;left:20px;top:18px;color:#5870bd;font-size:11px}.portal-grid strong{font-family:Impact,"Arial Black",sans-serif;font-size:31px;letter-spacing:.03em}.portal-grid em{font-style:normal;color:#8da0dc;font-size:10px;margin-top:9px;letter-spacing:.1em}
.final{min-height:900px;display:flex;align-items:center;padding:100px 8vw;background:#06071b}.final-bg{position:absolute;inset:0;background:url('../assets/background/hero.webp') center 65%/cover no-repeat;filter:saturate(.82) brightness(.42)}.final:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,25,.36),rgba(5,7,27,.98) 74%),linear-gradient(0deg,#05071b 0%,transparent 35%,rgba(6,7,31,.8))}.final-inner{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:5vw}.final-creature{width:540px;justify-self:center;image-rendering:pixelated;filter:drop-shadow(0 0 30px rgba(68,197,255,.26));animation:float 6s ease-in-out infinite}.final-copy h2{font-size:92px}.final-copy h2 small{display:block;color:#64eaff;font-size:.46em;letter-spacing:.04em;margin-top:13px}.final-ca{border-top:1px solid rgba(108,232,255,.28);border-bottom:1px solid rgba(108,232,255,.28);padding:18px 0;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px}.final-ca span{color:#69e9ff;font-weight:900}.final-ca code{overflow:hidden;text-overflow:ellipsis;color:#bdc9f2}.final-ca button{cursor:pointer;border:1px solid rgba(104,229,255,.5);background:#0b255d;color:#dffcff;padding:11px 18px}.final-actions{display:flex;gap:12px;margin-top:22px}.final-actions a{border:1px solid rgba(135,177,255,.24);padding:13px 17px;font-size:11px;font-weight:900;letter-spacing:.1em;transition:.2s}.final-actions a:hover{border-color:#68eaff;transform:translateY(-2px)}footer{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-top:1px solid rgba(94,155,255,.15);background:#030514;color:#52628e;font-size:10px;letter-spacing:.16em}.toast{position:fixed;z-index:120;left:50%;bottom:44px;transform:translate(-50%,25px);opacity:0;background:#dffcff;color:#07113a;padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:.13em;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-16px) rotate(.8deg)}}@keyframes pulse{50%{opacity:.38;box-shadow:0 0 2px #56efff}}@keyframes halo{50%{transform:scale(1.08);opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{to{top:100%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pop{50%{transform:scale(1.08) rotate(2deg)}}@keyframes fadepop{0%{opacity:0;transform:translateY(12px)}25%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
@media (max-width:1450px){.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:105px}.hero-creature-wrap{width:600px}.section h2{font-size:60px}.drift{padding-left:7vw;padding-right:7vw}.drift-orbit{width:480px}.final-copy h2{font-size:76px}}