:root{--bg-canvas:#F7F9F8;--bg-surface:#FFFFFF;--bg-subtle:#F1F5F3;--ink-primary:#0A0F0D;--ink-secondary:#475550;--ink-muted:#788781;--border-hairline:#E3E8E5;--border-strong:#CBD4CF;--accent-primary:#059669;--accent-hover:#047857;--accent-soft:#ECFDF5;--accent-border:#A7F3D0;--shadow-stripe-sm:0 1px 2px rgba(10,15,13,0.04);--shadow-stripe-md:0 4px 12px -2px rgba(10,15,13,0.06),0 1px 3px -1px rgba(10,15,13,0.04);--shadow-stripe-lg:0 16px 36px -6px rgba(10,15,13,0.09),0 2px 6px -1px rgba(10,15,13,0.04);--radius-sm:8px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-canvas);color:var(--ink-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.45;overflow-x:hidden;max-width:100vw}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stripe-shell{max-width:1060px;width:100%;margin-inline:auto;border-inline:1px solid var(--border-hairline);min-block-size:100dvh;background:var(--bg-canvas);overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 24px;-webkit-border-after:1px solid var(--border-hairline);border-block-end:1px solid var(--border-hairline);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:20}.brand-mark{gap:9px;font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--ink-primary);text-decoration:none;min-height:38px}.brand-mark,.pill-badge{display:inline-flex;align-items:center}.pill-badge{gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-border);white-space:nowrap}.hero-section{padding:36px 24px 26px;-webkit-border-after:1px solid var(--border-hairline);border-block-end:1px solid var(--border-hairline);background:radial-gradient(900px 300px at 50% 0,rgba(5,150,105,.06),transparent)}.hero-title{font-size:clamp(24px,4.2vw,40px);font-weight:750;letter-spacing:-.035em;line-height:1.1;max-width:660px;margin-block-top:10px}.hero-sub{font-size:15px;color:var(--ink-secondary);margin-block-top:8px;max-width:520px}.step-strip{display:grid;grid-template-columns:repeat(3,1fr);-webkit-border-after:1px solid var(--border-hairline);border-block-end:1px solid var(--border-hairline);background:var(--bg-surface)}.step-cell{padding:12px 18px;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-secondary);-webkit-border-end:1px solid var(--border-hairline);border-inline-end:1px solid var(--border-hairline)}.step-cell:last-child{-webkit-border-end:none;border-inline-end:none}.step-cell.active{color:var(--ink-primary);font-weight:600;background:var(--accent-soft)}.step-num{width:20px;height:20px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--ink-primary);color:#fff}.workbench{padding:24px;display:grid;grid-gap:18px;gap:18px}.dropzone-card{background:var(--bg-surface);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-stripe-sm)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:var(--ink-primary);color:#FFFFFF;font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid var(--ink-primary);cursor:pointer;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.15)}.btn-emerald{background:var(--accent-primary);border-color:var(--accent-hover)}.btn-emerald:hover{background:var(--accent-hover)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;background:var(--bg-surface);color:var(--ink-primary);font-size:13px;font-weight:560;padding:8px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);cursor:pointer;text-decoration:none}.btn-ghost:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-ghost.active-sample{border-color:var(--accent-primary);background:var(--accent-soft);color:var(--accent-hover)}.table-wrapper{overflow:auto;max-inline-size:100%;max-block-size:min(460px,75vh);container-type:inline-size;background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-stripe-md)}table{width:100%;border-collapse:separate;border-spacing:0;--label-1:"Date";--label-2:"Description";--label-3:"Category";--label-4:"Amount";--label-5:"Running Balance"}caption,table{font-size:13px}caption{text-align:start;padding:12px 16px;font-weight:600;color:var(--ink-primary);-webkit-border-after:1px solid var(--border-hairline);border-block-end:1px solid var(--border-hairline);background:var(--bg-surface)}thead{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:1;background:var(--bg-subtle)}thead th{padding:10px 16px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-secondary)}tbody tr td,tbody tr th,thead th{text-align:start;-webkit-border-after:1px solid var(--border-hairline);border-block-end:1px solid var(--border-hairline)}tbody tr td,tbody tr th{padding:11px 16px;font-weight:450}tbody th{position:-webkit-sticky;position:sticky;inset-inline-start:0;background:var(--bg-surface);font-weight:600;color:var(--ink-primary)}.locked-row td,.locked-row th{filter:blur(4px);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.55}@container (width < 600px){table,tbody,td,th,thead,tr{display:block}thead{display:none}tr{-webkit-margin-after:.85rem;margin-block-end:.85rem;border:1px solid var(--border-hairline);border-radius:8px;overflow:hidden}tbody th{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:2;background:var(--bg-subtle)}td:nth-child(2):before{content:var(--label-2) ": ";font-weight:600}td:nth-child(3):before{content:var(--label-3) ": ";font-weight:600}td:nth-child(4):before{content:var(--label-4) ": ";font-weight:600}td:nth-child(5):before{content:var(--label-5) ": ";font-weight:600}}.unlock-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--accent-border);box-shadow:var(--shadow-stripe-md)}.unlock-banner,dialog{background:var(--bg-surface)}dialog{margin:auto;border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:24px;max-width:420px;width:calc(100% - 28px);color:var(--ink-primary);box-shadow:var(--shadow-stripe-lg)}dialog::-webkit-backdrop{background-color:rgba(10,15,13,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog::backdrop{background-color:rgba(10,15,13,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.field{display:grid;grid-gap:4px;gap:4px}.hint{display:block;color:var(--ink-secondary);font-size:12px}.email-input{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-size:14px;background:var(--bg-surface);color:var(--ink-primary)}.error-msg{display:none;color:#d93025;font-size:12.5px;margin-top:2px}input:user-invalid{border-color:#d93025;background-color:#fce8e6}input:user-invalid+.error-msg{display:block}input:user-valid{border-color:#188038}.seo-grid{padding:20px 24px 36px;-webkit-border-before:1px solid var(--border-hairline);border-block-start:1px solid var(--border-hairline);display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px}.seo-chip{padding:11px 14px;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:var(--bg-surface);font-size:12.5px;font-weight:550;color:var(--ink-secondary);text-decoration:none;display:flex;align-items:center;justify-content:space-between}.seo-chip:hover{border-color:var(--accent-primary);color:var(--ink-primary)}@media (max-width:640px){.topbar{padding:10px 16px}.hero-section{padding:24px 16px 20px}.step-strip{grid-template-columns:1fr}.step-cell{-webkit-border-end:none;border-inline-end:none;-webkit-border-after:1px solid var(--border-hairline);border-block-end:1px solid var(--border-hairline);padding:10px 16px}.dropzone-card,.workbench{padding:16px}.dropzone-actions{width:100%;display:grid!important;grid-template-columns:1fr}.btn-ghost,.btn-primary{min-height:44px}.seo-grid{padding:16px 16px 28px;grid-template-columns:1fr}}