@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#050814;--bg-0:#030611;--s300:#cbd5e1;--s400:#94a3b8;--s500:#64748b;--s600:#475569;--s700:#334155;--s800:#1e293b;--s900:#0f172a;--cyan:#22d3ee;--cyan-b:#38bdf8;--cyan-l:#67e8f9;--blue:#3b82f6;--blue-l:#60a5fa;--blue-d:#2563eb;--purple:#7c3aed;--purple-l:#a855f7;--purple-ll:#c084fc;--fuchsia:#e879f9;--green:#4ade80;--fd:"Outfit",sans-serif;--fb:"Inter",sans-serif;--fm:"JetBrains Mono",monospace;--r-card:14px;--r-btn:10px;--r-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:#e2e8f0;font-family:var(--fb);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.stage{z-index:0;pointer-events:none;background:var(--bg-0);position:fixed;inset:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage:after{content:"";pointer-events:none;background:radial-gradient(at 50% 20%,#03061199 0%,#0306114d 40%,#0306118c 100%);position:absolute;inset:0}.grain{z-index:1;pointer-events:none;opacity:.25;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.nav{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#050814bf;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #22d3ee40,0 6px 32px #0009}.nav:after{content:"";background:linear-gradient(90deg,#0000 0%,#22d3ee80 30%,#a855f780 70%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:72px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{align-items:center;height:38px;display:flex}.nav-logo img{object-fit:contain;filter:drop-shadow(0 0 18px #38bdf840);width:auto;height:130%;transform:translateY(-2px)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--s400);cursor:pointer;padding:6px 0;font-size:14px;font-weight:500;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:after{content:"";background:linear-gradient(90deg,var(--cyan),var(--purple-l));width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}main{z-index:10;position:relative}.wrap{max-width:1280px;margin:0 auto;padding:0 2rem}.hero-wrap{max-width:1100px;margin:0 auto;padding:0 2rem}.badge{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-l);background:#0f172a8c;border:1px solid #ffffff14;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.badge .dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.badge.green .dot{background:var(--green);box-shadow:0 0 12px var(--green)}.badge.purple{color:var(--purple-ll)}.badge.purple .dot{background:var(--purple-l);box-shadow:0 0 12px var(--purple-l)}@keyframes pulse{50%{opacity:.45}}.display{font-family:var(--fd);letter-spacing:-.035em;color:#fff;font-size:clamp(3rem,7vw,6rem);font-weight:200;line-height:1.03}.display .grad{background:linear-gradient(105deg,var(--cyan) 0%,var(--blue-l) 45%,var(--purple-ll) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.display .grad-v{background:linear-gradient(110deg,var(--purple-ll) 0%,var(--fuchsia) 50%,var(--cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.h2{font-family:var(--fd);letter-spacing:-.02em;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.1}.h3{font-family:var(--fd);color:#fff;letter-spacing:-.01em;font-size:20px;font-weight:600}.eyebrow{font-family:var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-l);font-size:11px}.lede{color:var(--s300);max-width:640px;font-size:18px;font-weight:300;line-height:1.7}.muted{color:var(--s400);font-size:14px;line-height:1.7}.btn{border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.btn svg{width:14px;height:14px}.btn-primary{color:#020617;background:linear-gradient(135deg,#e0f7ff 0%,#fff 50%,#f0e7ff 100%);box-shadow:0 10px 40px #67e8f940,inset 0 0 0 1px #fff9}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 56px #67e8f973,inset 0 0 0 1px #fffc}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff24}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff47}.btn-glow{color:#fff;background:linear-gradient(135deg,#22d3ee33,#7c3aed40);border:1px solid #a855f766;box-shadow:0 8px 32px #7c3aed40,inset 0 0 0 1px #ffffff0d}.btn-glow:hover{box-shadow:0 14px 48px #7c3aed66,inset 0 0 0 1px #ffffff1f}.magnet{transition:transform .25s cubic-bezier(.16,1,.3,1)}.card{border-radius:var(--r-card);-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#0f172a66;border:1px solid #ffffff14;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#38bdf866,#0000 35% 65%,#a855f759);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{background:#0f172a8c;transform:translateY(-4px);box-shadow:0 24px 60px #00000080,0 0 48px #38bdf814}.card:hover:before{opacity:1}.card.v:before{background:linear-gradient(135deg,#c084fc73,#0000 35% 65%,#e879f959)}.card.v:hover{box-shadow:0 24px 60px #00000080,0 0 48px #a855f71a}.icon{border:1px solid;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:inline-flex}.icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon.cyan{color:var(--cyan);background:#22d3ee1a;border-color:#22d3ee40}.icon.blue{color:var(--blue-l);background:#3b82f61a;border-color:#3b82f640}.icon.purple{color:var(--purple-ll);background:#7c3aed1a;border-color:#7c3aed4d}.icon.teal{color:#2dd4bf;background:#14b8a61a;border-color:#14b8a640}.icon.pink{color:#f472b6;background:#ec48991a;border-color:#ec489940}.icon.indigo{color:#818cf8;background:#6366f11a;border-color:#6366f140}.card:hover .icon{transform:scale(1.08)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fu{animation:.8s cubic-bezier(.16,1,.3,1) both fadeUp}.d1{animation-delay:50ms}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.38s}.d5{animation-delay:.5s}.d6{animation-delay:.62s}.d7{animation-delay:.74s}.footer{z-index:10;text-align:center;border-top:1px solid #ffffff0d;padding:60px 2rem 40px;position:relative}.footer p{color:var(--s600);letter-spacing:.05em;font-size:12px}.tweaks{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;min-width:240px;font-family:var(--fm);background:#050814d9;border:1px solid #ffffff1a;border-radius:14px;padding:16px;font-size:11px;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 60px #0009}.tweaks h4{font-family:var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-l);margin-bottom:10px;font-size:13px;font-weight:600}.tweaks-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tweak-btn{color:var(--s300);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff1f;border-radius:6px;padding:5px 10px;font-size:10px;transition:all .2s}.tweak-btn:hover{color:#fff;border-color:#ffffff40}.tweak-btn.active{color:#fff;background:linear-gradient(135deg,#22d3ee4d,#7c3aed4d);border-color:#a855f780}.tweak-slider{accent-color:#a855f7;width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}