@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#00d4ff;--cyan-dim:#00d4ff1f;--red:#f36;--red-dim:#ff33661f;--green:#00e096;--bg:#080c1a;--bg2:#0e1428;--bg3:#141b35;--surface:#ffffff0a;--border:#ffffff14;--text:#f0f2f8;--muted:#8892a4;--faint:#4a5568}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-label{letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.025em;color:var(--text);margin-bottom:16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:900;line-height:1.15}.section-sub{color:var(--muted);max-width:560px;font-size:17px;line-height:1.7}.btn-primary{color:var(--bg);background:linear-gradient(135deg, var(--cyan), #00a8cc);border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 32px #00d4ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00d4ff59}.btn-ghost{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.btn-ghost:hover{background:#ffffff12;border-color:#fff3}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;transition:transform .3s,border-color .3s}.card:hover{border-color:#ffffff24;transform:translateY(-4px)}.icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.divider{background:var(--border);height:1px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:72px 0}}.nav-link{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text)}.footer-link{color:var(--muted);font-size:14px;transition:color .2s}.footer-link:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.reveal{opacity:0}.reveal.visible{animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeUp}.reveal-left{opacity:0}.reveal-left.visible{animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeLeft}.reveal-right{opacity:0}.reveal-right.visible{animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeRight}.reveal-scale{opacity:0}.reveal-scale.visible{animation:.6s cubic-bezier(.22,1,.36,1) forwards scaleIn}.d1{animation-delay:50ms!important}.d2{animation-delay:.15s!important}.d3{animation-delay:.25s!important}.d4{animation-delay:.35s!important}.d5{animation-delay:.45s!important}.d6{animation-delay:.55s!important}.d7{animation-delay:.65s!important}.d8{animation-delay:.75s!important}.float{animation:4s ease-in-out infinite floatY}.float-slow{animation:6s ease-in-out infinite floatY}.shimmer-text{background:linear-gradient(90deg,#00d4ff 0%,#f36 40%,#00d4ff 80%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.grad-border{background:linear-gradient(135deg,#00d4ff,#f36,#00e096,#00d4ff) 0 0/300% 300%;animation:4s infinite gradientShift}.hover-lift{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0006}@keyframes orbitX{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(12px)translateY(-8px)}50%{transform:translate(0)translateY(-16px)}75%{transform:translate(-12px)translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideInCard{0%{opacity:0;transform:translate(60px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)translateY(20px)}70%{transform:scale(1.08)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes ripple{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes barGrow{0%{width:0%}to{width:var(--bar-w)}}@keyframes numberTick{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 48px #00d4ff80,0 0 80px #00d4ff26}}@keyframes borderRotate{0%{--angle:0deg}to{--angle:360deg}}@keyframes particleDrift{0%{opacity:.6;transform:translateY(0)translate(0)scale(1)}50%{opacity:1;transform:translateY(-30px)translate(15px)scale(1.2)}to{opacity:0;transform:translateY(-60px)translate(-10px)scale(.8)}}.spin-slow{animation:12s linear infinite spinSlow}.spin-reverse{animation:18s linear infinite spinReverse}.orbit{animation:5s ease-in-out infinite orbitX}.blink{animation:2s ease-in-out infinite blink}.glow-pulse{animation:3s ease-in-out infinite glowPulse}.pop-in{animation:.6s cubic-bezier(.22,1,.36,1) forwards popIn}.float-card{animation:.8s cubic-bezier(.22,1,.36,1) forwards slideInCard,4s ease-in-out .8s infinite floatY}.float-card-slow{animation:.8s cubic-bezier(.22,1,.36,1) .3s forwards slideInCard,6s ease-in-out 1.1s infinite floatY}.ripple-ring{border:1px solid #00d4ff66;border-radius:50%;animation:2.5s ease-out infinite ripple;position:absolute}.ripple-ring:nth-child(2){animation-delay:.8s}.ripple-ring:nth-child(3){animation-delay:1.6s}.particle{pointer-events:none;border-radius:50%;animation:linear infinite particleDrift;position:absolute}.anim-bar{background:linear-gradient(90deg,#00d4ff,#f36);border-radius:3px;width:0%;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.anim-bar.active{width:var(--bar-w,80%)}