:root{--mint:#58f6d3;--ice:#b4f0e4;--muted:#9fa5a6;--line:#363738}body{background:#070809}.ambient{mask-image:none;background:linear-gradient(135deg,#060708,#0e0f10);overflow:hidden}.moving-grid{position:absolute;inset:-100%;background-image:linear-gradient(#58f6d310 1px,transparent 1px),linear-gradient(90deg,#b4f0e40c 1px,transparent 1px);background-size:90px 90px;transform:rotate(-28deg);animation:grid-travel 22s linear infinite}.track{position:absolute;width:150vw;height:2px;background:repeating-linear-gradient(90deg,transparent 0 160px,#58f6d3 160px 240px,transparent 240px 500px);opacity:.25;transform:rotate(-28deg);animation:track-travel 12s linear infinite}.track-one{top:22%;left:-20%}.track-two{top:64%;left:-30%;animation-direction:reverse;animation-duration:16s}.track-three{top:89%;left:-10%;opacity:.13;animation-duration:20s}.geometry{position:absolute;width:340px;height:340px;border:1px solid #58f6d324;transform:rotate(45deg);animation:geometry-shift 24s ease-in-out infinite}.geometry-one{right:-190px;top:10%}.geometry-two{left:-230px;bottom:4%;width:480px;height:480px;animation-direction:reverse}main{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:80px;max-width:1420px;margin-top:38px}.console{grid-column:1;grid-row:1;background:linear-gradient(130deg,#161718f5,#0d0e0ff5);border-color:#58f6d34d;border-radius:16px;animation:console-arrive .85s cubic-bezier(.2,.8,.2,1) both}.identity{grid-column:2;grid-row:1;position:relative}.logo-stage{height:440px;margin:10px -70px 0}.logo-stage img{width:570px;max-width:110%;animation:logo-motion 9s cubic-bezier(.45,0,.55,1) infinite;filter:none}.orbit{width:340px;height:340px;border-radius:0;transform:rotate(45deg);border-color:#58f6d326;box-shadow:none;animation:frame-turn 28s linear infinite}.orbit:after{inset:22px;border-radius:0;border-style:solid;border-color:#b4f0e418;animation:none}.logo-bracket{position:absolute;width:80px;height:80px;border-color:var(--ice);opacity:.45;animation:bracket-motion 8s ease-in-out infinite}.bracket-one{top:55px;left:50px;border-top:2px solid;border-left:2px solid}.bracket-two{right:50px;bottom:55px;border-bottom:2px solid;border-right:2px solid;animation-delay:-4s}h1{font-size:clamp(42px,4.1vw,60px);font-weight:500;letter-spacing:-2.8px;margin-top:16px}h1 span{color:var(--ice)}.identity>p{color:#aeb4b5}.identity>.eyebrow{color:var(--ice)}.signature{border-color:#58f6d32e}.console-top{position:relative;overflow:hidden}.console-top:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:80px;background:var(--mint);animation:panel-runner 5s cubic-bezier(.65,0,.35,1) infinite}.pill{color:var(--mint);border-color:#58f6d34d}.console:before{display:none}.warning-icon{color:var(--ice);border-color:#58f6d36b;background:#58f6d30b;border-radius:8px;animation:icon-turn 8s ease-in-out infinite}.notice-box{border-color:#58f6d338;background:#0a0b0c}.rule{background:#58f6d326}.refund>span{color:var(--mint)}.primary{background:var(--mint);border-color:var(--mint);border-radius:7px;position:relative;overflow:hidden}.primary:disabled{background:#2b2c2d;color:#a9afb0;border-color:#474d4e}.primary span:last-child{animation:arrow-travel 2.8s ease-in-out infinite}.primary:hover:enabled{box-shadow:none;transform:translateY(-3px);background:var(--ice)}.steps{position:relative}.steps:after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:var(--progress,33.333%);background:var(--mint);transition:width .55s cubic-bezier(.2,.8,.2,1)}.panel{animation:panel-arrive .6s cubic-bezier(.16,1,.3,1) both}.panel>.eyebrow{color:var(--ice)}.field:focus-within{transform:translateX(3px)}.field{transition:transform .25s}.accept{transition:color .2s}.accept:has(input:checked){color:var(--ice)}.custom-head{border-color:#58f6d32c}.switch input:checked+span{background:#58f6d366}.switch input:checked+span:after{background:var(--mint)}.integration-note{border-color:#58f6d345;color:var(--ice)}.console-bottom>span:last-child{color:var(--mint);animation:arrow-travel 3s ease-in-out infinite}.steps b{transition:background .3s,color .3s,transform .3s}.steps .active b{background:var(--mint);transform:rotate(-8deg)}.refund{display:block}
@keyframes grid-travel{from{background-position:0 0}to{background-position:180px 90px}}@keyframes track-travel{to{background-position:1000px 0}}@keyframes geometry-shift{0%,100%{transform:translate(0,0) rotate(45deg)}50%{transform:translate(-90px,70px) rotate(65deg)}}@keyframes frame-turn{to{transform:rotate(135deg)}}@keyframes logo-motion{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-18px) rotate(2deg) scale(1.045)}}@keyframes bracket-motion{50%{transform:translate(12px,-12px)}}@keyframes panel-runner{0%{left:-80px}65%,100%{left:100%}}@keyframes icon-turn{0%,75%,100%{transform:rotate(0)}82%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}}@keyframes arrow-travel{0%,65%,100%{transform:translate(0,0)}35%{transform:translate(4px,-4px)}}@keyframes panel-arrive{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}@keyframes console-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){main{gap:35px}.logo-stage{height:350px;margin:0 -30px}.logo-stage img{width:440px}.orbit{width:265px;height:265px}.bracket-one{left:20px}.bracket-two{right:20px}h1{font-size:43px}}@media(max-width:720px){main{grid-template-columns:1fr;gap:26px;margin-top:15px}.identity{grid-column:1;grid-row:1}.console{grid-column:1;grid-row:2}.logo-stage{height:270px;margin:0}.logo-stage img{width:350px;max-width:100%}.orbit{width:195px;height:195px}.logo-bracket{width:45px;height:45px}.bracket-one{top:40px;left:20px}.bracket-two{right:20px;bottom:40px}h1{font-size:40px;margin:5px 0 12px}.identity>p{font-size:12px}.moving-grid{background-size:65px 65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}