*{box-sizing:border-box}html{scroll-behavior:smooth;background:#060607}body{margin:0;background:#060607;color:#f3f0e9;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;min-height:100%;isolation:isolate}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.1;background-image:radial-gradient(#fff .45px,transparent .6px);background-size:7px 7px;z-index:50;mix-blend-mode:soft-light}.grain:after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 20%,#7127ff0c 42%,#a7ff4510 55%,transparent 76%);animation:grainDrift 12s linear infinite;will-change:transform}body:before,body:after{content:"";position:fixed;width:52vw;height:52vw;border-radius:50%;pointer-events:none;z-index:-2;filter:blur(80px);opacity:.15;will-change:transform}body:before{background:#5b21ff;right:-18vw;top:-14vw;animation:auroraA 16s ease-in-out infinite alternate}body:after{background:#a7ff45;left:-26vw;bottom:-28vw;animation:auroraB 19s ease-in-out infinite alternate}.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:80;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#a7ff45,#ffffff,#6c2cff);box-shadow:0 0 18px #a7ff45;will-change:transform}.cursor-glow{position:fixed;width:220px;height:220px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,#8b46ff22 0,#a7ff450d 36%,transparent 70%);transform:translate3d(-50%,-50%,0);will-change:transform;mix-blend-mode:screen}header{height:78px;position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(#060607e8,#06060782 60%,transparent);transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease}.brand{font-weight:900;letter-spacing:-.04em;position:relative}.brand:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:#a7ff45;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.16,1,.3,1)}.brand:hover:after{transform:scaleX(1);transform-origin:left}nav{display:flex;gap:2vw;font-size:11px;letter-spacing:.14em}nav a{position:relative;transition:color .25s ease,transform .25s ease}nav a:hover{color:#a7ff45;transform:translateY(-2px)}.hero{min-height:100vh;padding:18vh 6vw 8vh;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 58%,#6a2dff0e 74%,transparent 88%);transform:translate3d(-18%,0,0);animation:heroSweep 11s ease-in-out infinite;will-change:transform}.signal,.panel>span,.split span{font-size:10px;letter-spacing:.24em;color:#a7ff45;text-shadow:0 0 22px #a7ff4555}.coordinates{position:absolute;right:6vw;top:18vh;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#555}.coordinates b{color:#682cff}.hero h1{font-size:clamp(72px,14vw,210px);line-height:.72;letter-spacing:-.08em;margin:4vh 0 3vh;position:relative;z-index:2;transform:translateZ(0);will-change:transform}.hero h1 em{font-style:italic;color:transparent;-webkit-text-stroke:1px #f3f0e9;background:linear-gradient(90deg,#f3f0e9,#a7ff45,#7c3cff,#f3f0e9);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:rogueChromatic 8s linear infinite}.hero p{max-width:470px;color:#aaa6a0;line-height:1.6}.enter{margin-top:5vh;width:max-content;border-bottom:1px solid #a7ff45;padding:12px 0;font-size:12px;letter-spacing:.18em;position:relative;transition:letter-spacing .35s ease,color .35s ease}.enter:before{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}.enter:hover{letter-spacing:.25em;color:#fff}.enter:hover:before{transform:scaleX(1)}.enter span{color:#a7ff45;display:inline-block;transition:transform .35s ease}.enter:hover span{transform:translateX(8px)}.orb{position:absolute;width:45vw;height:45vw;border:1px solid #682cff;border-radius:50%;right:-10vw;top:20vh;opacity:.55;box-shadow:0 0 120px #4319a533,inset 0 0 90px #682cff11;will-change:transform}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;inset:10%;border:1px solid #a7ff4538;animation:orbitalSpin 18s linear infinite;will-change:transform}.orb:after{inset:24%;border-color:#ffffff22;animation-direction:reverse;animation-duration:11s}.panel{min-height:75vh;border-top:1px solid #222;padding:12vh 6vw;position:relative;overflow:hidden;contain:paint}.panel:before{content:"";position:absolute;width:46vw;height:46vw;border-radius:50%;right:-24vw;top:8vh;background:radial-gradient(circle,#6d2cff18 0,transparent 67%);transform:translate3d(0,0,0);transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1s ease;opacity:.55;will-change:transform}.panel:hover:before{transform:translate3d(-5vw,2vh,0) scale(1.08);opacity:.9}.panel:after{content:"";position:absolute;left:6vw;right:6vw;bottom:5vh;height:1px;background:linear-gradient(90deg,#a7ff45,transparent 38%,#682cff);opacity:.28;transform:scaleX(.72);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1)}.panel.is-visible:after{transform:scaleX(1)}.panel h2{font-size:clamp(50px,9vw,130px);line-height:.82;letter-spacing:-.07em;margin:4vh 0;position:relative;z-index:2;transition:transform .8s cubic-bezier(.16,1,.3,1),letter-spacing .8s cubic-bezier(.16,1,.3,1)}.panel:hover h2{transform:translate3d(1.2vw,0,0);letter-spacing:-.06em}.panel p{max-width:560px;color:#aaa6a0;font-size:18px;line-height:1.6;position:relative;z-index:2}.split{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:5vw}.panel:nth-of-type(even) h2{font-style:italic}.status{margin-top:8vh;font-size:10px;letter-spacing:.18em;color:#777}.status:before{content:"";display:inline-block;width:34px;height:1px;background:#a7ff45;margin:0 12px 3px 0;animation:pulseLine 2.2s ease-in-out infinite}footer{border-top:1px solid #222;min-height:35vh;padding:10vh 6vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}footer:before{content:"";position:absolute;inset:auto -10vw -28vw auto;width:55vw;height:55vw;border-radius:50%;border:1px solid #672cff44;box-shadow:0 0 100px #672cff19;animation:footerOrbit 20s linear infinite;will-change:transform}footer strong{font-size:clamp(48px,10vw,140px);letter-spacing:-.07em;position:relative;z-index:2;background:linear-gradient(90deg,#f3f0e9 0 36%,#a7ff45 52%,#7c3cff 70%,#f3f0e9 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rogueChromatic 10s linear infinite}.footerline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.footerline span{font-size:10px;color:#777;letter-spacing:.15em}.footerline a{font-size:10px;letter-spacing:.15em;color:#a7ff45;transition:transform .3s ease}.footerline a:hover{transform:translateY(-3px)}@keyframes grainDrift{to{transform:translate3d(7%,4%,0)}}@keyframes auroraA{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(-12vw,14vh,0) scale(1.15)}}@keyframes auroraB{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(16vw,-10vh,0) scale(1.12)}}@keyframes heroSweep{0%,100%{transform:translate3d(-22%,0,0)}50%{transform:translate3d(24%,0,0)}}@keyframes rogueChromatic{to{background-position:220% 0}}@keyframes orbitalSpin{to{transform:rotate(360deg)}}@keyframes pulseLine{0%,100%{transform:scaleX(.55);opacity:.45}50%{transform:scaleX(1.25);opacity:1}}@keyframes footerOrbit{to{transform:rotate(360deg)}}@media(max-width:760px){nav{gap:14px;overflow:auto;max-width:68vw}.split{grid-template-columns:1fr}.hero{padding-left:5vw}.panel{padding:10vh 5vw}.orb{width:80vw;height:80vw;right:-40vw}.coordinates{display:none}.footerline{gap:30px;align-items:flex-end}.cursor-glow{display:none}.panel:hover h2{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cursor-glow{display:none}}