:root{color-scheme:light;--bg: #fafafa;--bg-deep: #f4f4f5;--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #f4f4f5;--surface-tint: #ececec;--surface-ink: #18181b;--text: #09090b;--muted: #71717a;--muted-strong: #52525b;--line: #e4e4e7;--line-strong: #d4d4d8;--accent: #18181b;--accent-2: #e4e4e7;--accent-wash: #f4f4f5;--payment-accent: #2563eb;--payment-accent-strong: #1d4ed8;--payment-accent-text: #ffffff;--success-bg: #f0fdf4;--success-text: #166534;--shadow-lg: 0 24px 64px rgba(9, 9, 11, .08);--shadow-md: 0 10px 40px rgba(9, 9, 11, .06);--radius-2xl: 24px;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}[data-theme=dark]{color-scheme:dark;--bg: #09090b;--bg-deep: #0c0c0e;--surface: #121214;--surface-strong: #18181b;--surface-soft: #0f0f11;--surface-tint: #1f1f23;--surface-ink: #e9e9ed;--text: #fafafa;--muted: #a1a1aa;--muted-strong: #d4d4d8;--line: #27272a;--line-strong: #3f3f46;--accent: #fafafa;--accent-2: #27272a;--accent-wash: #1f1f23;--payment-accent: #60a5fa;--payment-accent-strong: #93c5fd;--payment-accent-text: #09090b;--success-bg: #0f2d1b;--success-text: #86efac}[data-theme=dark] .button-primary,[data-theme=dark] .summary-block-total,[data-theme=dark] .invoice-total-panel{background:#fafafa;color:#09090b;border-color:#e4e4e7}[data-theme=dark] .summary-block-total span,[data-theme=dark] .invoice-total-panel span{color:#52525b}[data-theme=dark] .invoice-payment-button-inline{background:var(--payment-accent);color:var(--payment-accent-text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 100% 60% at 50% -12%,rgba(37,99,235,.07),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 0%,rgba(9,9,11,.03),transparent 50%),linear-gradient(180deg,#fafafa,#f4f4f5)}[data-theme=dark] body{background:radial-gradient(ellipse 90% 55% at 50% -8%,rgba(96,165,250,.14),transparent 52%),radial-gradient(ellipse 70% 40% at 100% 0%,rgba(255,255,255,.04),transparent 48%),linear-gradient(180deg,#09090b,#0c0c0e)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(9,9,11,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(9,9,11,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#0000008c,#0000001f);mask-image:linear-gradient(180deg,#0000008c,#0000001f);pointer-events:none}[data-theme=dark] body:before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);-webkit-mask-image:linear-gradient(180deg,#00000073,#00000014);mask-image:linear-gradient(180deg,#00000073,#00000014)}a{color:inherit}button,input,textarea{font:inherit}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow-md);z-index:100;transition:transform .26s ease}.sidebar-closed .sidebar{transform:translate(-100%)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid var(--line)}.sidebar-brand{font-weight:700;font-size:1rem;letter-spacing:-.02em}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-toggle:hover{background:var(--surface-tint);color:var(--text)}.sidebar-toggle-open{background:var(--surface);border:1px solid var(--line)}.sidebar-content{flex:1;overflow-y:auto;padding:12px}.sidebar-footer{padding:14px 14px 16px;border-top:1px solid var(--line)}.sidebar-footer-landing{display:block;margin-bottom:10px;font-size:.78rem;font-weight:500;line-height:1.35;color:var(--muted);text-decoration:none;text-align:center}.sidebar-footer-landing:hover{color:var(--accent);text-decoration:underline}.sidebar-message{padding:10px 12px;margin-top:12px;border-radius:10px;background:var(--success-bg);color:var(--success-text);font-size:.85rem}.sidebar-btn{flex:1;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--text);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sidebar-btn:hover{background:var(--surface-tint);border-color:var(--line-strong)}.sidebar-btn-primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.sidebar-btn-primary:hover{opacity:.9}.sidebar-section{margin-bottom:4px}.sidebar-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease}.sidebar-section-header:hover{background:var(--surface-tint)}.sidebar-section-title{display:flex;align-items:center;gap:6px}.sidebar-chevron{transition:transform .15s ease;color:var(--muted)}.sidebar-chevron-open{transform:rotate(90deg)}.sidebar-section-count{padding:2px 8px;border-radius:10px;background:var(--surface-tint);color:var(--muted);font-size:.72rem;font-weight:500}.sidebar-section-content{padding:4px 0 8px}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 4px}.sidebar-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong);color:var(--text);font-size:.72rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sidebar-action-btn:hover:not(:disabled){background:var(--surface-tint);border-color:var(--line-strong)}.sidebar-action-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-action-btn svg{color:var(--muted)}.sidebar-list{display:grid;gap:4px;padding:0 4px}.sidebar-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong)}.sidebar-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-list-info strong{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-list-info span{color:var(--muted);font-size:.72rem}.sidebar-empty{padding:12px;color:var(--muted);font-size:.78rem;text-align:center}.sidebar-promo{display:flex;flex-direction:column;gap:10px;padding:16px;margin:8px 0;border-radius:12px;background:var(--surface-tint)}.sidebar-promo strong{font-size:.88rem}.sidebar-promo p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.sidebar-promo-actions{display:flex;gap:8px}.sidebar-section-actions{padding:0 4px 8px}.sidebar-manage-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:1px dashed var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-manage-btn:hover{background:var(--surface-tint);color:var(--text);border-color:var(--line-strong)}.manage-description{margin:0 0 16px;color:var(--muted);font-size:.88rem;line-height:1.5}.manage-list{display:grid;gap:10px}.manage-item{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.manage-item-new{border-style:dashed;background:var(--surface-soft)}.manage-item:not(:has(.manage-item-edit)){display:flex;align-items:center;justify-content:space-between;gap:12px}.manage-item-info{display:flex;flex-direction:column;gap:4px;min-width:0}.manage-item-info strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-item-info span{color:var(--muted);font-size:.82rem}.manage-item-edit{display:grid;gap:10px}.manage-input-amount{max-width:140px}.manage-item-actions{display:flex;gap:8px;flex-shrink:0}.manage-empty{padding:24px;text-align:center;color:var(--muted);font-size:.88rem}.manage-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.mini-button-primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.mini-button-danger{color:#dc2626;border-color:#fecaca}.mini-button-danger:hover{background:#fef2f2;border-color:#f87171}[data-theme=dark] .mini-button-danger{color:#f87171;border-color:#7f1d1d}[data-theme=dark] .mini-button-danger:hover{background:#450a0a;border-color:#b91c1c}.logo-upload{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.logo-upload-label{font-size:.88rem;font-weight:600}.logo-saved-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-strong)}.logo-saved-text{margin:0;flex:1;min-width:12rem;font-size:.86rem;line-height:1.45;color:var(--muted-strong)}.logo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 20px;border:2px dashed var(--line);border-radius:12px;background:var(--surface-strong);color:var(--muted);cursor:pointer;transition:border-color .15s ease,background .15s ease}.logo-dropzone:hover,.logo-dropzone-active{border-color:var(--payment-accent);background:var(--accent-wash)}.logo-dropzone-text{font-size:.88rem;font-weight:500}.logo-dropzone-hint{font-size:.78rem;color:var(--muted)}.logo-preview{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong)}.logo-preview img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff}.logo-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.logo-upload-note{font-size:.78rem;color:var(--muted)}.invoice-logo{height:40px;width:auto;max-width:120px;object-fit:contain}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .26s ease}.sidebar-closed .main-content{margin-left:0}.main-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;position:sticky;top:0;background:transparent;z-index:10}.main-header .sidebar-toggle-open{visibility:visible}.sidebar-open .main-header .sidebar-toggle-open{visibility:hidden}.pro-upgrade-banner{padding:0 20px 14px;max-width:900px;width:100%;margin:0 auto}.pro-upgrade-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(120deg,var(--accent-wash),var(--surface-strong));box-shadow:0 1px 0 var(--line)}.pro-upgrade-banner-text{margin:0;font-size:.9rem;line-height:1.45;color:var(--muted-strong);max-width:min(42rem,100%)}.pro-upgrade-banner-text strong{color:var(--text);font-weight:700}.pro-upgrade-banner-btn{flex-shrink:0;padding:10px 18px;border:1px solid var(--payment-accent-strong);border-radius:var(--radius-sm);background:var(--payment-accent);color:var(--payment-accent-text);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.pro-upgrade-banner-btn:hover{background:var(--payment-accent-strong);border-color:var(--payment-accent)}.pro-upgrade-banner-btn:active{transform:translateY(1px)}.main-scroll{flex:1;padding:0 20px 56px;max-width:900px;width:100%;margin:0 auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--text);cursor:pointer}.theme-toggle-track{display:inline-flex;align-items:center;width:52px;padding:3px;border-radius:999px;background:var(--surface-tint)}.theme-toggle-thumb{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--surface-strong);font-size:.82rem;line-height:1;transition:transform .18s ease}.theme-toggle-thumb-light{transform:translate(0)}.theme-toggle-thumb-dark{transform:translate(24px)}.account-bar,.workspace-panel,.pricing-card,.workspace-card,.workspace-actions-card,.overlay-panel{border:1px solid var(--line);background:var(--surface)}.account-bar{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:var(--radius-md)}.account-info{display:flex;align-items:flex-start;gap:12px}.account-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--surface);font-weight:600;font-size:.9rem;flex-shrink:0}.account-details{display:flex;flex-direction:column;gap:6px;min-width:0}.account-details strong{font-size:.85rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-details span{color:var(--muted);font-size:.78rem;line-height:1.45}.account-note{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.78rem;line-height:1.45;padding-top:4px}.account-actions{display:flex;gap:10px}.panel{border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-lg)}.eyebrow,.panel-kicker,.invoice-label,.invoice-mini-label,.section-number{display:inline-flex;align-items:center;gap:8px;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.eyebrow:before,.panel-kicker:before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#d6e2f2,#f8fbff);box-shadow:inset 0 0 0 1px #10182814}.form-meta{display:flex;flex-wrap:wrap;gap:10px}.form-meta span,.info-chip,.status-pill{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--muted-strong);font-size:.9rem}.form-section-card,.summary-block,.invoice-block,.invoice-section,.line-item-table,.invoice-footer-note{border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow-md)}.workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;align-items:start}.workspace-only{max-width:980px;margin:0 auto;padding-top:8px;grid-template-columns:minmax(0,1fr)}.form-panel{padding:28px}.panel.form-panel{--fp-shell: #ffffff;--fp-slab: #ebeef5;--fp-field: #ffffff;--fp-dropzone-hover: #e2e8f2;isolation:isolate;background-color:var(--fp-shell);background-image:none;box-shadow:0 1px #0f172a14,0 22px 48px #0f172a1f}[data-theme=dark] .panel.form-panel{--fp-shell: #101d31;--fp-slab: #16263d;--fp-field: #1a2d47;--fp-dropzone-hover: #1f3552;background-color:var(--fp-shell);background-image:none;box-shadow:0 1px #ffffff0d,0 22px 48px #0000008c}.panel.form-panel .form-section-card,.panel.form-panel .line-item-editor{background-color:var(--fp-slab);background-image:none}.panel.form-panel .summary-block:not(.summary-block-total){background-color:var(--fp-slab);background-image:none}.panel.form-panel .remember-toggle,.panel.form-panel .logo-upload{background-color:var(--fp-slab);background-image:none}.panel.form-panel .logo-saved-row,.panel.form-panel .logo-dropzone,.panel.form-panel .logo-preview{background-color:var(--fp-shell);background-image:none}.panel.form-panel .logo-dropzone:hover,.panel.form-panel .logo-dropzone-active{background-color:var(--fp-dropzone-hover);background-image:none}.panel.form-panel .field input,.panel.form-panel .field textarea{background-color:var(--fp-field);background-image:none}.panel.form-panel .mini-button:not(.mini-button-primary):not(.mini-button-danger){background-color:var(--fp-shell);background-image:none}.panel.form-panel .mini-button:not(.mini-button-primary):not(.mini-button-danger):hover{background-color:var(--fp-slab);background-image:none}.overlay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;padding:28px 16px;background:#08111f94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-panel{width:min(820px,100%);max-height:calc(100vh - 56px);overflow:auto;padding:22px;border-radius:var(--radius-2xl)}.overlay-panel-small{width:min(520px,100%)}.overlay-panel-wide{width:min(980px,100%)}.overlay-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.overlay-header h2{margin:10px 0 0;font-size:1.55rem;letter-spacing:-.03em}.overlay-form{display:grid;gap:14px}.auth-content{display:grid;gap:18px}.auth-description{margin:0;color:var(--muted);line-height:1.65}.auth-dismiss{margin:4px 0 0;padding:10px 0 0;border:none;border-top:1px solid var(--line);background:none;color:var(--muted);font-size:.9rem;text-decoration:underline;cursor:pointer;width:100%;text-align:center}.auth-dismiss:hover{color:var(--text)}.template-gate-actions{display:grid;gap:14px;margin-top:8px}.template-gate-pro-row{display:flex;flex-wrap:wrap;gap:10px}.template-gate-pro-row .button{flex:1 1 140px;min-width:min(100%,200px)}.button-google{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--text);font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button-google:hover:not(:disabled){background:var(--surface-soft);border-color:var(--line-strong);transform:translateY(-1px)}.button-google:disabled{opacity:.7;cursor:wait}.button-google svg{flex-shrink:0}.templates-loading,.templates-empty{padding:32px 20px;text-align:center;color:var(--muted)}.templates-empty p{margin:0 0 8px}.templates-empty-hint{font-size:.9rem}.templates-list{display:grid;gap:12px}.template-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong)}.template-card-info{display:grid;gap:6px;min-width:0}.template-card-info strong{font-size:1.02rem}.template-card-info p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.template-card-meta{color:var(--muted);font-size:.82rem}.template-card-actions{display:flex;gap:8px;flex-shrink:0}.pricing-grid,.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pricing-card,.workspace-card,.workspace-actions-card,.workspace-empty{padding:20px;border-radius:24px}.pricing-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pricing-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 800px){.pricing-grid-two,.pricing-grid-three{grid-template-columns:1fr}}.pricing-card{display:grid;gap:8px;position:relative}.pricing-card strong.pricing-price{font-size:2.2rem;letter-spacing:-.05em;line-height:1}.pricing-term{color:var(--muted);font-size:.9rem;margin-top:-4px}.pricing-equivalent{display:inline-block;padding:4px 10px;background:var(--success);color:var(--success-text);font-size:.8rem;font-weight:600;border-radius:6px;margin-top:4px}.pricing-card p,.workspace-empty p,.workspace-empty-copy{margin:0;color:var(--muted);line-height:1.65;font-size:.9rem}.pricing-card-pro{background:var(--surface-soft)}.pricing-card-best{border:2px solid var(--ink)}.pricing-badge{position:absolute;top:-12px;right:16px;padding:4px 12px;background:var(--ink);color:var(--surface);font-size:.75rem;font-weight:700;border-radius:20px;text-transform:uppercase}.billing-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:2px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.billing-option:hover{border-color:var(--muted)}.billing-option-active{border-color:var(--ink);background:var(--ink);color:var(--surface)}.billing-badge{padding:2px 6px;border-radius:4px;background:var(--success);color:var(--success-text);font-size:.7rem;font-weight:700;text-transform:uppercase}.billing-option-active .billing-badge{background:var(--surface);color:var(--ink)}.pricing-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.pricing-amount strong{font-size:2rem}.pricing-period{color:var(--muted);font-size:.95rem}.pricing-savings{margin-left:8px;padding:2px 8px;border-radius:4px;background:var(--success);color:var(--success-text);font-size:.8rem;font-weight:600}.pricing-list{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--muted-strong);line-height:1.55}.workspace-lock-grid,.workspace-sections{display:grid;gap:12px}.workspace-empty{display:grid;gap:10px;padding:14px;background:var(--surface-soft);border-radius:12px}.workspace-empty-actions,.workspace-actions-card{display:flex;flex-direction:column;gap:8px}.workspace-actions-card{padding:12px;background:var(--surface-soft);border-radius:12px}.workspace-actions-card .button{width:100%;padding:10px 14px;font-size:.82rem}.workspace-card{display:grid;gap:10px}.workspace-card-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.workspace-card-heading h3{font-size:.82rem;font-weight:600;margin:0}.workspace-card-heading span{color:var(--muted);font-size:.75rem}.workspace-list{display:grid;gap:6px}.workspace-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong)}.workspace-item div{display:grid;gap:2px;min-width:0}.workspace-item strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-item span{color:var(--muted);font-size:.75rem}.preview-close{border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--text);padding:10px 14px;cursor:pointer}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.panel-heading-stack{flex-direction:column;margin-bottom:20px}.panel-heading h1,.panel-heading h2{margin:10px 0 0;font-size:1.6rem;letter-spacing:-.03em}.panel-heading p{margin:0;color:var(--muted);line-height:1.65;max-width:520px}.invoice-form{display:grid;gap:18px}.form-section-card{padding:22px;border-radius:var(--radius-xl)}.form-section-heading{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-bottom:18px}.section-number{min-width:52px;justify-content:center;padding:12px 10px;border-radius:999px;background:var(--accent-wash);color:var(--muted-strong);font-weight:700}.form-section-heading h3{margin:0;font-size:1.15rem}.form-section-heading p{margin:6px 0 0;color:var(--muted);line-height:1.6}.form-section-fields{display:grid;gap:16px}.line-items-stack{display:grid;gap:14px}.line-item-editor{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong)}.line-item-editor-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.line-item-index{font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.line-item-actions{display:flex;flex-wrap:wrap;gap:8px}.line-item-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px}.mini-button{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:8px 12px;cursor:pointer}.mini-button-danger{color:#8a3d36}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:9px}.field-full{grid-column:1 / -1}.field>span{font-size:.95rem;font-weight:700;letter-spacing:-.01em}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);padding:16px;color:var(--text);outline:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#9db6d3;box-shadow:0 0 0 4px #9db6d338}.field-hint,.field-error{font-size:.84rem;line-height:1.5}.field-hint{color:var(--muted)}.field-error{color:#994f44}.form-summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.summary-block{display:grid;gap:6px;padding:18px;border-radius:var(--radius-lg)}.summary-block span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}.summary-block strong{font-size:1.08rem;letter-spacing:-.02em}.summary-block-total{background:var(--surface-ink);color:#fff}.summary-block-total span{color:#ffffffa3}.summary-block-total strong{font-size:1.45rem}.remember-toggle{display:inline-flex;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);color:var(--text);font-weight:600}.remember-toggle input{width:18px;height:18px;accent-color:var(--accent)}.form-footer{display:grid;gap:14px;padding-top:4px}.cta-group{display:flex;flex-wrap:wrap;gap:12px}.button{border:0;border-radius:999px;padding:15px 24px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;transform:none;opacity:.72}.button-primary{background:var(--surface-ink);color:#fff;box-shadow:none}.button-secondary{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.button-inline{width:fit-content;padding-inline:18px}.success-note{padding:15px 16px;border:1px solid rgba(40,81,55,.14);border-radius:var(--radius-md);background:var(--success-bg);color:var(--success-text);line-height:1.6}.submit-note{padding:14px 16px;border:1px solid rgba(153,79,68,.18);border-radius:var(--radius-md);background:#994f4414;color:#8f473e;line-height:1.6}[data-theme=dark] .submit-note{border-color:#ffc1a829;background:#ffc1a814;color:#ffd3c1}.invoice-card{position:relative;overflow:hidden;padding:24px;border-radius:var(--radius-2xl);background:var(--surface-soft);border:1px solid var(--line);box-shadow:var(--shadow-md)}.invoice-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(9,9,11,.03) 0,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.5),transparent 42%);pointer-events:none}.invoice-card>*{position:relative;z-index:1}.invoice-card-topbar,.invoice-hero,.invoice-footer-note{display:flex;justify-content:space-between;gap:12px;align-items:center}.invoice-hero{align-items:flex-end;margin-top:18px}.invoice-hero h3{margin:8px 0 6px;font-family:Inter,system-ui,sans-serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.05;letter-spacing:-.035em}.invoice-hero p,.invoice-block p,.invoice-section p,.line-item-table-row p{margin:0;color:var(--muted);line-height:1.65}.invoice-total-panel{min-width:170px;padding:18px;border-radius:24px;background:var(--surface-ink);color:#fff;box-shadow:none}.invoice-total-panel span{display:block;color:#ffffffad;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}.invoice-total-panel strong{display:block;margin-top:8px;font-size:2rem;line-height:1;letter-spacing:-.05em}.invoice-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.info-chip{background:var(--surface-tint)}.invoice-grid{display:grid;gap:14px;margin-top:20px}.invoice-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.invoice-block,.invoice-section,.line-item-table,.invoice-footer-note{border-radius:24px}.invoice-block,.invoice-section,.invoice-footer-note{padding:18px}.invoice-block strong,.line-item-table-row strong,.payment-section h4{display:block;margin:8px 0 0;font-size:1.05rem}.invoice-meta{display:grid;gap:12px}.invoice-meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.meta-stat{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);box-shadow:var(--shadow-md)}.meta-stat span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em}.meta-stat strong{display:block;margin-top:10px;font-size:1.02rem;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}.line-item-table{margin-top:18px;overflow:hidden}.line-item-table-head,.line-item-table-row{display:flex;justify-content:space-between;gap:16px;padding:18px 20px}.line-item-table-head{border-bottom:1px solid rgba(58,66,79,.08);color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.line-item-table-premium .line-item-table-row span:last-child{font-size:1.12rem;font-weight:800}.line-item-table-row+.line-item-table-row{border-top:1px solid rgba(58,66,79,.08)}.line-item-table-total{display:flex;justify-content:space-between;gap:16px;padding:18px 20px 20px;border-top:1px solid rgba(58,66,79,.08);background:var(--surface-soft)}.line-item-table-total span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.line-item-table-total strong{font-size:1.2rem;letter-spacing:-.03em}.invoice-section{margin-top:18px}.invoice-payment-button-inline{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-width:184px;padding:14px 20px;border-radius:999px;background:var(--payment-accent);color:var(--payment-accent-text);text-decoration:none;font-weight:700;font-size:.98rem;letter-spacing:-.01em;box-shadow:inset 0 0 0 1px #ffffff24,0 10px 24px #2f6fed38}.invoice-payment-button-inline:hover{background:var(--payment-accent-strong)}.payment-section-premium{display:flex;justify-content:space-between;gap:18px;align-items:center;background:var(--surface-ink);color:#fffffff0}.payment-section-premium .invoice-mini-label,.payment-section-premium p{color:#ffffffb3}.payment-section-premium a{display:inline-flex;align-items:center;justify-content:center;min-width:164px;padding:14px 16px;border-radius:16px;background:var(--surface-tint);color:var(--accent);text-decoration:none;font-weight:700}.invoice-footer-note{margin-top:18px;background:var(--surface-strong)}.invoice-footer-note span{color:var(--muted);line-height:1.6}.invoice-footer-note strong{font-size:.95rem}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.workspace{grid-template-columns:1fr}.invoice-grid-premium{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.sidebar{width:100%;max-width:300px;box-shadow:4px 0 20px #00000026}.sidebar-open .main-content{margin-left:0}.sidebar-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:90}}@media (max-width: 760px){.pro-upgrade-banner{padding:0 12px 12px}.main-scroll{padding:0 12px 40px}.form-panel,.overlay-panel,.invoice-card{padding:20px}.field-row,.line-item-editor-grid,.form-summary-strip,.pricing-grid,.workspace-grid,.invoice-grid-premium,.invoice-meta-strip{grid-template-columns:1fr}.panel-heading,.overlay-header,.account-bar,.account-actions,.workspace-item,.line-item-editor-header,.invoice-card-topbar,.invoice-hero,.line-item-table-head,.line-item-table-row,.line-item-table-total,.invoice-footer-note{flex-direction:column;align-items:flex-start}.form-meta span,.info-chip,.status-pill,.button,.button-inline{width:100%}.workspace-actions-card,.workspace-empty-actions{flex-direction:column}.invoice-total-panel,.invoice-payment-button-inline,.payment-section-premium a{width:100%}}.landing{min-height:100vh;background:var(--bg)}.landing-container{width:min(1140px,100%);margin:0 auto;padding:0 24px}.landing-header{position:sticky;top:0;z-index:100;padding:16px 0;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.landing-header .landing-container{display:flex;align-items:center;justify-content:space-between}.landing-logo{font-size:1.1rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;color:var(--text)}.landing-nav{display:flex;align-items:center;gap:28px}.landing-nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s ease}.landing-nav a:hover{color:var(--text)}.landing-cta-small{padding:10px 20px;border:none;border-radius:999px;background:var(--accent);color:var(--surface);font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.landing-cta-small:hover{opacity:.9}.landing-hero{padding:100px 0 80px;text-align:center}.landing-hero-badge{display:inline-block;padding:8px 16px;margin-bottom:24px;border-radius:999px;background:var(--success-bg);color:var(--success-text);font-size:.85rem;font-weight:600}.landing-hero h1{margin:0 0 20px;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text)}.landing-hero-sub{max-width:600px;margin:0 auto 32px;font-size:1.15rem;line-height:1.6;color:var(--muted)}.landing-hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.landing-hero-note{margin-top:20px;color:var(--muted);font-size:.88rem}.landing-intent-copy{max-width:640px;margin:16px auto 0;padding:0 8px;font-size:.9rem;line-height:1.55;color:var(--muted-strong);text-align:center}.landing-product-hunt{margin-top:28px;display:flex;justify-content:center}.landing-product-hunt a{display:inline-block;line-height:0;border-radius:10px;transition:opacity .15s ease,transform .15s ease}.landing-product-hunt a:hover{opacity:.92;transform:translateY(-1px)}.landing-product-hunt img{display:block;width:250px;height:auto;max-width:min(250px,100%)}.landing-btn{padding:14px 28px;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.landing-btn-primary{background:var(--accent);color:var(--surface)}.landing-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.landing-btn-secondary{background:var(--surface-strong);color:var(--text);border:1px solid var(--line)}.landing-btn-secondary:hover{background:var(--surface-tint);border-color:var(--line-strong)}.landing-btn-full{width:100%}.landing-btn-lg{padding:18px 36px;font-size:1.1rem}.landing-logos{padding:48px 0;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.landing-logos p{margin:0 0 20px;color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.1em}.landing-logos-grid{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.landing-logos-grid span{padding:10px 20px;border-radius:10px;background:var(--surface-tint);color:var(--muted-strong);font-size:.92rem;font-weight:600}.landing-templates-teaser{padding:56px 0 48px;border-bottom:1px solid var(--line)}.landing-templates-teaser .landing-section-header{margin-bottom:24px}.landing-templates-teaser-cta{margin:0;text-align:center}.landing-section-header{text-align:center;margin-bottom:56px}.landing-kicker{display:inline-block;margin-bottom:12px;color:var(--payment-accent);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.landing-section-header h2{margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.03em;color:var(--text)}.landing-section-header p{max-width:560px;margin:0 auto;color:var(--muted);font-size:1.08rem;line-height:1.6}.landing-features{padding:100px 0}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.landing-feature{padding:28px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:12px;background:var(--accent-wash);color:var(--accent)}.landing-feature h3{margin:0 0 10px;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.landing-feature p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.landing-providers{padding:80px 0;background:var(--surface-soft);overflow:hidden}.landing-providers-carousel{margin-top:48px;position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.landing-providers-track{display:flex;gap:0;width:max-content;animation:landing-providers-marquee 35s linear infinite;will-change:transform}.landing-providers-carousel:hover .landing-providers-track{animation-play-state:paused}.landing-providers-group{display:flex;gap:60px;flex-shrink:0;align-items:center}@media (prefers-reduced-motion: reduce){.landing-providers-track{animation:none}}@keyframes landing-providers-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-provider{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:40px;color:var(--muted);opacity:.7;transition:opacity .2s ease}.landing-provider:hover{opacity:1}.landing-provider svg{height:28px;width:auto}.landing-providers-note{text-align:center;margin-top:32px;color:var(--muted);font-size:.95rem;font-style:italic}.landing-how{padding:100px 0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:48px}.landing-step{text-align:center}.landing-step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:20px;border-radius:50%;background:var(--accent);color:var(--surface);font-size:1.2rem;font-weight:800}.landing-step h3{margin:0 0 10px;font-size:1.15rem;font-weight:700}.landing-step p{margin:0;color:var(--muted);line-height:1.6}.landing-cta-block{text-align:center}.landing-pricing{padding:100px 0}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;align-items:stretch}@media (max-width: 900px){.landing-pricing-grid{grid-template-columns:1fr;max-width:400px}}.landing-price-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:32px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}.landing-price-card-pro{border-color:var(--line)}.landing-price-card-best{border-color:var(--payment-accent);box-shadow:0 0 0 1px var(--payment-accent)}.landing-price-equivalent{display:block;margin-top:4px;padding:4px 12px;background:var(--success);color:var(--success-text);font-size:.85rem;font-weight:600;border-radius:6px;width:fit-content}.landing-price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:var(--payment-accent);color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.landing-price-header{flex-shrink:0;margin-bottom:24px}.landing-price-header h3{margin:0 0 8px;font-size:1.2rem;font-weight:700}.landing-price-amount{display:flex;align-items:baseline;gap:4px}.landing-price-big{font-size:2.8rem;font-weight:800;letter-spacing:-.04em}.landing-price-period{color:var(--muted);font-size:1rem}.landing-price-features{flex:1 1 auto;list-style:none;padding:0;margin:0}.landing-price-features li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}.landing-price-features li:last-child{border-bottom:none}.landing-price-features svg{flex-shrink:0;color:var(--success-text)}.landing-price-card>.landing-btn-full{flex-shrink:0;margin-top:28px}.landing-pricing-note{display:block;text-align:center;margin-top:32px;color:var(--muted);font-size:.95rem;font-style:italic}.landing-faq{padding:100px 0;background:var(--surface);border-top:1px solid var(--line)}.landing-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.landing-faq-item h3{margin:0 0 10px;font-size:1.05rem;font-weight:700}.landing-faq-item p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}.landing-final-cta{padding:100px 0;text-align:center;background:linear-gradient(180deg,var(--bg) 0%,var(--surface-tint) 100%)}.landing-final-cta h2{margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.03em}.landing-final-cta p{max-width:480px;margin:0 auto 32px;color:var(--muted);font-size:1.1rem;line-height:1.6}.landing-final-note{display:block;margin-top:16px;color:var(--muted);font-size:.88rem}.landing-internal-sitemap{padding:64px 0 56px;background:var(--surface);border-top:1px solid var(--line)}.landing-internal-sitemap-inner .seo-site-nav-footer{border-top:none;padding-top:0;margin-top:0}.landing-internal-sitemap .seo-site-nav-footer-title{color:var(--text)}.landing-footer{padding:48px 0 32px;border-top:1px solid var(--line)}.landing-footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px}.landing-footer-brand p{margin:10px 0 0;color:var(--muted);font-size:.9rem}.landing-footer-links{display:flex;flex-wrap:wrap;gap:14px 24px}.landing-footer-links a{color:var(--muted);text-decoration:none;font-size:.9rem}.landing-footer-links a:hover{color:var(--text)}.landing-footer-bottom{padding-top:24px;border-top:1px solid var(--line);text-align:center}.landing-footer-bottom p{margin:0;color:var(--muted);font-size:.85rem}.landing-footer-bottom a{color:inherit;text-decoration:underline;text-underline-offset:2px}.landing-footer-bottom a:hover{color:var(--text)}.checkout-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999}.checkout-loading-content{text-align:center;padding:48px}.checkout-loading-spinner{width:48px;height:48px;margin:0 auto 24px;border:3px solid var(--line);border-top-color:var(--payment-accent);border-radius:50%;animation:checkout-spin .8s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-loading-content h2{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--text)}.checkout-loading-content p{margin:0;color:var(--muted);font-size:1rem}@media (max-width: 760px){.landing-header .landing-container{flex-wrap:wrap;gap:16px}.landing-nav{width:100%;justify-content:space-between}.landing-hero{padding:60px 0 50px}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-features,.landing-how,.landing-pricing,.landing-faq,.landing-final-cta{padding:60px 0}.landing-footer-content{flex-direction:column}}.checkout-unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30000;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--surface-ink) 32%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.checkout-unlock-panel{max-width:380px;padding:28px 32px;border-radius:var(--radius-xl);background:var(--surface-strong);border:1px solid var(--line);box-shadow:0 24px 48px color-mix(in srgb,var(--surface-ink) 12%,transparent);text-align:center}.checkout-unlock-title{margin:0 0 10px;font-size:1.2rem;font-weight:700;color:var(--text)}.checkout-unlock-sub{margin:0;font-size:.95rem;line-height:1.45;color:var(--muted)}.seo-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.seo-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.seo-topbar-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;flex:1 1 auto}@media (max-width: 520px){.seo-topbar-nav{order:3;flex-basis:100%;justify-content:flex-start}}.seo-brand{font-weight:800;letter-spacing:-.03em}.seo-topbar-actions{display:flex;gap:14px;align-items:center}.seo-text-link{color:var(--muted-strong);text-decoration:none;font-size:.9rem;font-weight:600}.seo-text-link:hover{color:var(--accent)}.seo-theme-mini{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;padding:6px 10px;font-size:.78rem;cursor:pointer;color:var(--text)}.seo-hero{padding:40px 20px 28px;text-align:center}.seo-hero-tall{padding-top:56px;padding-bottom:40px}.seo-container{max-width:820px;margin:0 auto}.seo-narrow{max-width:640px}.seo-stack{display:flex;flex-direction:column;gap:36px;padding-bottom:56px}.seo-h1{font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 16px}.seo-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:12px}.seo-sub{font-size:1.1rem;line-height:1.55;color:var(--muted-strong);max-width:640px;margin:0 auto 20px}.seo-sub-lg{font-size:1.2rem}.seo-hero-audience{font-size:1rem;line-height:1.55;color:var(--muted-strong);max-width:640px;margin:0 auto 20px;text-align:left;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.seo-hero-audience-label{font-weight:700;color:var(--text)}.seo-trust{text-align:left;max-width:560px;margin:20px auto 0;padding-left:1.1rem;color:var(--muted-strong);line-height:1.55}.seo-breadcrumbs{margin-bottom:18px}.seo-breadcrumbs-list{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:0;justify-content:center;font-size:.82rem;color:var(--muted)}.seo-breadcrumbs-link{color:var(--muted-strong);text-decoration:none}.seo-breadcrumbs-link:hover{text-decoration:underline}.seo-breadcrumbs-current{color:var(--text);font-weight:600}.seo-breadcrumbs-sep{margin:0 4px;opacity:.5}.seo-main{padding:8px 0 48px}.seo-section{margin-top:8px}.seo-section-alt{background:var(--surface-soft);padding:32px 0;margin:0 calc(-1*min(20px,4vw));border-radius:var(--radius-xl);border:1px solid var(--line)}.seo-section-title{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;text-align:center}.seo-prose{line-height:1.65;color:var(--muted-strong)}.seo-center{text-align:center}.seo-meta-block{margin-top:12px;font-size:.92rem;color:var(--muted)}.seo-preview-card{scroll-margin-top:24px;border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--surface-strong);padding:20px;box-shadow:var(--shadow-md)}.seo-preview-inner{text-align:left}.seo-preview-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.seo-preview-muted{font-size:.85rem;color:var(--muted);margin-top:4px}.seo-preview-total-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.seo-preview-lines{list-style:none;padding:0;margin:0 0 12px;border-top:1px solid var(--line)}.seo-preview-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}.seo-preview-total{display:flex;justify-content:space-between;font-size:1.1rem;padding-top:8px}.seo-preview-note{margin:14px 0 0;font-size:.88rem;color:var(--muted-strong)}.seo-pill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;justify-content:center}.seo-pill{padding:8px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:.88rem}.seo-bullets{max-width:640px;margin:0 auto;padding-left:1.1rem;color:var(--muted-strong);line-height:1.55}.seo-wording-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.seo-wording-item{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.seo-wording-text{margin:0 0 10px;line-height:1.5;font-size:.95rem}.seo-wording-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.seo-input,.seo-select{padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--text);min-width:min(100%,280px);font:inherit}.seo-wording-library{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.seo-wording-row{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface-strong)}.seo-wording-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.seo-wording-cat{font-weight:700}.seo-wording-label{color:var(--muted-strong)}.seo-faq-grid{display:grid;gap:16px}@media (min-width: 720px){.seo-faq-grid{grid-template-columns:repeat(2,1fr)}}.seo-faq-item{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.seo-faq-q{margin:0 0 8px;font-size:1rem}.seo-faq-a{margin:0;font-size:.92rem;color:var(--muted-strong);line-height:1.5}.seo-related-grid{list-style:none;padding:0;margin:0;display:grid;gap:10px}@media (min-width: 640px){.seo-related-grid{grid-template-columns:repeat(2,1fr)}}.seo-related-card{display:block;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-strong);text-decoration:none;color:var(--text);font-weight:600}.seo-related-card:hover{border-color:var(--accent)}.seo-cta-block{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px}.seo-cta-footnote{flex:1 1 100%;margin:4px 0 0;font-size:.88rem;line-height:1.45;color:var(--muted-strong);max-width:520px;margin-inline:auto;text-align:center}.seo-template-guide{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 88%,var(--bg));padding:20px 18px}.seo-template-guide-lede{margin-top:0}.seo-template-guide-steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:14px;color:var(--muted-strong);font-size:.98rem;line-height:1.55}.seo-template-guide-steps li{padding-left:.35rem}.seo-template-guide-steps strong{color:var(--text)}.seo-nowrap{white-space:nowrap}.seo-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:opacity .15s ease}.seo-btn-primary{background:var(--accent);color:var(--surface)}.seo-btn-secondary{background:var(--surface-strong);border-color:var(--line-strong);color:var(--text)}.seo-btn:hover{opacity:.92}button.seo-btn{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.seo-btn:disabled{opacity:.55;cursor:not-allowed}.seo-btn-small{padding:8px 12px;font-size:.82rem}.seo-bottom-cta{text-align:center;padding:28px 16px 8px;border-top:1px solid var(--line)}.seo-internal{margin-top:16px;font-size:.85rem;color:var(--muted)}.seo-internal a{color:inherit}.seo-footer{padding:24px 20px 40px;text-align:center;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);background:var(--surface)}.seo-marketing-home .seo-card-grid{display:grid;gap:12px}@media (min-width: 640px){.seo-marketing-home .seo-card-grid{grid-template-columns:repeat(3,1fr)}}.seo-topic-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-strong);text-decoration:none;color:var(--text);text-align:left;transition:border-color .15s ease,transform .15s ease}.seo-topic-card:hover{border-color:var(--accent);transform:translateY(-1px)}.seo-topic-card span{font-size:.86rem;color:var(--muted);line-height:1.35}.seo-pricing-grid{display:grid;gap:14px;margin-top:20px}@media (min-width: 768px){.seo-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.seo-price-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--surface-strong)}.seo-price-card-pro{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.seo-price-card-best{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.seo-badge-mini{position:absolute;top:12px;right:12px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:4px 8px;border-radius:6px}.seo-price-line{margin:0;font-size:1rem}.seo-price-amount{font-size:1.65rem;font-weight:700;letter-spacing:-.02em}.seo-muted{margin:0;font-size:.9rem;color:var(--muted);line-height:1.45;flex:1}.seo-checkout-error{margin-top:16px;text-align:center;font-size:.9rem;color:var(--danger, #c53030)}[data-theme=dark] .seo-checkout-error{color:#fc8181}.seo-template-index{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.seo-template-index-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.seo-template-title{font-weight:700;color:var(--text);text-decoration:none}.seo-template-title:hover{text-decoration:underline}.seo-template-desc{margin:6px 0 0;font-size:.88rem;color:var(--muted);line-height:1.45;max-width:560px}.seo-copy-btn{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:8px;padding:6px 10px;font-size:.8rem;cursor:pointer;color:var(--text)}.seo-copy-btn:focus-visible{outline:2px solid var(--payment-accent);outline-offset:2px}.seo-templates-market{position:relative;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb,var(--text) 5.5%,transparent) .6px,transparent .6px);background-size:22px 22px}[data-theme=dark] .seo-templates-market{background-image:radial-gradient(color-mix(in srgb,var(--text) 3.5%,transparent) .6px,transparent .6px)}.seo-topbar--market{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.seo-templates-container{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.seo-templates-market-hero{padding:44px 0 36px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.seo-templates-market-hero-grid{display:grid;gap:28px;align-items:start}@media (min-width: 880px){.seo-templates-market-hero-grid{grid-template-columns:minmax(280px,1fr) minmax(360px,1.1fr);gap:48px}}.seo-templates-market-eyebrow{margin:0 0 10px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.seo-templates-market-title{margin:0 0 14px;font-size:clamp(1.85rem,3.6vw,2.45rem);font-weight:800;letter-spacing:-.035em;line-height:1.12;color:var(--text)}.seo-templates-market-lead{margin:0;font-size:1.05rem;line-height:1.6;color:var(--muted-strong);max-width:48ch}.seo-templates-market-panel{padding:22px 22px 20px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent),0 18px 42px color-mix(in srgb,var(--text) 5%,transparent)}.seo-templates-search-wrap{margin-bottom:0}.seo-templates-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-templates-search-row{position:relative;display:flex;align-items:center;width:100%;max-width:none}.seo-templates-search-icon{position:absolute;left:16px;color:var(--muted);pointer-events:none}.seo-templates-search-input{width:100%;padding:14px 16px 14px 48px;font:inherit;font-size:.95rem;border-radius:14px;border:1px solid var(--line);background:var(--surface-strong);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.seo-templates-search-input::placeholder{color:var(--muted)}.seo-templates-search-input:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.seo-templates-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.seo-templates-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:14px}.seo-templates-filter-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-strong);color:var(--muted-strong);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.seo-templates-filter-chip:hover{border-color:var(--line-strong);color:var(--text)}.seo-templates-filter-chip.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}[data-theme=dark] .seo-templates-filter-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.seo-templates-filter-chip:focus-visible{outline:2px solid var(--payment-accent);outline-offset:2px}.seo-templates-count{display:flex;align-items:center;gap:10px;margin:0;padding-top:14px;border-top:1px solid var(--line)}.seo-templates-count-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--success-text) 75%,var(--accent));flex-shrink:0}.seo-templates-market-main{padding:28px 0 56px}.seo-template-store-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:22px}.seo-template-card{height:100%;display:flex;flex-direction:column;border-radius:22px;border:1px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:0 2px 6px color-mix(in srgb,var(--text) 4%,transparent);transition:transform .22s cubic-bezier(.25,.46,.45,.94),box-shadow .22s ease,border-color .22s ease}.seo-template-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px color-mix(in srgb,var(--text) 7%,transparent),0 2px 4px color-mix(in srgb,var(--text) 3%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.seo-template-card-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--line)}.seo-template-card-thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}.seo-template-card[data-template-type=business-template] .seo-template-card-thumb-bg{background:radial-gradient(ellipse 85% 65% at 88% 80%,color-mix(in srgb,var(--accent) 38%,transparent),transparent 52%),radial-gradient(ellipse 70% 50% at 8% 22%,color-mix(in srgb,var(--payment-accent) 22%,transparent),transparent 48%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--surface)) 0%,var(--bg) 100%)}.seo-template-card-faux{position:absolute;left:10%;right:10%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;pointer-events:none}.seo-template-card-faux-block--header{height:10px;width:42%;border-radius:5px;background:color-mix(in srgb,var(--surface) 58%,transparent)}.seo-template-card-faux-line{height:5px;border-radius:5px;background:color-mix(in srgb,var(--surface) 42%,transparent)}.seo-template-card-faux-line--short{width:62%}.seo-template-card-faux-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:4px}.seo-template-card-faux-cell{height:22px;border-radius:6px;background:color-mix(in srgb,var(--surface) 28%,transparent);border:1px solid color-mix(in srgb,var(--surface) 40%,transparent)}.seo-template-card-thumb-icon{position:absolute;right:12px;bottom:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--text) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px color-mix(in srgb,var(--text) 8%,transparent)}.seo-template-card-glyph{display:flex;color:color-mix(in srgb,var(--accent) 55%,var(--text))}.seo-template-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}.seo-template-card-tag{display:inline-flex;align-self:flex-start;margin-bottom:10px;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-strong);background:color-mix(in srgb,var(--accent) 9%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.seo-template-card-title{margin:0 0 10px;font-size:1rem;font-weight:750;letter-spacing:-.02em;line-height:1.35}.seo-template-card-title a{color:var(--text);text-decoration:none}.seo-template-card-title a:hover{color:color-mix(in srgb,var(--accent) 70%,var(--text))}.seo-template-card-desc{margin:0 0 16px;font-size:.84rem;line-height:1.5;color:var(--muted-strong);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.seo-template-card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;border-top:1px solid var(--line)}.seo-template-card-details{font-size:.82rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .15s ease}.seo-template-card-details:hover{color:var(--text)}.seo-template-card-cta{padding:9px 16px;border-radius:999px;border:none;background:var(--accent);color:var(--surface);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.seo-template-card-cta:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.seo-template-card-cta:disabled{opacity:.55;cursor:not-allowed}.seo-templates-empty{margin:32px 0;padding:32px;text-align:center;border-radius:18px;border:1px dashed var(--line-strong);background:var(--surface);color:var(--muted-strong)}.seo-templates-empty-reset{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--payment-accent);cursor:pointer;text-decoration:underline}.seo-templates-market-callout{margin-top:52px;padding:1px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,var(--line)),color-mix(in srgb,var(--payment-accent) 35%,var(--line)))}.seo-templates-market-callout-inner{padding:24px 26px;border-radius:21px;background:var(--surface)}.seo-templates-market-callout-title{margin:0 0 8px;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.seo-templates-market-callout-text{margin:0}.seo-footer--market{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 50%,var(--bg))}@media (max-width: 520px){.seo-template-card-actions{flex-direction:column;align-items:stretch}.seo-template-card-cta{width:100%;text-align:center}.seo-templates-market-panel{padding:18px 16px 16px}}.seo-post-main-nav{padding:8px 20px 48px}.seo-site-nav-footer{margin-top:8px;padding:28px 0 36px;border-top:1px solid var(--line);text-align:left}.seo-templates-market-main .seo-site-nav-footer{border-top:none;padding-top:16px;margin-top:0}.seo-site-nav-footer-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;text-align:center}.seo-site-nav-footer-lead{text-align:center;margin:0 auto 20px;max-width:520px;font-size:.95rem}.seo-site-nav-footer-subhead{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--muted);margin:24px 0 12px;text-align:center}.seo-site-nav-footer-hub-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;list-style:none;padding:0;margin:0}.seo-site-nav-footer-hub-list a{color:var(--accent);font-weight:600;font-size:.94rem;text-decoration:none}.seo-site-nav-footer-hub-list a:hover{text-decoration:underline}.seo-site-nav-footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px;list-style:none;padding:0;margin:0}.seo-site-nav-footer-grid a{color:var(--muted-strong);font-size:.9rem;text-decoration:none;font-weight:500}.seo-site-nav-footer-grid a:hover{color:var(--accent);text-decoration:underline}.seo-site-nav-footer-current{color:var(--muted);font-weight:600;cursor:default}