:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", SFMono-Regular, Consolas, Menlo, Monaco, monospace;--bg: #0c0d0e;--card: #13161a;--card-glass: rgba(19, 22, 26, .75);--card-hover: #171b20;--sidebar: #0d0f12;--input: #14171d;--hover: #1a1e26;--hover-subtle: #15181f;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text: #f3f4f6;--secondary: #9ca3af;--muted: #6b7280;--brand: #3ecf8e;--brand-hover: #34b27b;--brand-soft: rgba(62, 207, 142, .12);--cyan: #38bdf8;--cyan-soft: rgba(56, 189, 248, .12);--purple: #a855f7;--purple-soft: rgba(168, 85, 247, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--success: #3ecf8e;--success-bg: rgba(62, 207, 142, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .5);--radius: 6px;--radius-lg: 10px}[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--card-glass: rgba(255, 255, 255, .9);--card-hover: #f1f5f9;--sidebar: #f8fafc;--input: #ffffff;--hover: #f1f5f9;--hover-subtle: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--secondary: #475569;--muted: #94a3b8;--brand: #059669;--brand-hover: #047857;--brand-soft: rgba(5, 150, 105, .1);--cyan: #0284c7;--cyan-soft: rgba(2, 132, 199, .1);--purple: #7c3aed;--purple-soft: rgba(124, 58, 237, .1);--amber: #d97706;--amber-soft: rgba(217, 119, 6, .1);--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--shadow: 0 10px 25px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:var(--bg);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font:inherit;color:inherit}.bg-grid-mesh{position:absolute;top:0;left:0;right:0;height:620px;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse 75% 65% at 50% 10%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 10%,black 30%,transparent 80%);pointer-events:none;z-index:0}[data-theme=light] .bg-grid-mesh{background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px)}.glow-hero{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:900px;height:480px;background:radial-gradient(circle 420px at center,var(--brand-soft),transparent 70%);pointer-events:none;z-index:0}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius);font-size:11px;font-weight:600;letter-spacing:.01em}.pill-brand{color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 28%,transparent)}.pill-cyan{color:var(--cyan);background:var(--cyan-soft);border:1px solid color-mix(in srgb,var(--cyan) 25%,transparent)}.pill-amber{color:var(--amber);background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 25%,transparent)}.pill-purple{color:var(--purple);background:var(--purple-soft);border:1px solid color-mix(in srgb,var(--purple) 25%,transparent)}.pill-success{color:var(--success);background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.icon-box{display:grid;place-items:center;border-radius:var(--radius);color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 20%,transparent)}.icon-box.cyan{color:var(--cyan);background:var(--cyan-soft);border-color:color-mix(in srgb,var(--cyan) 20%,transparent)}.icon-box.purple{color:var(--purple);background:var(--purple-soft);border-color:color-mix(in srgb,var(--purple) 20%,transparent)}.icon-box.amber{color:var(--amber);background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 20%,transparent)}.panel{background:var(--card-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.panel:hover{border-color:var(--border-strong)}.panel.interactive:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}.theme-toggle-btn{background:var(--input);border:1px solid var(--border);color:var(--secondary);padding:6px;border-radius:var(--radius);cursor:pointer;display:grid;place-items:center;transition:color .12s ease,border-color .12s ease,background .12s ease}.theme-toggle-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease;border:1px solid transparent}.btn-brand{background:var(--brand);color:#0c0d0e;font-weight:700}.btn-brand:hover{background:var(--brand-hover);box-shadow:0 0 20px #3ecf8e47}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--hover);border-color:var(--border-strong)}.meter-bar{height:5px;width:100%;background:var(--input);overflow:hidden;border-radius:3px;border:1px solid var(--border)}.meter-fill{height:100%;transition:width .3s ease}.meter-fill-brand{background:var(--brand)}.meter-fill-cyan{background:var(--cyan)}.meter-fill-amber{background:var(--amber)}.hero-section{width:100%;background:transparent;position:relative;z-index:1}@media (min-width: 860px){.nav-desktop{display:flex!important}}.storefront{min-height:100vh;background:var(--bg);color:var(--text)}.store-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between;padding:18px max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--border)}.store-brand{font-weight:800;color:var(--text);text-decoration:none}.store-header nav,.store-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.store-header nav a,.storefront a:not(.btn){color:var(--brand)}.store-section{max-width:1120px;margin:0 auto;padding:48px 24px;border-bottom:1px solid var(--border);scroll-margin-top:24px}.store-section h2{margin-bottom:16px;font-size:28px}.store-section h3{font-size:18px;margin-bottom:10px}.store-section p{color:var(--secondary);line-height:1.7;margin-bottom:14px}.store-hero{padding-top:80px;padding-bottom:80px}.store-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.15;margin:24px 0;letter-spacing:-.035em}.store-hero h1 span{color:var(--brand)}.store-hero p{max-width:660px;font-size:17px}.product-grid,.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:24px}.storefront .panel{padding:24px}.plan-card{display:flex;flex-direction:column;gap:8px}.plan-card .store-actions{margin-top:auto;padding-top:16px}.plan-price{font-size:24px;color:var(--text)!important}.plan-price small{font-size:12px}.storefront label{display:grid;gap:8px;font-size:13px}.storefront input,.storefront select{padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);width:100%;box-sizing:border-box}.storefront details{margin:12px 0;padding:12px 0}.storefront summary{cursor:pointer}.storefront .btn{min-height:38px;padding:8px 14px;cursor:pointer}.storefront .btn:disabled{opacity:.5;cursor:not-allowed}.cart-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:14px 0}.cart-row>div{flex:1;min-width:200px}.cart-row input{max-width:80px}.checkout-auth{max-width:540px}.checkout-total{max-width:600px;margin-top:24px}.checkout-total .btn{margin-right:12px;margin-top:12px}.email-signin{display:grid;gap:16px;margin-top:16px}.email-signin-actions{display:flex;flex-wrap:wrap;gap:10px}.email-signin-note{font-size:12px}.auth-error{color:var(--danger)!important}.signin-dialog{width:min(480px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:28px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);margin:auto}.signin-dialog::backdrop{background:#000000a6}.storefront footer{display:flex;justify-content:space-between;gap:20px}@media (max-width:650px){.store-header nav{width:100%}.store-header{gap:14px}.store-section{padding:36px 18px}}