body{margin:0;background:#05070C}
a{color:#46F0D8}a:hover{color:#A7FFF2}
*{box-sizing:border-box}
::selection{background:#46F0D8;color:#05070C}
:focus-visible{outline:2px solid #46F0D8;outline-offset:3px;border-radius:6px}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.wrap{max-width:1220px;margin:0 auto;padding:0 24px}
.mono{font-family:JetBrains Mono,Rubik,sans-serif}
.disp{font-family:Rubik,sans-serif}
.navlinks{display:flex;gap:30px;align-items:center}
.burger{display:none}
.navlink{position:relative;color:#B9C1D3;text-decoration:none;font-size:15px;transition:color .2s}
.navlink::after{content:'';position:absolute;right:0;bottom:-6px;height:1px;width:0;background:#46F0D8;box-shadow:0 0 8px #46F0D8;transition:width .3s ease}
.navlink:hover{color:#FFFFFF}
.navlink:hover::after{width:100%}
.hdr-line{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(70,240,216,.6),rgba(150,135,255,.6),transparent);background-size:200% 100%;animation:slide 8s linear infinite}
.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-main{box-shadow:0 0 0 1px rgba(70,240,216,.5),0 8px 30px -10px rgba(70,240,216,.7)}
.btn-main:hover{box-shadow:0 0 0 1px #46F0D8,0 14px 50px -8px rgba(70,240,216,.85)}
.btn-main::before{content:'';position:absolute;top:0;bottom:0;width:40%;right:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:right .6s ease}
.btn-main:hover::before{right:120%}
.btn-ghost:hover{background:rgba(70,240,216,.08);border-color:rgba(70,240,216,.6) !important}
.glow{position:relative;isolation:isolate}
.glow::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang),transparent 0 62%,#46F0D8 78%,#9687FF 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s ease;animation:ang 4s linear infinite;pointer-events:none;z-index:1}
.glow:hover::before,.glow.on::before{opacity:1}
.glow-always::before{opacity:1}
.card{transition:transform .45s cubic-bezier(.2,.7,.2,1),background .4s ease}
.card:hover{transform:translateY(-8px);background:rgba(16,22,36,.95) !important}
.card .card-ic{transition:background .4s,color .4s,box-shadow .4s,transform .4s}
.card:hover .card-ic{color:#05070C;background:#46F0D8;box-shadow:0 0 30px rgba(70,240,216,.6);transform:rotate(-8deg) scale(1.06)}
.card .arrow{display:inline-block;transition:transform .3s ease}
.card:hover .arrow{transform:translateX(-6px)}
.sheen{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 60% at 50% 0%,rgba(70,240,216,.09),transparent 60%);pointer-events:none}
.gridbg{background-image:linear-gradient(rgba(120,140,190,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,190,.07) 1px,transparent 1px);background-size:56px 56px}
.floor{position:absolute;left:-30%;right:-30%;bottom:-40px;height:420px;background-image:linear-gradient(rgba(70,240,216,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(70,240,216,.28) 1px,transparent 1px);background-size:70px 70px;transform:perspective(520px) rotateX(72deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 85%);mask-image:linear-gradient(to top,#000 10%,transparent 85%);animation:floor 3s linear infinite;pointer-events:none}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.a1{width:520px;height:520px;background:rgba(70,240,216,.22);top:-160px;left:-120px;animation:drift1 18s ease-in-out infinite}
.a2{width:460px;height:460px;background:rgba(150,135,255,.22);top:40px;right:-160px;animation:drift2 22s ease-in-out infinite}
.ghost{position:absolute;top:-40px;left:0;font-family:Rubik,sans-serif;font-weight:900;font-size:clamp(120px,16vw,220px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(120,140,190,.16);pointer-events:none;user-select:none}
.shim{background:linear-gradient(90deg,#46F0D8,#9687FF,#FFFFFF,#46F0D8);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 7s linear infinite}
.outline{color:transparent;-webkit-text-stroke:1.5px rgba(232,236,245,.85)}
.kick{display:inline-flex;align-items:center;gap:10px}
.kick::before{content:'';width:28px;height:1px;background:#46F0D8;box-shadow:0 0 8px #46F0D8}
.tilt{transform:perspective(1200px) rotateY(16deg) rotateX(8deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tilt:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
.chip{position:absolute;padding:8px 14px;border-radius:999px;border:1px solid rgba(120,140,190,.35);background:rgba(10,14,24,.85);backdrop-filter:blur(8px);font-family:JetBrains Mono,monospace;font-size:12px;color:#E8ECF5;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px -10px rgba(0,0,0,.8)}
.dot{width:7px;height:7px;border-radius:50%;background:#46F0D8;box-shadow:0 0 10px #46F0D8}
.scan{position:absolute;left:0;right:0;height:70px;background:linear-gradient(rgba(70,240,216,0),rgba(70,240,216,.14),rgba(70,240,216,0));animation:scan 4.5s linear infinite;pointer-events:none}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.span2{grid-column:span 2}
.pline{position:relative;height:2px;background:rgba(120,140,190,.2);margin:0 0 28px;border-radius:2px;overflow:visible}
.pline::after{content:'';position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#46F0D8;box-shadow:0 0 18px 4px rgba(70,240,216,.7);animation:travel 6s cubic-bezier(.6,0,.4,1) infinite}
.pfill{position:absolute;top:0;bottom:0;right:0;background:linear-gradient(270deg,#46F0D8,#9687FF);animation:fill 6s cubic-bezier(.6,0,.4,1) infinite}
.mesh{background:radial-gradient(40% 50% at 30% 30%,rgba(70,240,216,.25),transparent 70%),radial-gradient(40% 50% at 70% 70%,rgba(150,135,255,.25),transparent 70%),#0A0E17;background-size:200% 200%;animation:mesh 10s ease-in-out infinite}
.track{animation:marquee 36s linear infinite}
.track2{animation:marquee2 36s linear infinite}
.wordmark{font-family:Rubik,sans-serif;font-weight:900;font-size:clamp(64px,15vw,220px);line-height:.9;letter-spacing:-2px;color:transparent;-webkit-text-stroke:1px rgba(120,140,190,.28);text-align:center;direction:ltr;white-space:nowrap;background:linear-gradient(90deg,transparent 0%,rgba(70,240,216,.5) 50%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;animation:sweep 6s ease-in-out infinite}
.faq-ic{transition:transform .35s ease}
.faq-ic.open{transform:rotate(45deg)}
.field{transition:border-color .2s,box-shadow .2s,background .2s}
.field:focus{outline:none;border-color:#46F0D8 !important;background:#0C1220 !important;box-shadow:0 0 0 3px rgba(70,240,216,.18),0 0 24px -6px rgba(70,240,216,.5)}
@keyframes ang{to{--ang:360deg}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinr{to{transform:rotate(-360deg)}}
@keyframes pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes floatb{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
@keyframes rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes reveal{from{clip-path:inset(0 0 100% 0);transform:translateY(24px)}to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes marquee2{from{transform:translateX(50%)}to{transform:translateX(0)}}
@keyframes scan{0%{top:-70px}100%{top:100%}}
@keyframes blink{50%{opacity:0}}
@keyframes shim{to{background-position:300% center}}
@keyframes slide{to{background-position:-200% 0}}
@keyframes floor{to{background-position:0 70px}}
@keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(120px,80px)}}
@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-100px,60px)}}
@keyframes travel{0%{right:0}100%{right:calc(100% - 10px)}}
@keyframes fill{0%{width:0}100%{width:100%}}
@keyframes mesh{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@keyframes sweep{0%{background-position:-40% 0}100%{background-position:140% 0}}
.spin{animation:spin 30s linear infinite}
.spinr{animation:spinr 20s linear infinite}
.pulse{animation:pulse 4s ease-in-out infinite}
.float{animation:float 7s ease-in-out infinite}
.floatb{animation:floatb 5s ease-in-out infinite}
.caret{animation:blink 1s steps(1) infinite}
.in1{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.in2{animation:rise 1s .12s cubic-bezier(.2,.7,.2,1) both}
.in3{animation:rise 1s .26s cubic-bezier(.2,.7,.2,1) both}
.in4{animation:rise 1s .4s cubic-bezier(.2,.7,.2,1) both}
.in5{animation:rise 1.2s .3s cubic-bezier(.2,.7,.2,1) both}
@supports (animation-timeline: view()){
.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
.rvh{animation:reveal linear both;animation-timeline:view();animation-range:entry 5% cover 30%}
}
@media (max-width:900px){
.navlinks{display:none}.burger{display:inline-flex}
.hero-grid{grid-template-columns:1fr !important}
.hero-visual{min-height:380px !important}
.bento{grid-template-columns:1fr}.span2{grid-column:auto}
.tilt{transform:none}
.chip{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}
.pre{opacity:0;transform:translateY(28px)}.shown{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}[hidden]{display:none !important}
.z0{color: #46F0D8; font-size: 20px}
.z2{margin: 0 0 16px; font-size: 13px; color: #46F0D8}
.z3{margin: 0; font-weight: 800; font-size: clamp(32px, 4.4vw, 52px); line-height: 1.1; letter-spacing: -.5px; color: #FFFFFF}
.z5{margin: 0; font-size: 16px; line-height: 1.7; color: #A9B2C6}
.z6{position: relative; border-radius: 18px; border: 1px solid rgba(120,140,190,.18); background: rgba(12,17,28,.8)}
.z7{width: 100%; min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 26px; background: transparent; border: 0; color: #FFFFFF; font-family: Rubik, sans-serif; font-size: 19px; font-weight: 600; text-align: right; cursor: pointer}
.z8{flex: none; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(70,240,216,.4); display: flex; align-items: center; justify-content: center}
.z9{margin: 0; padding: 0 26px 24px; font-size: 16px; line-height: 1.8; color: #A9B2C6}
.z10{padding: 14px 0; font-size: 22px; font-weight: 700; color: #FFFFFF; border-bottom: 1px solid rgba(120,140,190,.12)}
.z11{position: relative; padding: 30px; border-radius: 24px; border: 1px solid rgba(120,140,190,.18); background: rgba(12,17,28,.75)}
.z12{margin: 18px 0 8px; font-size: 21px; font-weight: 700; color: #FFFFFF}
.z13{display: flex; flex-direction: column; gap: 8px}
.z14{font-size: 15px; font-weight: 600}
.z16{position: relative; padding: 36px 32px; border-radius: 24px; border: 1px solid rgba(120,140,190,.18); background: rgba(12,17,28,.75)}
.z17{position: relative; width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: rgba(70,240,216,.1); color: #46F0D8; margin-bottom: 26px}
.z18{position: relative; margin: 0 0 12px; font-size: 24px; font-weight: 700; color: #FFFFFF}
.z19{position: relative; margin: 0 0 24px; font-size: 16px; line-height: 1.75; color: #A9B2C6}
.z20{position: relative; font-weight: 700; text-decoration: none}
.z21{display: flex; justify-content: space-between; align-items: center; padding: 16px 8px 6px}
.z22{font-weight: 700; color: #FFFFFF}
.z23{display: flex; align-items: center; gap: 14px; text-decoration: none; color: #E8ECF5; padding: 14px 18px; border-radius: 16px; border: 1px solid rgba(120,140,190,.22); background: rgba(12,17,28,.6)}
.z25{width: 10px; height: 10px; border-radius: 50%; background: #3A4256}
.z26{height: 60px; border-radius: 10px; background: #141B2A}
.z27{position: relative; max-width: 660px; margin-bottom: 54px}
.z28{position: relative; min-height: 240px; padding: 32px; border-radius: 24px; border: 1px solid rgba(120,140,190,.18); background: rgba(12,17,28,.8); display: flex; flex-direction: column; justify-content: flex-end}
.z29{font-size: 13px; color: #46F0D8; margin-bottom: 12px}
.z30{margin: 0 0 10px; font-size: 22px; font-weight: 700; color: #FFFFFF}
.z31{font-size: 64px; font-weight: 900; line-height: 1; -webkit-text-stroke: 1px rgba(70,240,216,.75)}
.z32{font-size: 64px; font-weight: 900; line-height: 1; -webkit-text-stroke: 1px rgba(150,135,255,.8)}
.z33{font-size: 12px; color: #46F0D8}
.z34{direction: ltr; unicode-bidi: isolate}