:root{--bg:#05070f;--bg-2:#0a0f22;--panel:rgba(16,24,48,0.65);--panel-border:rgba(99,132,255,0.18);--ink:#e8edff;--ink-dim:#8b9bc9;--accent:#6c5cff;--accent-2:#00e5c7;--warm:#ff8a70;--glow:0 0 40px rgba(108,92,255,0.25)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:Source Sans\ 3,system-ui,sans-serif;min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(108,92,255,.14),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(0,229,199,.1),transparent 60%),var(--bg)}.serif{font-family:"DM Serif Display",serif}.aurora{position:fixed;top:0;left:0;right:0;height:2px;z-index:50;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);background-size:200% 100%;animation:aurora 6s linear infinite;opacity:.8}@keyframes aurora{0%{background-position:0 0}to{background-position:200% 0}}.beta-banner{position:-webkit-sticky;position:sticky;top:0;z-index:40;padding:8px 16px;text-align:center;font-size:13px;background:rgba(10,15,34,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4d97a;border-bottom:1px solid rgba(244,217,122,.25)}.beta-banner code{font-family:ui-monospace,monospace;font-size:12px;background:rgba(244,217,122,.1);padding:1px 6px;border-radius:6px}.glass{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--glow),0 20px 60px rgba(0,0,0,.45)}.btn-primary{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;color:#fff;border:none;text-decoration:none;background:linear-gradient(120deg,var(--accent),#9d6bff 60%,var(--accent-2));background-size:160% 100%;transition:background-position .4s,transform .15s,box-shadow .3s;box-shadow:0 4px 24px rgba(108,92,255,.4)}.btn-primary:hover{background-position:100% 0;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;cursor:pointer;text-decoration:none;border:1px solid var(--panel-border);color:var(--ink-dim);background:transparent;transition:all .2s}.btn-ghost:hover{color:var(--ink);border-color:var(--accent)}.input{width:100%;padding:12px 14px;border-radius:12px;background:rgba(5,8,18,.6);border:1px solid var(--panel-border);color:var(--ink);font-size:14px;outline:none;transition:border .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,255,.15)}.input::placeholder{color:#54618d}.label{display:block;font-size:13px;margin-bottom:6px;color:var(--ink-dim)}.code-block{display:block;font-family:ui-monospace,monospace;font-size:12px;background:rgba(3,5,12,.8);border:1px solid var(--panel-border);padding:12px;border-radius:10px;word-break:break-all;white-space:pre-wrap}.hero{text-align:center;padding:72px 24px 48px;position:relative}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 20px}.hero h1 .grad{background:linear-gradient(100deg,var(--accent-2),var(--accent) 45%,#b48bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{color:var(--ink-dim);font-size:clamp(16px,2vw,19px);max-width:620px;margin:0 auto 32px}.pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.pill{font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid var(--panel-border);background:rgba(16,24,48,.5);color:var(--ink-dim)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px}.feature{padding:24px}.feature .ico{font-size:26px;margin-bottom:12px}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;counter-reset:step}.step{padding:24px;position:relative}.step .num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:15px;margin-bottom:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.step h3{margin:0 0 8px;font-size:16px}.step p{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.55}.pricing{max-width:420px;margin:0 auto;padding:32px;text-align:center}.pricing .price{font-size:44px;margin:12px 0 4px}.pricing .price small{font-size:15px;color:var(--ink-dim)}.pricing ul{list-style:none;padding:0;margin:24px 0;text-align:left}.pricing li{padding:7px 0;color:var(--ink-dim);font-size:14px}.pricing li:before{content:"✓";color:var(--accent-2);margin-right:10px;font-weight:700}.footer{text-align:center;padding:40px 24px;color:#3d4a75;font-size:13px}.prog{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.prog span{width:34px;height:4px;border-radius:2px;background:rgba(139,155,201,.25);transition:background .3s}.prog span.on{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.success{text-align:center;padding:40px 28px}.success .check{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,var(--accent-2),#00b3a0);color:#fff}@media (max-width:640px){.hero{padding:48px 16px 32px}.hero h1{font-size:34px}.glass{border-radius:16px}}