:root{--bg-0:#05060d;--bg-1:#0b0f1f;--bg-2:#131830;--fg:#e9ecff;--fg-dim:#aab1d6;--border:hsla(0,0%,100%,.12);--glass:hsla(0,0%,100%,.06);--glass-strong:hsla(0,0%,100%,.1);--accent:#6ea8ff;--accent-2:#b388ff;--shadow:0 20px 60px rgba(0,0,0,.45);--logo-bg:hsla(0,0%,100%,.95);--console-bg:linear-gradient(180deg,rgba(7,9,22,.55),rgba(7,9,22,.85));--console-border:var(--border)}[data-theme=light]{--bg-0:#f7f9fd;--bg-1:#eef2fa;--bg-2:#e1e8f4;--fg:#0b1224;--fg-dim:#4b5572;--border:rgba(15,23,42,.1);--glass:hsla(0,0%,100%,.85);--glass-strong:hsla(0,0%,100%,.96);--shadow:0 1px 0 rgba(15,23,42,.04),0 12px 28px rgba(15,23,42,.08),0 32px 80px rgba(15,23,42,.06);--logo-bg:#fff;--console-bg:linear-gradient(180deg,#0e1226,#131831);--console-border:hsla(0,0%,100%,.08)}[data-theme=light] .glass{backdrop-filter:blur(14px) saturate(110%);-webkit-backdrop-filter:blur(14px) saturate(110%)}[data-accent=blue]{--accent:#6ea8ff;--accent-2:#b388ff}[data-accent=violet]{--accent:#b388ff;--accent-2:#6ea8ff}[data-accent=green]{--accent:#34d399;--accent-2:#6ee7ff}[data-accent=pink]{--accent:#f472b6;--accent-2:#f59e0b}[data-accent=orange]{--accent:#fb923c;--accent-2:#f43f5e}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-0);color:var(--fg);font-family:ui-sans-serif,-apple-system,SF Pro Display,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{overflow-x:hidden;min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{font:inherit}::selection{background:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--fg)}.aurora{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(1200px 800px at 10% -10%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 60%),radial-gradient(900px 700px at 100% 10%,color-mix(in srgb,var(--accent-2) 35%,transparent),transparent 60%),radial-gradient(800px 600px at 50% 110%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 60%),linear-gradient(180deg,var(--bg-0),var(--bg-1));filter:saturate(120%)}.aurora:after{content:"";position:absolute;inset:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 70%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-5%,-3%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.15)}}.grid-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.25;background-image:linear-gradient(color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.glass-strong{background:var(--glass-strong)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{position:relative;padding:120px 0}.section h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.02em;background:linear-gradient(120deg,var(--fg) 0,color-mix(in srgb,var(--accent) 70%,var(--fg)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.section .eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 80%,var(--fg));padding:6px 12px;margin-bottom:16px}.btn,.section .eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);background:var(--glass)}.btn{padding:12px 20px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);background:var(--glass-strong);border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0c1c;border:none;font-weight:600}.btn-primary:hover{filter:brightness(1.1)}@media (max-width:700px){.section{padding:64px 0}.container{padding:0 18px}.section h2{font-size:clamp(24px,7vw,32px)}}@media (max-width:480px){.container{padding:0 14px}.btn{padding:10px 16px;font-size:14px}}