*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090b;--bg-card: #18181b;--bg-elevated: #1c1c21;--border: #27272a;--text: #fafafa;--text-2: #a1a1aa;--text-3: #71717a;--accent: #6366f1;--accent-h: #818cf8;--green: #10b981;--green-dim: rgba(16, 185, 129, .15);--radius: 12px;--radius-sm: 8px;--max-w: 1060px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent-h);text-decoration:none}a:hover{color:var(--text)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090bcc;border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:16px;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.5px}.nav-mark{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-size:13px;color:var(--text-2);font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--accent);color:#fff!important;padding:7px 16px;border-radius:6px;font-weight:600;font-size:13px;transition:background .15s}.nav-cta:hover{background:var(--accent-h)}.hero{padding:140px 24px 80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:680px;margin:0 auto;position:relative}.hero-badge{display:inline-block;font-size:12px;font-weight:600;color:var(--accent-h);letter-spacing:.5px;border:1px solid rgba(99,102,241,.25);padding:4px 14px;border-radius:20px;margin-bottom:28px;background:#6366f10f}.hero h1{font-size:clamp(36px,5.5vw,56px);font-weight:800;letter-spacing:-1.5px;line-height:1.08;margin-bottom:20px}.hero-sub{font-size:17px;color:var(--text-2);line-height:1.65;max-width:520px;margin:0 auto 32px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.hero-proof{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hero-proof>span:first-child{font-size:12px;color:var(--text-3);margin-right:4px}.proof-provider{font-size:12px;color:var(--text-2);font-weight:500}.proof-dot{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s}.btn-primary:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{font-family:var(--mono);font-weight:700}.btn-ghost{display:inline-flex;align-items:center;padding:12px 24px;background:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s}.btn-ghost:hover{color:var(--text);border-color:var(--text-3)}.btn-full{width:100%;justify-content:center}.code-section{padding:0 24px 80px}.code-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.code-filename{font-size:12px;color:var(--text-3);font-family:var(--mono)}.code-body{padding:20px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--text-2);overflow-x:auto;white-space:pre}.c-kw{color:#c084fc}.c-str{color:#86efac}.c-fn{color:#93c5fd}.c-num{color:#fbbf24}.c-cm,.c-dim{color:#52525b}.c-hd{color:var(--text);font-weight:600}.c-cost{color:var(--green);font-weight:600}.problem{padding:80px 24px}.problem-inner{max-width:var(--max-w);margin:0 auto;text-align:center}.problem h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:40px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.problem-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px}.problem-num{font-size:40px;font-weight:800;font-family:var(--mono);color:var(--green);margin-bottom:12px}.problem-card p{font-size:14px;color:var(--text-2);line-height:1.5}.features{padding:80px 24px}.features-inner{max-width:var(--max-w);margin:0 auto}.features h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:40px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .2s}.feature-card:hover{border-color:var(--accent)}.feature-card h3{font-size:15px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:13px;color:var(--text-2);line-height:1.55}.how{padding:80px 24px}.how-inner{max-width:640px;margin:0 auto;text-align:center}.how h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:40px}.how-steps{display:flex;flex-direction:column;gap:24px;text-align:left}.how-step{display:flex;gap:20px;align-items:flex-start}.step-num{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.how-step h3{font-size:15px;font-weight:700;margin-bottom:4px}.how-step p{font-size:13px;color:var(--text-2);line-height:1.5}.how-step code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:12px}.dash{padding:80px 24px}.dash-inner{max-width:var(--max-w);margin:0 auto}.dash h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:32px;text-align:center}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.dash-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.dash-value{font-size:26px;font-weight:700;font-family:var(--mono)}.dash-sub{font-size:11px;color:var(--text-3);margin-top:4px}.dash-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.dash-table table{width:100%;border-collapse:collapse}.dash-table th{text-align:left;font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.dash-table td{font-size:13px;color:var(--text-2);padding:10px 16px;border-bottom:1px solid rgba(39,39,42,.5);font-family:var(--mono)}.dash-table tr:hover td{color:var(--text)}.green{color:var(--green)}.pricing{padding:80px 24px}.pricing-inner{max-width:720px;margin:0 auto;text-align:center}.pricing h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.pricing-sub{font-size:15px;color:var(--text-2);margin-bottom:40px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative}.pricing-featured{border-color:var(--accent);box-shadow:0 0 40px #6366f114}.pricing-badge{position:absolute;top:-12px;right:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px}.pricing-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.pricing-price{font-size:42px;font-weight:800;font-family:var(--mono);letter-spacing:-2px}.pricing-period{font-size:13px;color:var(--text-3);margin-bottom:24px}.pricing-card ul{list-style:none;margin-bottom:24px}.pricing-card li{font-size:13px;color:var(--text-2);padding:6px 0 6px 20px;position:relative}.pricing-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.providers{padding:60px 24px;text-align:center}.providers-inner{max-width:var(--max-w);margin:0 auto}.providers h2{font-size:20px;font-weight:600;color:var(--text-2);margin-bottom:24px}.provider-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.provider-pill{font-size:13px;font-weight:500;color:var(--text-2);padding:8px 18px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card)}.provider-help{font-size:12px;color:var(--text-3)}.final-cta{padding:80px 24px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.04) 100%)}.cta-inner{max-width:540px;margin:0 auto}.cta-inner h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.cta-inner p{font-size:15px;color:var(--text-2);margin-bottom:28px}.cta-actions{display:flex;justify-content:center}.footer{padding:40px 24px;border-top:1px solid var(--border)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-brand{font-size:16px;font-weight:700}.footer-links{display:flex;gap:20px;font-size:13px}.footer-links a{color:var(--text-3)}.footer-links a:hover{color:var(--text-2)}.footer-legal{text-align:center}.footer-legal p{font-size:12px;color:var(--text-3)}@media (max-width: 768px){.hero h1{font-size:32px}.hero-actions{flex-direction:column;align-items:center}.code-inner,.problem-grid,.features-grid{grid-template-columns:1fr}.how-steps{gap:20px}.dash-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}}@media (max-width: 480px){.code-body{font-size:11px;padding:14px}.dash-grid{grid-template-columns:1fr 1fr}.problem-num{font-size:32px}}
