:root{--base:#07070d;--base-2:#0b0b16;--surface:#11111d;--surface-2:#161626;--line:rgba(255, 255, 255, 0.08);--line-strong:rgba(255, 255, 255, 0.14);--ink:#eceefb;--ink-soft:#b7bad0;--ink-muted:#7c8099;--cyan:#22d3ee;--indigo:#6366f1;--violet:#a855f7;--grad:linear-gradient(115deg, #22d3ee 0%, #6366f1 50%, #a855f7 100%);--grad-soft:linear-gradient(115deg, rgba(34, 211, 238, 0.18), rgba(99, 102, 241, 0.16), rgba(168, 85, 247, 0.16));--font-sans:'Space Grotesk','Inter',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--base);color:var(--ink);-webkit-font-smoothing:antialiased}.font-mono{font-family:var(--font-mono)}::selection{background:rgba(99,102,241,.35);color:#fff}.bg-base{background-color:var(--base)}.scene-bg{position:fixed;inset:0;z-index:-2;background-color:var(--base);background-image:radial-gradient(60% 50% at 15% 0,rgba(34,211,238,.1) 0,transparent 60%),radial-gradient(50% 45% at 85% 10%,rgba(168,85,247,.12) 0,transparent 55%),radial-gradient(70% 60% at 50% 110%,rgba(99,102,241,.14) 0,transparent 60%);pointer-events:none}.grid-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 0%,transparent 80%)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.grad-line{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),transparent)}.card{position:relative;border-radius:22px;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 45%) border-box;box-shadow:0 10px 40px -20px rgba(0,0,0,.8);transition:transform .4s cubic-bezier(.2, .8, .2, 1),box-shadow .4s ease,background .4s ease}.card:hover{transform:translateY(-4px);background:linear-gradient(var(--surface-2),var(--surface-2)) padding-box,var(--grad) border-box;box-shadow:0 24px 60px -24px rgba(0,0,0,.9),0 0 0 1px rgba(99,102,241,.15),0 0 48px -12px rgba(99,102,241,.35)}.card-flat{border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .35s ease,background .35s ease,transform .35s ease}.card-flat:hover{border-color:var(--line-strong);background:rgba(255,255,255,.04);transform:translateY(-3px)}.glow-feature::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--grad);opacity:0;filter:blur(26px);z-index:-1;transition:opacity .45s ease}.glow-feature:hover::after{opacity:.28}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--grad-soft);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.icon-tile-lg{width:64px;height:64px;border-radius:18px}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);background:rgba(255,255,255,.03)}.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.btn-primary{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.5rem;border-radius:14px;font-weight:600;color:#06060c;background:var(--grad);box-shadow:0 10px 30px -10px rgba(99,102,241,.6);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 40px -10px rgba(99,102,241,.75)}.btn-ghost{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.5rem;border-radius:14px;font-weight:500;color:var(--ink);border:1px solid var(--line-strong);background:rgba(255,255,255,.02);transition:border-color .25s ease,background .25s ease,transform .25s ease}.btn-ghost:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.08)}.nav-shell{border:1px solid var(--line);background:rgba(11,11,22,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-link{position:relative;color:var(--ink-soft);transition:color .25s ease}.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;border-radius:2px;background:var(--grad);transition:width .3s ease}.nav-link:hover{color:var(--ink)}.nav-link:hover::after{width:100%}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:drift 16s ease-in-out infinite}.orb-cyan{width:340px;height:340px;background:radial-gradient(circle,rgba(34,211,238,.4) 0,transparent 70%);top:8%;left:6%}.orb-violet{width:300px;height:300px;background:radial-gradient(circle,rgba(168,85,247,.4) 0,transparent 70%);top:40%;right:8%;animation-delay:-5s}.orb-indigo{width:260px;height:260px;background:radial-gradient(circle,rgba(99,102,241,.4) 0,transparent 70%);bottom:6%;left:38%;animation-delay:-9s}@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-36px) scale(1.08)}66%{transform:translate(-24px,24px) scale(.94)}}.stat-value{font-family:var(--font-mono);font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.divider-dot{width:4px;height:4px;border-radius:50%;background:var(--ink-muted)}.link-grad{color:var(--cyan);transition:color .25s ease}.link-grad:hover{color:var(--violet)}@media (prefers-reduced-motion:reduce){.orb{animation:none}html{scroll-behavior:auto}}