:root{--bg-dark:#070709;--bg-darker:#030304;--color-yellow:#ffe600;--color-gold:#ffb703;--color-orange:#fb8500;--color-hot-orange:#ff5400;--color-deep-orange:#d00000;--color-text-dim:#ffffff73;--font-display:"Syne", "Outfit", system-ui, -apple-system, sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:#fff;width:100%;height:100%;font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}.particles-canvas{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}::selection{background:var(--color-orange);color:#000}.scorpion-wrapper{cursor:pointer;width:min(72vw,38vh,350px);height:min(72vw,38vh,350px);transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;margin:0 auto;transition:transform .15s cubic-bezier(.2,0,.2,1);display:flex;position:relative}.scorpion-ambient-glow{filter:blur(28px);pointer-events:none;z-index:0;background:radial-gradient(circle closest-side,#ffaa003d 0%,#ff6e0021 42%,#ff46000a 72%,#0000 100%);border-radius:50%;width:95%;height:95%;animation:5s ease-in-out infinite alternate ambientAura;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ambientAura{0%{opacity:.7;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.scorpion-svg{z-index:1;filter:drop-shadow(0 15px 30px #000000e6)drop-shadow(0 0 25px #ff8c002e);width:100%;height:100%;animation:4.5s ease-in-out infinite alternate scorpionBreathe;position:relative;overflow:visible}@keyframes scorpionBreathe{0%{transform:translateY(0)scale(.985)}to{transform:translateY(-7px)scale(1.015)}}.pedipalp-left{transform-origin:255px 240px;animation:5s ease-in-out infinite alternate pedipalpLeftHover}.pedipalp-right{transform-origin:345px 240px;animation:5s ease-in-out infinite alternate pedipalpRightHover}@keyframes pedipalpLeftHover{0%{transform:rotate(0)}50%{transform:rotate(2.5deg)translateY(-2px)}to{transform:rotate(-1.5deg)translateY(1px)}}@keyframes pedipalpRightHover{0%{transform:rotate(0)}50%{transform:rotate(-2.5deg)translateY(-2px)}to{transform:rotate(1.5deg)translateY(1px)}}.claw-finger-movable-l{transform-origin:112px 36px;animation:3.8s cubic-bezier(.4,0,.2,1) infinite clawSnapLeft}.claw-finger-movable-r{transform-origin:488px 36px;animation:3.8s cubic-bezier(.4,0,.2,1) infinite clawSnapRight}@keyframes clawSnapLeft{0%,to{transform:rotate(0)}28%{transform:rotate(-14deg)}42%{transform:rotate(4deg)}48%{transform:rotate(0)}75%{transform:rotate(-8deg)}}@keyframes clawSnapRight{0%,to{transform:rotate(0)}28%{transform:rotate(14deg)}42%{transform:rotate(-4deg)}48%{transform:rotate(0)}75%{transform:rotate(8deg)}}.leg-l1,.leg-r1{animation:3.2s ease-in-out infinite alternate legFlexFore}.leg-l2,.leg-r2{animation:3.6s ease-in-out -.9s infinite alternate legFlexMid}.leg-l3,.leg-r3{animation:4s ease-in-out -1.8s infinite alternate legFlexRear}.leg-l4,.leg-r4{animation:4.4s ease-in-out -2.5s infinite alternate legFlexHind}.leg-l1{transform-origin:245px 285px}.leg-r1{transform-origin:355px 285px}.leg-l2{transform-origin:245px 318px}.leg-r2{transform-origin:355px 318px}.leg-l3{transform-origin:248px 355px}.leg-r3{transform-origin:352px 355px}.leg-l4{transform-origin:252px 390px}.leg-r4{transform-origin:348px 390px}@keyframes legFlexFore{0%{transform:rotate(0)}50%{transform:rotate(-2.5deg)scaleX(1.02)}to{transform:rotate(1.5deg)}}@keyframes legFlexMid{0%{transform:rotate(0)}50%{transform:rotate(2deg)scaleY(.98)}to{transform:rotate(-1.8deg)}}@keyframes legFlexRear{0%{transform:rotate(0)}50%{transform:rotate(-1.8deg)}to{transform:rotate(2.2deg)scaleX(.98)}}@keyframes legFlexHind{0%{transform:rotate(0)}50%{transform:rotate(2.5deg)}to{transform:rotate(-1.5deg)scaleY(1.02)}}.scorpion-tail-assembly{transform-origin:300px 450px;animation:4.8s cubic-bezier(.45,.05,.55,.95) infinite alternate tailSway}@keyframes tailSway{0%{transform:rotate(0)}35%{transform:rotate(-3deg)translateY(-2px)}70%{transform:rotate(3deg)translateY(-1px)}to{transform:rotate(-1deg)translateY(0)}}.tail-telson-stinger{transform-origin:300px 148px;animation:3s ease-in-out infinite alternate telsonStrikeIdle}@keyframes telsonStrikeIdle{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.04)}to{transform:translateY(2px)scale(.98)}}.telson-bulb{animation:2.8s ease-in-out infinite alternate venomBulbPulse}@keyframes venomBulbPulse{0%{filter:drop-shadow(0 0 6px #ff8c00);opacity:.92}50%{filter:drop-shadow(0 0 18px #ffe600);opacity:1}to{filter:drop-shadow(0 0 10px #ff5400);opacity:.94}}.stinger-spark{animation:1.6s ease-in-out infinite alternate stingerSpark}@keyframes stingerSpark{0%{r:3.5;opacity:.85}50%{r:6.5;opacity:1}to{r:4;opacity:.9}}.stinger-plasma-halo{animation:2.2s ease-in-out infinite stingerHalo}@keyframes stingerHalo{0%,to{r:8;opacity:.5}50%{r:16;opacity:.95}}.venom-drop{animation:2s ease-in-out infinite alternate dropFlicker}@keyframes dropFlicker{0%{opacity:.8;transform:translateY(0)}80%{opacity:1;transform:translateY(-6px)}to{opacity:.2;transform:translateY(-8px)}}.tail-energy-line{stroke-dasharray:24 10;animation:2.2s linear infinite tailEnergyFlow}@keyframes tailEnergyFlow{0%{stroke-dashoffset:34px}to{stroke-dashoffset:0}}.reactor-core{animation:2.4s ease-in-out infinite alternate coreThrob}@keyframes coreThrob{0%{opacity:.7;filter:drop-shadow(0 0 4px #ff8c00)}to{opacity:1;filter:drop-shadow(0 0 14px #ffe600)}}.scorpion-eye{animation:4.2s infinite eyeBlink}@keyframes eyeBlink{0%,94%,98%,to{opacity:1;transform:scale(1)}96%{opacity:.2;transform:scale(.6)}}.scorpion-wrapper.striking .scorpion-svg{animation:.65s cubic-bezier(.18,.89,.32,1.28) strikeSurge}.scorpion-wrapper.striking .claw-finger-movable-l{animation:.5s ease-in-out clawStrikeLeft}.scorpion-wrapper.striking .claw-finger-movable-r{animation:.5s ease-in-out clawStrikeRight}.scorpion-wrapper.striking .telson-bulb{filter:drop-shadow(0 0 30px #ffe600)drop-shadow(0 0 50px #ff5400)!important}.scorpion-wrapper.striking .stinger-spark{r:10;filter:drop-shadow(0 0 25px #fff)}@keyframes strikeSurge{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-22px)scale(1.08)}60%{transform:translateY(-14px)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes clawStrikeLeft{0%{transform:rotate(0)}40%{transform:rotate(9deg)}to{transform:rotate(0)}}@keyframes clawStrikeRight{0%{transform:rotate(0)}40%{transform:rotate(-9deg)}to{transform:rotate(0)}}.strike-shockwave{pointer-events:none;z-index:10;border:2px solid #ffb703;border-radius:50%;width:10px;height:10px;animation:.9s cubic-bezier(.1,.7,.3,1) forwards shockwaveExpand;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 15px #ff7b00}@keyframes shockwaveExpand{0%{opacity:1;border-width:3px;width:10px;height:10px}to{opacity:0;filter:blur(2px);border-width:1px;width:380px;height:380px}}.landing-container{width:100%;height:100dvh;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);background-color:#060608;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.ambient-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#ffaa0006 1px,#0000 1px),linear-gradient(90deg,#ffaa0006 1px,#0000 1px);background-position:50%;background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 75%)}.ambient-spotlight{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ff8c0029 0%,#ff500014 35%,#ffc80005 60%,#0000 75%);border-radius:50%;width:min(90vw,750px);height:min(90vw,750px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.landing-header{z-index:10;justify-content:center;align-items:center;width:100%;padding:1.1rem 1rem .2rem;display:flex;position:relative}.header-nav{-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;background:#100e0bb3;border:1px solid #ffb4002e;border-radius:999px;align-items:center;gap:clamp(.45rem,1.5vw,.75rem);max-width:92vw;padding:.42rem clamp(.75rem,2.5vw,1.35rem);transition:all .3s cubic-bezier(.2,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #00000073,inset 0 1px #ffe6641a}.header-nav:hover{border-color:#ffb40061;box-shadow:0 6px 25px #ff8c002e,inset 0 1px #ffe66433}.brand-gem{background:linear-gradient(135deg,#ffe600,#ff5400);flex-shrink:0;width:6px;height:6px;animation:3s ease-in-out infinite alternate gemGlow;transform:rotate(45deg);box-shadow:0 0 8px #ffb703}@keyframes gemGlow{0%{transform:rotate(45deg)scale(.9);box-shadow:0 0 6px #ff8c00}to{transform:rotate(45deg)scale(1.15);box-shadow:0 0 12px #ffe600}}.header-title{letter-spacing:clamp(.1em,1.5vw,.22em);text-transform:uppercase;color:#fff0d7eb;white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,Outfit,sans-serif;font-size:clamp(.64rem,2vw,.86rem);font-weight:600;transition:color .25s;overflow:hidden}.header-nav:hover .header-title{color:#fff}.landing-stage{z-index:2;flex:1;justify-content:center;align-items:center;min-height:0;padding:.25rem 1rem;display:flex;position:relative}.center-hero{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex}.launching-title{letter-spacing:clamp(.12em,2vw,.22em);text-transform:uppercase;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;align-items:center;gap:.38em;max-width:94vw;margin-top:.35rem;font-family:Syne,Outfit,sans-serif;font-size:clamp(2rem,4.4vw,3.6rem);font-weight:900;line-height:1.08;display:flex}.word{white-space:nowrap}.shimmer-text{background:linear-gradient(135deg,#fff9e6 0%,#ffe600 25%,#ff9f1c 55%,#ff5400 80%,#f20 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #ff8c0066)drop-shadow(0 0 50px #ff5a0033);-webkit-background-clip:text;animation:6s ease-in-out infinite alternate shimmerMove;display:inline-block}@keyframes shimmerMove{0%{filter:drop-shadow(0 0 20px #ff8c0059)drop-shadow(0 0 45px #ff50002e);background-position:0%}to{filter:drop-shadow(0 0 32px #ffc80080)drop-shadow(0 0 65px #ff640047);background-position:100%}}.simple-footer{z-index:10;justify-content:center;align-items:center;padding:.4rem 1rem 1.3rem;display:flex;position:relative}.footer-content{-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#100e0ba6;border:1px solid #ffb40029;border-radius:999px;align-items:center;gap:.6rem;max-width:92vw;padding:.38rem 1rem;transition:all .3s;display:inline-flex}.footer-content:hover{border-color:#ffb40061;box-shadow:0 0 20px #ff8c002e}.live-dot{background-color:#ffb703;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite liveDotPulse;box-shadow:0 0 8px #ffb703}@keyframes liveDotPulse{0%,to{opacity:.6;transform:scale(.9);box-shadow:0 0 4px #ffb703}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 12px #ffe600}}.domain-text{letter-spacing:clamp(.08em,1.2vw,.14em);color:#ffffff8c;white-space:nowrap;font-family:Space Grotesk,monospace;font-size:clamp(.7rem,2vw,.8rem);font-weight:500;transition:color .25s}.footer-content:hover .domain-text{color:#ffebb4f2}@media (width<=768px){.launching-title{letter-spacing:clamp(.12em,2vw,.18em);flex-direction:column;gap:.05em;margin-top:.25rem;font-size:clamp(2rem,8.2vw,3.1rem);line-height:.98}}@media (width<=480px){.landing-header{padding-top:.85rem}.header-nav{gap:.5rem;padding:.35rem .85rem}.header-title{letter-spacing:.12em;font-size:.65rem}.launching-title{letter-spacing:.14em;gap:.02em;font-size:clamp(1.8rem,8.5vw,2.35rem)}.simple-footer{padding-bottom:1rem}.footer-content{padding:.32rem .8rem}.domain-text{letter-spacing:.08em;font-size:.7rem}}@media (width<=340px){.header-title{letter-spacing:.08em;font-size:.58rem}.launching-title{letter-spacing:.1em;font-size:1.55rem}.domain-text{font-size:.65rem}}@media (height<=720px){.landing-header{padding-top:.6rem;padding-bottom:.1rem}.launching-title{margin-top:.15rem;font-size:clamp(1.3rem,4.2vw,2.3rem)}.simple-footer{padding-bottom:.6rem}}@media (height<=520px){.landing-header{padding:.3rem .5rem 0}.header-nav{padding:.22rem .65rem}.header-title{letter-spacing:.1em;font-size:.62rem}.launching-title{letter-spacing:.1em;flex-direction:row;gap:.3em;font-size:1.15rem}.simple-footer{padding:.2rem .5rem .35rem}}
