.hero h1{animation:none}
.hero-img{z-index:0}
.planet-stage{position:absolute;z-index:1;width:min(46vw,720px);aspect-ratio:1;right:-240px;top:-48px;transform:translate3d(var(--planet-x,0px),var(--planet-y,0px),0);pointer-events:none;will-change:transform;filter:drop-shadow(-18px 8px 34px #00dfe82d)}
.planet-stage:before{content:"";position:absolute;z-index:0;inset:6.2%;border-radius:50%;border:1px solid #92fbff35;background:radial-gradient(circle at 16% 35%,#67f7ff28 0,transparent 38%);box-shadow:inset 18px 3px 34px #6af8ff1e,-13px 1px 29px #00e8f04a,0 0 58px #00dfe817;filter:blur(.4px);animation:atmosphere-breathe 8s ease-in-out infinite}
.planet-surface{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;animation:planet-spin 135s linear infinite;will-change:transform;filter:brightness(.8) contrast(1.2) saturate(1.03)}
.planet-stage:after{content:"";position:absolute;z-index:2;inset:6.5%;border-radius:50%;background:radial-gradient(circle at 19% 25%,transparent 0 40%,#02070a4d 61%,#010407df 100%);box-shadow:inset -78px -34px 110px #000a,inset 18px 4px 42px #54f6ff24,-10px 0 32px #00dfe829;pointer-events:none;animation:planet-light 11s ease-in-out infinite}
.hero-foreground{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0 53%,#000 73%),radial-gradient(ellipse at 84% 48%,#000 0 6%,transparent 13%);mask-composite:add;-webkit-mask-image:linear-gradient(to bottom,transparent 0 53%,#000 73%),radial-gradient(ellipse at 84% 48%,#000 0 6%,transparent 13%);-webkit-mask-composite:source-over}
.space-dust{z-index:3}.hero:after{z-index:4}.nav,.hero-copy{z-index:5}
.headline-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.headline-line>span{display:block;animation:line-enter 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay,0s)}
.headline-line:nth-child(2){--delay:.16s}.headline-line:nth-child(3){--delay:.32s}
.headline-line .cyan{background:linear-gradient(110deg,#00dfe8 20%,#bbffff 43%,#00dfe8 62%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:line-enter 1.1s .32s both,headline-light 9s 1.5s ease-in-out infinite}
.hero p{animation-delay:.45s}.hero-buttons{animation-delay:.6s}
.nav{animation:nav-enter .85s ease-out both}
.links a{position:relative;transition:color .25s}.links a:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.links a:hover:after,.links a:focus-visible:after{transform:scaleX(1)}
.button,.light,.watch,.plan button{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s,box-shadow .3s,border-color .3s}
.button:after,.light:after,.plan button:after{content:"";position:absolute;pointer-events:none;inset:-60% -80%;background:linear-gradient(110deg,transparent 43%,#ffffff60 50%,transparent 57%);transform:translateX(-60%);animation:button-shine 7s 2s ease-in-out infinite}
.plan button:after{animation:none}
.plan button:hover:after{animation:button-shine .85s ease-out}
.button:active,.watch:active,.light:active{transform:scale(.97)}
.magnetic{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .34s cubic-bezier(.16,1,.3,1),transform .3s,box-shadow .3s,border-color .3s;will-change:translate}
.plan{position:relative;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .4s ease,border-color .35s,box-shadow .35s}
.plan.hot{--lift:-8px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift))}
.plan:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(230px circle at var(--glow-x,50%) var(--glow-y,50%),#00dfe821,transparent 70%);opacity:0;transition:opacity .35s}
.plan:hover{--lift:-8px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift));border-color:#00dfe88a;box-shadow:0 12px 38px #00dfe813}
.plan:hover:before{opacity:1}
.plan.hot{animation:card-glow 5s ease-in-out infinite}
.perk i{display:inline-block;animation:icon-float 4.5s ease-in-out infinite}
.perk:nth-child(2) i{animation-delay:-1.1s}.perk:nth-child(3) i{animation-delay:-2.2s}.perk:nth-child(4) i{animation-delay:-3.3s}
.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;z-index:20;background:var(--cyan);box-shadow:0 0 12px #00dfe8a0;transform-origin:left;transform:scaleX(0);pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-picker{display:flex;align-items:center;gap:5px;color:#d6e1e3;border:1px solid transparent;border-radius:6px;padding:6px 7px;transition:border-color .25s,background .25s}
.language-picker:hover,.language-picker:focus-within{border-color:#3b565c;background:#071216b8}
.language-picker>span[aria-hidden]{color:var(--cyan);font-size:15px;line-height:1}
.language-picker select{appearance:none;border:0;outline:0;background:transparent;color:inherit;font:600 13px Manrope,Arial,sans-serif;cursor:pointer;padding:2px 15px 2px 0;background-image:linear-gradient(45deg,transparent 50%,#a9babd 50%),linear-gradient(135deg,#a9babd 50%,transparent 50%);background-position:calc(100% - 7px) 50%,calc(100% - 3px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.language-picker select option{background:#071014;color:white}
.links,.hero-copy,.strip-in,#plans>.wrap,.mission>.wrap{transition:opacity .28s ease,filter .28s ease,transform .38s cubic-bezier(.16,1,.3,1)}
body.language-changing .links,body.language-changing .hero-copy,body.language-changing .strip-in,body.language-changing #plans>.wrap,body.language-changing .mission>.wrap{opacity:.18;filter:blur(3px);transform:translateY(5px)}
.brand{flex:0 0 auto}.actions{margin-left:auto;min-width:0}.language-picker{flex:0 0 auto}
.ticker.is-marquee{overflow:hidden;display:block;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker-track,.ticker-group{display:flex;align-items:center;width:max-content;gap:33px}
.ticker-track{animation:market-scroll 32s linear infinite}
.ticker-group{flex-shrink:0}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.motion-toggle{position:fixed;bottom:20px;right:22px;z-index:30;box-shadow:0 4px 24px #0006}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
body.motion-paused .plan{transform:none!important}
body.motion-paused .plan.hot{transform:translateY(-8px)!important}
body.motion-paused .reveal-on-scroll.pending{opacity:1;transform:none}
.reveal-on-scroll{filter:none}
.reveal-on-scroll.pending{opacity:0;transform:translateY(42px) scale(.988);filter:blur(7px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter .9s ease}
.strip,main>.section,.mission,footer{position:relative}
.strip:after,main>.section:before,.mission:after{content:"";position:absolute;z-index:8;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 0,#00dfe81a 31%,#8cffffb8 50%,#00dfe81a 69%,transparent 100%);background-size:220% 100%;animation:section-scan 12s ease-in-out infinite}
.strip:after,.mission:after{bottom:-1px}main>.section:before{top:-1px}
.stat b{font-variant-numeric:tabular-nums;min-height:1.35em}
@keyframes line-enter{from{opacity:0;transform:translateY(105%) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes nav-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes headline-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes button-shine{0%,65%{transform:translateX(-60%)}90%,100%{transform:translateX(60%)}}
@keyframes card-glow{0%,100%{box-shadow:0 0 18px #00dfe81c}50%{box-shadow:0 0 34px #00dfe840}}
@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes market-scroll{to{transform:translateX(calc(-50% - 16.5px))}}
@keyframes planet-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.008)}100%{transform:rotate(360deg) scale(1)}}
@keyframes atmosphere-breathe{0%,100%{opacity:.62;transform:scale(.995);filter:blur(.4px)}50%{opacity:1;transform:scale(1.012);filter:blur(1.3px)}}
@keyframes planet-light{0%,100%{opacity:.88;box-shadow:inset -78px -34px 110px #000a,inset 18px 4px 42px #54f6ff24,-10px 0 32px #00dfe829}50%{opacity:1;box-shadow:inset -74px -30px 106px #0009,inset 22px 5px 48px #72f9ff30,-13px 0 39px #00dfe83a}}
@keyframes section-scan{0%,100%{background-position:100% 50%;opacity:.28}50%{background-position:0 50%;opacity:.85}}
@media(max-width:900px){.planet-stage{width:620px;right:-290px;top:-30px}.hero-foreground{mask-image:linear-gradient(to bottom,transparent 0 55%,#000 76%),radial-gradient(ellipse at 76% 49%,#000 0 7%,transparent 15%);-webkit-mask-image:linear-gradient(to bottom,transparent 0 55%,#000 76%),radial-gradient(ellipse at 76% 49%,#000 0 7%,transparent 15%)}}
@media(max-width:560px){.motion-toggle{bottom:12px;right:12px;padding:8px 12px}.plan.hot{--lift:0px}.ticker-track{animation-duration:40s}.language-picker{padding:5px 4px;gap:3px}.language-picker>span[aria-hidden]{display:none}.language-picker select{font-size:12px;padding-right:13px}.brand{font-size:16px;letter-spacing:.28em}.actions .button{font-size:12px;padding:10px 11px}.planet-stage{width:460px;right:-345px;top:-60px}.hero-foreground{object-position:65% center;mask-image:linear-gradient(to bottom,transparent 0 57%,#000 78%),radial-gradient(ellipse at 70% 47%,#000 0 8%,transparent 17%);-webkit-mask-image:linear-gradient(to bottom,transparent 0 57%,#000 78%),radial-gradient(ellipse at 70% 47%,#000 0 8%,transparent 17%)}}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .headline-line>span{transform:none!important;opacity:1!important}
  .headline-line .cyan{background:none;color:var(--cyan)}
  .plan,.plan.hot{transform:none!important}
  .ticker.is-marquee{overflow:auto;mask-image:none}.ticker-track{transform:none}
  .ticker-group[aria-hidden]{display:none}
  .planet-surface{animation:none!important}
  .magnetic{translate:0 0!important}
  body.language-changing .links,body.language-changing .hero-copy,body.language-changing .strip-in,body.language-changing #plans>.wrap,body.language-changing .mission>.wrap{opacity:1;filter:none;transform:none}
}
