:root{--bg: #0b0f17;--bg-elev: #121826;--bg-card: #141b2b;--border: #223049;--border-hi: #2f425f;--text: #e6ecf5;--text-dim: #9aa7bd;--text-faint: #6b7891;--brand: #2f81f7;--brand-hi: #58a6ff;--accent: #34d3a6;--danger: #f0883e;--radius: 14px;--maxw: 1080px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 50% -200px,rgba(47,129,247,.14),transparent 70%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--brand-hi);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;margin:0 0 .4em}h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}p{margin:0 0 1em}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:72px 0}.section-tight{padding:40px 0}.center{text-align:center}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;color:var(--brand-hi);margin-bottom:10px}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:#0b0f17b3;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:24px;height:60px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text);font-size:1.1rem}.brand:hover{text-decoration:none}.brand svg{width:26px;height:26px}.nav-links{margin-left:auto;display:flex;gap:22px;align-items:center}.nav-links a{color:var(--text-dim);font-weight:600;font-size:.95rem}.nav-links a:hover{color:var(--text);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer}.btn:hover{text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hi)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand-hi)}.hero{padding:84px 0 40px;text-align:center}.hero p.lede{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--text-dim);max-width:640px;margin:0 auto 28px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.pill{display:inline-block;padding:5px 13px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);font-size:.82rem;font-weight:600;color:var(--text-dim);margin-bottom:22px}.flow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.flow-step{display:flex;align-items:center;gap:10px}.flow-node{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.flow-arrow{color:var(--brand);font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--brand);transform:translateY(-2px)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card h3{margin:0}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--brand-hi);text-decoration:none}.stage-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--brand-hi);background:#2f81f71f;padding:3px 9px;border-radius:6px;white-space:nowrap}.card .role{color:var(--text-dim);font-size:.92rem;margin:6px 0 12px}.card ul{margin:0 0 14px;padding-left:18px;color:var(--text-dim);font-size:.9rem}.card ul li{margin-bottom:4px}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.ver{font-size:.78rem;color:var(--text-faint);font-family:var(--mono)}.code{font-family:var(--mono);font-size:.86rem;background:#0a0e16;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:#cfe0ff;overflow-x:auto;white-space:pre}.install{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.85rem;background:#0a0e16;border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:12px}.install code{color:#9ff0d0;overflow-x:auto}.copy-btn{margin-left:auto;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:3px 9px;font-size:.75rem;cursor:pointer;font-family:var(--font);font-weight:600}.copy-btn:hover{color:var(--text);border-color:var(--brand)}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:820px;margin:0 auto}.plan{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.plan.featured{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.plan h3{font-size:1.3rem}.plan .amt{font-size:2.2rem;font-weight:800;margin:8px 0}.plan .amt span{font-size:1rem;font-weight:600;color:var(--text-dim)}.plan ul{list-style:none;padding:0;margin:18px 0}.plan ul li{padding:7px 0;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:.92rem}.plan ul li:before{content:"✓ ";color:var(--accent);font-weight:800}.plan ul li.no{color:var(--text-faint)}.plan ul li.no:before{content:"— ";color:var(--text-faint)}.cmp{width:100%;border-collapse:collapse;margin-top:24px;font-size:.92rem}.cmp th,.cmp td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.cmp th{color:var(--text-dim);font-weight:700}.cmp td.yes{color:var(--accent);font-weight:700}.cmp td.no{color:var(--text-faint)}.footer{border-top:1px solid var(--border);padding:36px 0;color:var(--text-faint);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer a{color:var(--text-dim)}.note{border-left:3px solid var(--danger);background:#f0883e14;padding:8px 14px;border-radius:0 8px 8px 0;font-size:.86rem;color:var(--text-dim);margin:12px 0}@media(max-width:640px){.section{padding:52px 0}.nav-links{gap:14px}.nav-links a.hide-sm{display:none}}