:root,[data-theme=dark]{color-scheme:dark;--bg:#09090b;--panel:#18181b;--panel-strong:#27272a;--border:#27272a;--border-soft:#1c1c1f;--text:#fafafa;--text-strong:#ffffff;--muted:#71717a;--muted-strong:#a1a1aa;--accent:#3388ff;--accent-bg:#0f2744;--accent-text:#ffffff;--green:#10b981;--green-bg:#052e16;--green-text:#6ee7b7;--yellow:#f59e0b;--yellow-bg:#431407;--red:#ef4444;--red-bg:#450a0a;--blue:#3388ff;--blue-bg:#0f2744;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 16px 48px rgba(0,0,0,0.6);--glow:rgba(0,102,255,0.12)}[data-theme=light]{color-scheme:light;--bg:#ffffff;--panel:#f9fafb;--panel-strong:#f3f4f6;--border:#e4e4e7;--border-soft:#f4f4f5;--text:#09090b;--text-strong:#000000;--muted:#71717a;--muted-strong:#52525b;--accent:#0066ff;--accent-bg:#eff6ff;--accent-text:#ffffff;--green:#10b981;--green-bg:#d1fae5;--green-text:#065f46;--yellow:#f59e0b;--yellow-bg:#fef3c7;--red:#ef4444;--red-bg:#fee2e2;--blue:#0066ff;--blue-bg:#eff6ff;--shadow-sm:0 1px 3px rgba(0,0,0,0.07);--shadow-md:0 4px 16px rgba(0,0,0,0.09);--shadow-lg:0 16px 48px rgba(0,0,0,0.11);--glow:rgba(0,102,255,0.07)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .2s ease}body{min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted-strong);cursor:pointer;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.theme-toggle:hover{border-color:var(--muted);color:var(--text);background:var(--panel)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;height:40px;border:0;border-radius:9px;background:var(--accent);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s}.btn-primary,.btn-primary:hover{color:var(--accent-text);text-decoration:none}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);opacity:1}.btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:10px}.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted-strong);cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.ghost-button.btn-lg{height:48px;min-height:48px;padding:0 24px;font-size:15px;font-weight:600;border-radius:10px}.btn-primary.btn-lg,.ghost-button.btn-lg{box-sizing:border-box}.hero-cta-row .btn-primary,.hero-cta-row .ghost-button{min-width:200px}.ghost-button:hover{border-color:var(--muted);color:var(--text);text-decoration:none;background:var(--panel)}.icon-button{width:36px;min-height:36px;padding:0}.link{color:var(--accent);text-decoration:none}.settings-sections{display:grid;grid-gap:28px;gap:28px;max-width:720px;margin:0 auto}.settings-section-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.settings-card{border:1px solid var(--border-soft);border-radius:12px;background:var(--panel);overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.settings-row:last-child{border-bottom:0}.settings-row-label{font-size:14px;font-weight:600;color:var(--text);display:block}.settings-row-value{font-size:14px;color:var(--muted-strong)}.settings-row-desc{margin:3px 0 0;font-size:13px;color:var(--muted)}.settings-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:700}.settings-logout-btn{color:var(--red);border-color:rgba(239,68,68,.25)}.settings-logout-btn:hover{background:var(--red-bg);border-color:rgba(239,68,68,.5);color:#fca5a5}.settings-section-desc{margin:-4px 0 12px;font-size:13px;color:var(--muted);line-height:1.5}.settings-feedback{margin-bottom:12px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600}.settings-feedback-success{background:var(--green-bg);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 25%,transparent)}.settings-feedback-error{background:var(--red-bg);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.settings-feedback-info{background:var(--accent-bg);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.settings-badge-success{background:var(--green-bg);color:var(--green)}.settings-badge-error{background:var(--red-bg);color:#fca5a5}.settings-badge-warning{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#fbbf24}.sending-domains-list{display:grid;grid-gap:12px;gap:12px}.sending-domain-card{display:grid;grid-gap:16px;gap:16px;padding:20px}.sending-domain-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sending-domain-identity{display:grid;grid-gap:6px;gap:6px;min-width:0}.sending-domain-name{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.01em}.sending-domain-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sending-domain-meta-text{font-size:12px;color:var(--muted);position:relative;padding-left:10px}.sending-domain-meta-text:before{content:"·";position:absolute;left:0;color:var(--muted)}.sending-domain-actions{display:flex;gap:8px;flex-wrap:wrap}.sending-domain-remove-btn{color:var(--muted-strong)}.sending-domain-remove-btn:hover{color:#fca5a5;border-color:rgba(239,68,68,.4);background:var(--red-bg)}.sending-domain-success-hint{margin:0;font-size:13px;color:var(--muted);line-height:1.5;padding:12px 14px;background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);border-radius:8px}.domain-upgrade-gate{display:flex;flex-direction:column;gap:20px;padding:24px}.domain-upgrade-gate-body{display:flex;gap:14px;align-items:flex-start}.domain-upgrade-gate-icon{font-size:20px;flex-shrink:0;margin-top:2px}.domain-upgrade-gate-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text)}.domain-upgrade-gate-desc{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.dns-records-table{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px;overflow-x:auto}.dns-records-row{display:grid;grid-template-columns:70px minmax(140px,1fr) minmax(200px,2fr);grid-gap:10px;gap:10px;align-items:center;font-size:12px}.dns-records-head{font-weight:700;color:var(--muted);padding-bottom:4px;border-bottom:1px solid var(--border)}.dns-records-type{font-family:var(--font-mono,monospace);font-weight:700}.dns-records-name,.dns-records-value{min-width:0}.domain-warning-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:var(--red-bg);border:1px solid rgba(239,68,68,.35);margin-bottom:16px;flex-wrap:wrap}.domain-warning-icon{font-size:22px;color:#fca5a5}.domain-warning-body{flex:1 1;min-width:220px}.domain-warning-title{font-weight:700;color:#fca5a5;margin-bottom:4px}.domain-warning-desc{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.delivery-issues-banner{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:12px;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 35%,transparent);margin-bottom:16px;flex-wrap:wrap}.delivery-issues-icon{width:26px;height:26px;border-radius:50%;background:#f59e0b;color:#1f2937;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.delivery-issues-body{flex:1 1;min-width:220px}.delivery-issues-title{font-weight:700;color:#fbbf24;margin-bottom:4px}.delivery-issues-desc{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.pricing-page{max-width:1040px;margin:0 auto;padding:60px 24px 80px}.pricing-back{display:inline-block;margin-bottom:32px;font-size:13px;color:var(--muted);text-decoration:none}.pricing-back:hover{color:var(--text)}.pricing-header{max-width:720px;margin-right:auto;margin-left:auto;text-align:center;margin-bottom:40px}.pricing-title{font-size:38px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.pricing-subtitle{margin:0 auto;max-width:520px;font-size:15px;color:var(--muted);line-height:1.6}.pricing-banner{margin-bottom:24px;padding:14px 18px;border-radius:10px;font-size:14px;text-align:center}.pricing-banner-warning{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#fbbf24;border:1px solid color-mix(in srgb,#f59e0b 35%,transparent)}.pricing-banner-error{background:var(--red-bg);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.pricing-banner-success{background:var(--green-bg);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.pricing-banner-link{color:inherit;text-decoration:underline;font-weight:600}.pricing-card-single{margin-bottom:56px}.pricing-plan-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:980px;margin:0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-soft) 76%,var(--accent));border-radius:18px;background:var(--panel);box-shadow:var(--shadow-lg)}.pricing-plan-offer,.pricing-plan-value{padding:34px 36px}.pricing-plan-offer{display:flex;flex-direction:column;justify-content:space-between;gap:40px;border-right:1px solid var(--border-soft);background:color-mix(in srgb,#000000 16%,transparent)}.pricing-plan-value{display:flex;flex-direction:column;justify-content:center}.pricing-plan-value h2{margin:0 0 20px;color:var(--text-strong);font-size:15px;font-weight:750;letter-spacing:-.01em}.pricing-plan-name{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.pricing-plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:22px}.pricing-plan-amount{color:var(--text-strong);font-size:clamp(52px,6vw,74px);font-weight:900;letter-spacing:-.055em}.pricing-plan-period{font-size:22px;color:var(--muted)}.pricing-plan-description{max-width:310px;margin:0;font-size:15px;color:var(--muted);line-height:1.6}.pricing-feature-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:16px;gap:16px}.pricing-plan-card .pricing-feature{display:flex;align-items:flex-start;gap:14px;color:var(--muted-strong);font-size:15px;line-height:1.45}.pricing-plan-card .pricing-feature-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green);font-size:12px;font-weight:700}.pricing-cta{display:inline-flex;width:100%;justify-content:center}.pricing-plan-actions{display:grid;grid-gap:14px;gap:14px}.pricing-plan-actions form{width:100%}.pricing-plan-anchor{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.pricing-plan-anchor strong{color:var(--text);font-weight:700}.pricing-billing-toggle{display:flex;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:4px;gap:3px}.pricing-billing-option{flex:1 1;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:7px;font-size:15px;font-weight:600;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.pricing-billing-option.active{background:var(--text-strong);color:var(--bg);box-shadow:0 1px 4px rgba(0,0,0,.3)}.pricing-billing-toggle-wrap{position:relative}.pricing-billing-badge{position:absolute;top:-11px;right:-6px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;color:var(--green);background:color-mix(in srgb,var(--green) 15%,transparent);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);letter-spacing:.01em;white-space:nowrap;pointer-events:none}.pricing-annual-savings{margin:-4px 0 0;font-size:13px;font-weight:600;color:var(--green);text-align:center}.pricing-annual-savings-hint{color:var(--muted);font-weight:500}.pricing-plan-price-original{display:flex;align-items:baseline;gap:3px;margin-bottom:-10px}.pricing-plan-amount-original{font-size:20px;font-weight:700;color:var(--muted);text-decoration:line-through}.pricing-plan-period-original{font-size:14px;color:var(--muted);text-decoration:line-through}.pricing-plan-period-wrap{display:flex;flex-direction:column;gap:2px}.pricing-plan-equiv{font-size:13px;color:var(--muted)}.pricing-trial-line{margin:0;font-size:13px;font-weight:500;color:var(--muted-strong);text-align:center}.pricing-fine-print{margin:0;font-size:12px;font-weight:600;color:var(--muted);text-align:center}.pricing-value-footnote{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.pricing-faq-title{font-size:20px;font-weight:700;margin:0 0 16px}.pricing-faq-item{border:1px solid var(--border-soft);border-radius:10px;padding:14px 18px;margin-bottom:10px;background:var(--panel)}.pricing-faq-item summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--text);list-style:none}.pricing-faq-item summary::-webkit-details-marker{display:none}.pricing-faq-item[open] summary{margin-bottom:8px}.pricing-faq-item p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}.settings-danger-title{color:#fca5a5}.settings-danger-card{border-color:rgba(239,68,68,.3);background:color-mix(in srgb,#ef4444 5%,var(--panel))}.settings-form-card{border:1px solid var(--border-soft);border-radius:12px;background:var(--panel);padding:24px}.settings-form{display:grid;grid-gap:20px;gap:20px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px 18px;gap:16px 18px}.settings-form-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.settings-form-field--full{grid-column:1/-1}.settings-form-field label{font-size:13px;font-weight:700;color:var(--muted-strong);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.settings-form-field input,.settings-form-field select{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-form-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;padding-right:36px;cursor:pointer}.settings-form-field input:focus,.settings-form-field select:focus{border-color:var(--accent)}.settings-form-field .settings-field-hint{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.settings-form-actions{display:flex;justify-content:flex-end;gap:8px}.settings-form .btn-primary,.settings-form .ghost-button{width:-moz-fit-content;width:fit-content}.settings-optional{font-weight:500;color:var(--muted)}.link:hover{text-decoration:underline}.status-pill{font-weight:700}.priority-pill,.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:11px;white-space:nowrap}.priority-pill{font-weight:800}.priority-high{color:var(--red);background:var(--red-bg)}.priority-normal{color:var(--yellow);background:var(--yellow-bg)}.priority-low{color:var(--muted-strong);background:var(--panel-strong)}.status-pending,.status-processing{color:var(--yellow);background:var(--yellow-bg)}.status-recovered,.status-sent{color:var(--green);background:var(--green-bg)}.status-failed{color:var(--red);background:var(--red-bg)}.status-cancelled,.status-ignored,.status-skipped{color:var(--muted-strong);background:var(--panel-strong)}.status-default{color:var(--accent);background:var(--accent-bg)}.filter-tabs{display:flex;gap:4px;margin-bottom:10px}.period-picker-wrap{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.period-picker-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.period-picker{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s}.period-picker:hover{border-color:var(--muted-strong)}.period-picker:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.dashboard-mode-switcher{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--panel);margin-bottom:18px}.dashboard-mode-tab{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--muted-strong);text-decoration:none;transition:color .15s,background .15s}.dashboard-mode-tab:hover{color:var(--text);background:var(--panel-strong);text-decoration:none}.dashboard-mode-tab-active{color:var(--text-strong);background:var(--panel-strong)}.dashboard-mode-title{font-size:13px;font-weight:700}.dashboard-mode-status{padding:2px 6px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.dashboard-mode-status-ready{background:var(--green-bg);color:var(--green)}.test-dashboard-card{display:grid;grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel);margin-bottom:16px}.test-dashboard-header,.test-run-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.test-dashboard-header h2{margin:2px 0 4px;color:var(--text-strong);font-size:18px;letter-spacing:0}.test-dashboard-header p,.test-run-empty p,.test-run-top p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.test-dashboard-actions{flex:0 0 auto}.test-dashboard-checks{display:flex;flex-wrap:wrap;gap:8px}.test-dashboard-check{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--border-soft);border-radius:6px;background:var(--bg);color:var(--muted-strong);font-size:12px;font-weight:700}.test-dashboard-check-ready{border-color:color-mix(in srgb,var(--green) 35%,transparent);background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}.test-run-card,.test-run-empty{padding:15px;border:1px solid var(--border-soft);border-radius:8px;background:var(--bg)}.test-run-label{margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.test-run-card h3,.test-run-empty h3{margin:0 0 4px;color:var(--text-strong);font-size:16px;letter-spacing:0}.test-run-timeline{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.test-run-step{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--border-soft);border-radius:999px;color:var(--muted-strong);background:var(--panel);font-size:12px;font-weight:700}.test-run-step-done,.test-run-step-sent{color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);border-color:color-mix(in srgb,var(--green) 28%,transparent)}.test-run-step-pending,.test-run-step-processing{color:var(--muted-strong);background:var(--panel-strong)}.test-run-step-failed{color:var(--red);background:color-mix(in srgb,var(--red) 8%,transparent);border-color:color-mix(in srgb,var(--red) 28%,transparent)}.test-run-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;color:var(--muted);font-size:12px}.test-run-error{color:var(--red)}.test-sent-banner{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-radius:10px;background:color-mix(in srgb,var(--green) 10%,transparent);border:1px solid color-mix(in srgb,var(--green) 25%,transparent);margin-bottom:16px}.test-sent-banner-error{background:color-mix(in srgb,var(--red) 10%,transparent);border-color:color-mix(in srgb,var(--red) 30%,transparent)}.test-sent-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--green);color:var(--bg);font-weight:800;font-size:14px}.test-sent-banner-error .test-sent-icon{background:var(--red)}.test-sent-body{flex:1 1}.test-sent-title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:2px}.test-sent-desc{margin:0;font-size:13px;color:var(--muted-strong);line-height:1.5}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:13px}.pager-state{color:var(--muted);font-weight:500}.ghost-button-disabled{opacity:.4;pointer-events:none}.filter-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-soft);border-radius:8px;background:transparent;color:var(--muted-strong);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.filter-tab:hover{border-color:var(--border);color:var(--text);text-decoration:none}.filter-tab-active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.filter-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:999px;background:var(--panel-strong);color:var(--muted);font-size:11px;font-weight:800}.filter-tab-active .filter-tab-count{background:var(--accent);color:var(--accent-text)}.dashboard-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.brand{display:grid;grid-gap:6px;gap:6px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--text-strong)}.activity-detail,.brand p,.empty-state,.section-title p,.setup-panel p{margin:0;color:var(--muted);line-height:1.5}.sync-note{min-width:180px;color:var(--muted);font-size:13px;text-align:right}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.session-confirmation{color:var(--green);font-size:13px;font-weight:700}.summary-strip{margin-bottom:12px;padding:16px 18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel);color:var(--muted-strong);line-height:1.45}.summary-strip strong{color:var(--text)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.metric{min-height:110px;display:grid;align-content:space-between;padding:20px 22px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel);transition:border-color .2s}.metric-label{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.metric-value{margin-top:14px;font-size:32px;font-weight:780;line-height:1;letter-spacing:-.03em;color:var(--text-strong)}.metric-recovered{border-color:color-mix(in srgb,var(--green) 25%,var(--border-soft))}.metric-recovered .metric-value{color:var(--green)}.metric-at-risk{border-color:color-mix(in srgb,var(--yellow) 25%,var(--border-soft))}.metric-at-risk .metric-value{color:var(--yellow)}.metric-needs-action{border-color:color-mix(in srgb,var(--red) 25%,var(--border-soft))}.metric-needs-action .metric-value{color:var(--red)}.recovery-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.recovery-hero-card{position:relative;padding:22px 24px;border:1px solid var(--border-soft);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;min-height:168px}.recovery-hero-rate{border-color:color-mix(in srgb,var(--green) 30%,var(--border-soft))}.recovery-hero-roi{border-color:color-mix(in srgb,var(--blue) 30%,var(--border-soft))}.recovery-hero-label{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.recovery-hero-value{margin-top:8px;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recovery-hero-rate .recovery-hero-value{color:var(--green)}.recovery-hero-roi .recovery-hero-value{color:var(--blue)}.recovery-hero-bar{border-radius:6px;background:var(--border-soft);overflow:hidden}.recovery-hero-bar,.recovery-hero-bar-spacer{margin-top:14px;height:8px}.recovery-hero-bar-fill{height:100%;background:var(--green);border-radius:6px;transition:width .4s ease}.recovery-hero-foot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-strong)}.recovery-hero-hint{font-size:12px;color:var(--muted)}.recovered-by-method{border:1px solid var(--border-soft);border-radius:12px;background:var(--panel);padding:18px 22px 16px;margin-bottom:22px}.recovered-by-method-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}.recovered-by-method-title{font-size:14px;font-weight:700;margin:0 0 2px;color:var(--text-strong)}.recovered-by-method-desc{font-size:12px;color:var(--muted);margin:0}.recovered-by-method-attributed{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.recovered-by-method-attributed-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.recovered-by-method-attributed-value{font-size:18px;font-weight:700;color:var(--green);letter-spacing:-.01em}.recovered-by-method-attributed-pct{font-size:13px;font-weight:600;color:var(--muted)}.recovered-by-method-bar{display:flex;width:100%;height:10px;border-radius:6px;overflow:hidden;background:var(--border-soft);margin-bottom:14px}.recovered-by-method-segment{height:100%;transition:opacity .2s}.recovered-by-method-segment-smart_retry{background:var(--green)}.recovered-by-method-segment-recovery_email{background:var(--blue)}.recovered-by-method-segment-pre_dunning{background:var(--yellow)}.recovered-by-method-segment-customer_action{background:var(--muted)}.recovered-by-method-segment-stripe_native{background:color-mix(in srgb,var(--muted) 60%,var(--panel))}.recovered-by-method-segment-unattributed{background:color-mix(in srgb,var(--muted) 40%,var(--panel))}.recovered-by-method-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px 18px;gap:8px 18px}.recovered-by-method-row{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;grid-gap:8px;gap:8px;font-size:13px;color:var(--text-strong)}.recovered-by-method-dot{width:10px;height:10px;border-radius:50%}.recovered-by-method-row-label{color:var(--muted)}.recovered-by-method-row.is-attributed .recovered-by-method-row-label{color:var(--text-strong);font-weight:600}.recovered-by-method-row-amount{font-weight:600}.recovered-by-method-row-amount,.recovered-by-method-row-pct{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recovered-by-method-row-pct{color:var(--muted);min-width:36px;text-align:right}.recovery-split{display:flex;align-items:center;gap:0;padding:14px 20px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel);margin-bottom:22px}.recovery-split-item{flex:1 1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recovery-split-divider{width:1px;height:32px;background:var(--border-soft);margin:0 20px;flex-shrink:0}.recovery-split-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px}.recovery-split-badge-machine{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue)}.recovery-split-badge-customer{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.recovery-split-value{font-size:18px;font-weight:720;letter-spacing:-.02em;color:var(--text-strong)}.recovery-split-desc{font-size:12px;color:var(--muted)}.settings-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:22px;padding:14px 16px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel)}.settings-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.settings-value{overflow:hidden;margin-top:5px;color:var(--muted-strong);font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.section{margin-top:22px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.section-title h2{margin:0;font-size:16px;line-height:1.2;color:var(--text-strong);font-weight:700}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:13px 14px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}td{color:var(--muted-strong);font-size:14px}tr:last-child td{border-bottom:0}.primary-cell{color:var(--text);font-weight:650}.muted-cell{color:var(--muted)}.reason-cell{display:flex;align-items:center;gap:8px}.reason-cell>span:first-child{max-width:230px;font-weight:650}.reason-cell>span:first-child,.reason-text{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.reason-text{font-size:13px;max-width:220px}.amount-cell{color:var(--text-strong);font-weight:700;font-size:14px;letter-spacing:-.01em}.next-step-cell{color:var(--muted-strong);font-size:13px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list{display:grid;border:1px solid var(--border-soft);border-radius:10px;overflow:hidden;background:var(--panel)}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-soft)}.activity-item:last-child{border-bottom:0}.activity-dot-wrap{flex:0 0 auto;display:flex;align-items:center}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot-sent{background:var(--green)}.activity-dot-failed{background:var(--red)}.activity-body{flex:1 1;min-width:0}.activity-title{color:var(--text);font-size:13px;font-weight:600}.activity-detail,.activity-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail{margin-top:3px;font-size:12px}.activity-time{flex:0 0 auto;color:var(--muted);font-size:12px}.empty-state,.setup-panel{padding:18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel)}.empty-state-action{display:grid;grid-gap:16px;gap:16px}.empty-state-action h3{margin:0 0 6px;color:var(--text-strong);font-size:18px;line-height:1.25}.empty-state-action p{max-width:620px;margin:0;color:var(--muted-strong);font-size:14px;line-height:1.65}.empty-state-action ol{display:grid;grid-gap:8px;gap:8px;margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.55}.empty-state-action .btn-primary{width:-moz-fit-content;width:fit-content}.empty-state-hint{font-size:13px;color:var(--muted);margin:0}.setup-panel{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.setup-panel code{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--panel-strong);color:var(--text)}.login-shell{min-height:100vh;display:grid;place-items:center;width:min(100% - 32px,440px);margin:0 auto;padding:40px 0}.login-card{width:100%;padding:36px 32px 32px;border:1px solid var(--border-soft);border-radius:16px;background:var(--panel);box-shadow:0 4px 32px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:6px}.login-card .eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}.login-card h1{margin:0 0 2px;font-size:28px;line-height:1.1;letter-spacing:-.03em;color:var(--text-strong)}.login-card>p{margin:0 0 8px;color:var(--muted);line-height:1.5;font-size:14px}.login-form{gap:16px;margin-top:8px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{color:var(--muted-strong);font-size:13px;font-weight:600;letter-spacing:.01em}.login-form input{min-height:44px;width:100%;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.login-form input::placeholder{color:var(--muted)}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.login-submit{min-height:46px;width:100%;margin-top:4px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-text);cursor:pointer;font-weight:700;font-size:15px;letter-spacing:-.01em;transition:opacity .15s,transform .1s}.login-submit:hover{opacity:.9}.login-submit:active{transform:scale(.99)}.login-submit:disabled{cursor:wait;opacity:.6}.google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.google-button:hover{background:var(--panel-hover,var(--border-soft));border-color:var(--muted)}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--muted);font-size:13px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border-soft)}.login-message{margin-top:18px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-strong);color:var(--muted-strong);font-size:13px;line-height:1.45}.login-message.error{border-color:rgba(239,68,68,.3);background:var(--red-bg);color:#fca5a5}.setup-hero{display:grid;grid-gap:14px;gap:14px;margin-bottom:22px;padding:18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel)}.setup-card p,.setup-hero p,.setup-note{margin:0;color:var(--muted);line-height:1.55}.code-block{overflow-x:auto;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;white-space:nowrap}.setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.setup-card,.setup-note{padding:18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel)}.setup-card{display:grid;grid-gap:10px;gap:10px}.setup-card h2,.setup-note h2{margin:0;color:var(--text-strong);font-size:16px;font-weight:700;line-height:1.2}.setup-card code{padding:2px 6px;border-radius:5px;background:var(--panel-strong);color:var(--text)}.setup-message{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(16,185,129,.3);border-radius:8px;background:var(--green-bg);color:var(--green);font-size:13px;font-weight:700}.setup-autoconfig{margin:4px 0 32px;padding:24px 24px 22px;border:1px solid var(--border,rgba(255,255,255,.08));border-radius:16px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.02))}.setup-autoconfig.is-done{border-color:rgba(16,185,129,.3);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.02))}.setup-autoconfig.is-done .setup-autoconfig-badge{background:rgba(16,185,129,.18);color:#34d399}.setup-autoconfig-badge{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(59,130,246,.15);color:#60a5fa;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.setup-autoconfig-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text,#f4f4f5)}.setup-autoconfig-desc{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--muted,#a1a1aa)}.setup-autoconfig-hint{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--muted,#71717a)}.setup-autoconfig-modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.setup-mode-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--border,rgba(255,255,255,.08));background:rgba(255,255,255,.02);color:var(--muted,#a1a1aa);font-size:12px;font-weight:600}.setup-mode-pill.is-ready{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12);color:#34d399}.setup-autoconfig-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.setup-autoconfig-swap{color:#60a5fa;font-size:13px;font-weight:600;text-decoration:none}.setup-autoconfig-swap:hover{text-decoration:underline}.setup-autoconfig-keyform{display:flex;flex-direction:column;gap:8px;margin:0 0 8px}.setup-autoconfig-keylabel{font-size:13px;font-weight:600;color:var(--text,#f4f4f5)}.setup-autoconfig-keyinput{width:100%;padding:12px 14px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:10px;background:rgba(255,255,255,.02);color:var(--text,#f4f4f5);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.setup-autoconfig-keyinput:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.18)}.setup-autoconfig-keyhint{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--muted,#71717a)}.setup-autoconfig-keystate{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px}.setup-key-pill{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.12);color:#34d399}.setup-key-pill,.setup-manual-divider{align-items:center;font-size:12px;font-weight:600}.setup-manual-divider{display:flex;margin:0 0 24px;color:var(--muted,#71717a);text-transform:uppercase;letter-spacing:.08em}.setup-manual-divider:after,.setup-manual-divider:before{content:"";flex:1 1;height:1px;background:var(--border,rgba(255,255,255,.06))}.setup-manual-divider span{padding:0 14px}.setup-message.error{border-color:rgba(239,68,68,.3);background:var(--red-bg);color:#fca5a5}.setup-notice{margin-bottom:16px;padding:12px 16px;border:1px solid rgba(234,179,8,.3);border-radius:8px;background:rgba(234,179,8,.08);color:#ca8a04;font-size:13px}[data-theme=dark] .setup-notice{color:#fbbf24;background:rgba(234,179,8,.1)}.setup-notice a{font-weight:600;color:inherit;text-decoration:underline}.setup-connect{display:grid;grid-gap:14px;gap:14px;margin-bottom:22px;padding:18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel)}.setup-form{display:grid;grid-template-columns:minmax(130px,180px) minmax(240px,1fr) auto;grid-gap:10px;gap:10px;align-items:end}.setup-field,.setup-field label{display:grid;grid-gap:6px;gap:6px}.setup-field label{color:var(--muted-strong);font-size:13px;font-weight:700}.setup-form input,.setup-form select{height:42px;width:100%;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);outline:none;transition:border-color .15s}.setup-form input:focus,.setup-form select:focus{border-color:var(--accent)}.setup-form button{min-height:42px;padding:0 14px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-text);cursor:pointer;font-weight:700;font-size:14px;transition:opacity .15s}.setup-form button:hover{opacity:.88}.connection-status{display:flex;flex-wrap:wrap;gap:8px}.connection-status span{padding:7px 10px;border-radius:999px;background:var(--panel-strong);color:var(--muted-strong);font-size:12px;font-weight:700}.connection-status .is-ready{background:var(--accent-bg);color:var(--accent)}.last-event-card{display:grid;grid-gap:12px;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel)}.last-event-card.is-active{border-color:color-mix(in srgb,var(--green) 30%,var(--border-soft))}.last-event-label{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.last-event-value{color:var(--text-strong);font-size:17px;font-weight:750;letter-spacing:-.01em}.last-event-card p{max-width:620px;margin:0;color:var(--muted-strong);font-size:14px;line-height:1.6}.last-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.last-event-grid div{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--border-soft);border-radius:10px;background:var(--bg)}.last-event-grid span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.last-event-grid strong{overflow:hidden;color:var(--muted-strong);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.step-number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-size:13px;font-weight:800}.event-list{display:grid;grid-gap:8px;gap:8px}.event-list code{display:block;width:-moz-fit-content;width:fit-content}.setup-note{display:grid;grid-gap:14px;gap:14px;margin-top:22px}.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.note-grid span{padding:10px 12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-strong);color:var(--muted-strong);font-size:13px;font-weight:700}.setup-stepper{display:flex;flex-direction:column;gap:0;margin-top:8px}.setup-step{display:flex;gap:24px;padding-bottom:40px}.setup-step-aside{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.setup-step-line{flex:1 1;width:1px;background:var(--border-soft);margin-top:10px;min-height:24px}.step-number.done{background:var(--green-bg);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);font-size:16px}.setup-step-body{flex:1 1;padding-top:6px;padding-bottom:8px}.setup-step-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-strong);letter-spacing:-.02em}.setup-step-desc{margin:0 0 18px;font-size:14px;line-height:1.65;color:var(--muted)}.setup-step-fields{display:grid;grid-gap:10px;gap:10px}.setup-field-row{display:grid;grid-gap:6px;gap:6px}.setup-field-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.copy-field{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}.copy-field-value{flex:1 1;padding:10px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:var(--text);overflow:hidden;text-overflow:ellipsis}.copy-btn,.copy-field-value{font-size:13px;white-space:nowrap}.copy-btn{flex-shrink:0;padding:0 14px;height:40px;border:0;border-left:1px solid var(--border);background:var(--panel);color:var(--muted-strong);font-weight:600;cursor:pointer;transition:background .15s,color .15s}.copy-btn:hover{background:var(--panel-strong);color:var(--text)}.copy-btn.copied{color:var(--green);background:var(--green-bg)}.landing{min-height:100vh;background:var(--bg);color:var(--text);position:relative}[data-theme=dark] .landing{background:radial-gradient(ellipse 100% 55% at 50% -5%,rgba(0,70,200,.18) 0,transparent 60%),radial-gradient(ellipse 60% 35% at 80% 90%,rgba(0,40,130,.08) 0,transparent 55%),#07090b}[data-theme=light] .landing{background:#ffffff}[data-theme=light] .hero{background:linear-gradient(180deg,#eef2ff,#ffffff 68%)}[data-theme=light] .hero-mockup-wrap:after{background:linear-gradient(180deg,transparent 40%,#ffffff)}[data-theme=light] .hero-mockup{background:#ffffff;border-color:#e4e4e7;box-shadow:0 20px 60px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)}[data-theme=light] .mockup-chrome{background:#f3f4f6;border-bottom-color:#e4e4e7}[data-theme=light] .mockup-url{color:#a1a1aa}[data-theme=light] .mockup-eyebrow{color:#0066ff}[data-theme=light] .mockup-heading{color:#09090b}[data-theme=light] .mockup-metric{background:#f9fafb;border-color:#e4e4e7}[data-theme=light] .mockup-metric-label{color:#71717a}[data-theme=light] .mockup-metric-value{color:#09090b}[data-theme=light] .mockup-table{border-color:#e4e4e7}[data-theme=light] .mockup-table-header{background:#f3f4f6;color:#71717a}[data-theme=light] .mockup-table-row{border-top-color:#f4f4f5;color:#52525b}[data-theme=light] .mockup-table-row .col-customer{color:#09090b}[data-theme=light] .mockup-badge.low{background:#f3f4f6;color:#71717a}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .25s,border-color .25s}[data-theme=dark] .landing-nav{background:rgba(7,9,11,.82)}[data-theme=light] .landing-nav{background:rgba(255,255,255,.82)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1100px;margin:0 auto;padding:0 24px;height:60px}.nav-logo{justify-self:start;display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;letter-spacing:-.01em;flex-shrink:0}.nav-logo,.nav-logo:hover{text-decoration:none;color:var(--text)}.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:900;letter-spacing:0;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{padding:6px 12px;border-radius:7px;color:var(--muted-strong);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:var(--panel);text-decoration:none}.nav-actions{justify-self:end;gap:8px;flex-shrink:0}.hero,.nav-actions{display:flex;align-items:center}.hero{position:relative;flex-direction:column;text-align:center;padding:148px 24px 80px;overflow:hidden}.hero:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,var(--glow) 0,transparent 65%);top:35%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:800px;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent-bg) 70%,transparent);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:26px;animation:fadeUp .5s ease both}.hero-badge:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero-title{margin:0 0 20px;font-size:clamp(38px,6.5vw,64px);font-weight:800;line-height:1.06;letter-spacing:-.035em;color:var(--text-strong);animation:fadeUp .5s ease .1s both}.hero-sub{margin:0 auto 36px;max-width:560px;font-size:clamp(16px,2vw,18px);line-height:1.65;color:var(--muted);animation:fadeUp .5s ease .2s both}.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;animation:fadeUp .5s ease .3s both}.hero-hint{margin-top:14px;font-size:13px;color:var(--muted);animation:fadeUp .5s ease .38s both}.hero-pills{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px;animation:fadeUp .5s ease .44s both}.hero-pill{font-size:13px;font-weight:500;color:var(--muted-strong)}.hero-pill-dot{width:3px;height:3px;border-radius:50%;background:var(--border);flex-shrink:0}.hero-mockup-wrap{position:relative;margin-top:56px;animation:fadeUp .7s ease .44s both}.hero-mockup-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none;z-index:1}.hero-mockup{width:100%;max-width:900px;margin:0 auto;background:#09090b;border:1px solid #27272a;border-radius:14px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04)}.mockup-chrome{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#050507;border-bottom:1px solid #1c1c1f}.mockup-dots{display:flex;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%}.mockup-dot-red{background:#ff5f57}.mockup-dot-yellow{background:#ffbd2e}.mockup-dot-green{background:#28c840}.mockup-url{flex:1 1;text-align:center;font-size:11px;color:#52525b;font-family:ui-monospace,monospace}.mockup-body{padding:20px 20px 0}.mockup-topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.mockup-eyebrow{color:#3388ff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.mockup-heading{color:#fafafa;font-size:18px;font-weight:700;letter-spacing:-.02em}.mockup-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.mockup-metric{padding:12px 14px;background:#18181b;border:1px solid #27272a;border-radius:8px}.mockup-metric-label{color:#71717a;font-size:10px;margin-bottom:6px}.mockup-metric-value{color:#fafafa;font-size:20px;font-weight:750;letter-spacing:-.02em}.mockup-metric-value.recovered{color:#10b981}.mockup-table{border:1px solid #27272a;border-radius:8px;overflow:hidden}.mockup-table-header{padding:8px 12px;background:#050507;color:#52525b;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.mockup-table-header,.mockup-table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;grid-gap:8px;gap:8px}.mockup-table-row{padding:10px 12px;border-top:1px solid #1c1c1f;color:#a1a1aa;font-size:11px;align-items:center}.mockup-table-row .col-customer{color:#fafafa;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;width:-moz-fit-content;width:fit-content}.mockup-badge.high{background:#450a0a;color:#ef4444}.mockup-badge.normal{background:#431407;color:#f59e0b}.mockup-badge.low{background:#27272a;color:#71717a}.pain-section{padding:0 24px 88px}.pain-stats{display:flex;align-items:stretch;border:1px solid var(--border-soft);border-radius:16px;overflow:hidden;background:var(--panel)}[data-theme=dark] .pain-stats{background:rgba(14,20,38,.55);border-color:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.pain-stat{flex:1 1;padding:40px 32px;text-align:center}.pain-stat-divider{width:1px;background:var(--border-soft);flex-shrink:0;align-self:stretch}[data-theme=dark] .pain-stat-divider{background:rgba(255,255,255,.05)}.pain-stat-number{font-size:52px;font-weight:800;letter-spacing:-.04em;color:var(--accent);line-height:1;margin-bottom:12px}.pain-stat-label{margin:0 auto;font-size:14px;line-height:1.6;color:var(--muted);max-width:200px}.pain-note{text-align:center;margin:22px 0 0;font-size:15px;color:var(--muted-strong);font-weight:500}.landing-simple{background:radial-gradient(circle at 18% 16%,rgba(51,136,255,.11),transparent 30%),radial-gradient(circle at 82% 18%,rgba(51,136,255,.08),transparent 26%),radial-gradient(circle at 78% 78%,rgba(51,136,255,.1),transparent 28%),var(--bg)}.landing-simple .landing-nav{background:color-mix(in srgb,var(--bg) 74%,transparent)}.simple-hero{min-height:100vh;justify-content:center;padding:88px 24px 56px;background:radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%)}.simple-hero-inner{max-width:920px;text-align:center}.simple-hero-title{font-size:clamp(32px,4.2vw,56px);line-height:1.08;letter-spacing:-.04em}.simple-hero-title span{color:var(--accent);font-weight:500}.simple-hero-sub{max-width:720px;margin:0 auto 28px;font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:var(--muted-strong)}.simple-hero .hero-cta-row{justify-content:center}.pricing-compare{max-width:720px;margin:40px auto 0;padding:24px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 60%,transparent);text-align:left}.pricing-compare-heading{margin-bottom:16px;font-size:13px;font-weight:700;color:var(--muted-strong);text-align:center;letter-spacing:.01em}.pricing-compare-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.pricing-compare-list li{display:grid;grid-template-columns:minmax(110px,1fr) auto 1fr;align-items:center;grid-gap:16px;gap:16px;padding:14px 8px;border-bottom:1px solid var(--border-soft)}.pricing-compare-list li:last-child{border-bottom:0}.pricing-compare-label{font-size:15px;font-weight:700;color:var(--text)}.pricing-compare-amount{font-size:16px;font-weight:800;color:var(--muted-strong);letter-spacing:-.01em;text-align:center;white-space:nowrap}.pricing-compare-note{font-size:12px;color:var(--muted);text-align:right}.pricing-compare-self{background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:10px;margin:4px -8px 0;padding:14px 16px}.pricing-compare-self .pricing-compare-amount,.pricing-compare-self .pricing-compare-label{color:var(--accent)}.pricing-compare-foot{margin:16px 0 0;font-size:11px;color:var(--muted);text-align:center;font-style:italic}.landing-final-cta{padding-top:40px;padding-bottom:80px}.final-cta-card{max-width:720px;margin:0 auto;padding:56px 32px;border:1px solid var(--border);border-radius:20px;text-align:center;background:radial-gradient(ellipse 70% 70% at 50% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),color-mix(in srgb,var(--panel) 55%,transparent)}.final-cta-title{margin:0 0 12px;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.final-cta-sub{margin:0 auto 28px;max-width:520px;font-size:16px;line-height:1.55;color:var(--muted-strong)}.final-cta-actions{display:flex;justify-content:center;margin-bottom:18px}.final-cta-foot{margin:0;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.01em}.hero-pricing-chip{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px auto 0;padding:10px 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--muted-strong);font-size:14px;font-weight:700;animation:fadeUp .5s ease .3s both}.hero-pricing-chip strong{color:var(--accent);font-size:15px;font-weight:800;letter-spacing:-.01em}.hero-pricing-chip span[aria-hidden=true]{color:var(--muted);opacity:.6}.hero-trust-bar{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;max-width:1060px;margin:24px auto 0;padding:13px 18px;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--panel) 58%,transparent);color:var(--muted-strong);font-size:13px;font-weight:760;animation:fadeUp .5s ease .42s both}.hero-trust-bar span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.hero-trust-bar span:before{content:"";display:inline-block;width:6px;height:10px;margin-right:1px;border-right:1.5px solid var(--green);border-bottom:1.5px solid var(--green);transform:rotate(45deg) translateY(-1px);flex-shrink:0}.hero-metric-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,900px);margin:26px auto 0;padding:18px 24px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 50%,transparent);animation:fadeUp .5s ease .42s both}.hero-metric-panel div{min-width:0;padding:0 28px;border-right:1px solid var(--border);text-align:center}.hero-metric-panel div:last-child{border-right:0}.hero-metric-panel strong{display:block;margin-bottom:7px;color:var(--accent);font-size:clamp(24px,2.6vw,32px);font-weight:900;line-height:1;letter-spacing:-.03em}.hero-metric-panel span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.trust-strip{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;max-width:920px;margin:18px auto 0;padding:12px 16px;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--panel) 58%,transparent);color:var(--muted-strong);font-size:13px;font-weight:650;animation:fadeUp .5s ease .34s both}.trust-strip-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.trust-strip-item svg{color:var(--green);flex-shrink:0}.simple-metrics{display:inline-flex;align-items:stretch;justify-content:center;gap:0;margin-top:38px;animation:fadeUp .5s ease .44s both;border:1px solid var(--border-soft);border-radius:12px;padding:16px 0}.simple-metrics div{min-width:168px;padding:0 34px;border-right:1px solid var(--border);text-align:center}.simple-metrics div:last-child{border-right:0}.simple-metrics strong{display:block;margin-bottom:7px;color:var(--accent);font-size:28px;font-weight:850;line-height:1;letter-spacing:-.03em}.simple-metrics span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hmock-wrap{width:100%;max-width:900px;margin:0 auto;filter:drop-shadow(0 32px 80px rgba(0,0,0,.5)) drop-shadow(0 0 60px rgba(51,136,255,.1))}.hmock-demo-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;margin:0 auto 14px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.01em;width:-moz-fit-content;width:fit-content;max-width:100%}.hmock-demo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.proof-section .hmock-card{border-color:#1e3a60}.hmock-card{background:#0d1117;border:1px solid #1e2a3a;border-radius:14px;overflow:hidden;font-size:13px}.hmock-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:16px;border-bottom:1px solid #1a2535}.hmock-metric{background:#111827;border:1px solid #1e2a3a;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.hmock-metric-label{font-size:10px;font-weight:600;color:#4a6b8a;text-transform:uppercase;letter-spacing:.07em}.hmock-metric-value{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1}.hmock-stat-green{color:#4ade80}.hmock-stat-yellow{color:#fbbf24}.hmock-stat-red{color:#f87171}.hmock-activity-head,.hmock-section-head{padding:14px 18px 4px}.hmock-activity-head{border-top:1px solid #1a2535}.hmock-section-title{font-size:13px;font-weight:700;color:#e2e8f0}.hmock-section-sub{font-size:11px;color:#4a6b8a;margin-top:2px}.hmock-tabs{display:flex;gap:4px;padding:8px 18px}.hmock-tab{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;color:#4a6b8a;cursor:default;border:1px solid transparent}.hmock-tab-active{background:#1a2f4a;border-color:#2a4a6a;color:#94b8d4}.hmock-tab-count{background:#1e3a5a;color:#60a5fa;border-radius:10px;padding:0 5px;font-size:10px;font-weight:700}.hmock-table-header{display:grid;grid-template-columns:1.4fr 60px 1.1fr 90px 1.2fr 44px;padding:8px 18px;font-size:10px;font-weight:700;color:#3a5a7a;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #111d2b;border-top:1px solid #111d2b}.hmock-rows{display:flex;flex-direction:column}.hmock-row{display:grid;grid-template-columns:1.4fr 60px 1.1fr 90px 1.2fr 44px;align-items:center;padding:10px 18px;border-bottom:1px solid #0f1a26;transition:background .15s}.hmock-row:last-child{border-bottom:none}.hmock-row:hover{background:rgba(51,136,255,.04)}.hmock-email{font-size:12px;color:#c8dff0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmock-amount{font-size:12px;font-weight:700;color:#94b8d4}.hmock-next,.hmock-reason{font-size:11px;color:#4a6b8a}.hmock-next{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmock-link{font-size:11px;color:#3b82f6;font-weight:600}.hmock-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;width:-moz-fit-content;width:fit-content}.hmock-badge-recovered{background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.hmock-badge-pending{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.hmock-badge-action{background:rgba(248,113,113,.1);color:#f87171;border:1px solid rgba(248,113,113,.2)}.hmock-activity-list{display:flex;flex-direction:column;padding:0 18px 4px}.hmock-activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #0f1a26}.hmock-activity-item:last-child{border-bottom:none}.hmock-activity-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.hmock-activity-dot-sent{background:#4ade80;box-shadow:0 0 5px #4ade80}.hmock-activity-dot-failed{background:#f87171}.hmock-activity-body{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.hmock-activity-title{font-size:11px;font-weight:600;color:#94b8d4}.hmock-activity-sub{font-size:10px;color:#3a5a7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmock-activity-time{font-size:10px;color:#2a4a6a;white-space:nowrap;flex-shrink:0}.hmock-footer-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid #1a2535;background:#080e17}.hmock-logo{font-weight:700;font-size:12px;color:#e2e8f0}.hmock-live,.hmock-logo{display:flex;align-items:center;gap:6px}.hmock-live{font-size:10px;font-weight:600;color:#4ade80;letter-spacing:.04em}.hmock-live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:hmock-pulse 2s ease-in-out infinite}@keyframes hmock-pulse{0%,to{opacity:1}50%{opacity:.4}}.landing-simple-section{padding:88px 24px;border-top:1px solid color-mix(in srgb,var(--border-soft) 82%,transparent)}.landing-simple .landing-section-alt{background:color-mix(in srgb,var(--panel) 58%,transparent)}.simple-section-heading{max-width:780px;margin:0 auto 42px;text-align:center}.simple-section-heading .section-sub{margin-left:auto;margin-right:auto;margin-bottom:0}.explain-panel{overflow:hidden;border:1px solid var(--border-soft);border-radius:18px;background:color-mix(in srgb,var(--panel) 76%,transparent)}.explain-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.explain-step{padding:30px 28px;border-right:1px solid var(--border-soft)}.explain-step:last-child{border-right:0}.explain-step span{display:inline-block;margin-bottom:16px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em}.explain-step h3{margin:0 0 10px;color:var(--text-strong);font-size:20px;line-height:1.18;letter-spacing:-.03em}.explain-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.safety-strip{display:flex;flex-wrap:wrap;gap:10px;padding:18px 22px;border-top:1px solid var(--border-soft)}.safety-strip span{display:inline-flex;align-items:center;gap:8px;color:var(--muted-strong);font-size:13px;font-weight:700}.safety-strip span:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--green)}.recovery-flow-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;padding:12px;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,transparent)}.recovery-flow-step{position:relative;min-height:0;padding:22px 24px;border:0;border-radius:999px;background:transparent;text-align:center}.recovery-flow-step:after{content:"";position:absolute;top:50%;right:-20px;width:40px;height:1px;background:linear-gradient(90deg,var(--border),color-mix(in srgb,var(--accent) 55%,transparent))}.recovery-flow-panel>div:last-child .recovery-flow-step:after{display:none}.recovery-flow-step span{display:inline-block;margin-bottom:12px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.1em}.recovery-flow-step h3{margin:0 0 6px;color:var(--text-strong);font-size:18px;line-height:1.15;letter-spacing:-.03em}.recovery-flow-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.setup-grid-card{position:relative;min-height:270px;padding:34px 30px;overflow:hidden;border:1px solid #1e3a60;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,#0e2448 78%,transparent),color-mix(in srgb,var(--panel) 88%,transparent)),var(--panel);box-shadow:0 20px 70px rgba(0,0,0,.28)}.setup-grid-card:after{content:"";position:absolute;inset:auto 22px 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,transparent),transparent)}.setup-grid-card span{display:inline-flex;margin-bottom:58px;color:color-mix(in srgb,var(--accent) 74%,#ffffff);font-size:13px;font-weight:900;letter-spacing:.14em}.setup-grid-card h3{position:relative;z-index:1;margin:0 0 14px;color:var(--text-strong);font-size:clamp(24px,2.4vw,32px);line-height:1.08;letter-spacing:-.045em}.setup-grid-card p{position:relative;z-index:1;margin:0;color:var(--muted-strong);font-size:15px;line-height:1.65}.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.security-card{min-height:188px;padding:24px;border:1px solid var(--border-soft);border-radius:16px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.security-card span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:22px;border-radius:999px;background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green);font-size:15px;font-weight:900}.security-card h3{margin:0 0 10px;color:var(--text-strong);font-size:17px;letter-spacing:-.02em}.security-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.simple-email-demo{gap:24px}.simple-email-demo .simple-section-heading{margin-bottom:18px}.simple-email-tabs{display:flex;justify-content:center;gap:8px}.simple-email-tab{min-height:40px;padding:0 18px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted-strong);font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.simple-email-tab:hover{border-color:var(--muted);color:var(--text-strong)}.simple-email-tab-active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.simple-email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch;animation:emailFadeUp .26s ease both}.simple-email-card{display:grid;align-content:start;min-height:340px;padding:24px;border:1px solid var(--border-soft);border-radius:16px;background:var(--bg)}.simple-email-window-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.simple-email-window-top span{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.simple-email-window-top small{padding:5px 9px;border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:800}.simple-email-card-highlight .simple-email-window-top small{background:var(--accent-bg);color:var(--accent)}.simple-email-message{display:grid;grid-gap:12px;gap:12px;margin-top:auto;padding:24px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel)}.simple-email-message small{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.simple-email-message h3{margin:0;color:var(--text-strong);font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1.18;letter-spacing:-.035em}.simple-email-message p{max-width:520px;margin:0;color:var(--muted-strong);font-size:16px;line-height:1.55}.simple-email-message strong{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:8px;padding:10px 14px;border-radius:8px;background:var(--text-strong);color:var(--bg);font-size:13px;font-weight:850}.simple-email-card-muted{opacity:.66}.simple-email-card-highlight{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),color-mix(in srgb,var(--accent-bg) 40%,var(--bg));box-shadow:0 28px 90px rgba(0,70,210,.18)}.simple-email-note{margin:0;color:var(--muted-strong);font-size:16px;font-weight:750;text-align:center}.ep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch;animation:emailFadeUp .26s ease both}.ep-card{display:flex;flex-direction:column;border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;background:var(--bg)}.ep-window-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-soft);background:var(--panel)}.ep-dots{display:flex;gap:5px}.ep-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.ep-dots.ep-dots-color span:first-child{background:#ff5f57}.ep-dots.ep-dots-color span:nth-child(2){background:#febc2e}.ep-dots.ep-dots-color span:nth-child(3){background:#28c840}.ep-window-title{flex:1 1;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ep-badge,.ep-window-title{font-size:11px;font-weight:800}.ep-badge{padding:3px 9px;border-radius:999px}.ep-badge-generic{background:transparent;color:var(--muted);border:1px solid var(--border-soft)}.ep-badge-smart{background:var(--accent-bg);color:var(--accent)}.ep-email{display:flex;flex-direction:column;flex:1 1;padding:16px 18px;gap:14px}.ep-detected{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent-bg) 40%,transparent)}.ep-detected span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ep-detected strong{color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:800;white-space:nowrap}.ep-headers{display:flex;flex-direction:column;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--border-soft)}.ep-header-row{display:flex;align-items:baseline;gap:10px}.ep-header-key{min-width:46px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ep-header-val{color:var(--muted-strong);font-size:13px;line-height:1.4}.ep-header-subject{color:var(--text-strong);font-weight:700;font-size:13px}.ep-body{display:flex;flex-direction:column;gap:9px}.ep-greeting{color:var(--text-strong);font-weight:600}.ep-greeting,.ep-line{margin:0;font-size:13px}.ep-line{color:var(--muted-strong);line-height:1.6}.ep-line-closing{margin-top:4px;line-height:1.55}.ep-line-closing,.ep-line-signoff{color:var(--muted);font-size:12.5px}.ep-line-signoff{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);line-height:1.5}.ep-header-preheader{font-style:italic;color:var(--muted)!important}.ep-cta{display:inline-flex;align-self:flex-start;margin-top:4px;padding:8px 14px;border-radius:7px;font-size:12px;font-weight:750;text-decoration:none;cursor:default}.ep-cta-muted{background:var(--panel);color:var(--muted-strong);border:1px solid var(--border-soft)}.ep-cta-accent{background:var(--accent);color:var(--accent-text)}.ep-card-muted{opacity:.65}.ep-card-highlight{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent-bg) 28%,var(--bg));box-shadow:0 20px 60px rgba(0,70,210,.14)}.simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.simple-step{display:grid;grid-gap:18px;gap:18px;min-height:190px;padding:28px;border:1px solid var(--border-soft);border-radius:16px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.simple-step span{color:color-mix(in srgb,var(--accent) 55%,transparent);font-size:46px;font-weight:900;line-height:.9;letter-spacing:-.06em}.simple-step strong{align-self:end;color:var(--text-strong);font-size:24px;line-height:1.18;letter-spacing:-.03em}.simple-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);grid-gap:64px;gap:64px;align-items:center}.simple-split .section-sub{margin-bottom:0}.simple-dashboard-card{display:grid;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--border-soft);border-radius:18px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.simple-dashboard-card div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--border-soft);border-radius:12px;background:var(--bg)}.simple-dashboard-card span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.simple-dashboard-card strong{color:var(--text-strong);font-size:34px;line-height:1;letter-spacing:-.05em}.simple-dashboard-card div:first-child strong{color:var(--green)}.pricing-simple-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);grid-gap:64px;gap:64px;align-items:center}.pricing-simple-layout .section-sub{margin-bottom:0}.pricing-simple-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:980px;margin:32px auto 0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent));border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,#000000);box-shadow:var(--shadow-lg)}.pricing-offer-column,.pricing-value-column{padding:34px 36px}.pricing-offer-column{display:flex;flex-direction:column;justify-content:space-between;gap:40px;border-right:1px solid var(--border-soft);background:color-mix(in srgb,#000000 18%,transparent)}.pricing-value-column{display:flex;flex-direction:column;justify-content:center}.pricing-value-column h3{margin:0 0 20px;color:var(--text-strong);font-size:15px;font-weight:750;letter-spacing:-.01em}.pricing-simple-card .pricing-plan{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}.pricing-simple-card .pricing-price{display:flex;align-items:baseline;gap:6px;margin-bottom:22px}.pricing-simple-card .pricing-amount{color:var(--text-strong);font-size:clamp(52px,6vw,74px);font-weight:900;letter-spacing:-.055em}.pricing-simple-card .pricing-period{font-size:22px;color:var(--muted)}.pricing-simple-card .pricing-desc{max-width:300px;margin:0;font-size:15px;color:var(--muted);line-height:1.6}.pricing-simple-card .pricing-features{list-style:none;padding:0;margin:0;display:grid;grid-gap:16px;gap:16px}.pricing-simple-card .pricing-feature{display:flex;align-items:flex-start;gap:14px;color:var(--muted-strong);font-size:15px;line-height:1.45}.pricing-simple-card .btn-primary{width:100%;height:52px;font-size:16px;font-weight:800}.pricing-cta-block{display:grid;grid-gap:11px;gap:11px}.pricing-cta-note{margin:0;text-align:center;color:var(--muted);font-size:12px;font-weight:600}.pricing-value-note{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.simple-cta{border-top:1px solid var(--border-soft)}.mrr-calc-wrap{margin-top:34px}.mrr-calc-top{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:24px}.mrr-calc-label{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:500}.mrr-calc-value{font-size:40px;font-weight:800;letter-spacing:-.04em;color:var(--text-strong);line-height:1;margin-bottom:20px}.mrr-calc-value span{font-size:18px;font-weight:500;color:var(--muted);letter-spacing:0}.mrr-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:999px;outline:none;cursor:pointer;margin-bottom:10px}.mrr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 4px var(--accent-bg);-webkit-transition:box-shadow .15s;transition:box-shadow .15s}.mrr-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px var(--accent-bg)}.mrr-slider-marks{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.mrr-calc-result{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}.mrr-loss-box{background:color-mix(in srgb,#f59e0b 10%,transparent);border:1px solid color-mix(in srgb,#f59e0b 36%,transparent);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:4px}.mrr-loss-label{font-size:12px;color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.mrr-loss-amount{font-size:36px;font-weight:800;letter-spacing:-.04em;color:#fbbf24;line-height:1}.mrr-loss-sub{font-size:12px;color:var(--muted)}.mrr-roi-box{background:var(--green-bg);border:1px solid var(--green);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:14px;color:var(--green-text)}.mrr-roi-number{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--green)}.mrr-roi-sub{color:var(--muted);font-size:12px}.pricing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.pricing-grid-3 .pricing-card .btn-primary,.pricing-grid-3 .pricing-card .ghost-button{width:100%;text-align:center;justify-content:center}.mrr-calc-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:28px;padding:24px;border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--panel))}.mrr-calc-cta .btn-primary{min-width:260px;text-align:center;justify-content:center}.mrr-calc-cta-note{margin:0;font-size:13px;color:var(--muted)}.mrr-calc-footnote{text-align:center;font-size:13px;color:var(--muted);margin-top:20px}@media (max-width:768px){.explain-steps{grid-template-columns:1fr}.explain-step{border-right:0;border-bottom:1px solid var(--border-soft)}.explain-step:last-child{border-bottom:0}.mrr-calc-result,.pricing-grid-3{grid-template-columns:1fr}}.landing-section{padding:100px 24px}.landing-section-alt{background:var(--panel);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}[data-theme=dark] .landing-section-alt{background:rgba(10,12,15,.7);border-color:rgba(255,255,255,.05)}.section-inner{max-width:1100px;margin:0 auto}.section-label{display:inline-block;margin-bottom:14px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landing-title{margin:0 0 16px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--text-strong)}.section-sub{margin:0 0 52px;max-width:520px;font-size:17px;line-height:1.65;color:var(--muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;grid-gap:12px;gap:12px;margin-top:52px}.feature-card{padding:28px 26px;height:250px;border:1px solid var(--border-soft);border-radius:14px;background:var(--panel);overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background .25s ease,border-color .25s ease}.feature-card:hover{transform:translateY(-5px)}[data-theme=dark] .feature-card{background:rgba(14,20,38,.6);border-color:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}[data-theme=dark] .feature-card:hover{background:rgba(18,26,52,.85);border-color:rgba(51,136,255,.28);box-shadow:0 14px 36px rgba(0,70,210,.2),0 0 0 1px rgba(51,136,255,.14)}[data-theme=light] .feature-card:hover{background:var(--panel);border-color:rgba(0,102,255,.2);box-shadow:0 12px 32px rgba(0,102,255,.1)}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent-bg);color:var(--accent);margin-bottom:16px}.feature-name{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em}.feature-desc{margin:0;font-size:13px;line-height:1.65;color:var(--muted)}.email-preview-section{display:grid;grid-gap:38px;gap:38px;scroll-margin-top:96px}.email-preview-section-compact{margin-top:22px;padding:22px;border:1px solid var(--border-soft);border-radius:14px;background:var(--panel)}.email-preview-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);grid-gap:24px;gap:24px;align-items:end}.email-preview-header .section-sub{margin:0;font-size:15px}.email-preview-section-compact .landing-title{font-size:clamp(24px,3vw,34px)}.email-comparison-shell{display:grid;grid-gap:18px;gap:18px}.email-scenario-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;padding:6px;border:1px solid var(--border-soft);border-radius:14px;background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.email-scenario-tab{display:grid;grid-gap:5px;gap:5px;min-height:72px;padding:14px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.email-scenario-tab-active,.email-scenario-tab:hover{color:var(--text-strong);background:var(--bg)}.email-scenario-tab-active{border-color:rgba(51,136,255,.28);box-shadow:0 12px 30px rgba(0,102,255,.08);transform:translateY(-1px)}[data-theme=dark] .email-scenario-tab-active{background:rgba(10,16,31,.92);border-color:rgba(82,151,255,.36);box-shadow:0 16px 40px rgba(0,70,210,.22)}.email-scenario-tab span{font-size:14px;font-weight:800}.email-scenario-tab small{color:var(--muted);font-size:12px;font-weight:700}.stripe-flow{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1.25fr);align-items:stretch;grid-gap:16px;gap:16px;padding:14px;border:1px solid var(--border-soft);border-radius:16px;background:radial-gradient(circle at 84% 50%,rgba(51,136,255,.16),transparent 28%),var(--panel);animation:emailFadeUp .38s ease both}.stripe-flow-step{display:grid;grid-gap:7px;gap:7px;min-width:0;padding:15px 16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--bg)}.stripe-flow-step span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.stripe-flow-step strong{overflow:hidden;color:var(--muted-strong);font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.stripe-flow-step-active{border-color:rgba(51,136,255,.36);background:var(--accent-bg);box-shadow:0 0 0 1px rgba(51,136,255,.08),0 16px 42px rgba(0,102,255,.13)}.stripe-flow-step-active span{color:var(--accent)}.stripe-flow-step-active strong{color:var(--text-strong)}.stripe-flow-connector{position:relative;display:flex;align-items:center;justify-content:center}.stripe-flow-connector:before{content:"";width:100%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(51,136,255,.75),transparent)}.stripe-flow-connector span{position:absolute;width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px rgba(51,136,255,.75);animation:emailPulseDot 1.6s ease-in-out infinite}.email-comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:stretch}.email-compare-stack{display:grid;grid-gap:12px;gap:12px}.email-compare-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:24px;border:1px solid var(--border-soft);border-radius:14px;background:var(--bg);overflow:hidden;animation:emailFadeUp .34s ease both}.email-compare-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 36%);opacity:.3}[data-theme=dark] .landing-section-alt .email-compare-card{background:rgba(5,6,9,.72);border-color:rgba(255,255,255,.06)}.email-compare-stack:first-child .email-compare-card{opacity:.74;filter:saturate(.72)}.email-compare-card-reditopay{border-color:rgba(51,136,255,.3);box-shadow:0 24px 70px rgba(0,102,255,.13);transform:translateY(-2px)}[data-theme=dark] .landing-section-alt .email-compare-card-reditopay{border-color:rgba(82,151,255,.42);background:radial-gradient(circle at top right,rgba(51,136,255,.24),transparent 42%),linear-gradient(135deg,rgba(51,136,255,.08),transparent 45%),rgba(8,12,23,.86);box-shadow:0 0 0 1px rgba(51,136,255,.06),0 26px 86px rgba(0,70,210,.28)}.email-compare-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.email-compare-live{padding:5px 8px;border-radius:999px;background:var(--accent-bg);color:var(--accent);letter-spacing:0;text-transform:none}.email-compare-subject{position:relative;margin:0 0 8px;color:var(--text-strong);font-size:22px;line-height:1.3;letter-spacing:-.02em;z-index:1}.email-compare-body{position:relative;display:grid;grid-gap:10px;gap:10px;margin-top:auto;padding:18px;border:1px solid var(--border-soft);border-radius:10px;background:var(--panel);z-index:1;animation:emailBodyIn .34s ease both}.email-compare-body p{margin:0;color:var(--muted-strong);font-size:14px;line-height:1.6;animation:emailLineIn .42s ease both}.email-compare-body p:nth-child(2){animation-delay:.05s}.email-compare-body p:nth-child(3){animation-delay:.1s}.email-preview-button{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:4px;padding:8px 12px;border-radius:7px;background:var(--text-strong);color:var(--bg);font-size:12px;font-weight:800;animation:emailLineIn .42s ease both;animation-delay:.14s}.email-comparison-arrow{display:flex;align-items:center;justify-content:center}.email-comparison-arrow span{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(51,136,255,.18);border-radius:50%;background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 30px rgba(51,136,255,.16)}.email-compare-note{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel)}.email-compare-note span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.email-compare-note strong{color:var(--text-strong);font-size:13px;line-height:1.45}.email-compare-note-problem{opacity:.72}.email-compare-note-problem span{color:var(--muted)}.email-compare-note-fixed{border-color:rgba(51,136,255,.22);background:var(--accent-bg)}.email-compare-note-fixed span{color:var(--accent)}.email-outcome-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.email-outcome-row div{display:grid;grid-gap:6px;gap:6px;padding:16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel)}.email-outcome-row span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.email-outcome-row strong{color:var(--text-strong);font-size:13px;line-height:1.45}.email-preview-section-compact .email-comparison-grid,.email-preview-section-compact .stripe-flow{grid-template-columns:1fr}.email-preview-section-compact .email-comparison-arrow,.email-preview-section-compact .stripe-flow-connector{display:none}.email-preview-section-compact .email-outcome-row{grid-template-columns:1fr}.email-demo-progress{display:flex;justify-content:center;gap:7px;margin-top:2px}.email-demo-progress span{width:7px;height:7px;border-radius:999px;background:var(--border);transition:width .25s ease,background .25s ease}.email-demo-progress-active{width:26px!important;background:var(--accent)!important}.how-carousel{margin-top:52px;display:flex;flex-direction:column;align-items:center;gap:28px}.how-carousel-row{display:flex;align-items:center;gap:40px;width:100%}.how-carousel-stage{flex:1 1;display:flex;gap:14px;align-items:stretch;min-height:260px}.how-nav-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--muted-strong);cursor:pointer;transition:border-color .2s,color .2s,background .2s;z-index:10}.how-nav-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.how-3d-stage{flex:1 1;position:relative;height:300px;perspective:1100px}.how-3d-card{position:absolute;left:50%;top:50%;width:420px;height:260px;padding:32px 28px;border-radius:16px;border:1px solid #1a3055;background:#0b1825;overflow:hidden;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .45s ease,border-color .45s ease,background .45s ease}.how-3d-card.pos-center{transform:translateX(-50%) translateY(-50%) translateZ(0) rotateY(0deg);opacity:1;z-index:3;border-color:#2a5090;background:#0d2040;cursor:default;box-shadow:0 0 48px rgba(51,136,255,.12)}.how-3d-card.pos-left{transform:translateX(calc(-50% - 148px)) translateY(-50%) translateZ(-130px) rotateY(22deg);opacity:.78;z-index:2;cursor:pointer}.how-3d-card.pos-right{transform:translateX(calc(-50% + 148px)) translateY(-50%) translateZ(-130px) rotateY(-22deg);opacity:.78;z-index:2;cursor:pointer}.how-3d-card.pos-left:hover,.how-3d-card.pos-right:hover{opacity:.92}.how-3d-bg-num{position:absolute;top:-14px;right:14px;font-size:110px;font-weight:900;line-height:1;letter-spacing:-.06em;color:#152338;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:color .45s}.how-3d-card.pos-center .how-3d-bg-num{color:#1a3a6a}.how-3d-content{position:relative;z-index:1}.how-3d-label{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.how-3d-title{margin:0 0 12px;font-size:19px;font-weight:700;color:var(--text-strong);letter-spacing:-.02em;line-height:1.3}.how-3d-desc{margin:0;font-size:14px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.how-dots{display:flex;gap:8px;align-items:center}.how-dot{width:6px;height:6px;padding:0;border:none;border-radius:3px;background:var(--border);cursor:pointer;transition:background .25s,width .25s}.how-dot.is-active{background:var(--accent);width:22px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));grid-gap:16px;gap:16px;margin-top:52px;justify-content:center}.pricing-card{padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--panel);position:relative;transition:border-color .2s,box-shadow .2s}.pricing-card:hover{border-color:var(--muted)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-md)}.pricing-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:3px 14px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:800;border-radius:999px;white-space:nowrap}.pricing-plan{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.pricing-amount{font-size:46px;font-weight:800;letter-spacing:-.04em;color:var(--text-strong);line-height:1}.pricing-period{font-weight:500}.pricing-desc,.pricing-period{font-size:14px;color:var(--muted)}.pricing-desc{margin:0 0 24px;line-height:1.6}.pricing-divider{border:0;border-top:1px solid var(--border-soft);margin:22px 0}.pricing-features{display:grid;grid-gap:11px;gap:11px;margin:0 0 28px;padding:0;list-style:none}.pricing-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted-strong);line-height:1.4}.pricing-feature-check{flex-shrink:0;margin-top:1px;color:var(--accent)}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:2px}.faq-item{border:1px solid var(--border-soft);border-radius:10px;background:var(--panel);overflow:hidden;transition:border-color .15s}.faq-item[open]{border-color:var(--accent)}.faq-question{list-style:none;padding:18px 22px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:20px;font-weight:400;color:var(--muted);flex-shrink:0;transition:transform .2s,color .15s;line-height:1}.faq-item[open] .faq-question:after{transform:rotate(45deg);color:var(--accent)}.faq-answer{margin:0;padding:0 22px 20px;font-size:14px;color:var(--muted-strong);line-height:1.7}.cta-section{padding:100px 24px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,var(--glow),transparent);pointer-events:none}.cta-section .section-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.cta-section .btn-primary{margin-top:16px}.cta-title{margin:0;font-size:clamp(28px,4.5vw,48px);font-weight:800;letter-spacing:-.035em;color:var(--text-strong);line-height:1.08}.cta-sub{margin:0;font-size:16px;color:var(--muted)}.landing-footer{border-top:1px solid var(--border-soft);padding:36px 24px}[data-theme=dark] .landing-footer{border-color:rgba(255,255,255,.06)}.footer-inner{max-width:1100px;margin:0 auto;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner,.footer-logo{display:flex;align-items:center}.footer-logo{gap:8px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:600}.footer-logo:hover{color:var(--text);text-decoration:none}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--muted);font-size:13px}.legal-shell{min-height:100vh;padding:72px 24px;background:radial-gradient(circle at 50% -10%,var(--glow),transparent 34%),var(--bg)}.legal-card{width:min(100%,820px);margin:0 auto;padding:44px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-md)}.legal-back{display:inline-flex;margin-bottom:40px;color:var(--muted-strong);font-size:14px;font-weight:700;text-decoration:none}.legal-back:hover{color:var(--text-strong)}.legal-kicker{margin-bottom:12px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.legal-card h1{margin:0;color:var(--text-strong);font-size:clamp(34px,5vw,54px);line-height:1;letter-spacing:-.04em}.legal-updated{margin:14px 0 34px;color:var(--muted);font-size:14px}.legal-card h2{margin:34px 0 10px;color:var(--text-strong);font-size:18px;line-height:1.3;letter-spacing:-.01em}.legal-card li,.legal-card p{color:var(--muted-strong);font-size:15px;line-height:1.75}.legal-card p{margin:0 0 16px}.legal-card ul{display:grid;grid-gap:8px;gap:8px;margin:0 0 18px;padding-left:20px}.legal-card a{color:var(--accent);text-decoration:none}.legal-card a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes emailFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes emailBodyIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emailLineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes emailPulseDot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.email-compare-body,.email-compare-body p,.email-compare-card,.email-preview-button,.stripe-flow,.stripe-flow-connector span{animation:none}}.animate-in{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.animate-in.is-visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.metrics-grid{grid-template-columns:1fr}.topbar{display:grid}.sync-note{text-align:left}.account-actions{justify-content:flex-start}.activity-item{display:grid}.settings-panel{grid-template-columns:1fr 1fr}.last-event-grid,.note-grid,.setup-form,.setup-steps{grid-template-columns:1fr}}@media (max-width:560px){.dashboard-shell{width:min(100% - 24px,1180px);padding-top:20px}.dashboard-mode-switcher{width:100%}.dashboard-mode-tab{flex:1 1;justify-content:center}.test-dashboard-header,.test-run-top{display:grid}.test-dashboard-actions,.test-dashboard-actions .btn-primary{width:100%}.metrics-grid{grid-template-columns:1fr}.brand h1{font-size:26px}.metric{min-height:112px}.settings-panel{grid-template-columns:1fr}}@media (max-width:860px){.nav-links{display:none}.hero{padding-top:110px;padding-bottom:60px}.simple-hero{min-height:auto;padding-top:120px;padding-bottom:72px}.simple-hero-title{font-size:clamp(28px,10vw,42px)}.simple-hero-sub{margin-right:auto;margin-left:auto}.simple-hero .hero-cta-row{justify-content:center}.hero-metric-panel,.simple-metrics{display:grid;width:min(100%,380px);grid-gap:18px;gap:18px;margin-right:auto;margin-left:auto}.hero-trust-bar,.trust-strip{width:min(100%,430px);margin-right:auto;margin-left:auto;border-radius:16px;justify-content:flex-start}.hero-trust-bar span,.trust-strip-item{width:100%}.hero-metric-panel div,.simple-metrics div{min-width:0;padding:0 0 18px;border-right:0;border-bottom:1px solid var(--border)}.hero-metric-panel div:last-child,.simple-metrics div:last-child{border-bottom:0;padding-bottom:0}.landing-simple-section{padding:78px 20px}.simple-section-heading{margin-bottom:36px}.ep-grid,.pricing-simple-layout,.recovery-flow-panel,.security-grid,.setup-grid,.simple-email-grid,.simple-split{grid-template-columns:1fr}.pricing-simple-layout,.simple-split{gap:32px}.recovery-flow-step,.simple-step{min-height:0}.recovery-flow-panel{border-radius:18px}.recovery-flow-step{text-align:left}.recovery-flow-step:after{top:auto;right:auto;bottom:-1px;left:24px;width:calc(100% - 48px)}.recovery-flow-step span{margin-bottom:10px}.setup-grid-card{min-height:0;padding:28px 24px}.setup-grid-card span{margin-bottom:34px}.simple-email-tabs{flex-wrap:wrap}.simple-email-card{min-height:190px;padding:26px}.features-grid{grid-template-columns:1fr}.pain-stats{flex-direction:column}.pain-stat-divider{width:auto;height:1px}.how-3d-card.pos-left,.how-3d-card.pos-right{display:none}.how-3d-stage{height:280px}.how-3d-card.pos-center{width:calc(100% - 0px);left:0;transform:translateY(-50%) translateZ(0)}.how-carousel-row{gap:12px}.how-nav-btn{width:40px;height:40px}.pricing-grid{max-width:440px;margin-left:auto;margin-right:auto}.pricing-grid,.pricing-plan-card{grid-template-columns:1fr}.pricing-plan-offer,.pricing-plan-value{padding:28px 24px}.pricing-plan-offer{gap:28px;border-right:0;border-bottom:1px solid var(--border-soft);background:transparent}.pricing-plan-value{padding-top:28px}.pricing-plan-period{font-size:18px}.pricing-simple-card{grid-template-columns:1fr;padding:30px 22px}.pricing-offer-column,.pricing-value-column{padding:0}.pricing-offer-column{gap:28px;padding-bottom:28px;border-right:0;border-bottom:1px solid var(--border-soft);background:transparent}.pricing-value-column{padding-top:28px}.pricing-simple-card .pricing-period{font-size:18px}.pricing-simple-card .pricing-feature{font-size:15px}.email-comparison-grid,.email-outcome-row,.email-preview-header,.email-scenario-tabs,.stripe-flow{grid-template-columns:1fr}.email-comparison-arrow,.stripe-flow-connector{display:none}.landing-section{padding:68px 20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:560px){.pricing-page{padding:42px 16px 64px}.pricing-title{font-size:32px}.pricing-plan-offer,.pricing-plan-value{padding:26px 22px}.ep-detected{align-items:flex-start;flex-direction:column}.ep-detected strong{white-space:normal}.nav-inner{padding:0 14px}.landing-nav .nav-actions a[href="/login"]{display:none}.landing-nav .nav-actions .btn-primary{height:38px;padding:0 12px;font-size:13px}.mockup-table-header,.mockup-table-row{grid-template-columns:2fr 1fr 2fr}.mockup-table-header span:last-child,.mockup-table-row span:last-child{display:none}}.onboarding-card{display:grid;grid-gap:16px;gap:16px;margin-bottom:20px;padding:20px 22px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel)}.onboarding-card-header h2{margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.01em}.onboarding-card-header p{margin:0;font-size:13px;color:var(--muted)}.onboarding-steps{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.onboarding-step{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--border-soft);border-radius:10px;background:var(--bg)}.onboarding-step-done{opacity:.6}.onboarding-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);background:var(--panel);font-size:12px;font-weight:700;color:transparent}.onboarding-step-done .onboarding-check{border-color:#10b981;background:#10b981;color:white}.onboarding-step-title{font-size:14px;font-weight:600}.onboarding-step-done .onboarding-step-title{text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.onboarding-step-desc{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.onboarding-step-cta{white-space:nowrap;font-size:12px;padding:6px 12px}@media (max-width:640px){.onboarding-step{grid-template-columns:auto 1fr}.onboarding-step-cta{grid-column:2/-1;justify-self:start}}.setup-test-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.setup-test-hint{margin:0;font-size:13px;color:var(--muted)}.expiring-cards-card{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:center;margin-bottom:20px;padding:14px 18px;border:1px solid rgba(234,179,8,.3);border-radius:10px;background:rgba(234,179,8,.06)}.expiring-cards-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(234,179,8,.18);color:#ca8a04;font-size:16px}[data-theme=dark] .expiring-cards-icon{color:#fbbf24}.expiring-cards-title{font-size:14px;font-weight:600}.expiring-cards-desc{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.5}