:root{--bg: #0a0a12;--bg-elevated: #10111a;--surface: rgba(255,255,255,.04);--surface-hover: rgba(255,255,255,.08);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--text: #f0f0f5;--text-secondary: #8a8a9a;--text-dim: #55556a;--accent: #22d3ee;--accent-secondary: #3b82f6;--gradient-main: linear-gradient(135deg, #22d3ee 0%, #3b82f6 50%, #8b5cf6 100%);--font: "Outfit", system-ui, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::selection{background:#22d3ee4d;color:#fff}.bg-gradient-viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 130% 80% at 50% 70%,#0f193c59,#0a0a12b3 55%,#0a0a12e6)}.floating-orbs{position:fixed;top:-200px;right:-200px;bottom:-200px;left:-200px;z-index:1;pointer-events:none}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 8s ease-in-out infinite alternate}.floating-orb-1{width:650px;height:650px;top:5%;left:-5%;background:#3b82f64d}.floating-orb-2{width:550px;height:550px;bottom:10%;right:-3%;background:#22d3ee38;animation-duration:10s;animation-delay:1s}.floating-orb-3{width:450px;height:450px;top:45%;left:35%;background:#8b5cf62e;animation-duration:12s;animation-delay:2s}@keyframes orbFloat{0%{transform:translate(0) scale(1);opacity:.7}to{transform:translate(40px,-50px) scale(1.15);opacity:1}}.cursor-follower{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.1) 0%,rgba(59,130,246,.04) 35%,transparent 65%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);will-change:left,top}.flow-lines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.15}.noise-overlay:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px}.reveal{opacity:0;transform:translateY(60px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-left{opacity:0;transform:translate(-80px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(80px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal-right.visible{opacity:1;transform:translate(0)}.hero-word{display:inline-block;opacity:0;transform:translateY(40px);animation:wordReveal .7s var(--ease-out-expo) forwards}@keyframes wordReveal{to{opacity:1;transform:translateY(0)}}.sticky-panel{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--gradient-main);border:none;border-radius:100px;color:#fff;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #22d3ee4d}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);font-family:var(--font);font-size:15px;font-weight:500;cursor:pointer;transition:all .4s var(--ease-out-expo)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.addon-card{position:relative;transition:all .4s var(--ease-out-expo);cursor:pointer;-webkit-user-select:none;user-select:none}.addon-card.selected{border-color:var(--accent)!important;background:#22d3ee0f!important}.addon-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:12px;color:transparent}.addon-card.selected .addon-check{border-color:var(--accent);background:var(--accent);color:#000}@media(max-width:1024px){.grid-responsive-4{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.hero-word{transform:translateY(20px)}.reveal{transform:translateY(30px)}.cursor-follower{display:none!important}.floating-orb{filter:blur(80px)}.floating-orb-1{width:280px;height:280px}.floating-orb-2{width:220px;height:220px}.floating-orb-3{display:none}.grid-responsive,.grid-responsive-4,.grid-responsive-2{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}