:root{color:#f3f4f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#16171d;--surface-2:#1d1e25;--surface-inset:#16171d;--sunken:#0f1015;--input-bg:#1f2028;--border:#2e303a;--border-strong:#3f4250;--border-card:#343641;--border-hover:#6b7280;--toggle-border:#4b5563;--toggle-knob:#9ca3af;--text:#f3f4f6;--text-soft:#d1d5db;--muted:#9ca3af;--muted-strong:#aeb4bf;--placeholder:#6b7280;--accent:#2563eb;--accent-text:#93c5fd;--accent-border:#93c5fd;--accent-soft:#93c5fd1f;--accent-on-invert:#2563eb;--selected-bg:#202634;--invert-bg:#f3f4f6;--invert-bg-hover:#e5e7eb;--invert-text:#111827;--burger:#e5e7eb;--error:#fca5a5;--error-border:#fca5a5;--warn:#fbbf24;--focus-outline:2px solid #93c5fd59;--focus-ring:0 0 0 3px #93c5fd33;--shadow:0 16px 40px #00000059;background:#0b0c10;font-family:system-ui,Segoe UI,Roboto,sans-serif}:root.light{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--surface-2:#f9fafb;--surface-inset:#f3f4f6;--sunken:#f3f4f6;--input-bg:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--border-card:#e5e7eb;--border-hover:#9ca3af;--toggle-border:#d1d5db;--toggle-knob:#9ca3af;--text:#111827;--text-soft:#374151;--muted:#6b7280;--muted-strong:#4b5563;--placeholder:#9ca3af;--accent:#2563eb;--accent-text:#1d4ed8;--accent-border:#3b82f6;--accent-soft:#2563eb1a;--accent-on-invert:#93c5fd;--selected-bg:#eff6ff;--invert-bg:#111827;--invert-bg-hover:#1f2937;--invert-text:#f9fafb;--burger:#374151;--error:#b91c1c;--error-border:#ef4444;--warn:#b45309;--focus-outline:2px solid #2563eb59;--focus-ring:0 0 0 3px #2563eb2e;--shadow:0 16px 40px #0f172a14;background:#f4f5f7}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.page{width:min(1280px,100%);min-height:100svh;margin:0 auto;padding:64px 24px}.pricing,.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:32px}.pricing{margin-bottom:24px;position:relative}.header-side{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:relative}.header-tools{justify-content:flex-end;display:flex}.controls-toggle,.express-toggle{border:1px solid var(--border-strong);height:36px;color:var(--text-soft);background:var(--sunken);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.express-toggle{display:none}.controls-toggle:focus-visible,.express-toggle:focus-visible{outline:var(--focus-outline);outline-offset:2px}.burger{gap:4px;width:16px;display:none}.burger span{background:var(--burger);border-radius:1px;height:2px;transition:transform .16s,opacity .16s;display:block}.controls-toggle[aria-expanded=true] .burger span:first-child{transform:translateY(6px)rotate(45deg)}.controls-toggle[aria-expanded=true] .burger span:nth-child(2){opacity:0}.controls-toggle[aria-expanded=true] .burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.demo-control-panel{z-index:3;border:1px solid var(--border);background:var(--surface-2);width:max-content;max-width:min(760px,100vw - 96px);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 16px;margin:0;padding:12px 14px;display:flex;position:absolute;top:44px;right:0}.demo-control-panel[hidden]{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px;font-size:11px;font-weight:700}.control{color:var(--text-soft);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.control input{border:1px solid var(--toggle-border);background:var(--sunken);appearance:none;cursor:pointer;border-radius:999px;flex:none;width:34px;height:18px;margin:0;position:relative}.control input:after{background:var(--toggle-knob);content:"";border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.control input:checked{border-color:var(--accent-border);background:var(--accent)}.control input:checked:after{background:#fff;transform:translate(16px)}.control.disabled{opacity:.4;cursor:not-allowed}.control.disabled input{cursor:not-allowed}.control input:focus-visible{outline:var(--focus-outline);outline-offset:2px}.control-note{color:var(--warn);flex-basis:100%;margin:0;font-size:12px}.pricing-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}h1,h2{color:var(--text);margin:0;line-height:1.1}h1{font-size:32px}h2{font-size:28px}.custom-price-button{border:1px solid var(--border-strong);color:var(--text-soft);background:var(--sunken);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:600}.custom-price-button.active{border-color:var(--accent-border);color:var(--text)}.custom-price-button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.custom-price{color:var(--text-soft);flex:1 0 100%;justify-items:end;gap:6px;margin:0;font-size:14px;font-weight:600;display:grid}.custom-price input{border:1px solid var(--border-strong);width:min(360px,100%);color:var(--text);background:var(--input-bg);border-radius:10px;outline:none;padding:10px 12px;font-size:14px;font-weight:400}.custom-price input:focus{border-color:var(--accent-border);box-shadow:var(--focus-ring)}.custom-price input[aria-invalid=true]{border-color:var(--error-border)}.custom-price-hint{color:var(--muted);font-size:12px;font-weight:500}.custom-price-hint.invalid{color:var(--error)}.billing-toggle{border:1px solid var(--border-strong);background:var(--sunken);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.billing-toggle button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600}.billing-toggle button.active{color:var(--invert-text);background:var(--invert-bg)}.billing-toggle span{color:var(--accent-text);margin-top:1px;font-size:10px;display:block}.billing-toggle button.active span{color:var(--accent-on-invert)}.billing-toggle.locked,.plan-grid.locked{opacity:.4}.billing-toggle.locked button,.plan-grid.locked .plan-card{cursor:not-allowed;opacity:1}.plan-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.plan-heading{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.plan-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.plan-card{border:1px solid var(--border-card);min-width:0;min-height:220px;color:var(--text);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;padding:22px;transition:border-color .16s,transform .16s,background .16s;display:flex}.plan-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.plan-card.selected{border-color:var(--accent-border);background:var(--selected-bg);box-shadow:inset 0 0 0 1px var(--accent-border)}.plan-name{font-size:16px;font-weight:700}.plan-price{letter-spacing:-.03em;margin:18px 0 12px;font-size:clamp(25px,4vw,34px);font-weight:700}.plan-price small{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:500}.plan-description{color:var(--muted-strong);flex:1;font-size:14px;line-height:1.45}.select-label{color:var(--accent-text);margin-top:20px;font-size:13px;font-weight:700}.checkout-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.checkout-footer>.field,.checkout-footer>.field-row,.checkout-footer>.status,.checkout-footer>.error,.checkout-footer>.hint,.checkout-actions{width:min(420px,100%);margin-inline:auto}.inline-layout{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;width:100%;margin-top:8px;display:grid}.checkout-footer:has(.inline-layout.is-express){margin-top:16px;padding-top:16px}.inline-layout.is-express{justify-content:center;margin-top:0;display:flex}.inline-layout.is-express .checkout-container{width:min(440px,100%)}.inline-layout.is-express .checkout-container:not(:empty){padding-top:0;overflow:hidden}.inline-layout.is-express .checkout-container iframe{margin-top:-40px;display:block}.inline-layout.is-suspended{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.price-breakdown{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;justify-content:space-between;gap:24px;padding:36px 32px;display:flex}.price-breakdown h2{font-size:22px}.breakdown-plan{align-items:center;gap:16px;display:flex}.breakdown-plan p{margin:0}.plan-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:16px;flex:none;place-items:center;width:64px;height:64px;display:grid}.plan-icon-basic{background:linear-gradient(135deg,#10b981,#0ea5e9)}.plan-icon-ultra{background:linear-gradient(135deg,#a855f7,#ec4899)}.plan-icon-enterprise{background:linear-gradient(135deg,#f59e0b,#ef4444)}.plan-icon-custom{background:linear-gradient(135deg,#6b7280,#374151)}.breakdown-plan-name{color:var(--text);font-size:24px;font-weight:700}.breakdown-plan-meta{color:var(--muted);word-break:break-all;font-size:14px;margin-top:4px!important}.breakdown-features{border-block:1px solid var(--border);gap:18px;margin:0;padding:28px 0;list-style:none;display:grid}.breakdown-features li{color:var(--text-soft);align-items:center;gap:12px;font-size:16px;display:flex}.breakdown-features li:before{content:"✓";width:22px;height:22px;color:var(--accent-text);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.breakdown-items{gap:20px;margin:0;padding:0;list-style:none;display:grid}.breakdown-items li{color:var(--text);justify-content:space-between;align-items:baseline;gap:16px;font-size:18px;font-weight:600;display:flex}.breakdown-items span:first-child{gap:4px;display:grid}.breakdown-items small{color:var(--muted);font-size:14px;font-weight:400}.breakdown-totals{background:var(--surface-inset);border-radius:12px;gap:14px;margin:0;padding:24px;display:grid}.breakdown-totals div{color:var(--text-soft);justify-content:space-between;align-items:baseline;gap:16px;font-size:16px;display:flex}.breakdown-totals dt,.breakdown-totals dd{margin:0}.breakdown-total{border-top:1px solid var(--border);color:var(--text);margin-top:6px;padding-top:18px;font-size:22px;font-weight:700}.breakdown-waiting{color:var(--muted);margin:0;font-size:14px}.checkout-footer>.status,.checkout-footer>.error,.checkout-footer>.hint{text-align:center}.checkout-actions{gap:16px;display:grid}.checkout-container:not(:empty){border:1px solid var(--border);background:0 0;border-radius:12px;padding:12px}.optional{color:var(--muted);font-weight:400}.field{color:var(--text-soft);gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:grid}.checkout-actions .field{width:100%;margin:0 0 12px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field input{border:1px solid var(--border-strong);width:100%;color:var(--text);background:var(--input-bg);border-radius:10px;outline:none;padding:12px 14px;font-size:16px;font-weight:400}.field input::placeholder{color:var(--placeholder)}.field input:focus{border-color:var(--accent-border);box-shadow:var(--focus-ring)}.checkout-button{width:100%;color:var(--invert-text);background:var(--invert-bg);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:14px 24px;font-size:16px;font-weight:600}.checkout-button:hover:not(:disabled){background:var(--invert-bg-hover)}.checkout-button:disabled{cursor:not-allowed;opacity:.45}.status,.error,.hint{margin:16px 0 0;font-size:14px}.status,.hint{color:var(--muted)}.error{color:var(--error)}@media (width<=1100px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.page{padding:12px 16px 28px}.pricing,.card{padding:22px}.pricing-header{flex-direction:column;align-items:stretch}.custom-price-button{margin-left:0}.custom-price,.custom-price input,.billing-toggle{width:100%}.billing-toggle{order:1}.inline-layout{grid-template-columns:minmax(0,1fr);gap:16px}.price-breakdown{gap:18px;padding:20px 18px}.checkout-container:not(:empty){border:0;padding:0}.pricing-header>div:first-child{padding-right:96px}.header-side{align-items:stretch;width:100%;position:static}.header-tools{gap:8px;position:absolute;top:14px;right:14px}.controls-toggle,.express-toggle{width:40px;height:40px;padding:0}.express-toggle{display:inline-flex}.express-toggle.active{border-color:var(--accent-border);color:var(--accent-text);background:var(--accent-soft)}.demo-control-panel .control-express{display:none}.controls-toggle-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.burger{display:grid}.demo-control-panel{width:100%;max-width:none;box-shadow:none;flex-direction:column;order:2;justify-content:flex-start;align-items:stretch;gap:12px;position:static}.demo-control-panel .control,.demo-control-panel .custom-price-button{justify-content:space-between;width:100%;margin-left:0}.demo-control-panel .custom-price{justify-items:stretch}.plan-grid{grid-template-columns:1fr;gap:8px}.plan-card{border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:0;padding:18px 16px}.plan-card:hover{transform:none}.plan-heading{flex-wrap:wrap;flex:1;gap:6px;width:auto}.plan-name{font-size:15px}.plan-badge{padding:2px 6px;font-size:9px}.plan-price{text-align:right;margin:0;font-size:18px}.plan-price small{margin-left:2px;font-size:12px}.plan-description,.select-label{display:none}.pricing-header{margin-bottom:18px}h1{font-size:26px}}.plan-grid.is-paywall{flex-direction:column;gap:10px;width:min(440px,100%);margin-inline:auto;display:flex}.plan-grid.is-paywall .plan-card{flex-direction:row;align-items:center;gap:14px;min-height:0;padding:16px;position:relative;overflow:hidden}.plan-grid.is-paywall .plan-card:hover{transform:none}.plan-grid.is-paywall .plan-card.popular{padding-top:44px}.plan-grid.is-paywall .plan-popular{background:var(--accent);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;height:28px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.plan-grid.is-paywall .plan-radio{border:2px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.plan-grid.is-paywall .plan-radio:after{content:"";background:0 0;border-radius:50%;width:10px;height:10px}.plan-grid.is-paywall .plan-card.selected .plan-radio{border-color:var(--accent)}.plan-grid.is-paywall .plan-card.selected .plan-radio:after{background:var(--accent)}.plan-grid.is-paywall .plan-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.plan-grid.is-paywall .plan-name{font-size:16px}.plan-grid.is-paywall .plan-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.plan-grid.is-paywall .plan-price{text-align:right;flex:none;margin:0;font-size:18px}.plan-grid.is-paywall .plan-price small{margin:2px 0 0;font-size:12px;display:block}
