@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#202522;--muted:#788078;--paper:#f4f1ea;--card:#fffdfa;--line:#d9d9d1;--accent:#d6f05c;--coral:#ee755c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,label{cursor:pointer}.app-shell{max-width:1180px;margin:auto;min-height:100vh;padding:0 5vw 100px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:20px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--accent);border-radius:50%;width:29px;height:29px;font-family:Georgia;font-style:italic}.privacy-pill,.eyebrow,.recent-heading,.version{font:500 10px 'DM Mono',monospace;letter-spacing:.11em}.privacy-pill{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#8fbe4d}.view{display:none;padding:68px 0 30px;animation:appear .35s ease}.active-view{display:block}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-copy{max-width:690px}.eyebrow{color:var(--muted);margin:0 0 18px}.hero-copy h1,.section-title h2{font-size:clamp(44px,7vw,82px);line-height:.96;letter-spacing:-.07em;margin:0 0 25px}.hero-copy h1 em{font-family:'Playfair Display',serif;font-weight:600;color:#697158}.lede,.section-title>p:not(.eyebrow){max-width:470px;color:var(--muted);line-height:1.7;font-size:15px}.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:52px 0 60px;max-width:740px}.capture-card{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:23px;text-align:left;transition:.2s}.capture-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #252b1b12}.primary-capture{background:var(--ink);color:white;border-color:var(--ink)}.capture-icon{font-size:25px;color:var(--coral)}.capture-card strong,.capture-card small{display:block}.capture-card small{font-size:11px;color:#9a9f98;margin-top:5px}.primary-capture small{color:#b8beb6}.arrow{margin-left:auto;font-size:18px}.recent-heading{display:flex;justify-content:space-between;max-width:740px;color:var(--muted)}.recent-heading a,.text-button{color:var(--ink);text-decoration:none;border:0;background:none;padding:0;font-size:12px}.recent-list,.contacts-list,.batch-list{max-width:740px;margin-top:16px}.empty-state{border:1px dashed #c8cbc1;border-radius:13px;padding:30px;text-align:center;color:var(--muted);font-size:13px}.promise{display:flex;align-items:center;gap:16px;max-width:740px;background:#e9edda;border-radius:12px;padding:18px 20px;margin-top:46px;font-size:12px}.promise span{font-size:23px}.promise p{flex:1;line-height:1.5}.promise strong{font-size:13px}.promise a{color:var(--ink);font-size:11px}.section-title{margin-bottom:36px}.section-title h2{font-size:clamp(40px,6vw,65px);margin-bottom:13px}.back-link{border:0;background:none;padding:0;color:var(--muted);font-size:12px;margin-bottom:45px}.review-layout{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:40px;max-width:1000px}.card-preview{background:#dddacf;border-radius:18px;min-height:250px;position:relative;overflow:hidden}.card-preview img{width:100%;height:100%;min-height:250px;object-fit:contain}.scan-status{position:absolute;left:13px;bottom:13px;background:var(--ink);color:white;border-radius:8px;padding:8px 10px;font:10px 'DM Mono';letter-spacing:.06em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:11px;color:var(--muted);font-weight:600}input,textarea,select{display:block;width:100%;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:12px 13px;margin-top:7px;outline:none;color:var(--ink);font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--ink)}.wide{grid-column:1/-1}.ocr-details{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}.ocr-details pre{white-space:pre-wrap;font:12px 'DM Mono';line-height:1.6;color:var(--ink);max-height:150px;overflow:auto}.form-actions,.export-row{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.button{border:0;border-radius:8px;padding:12px 16px;font-weight:700;font-size:12px}.button.dark{background:var(--ink);color:white}.button.ghost{background:transparent;color:var(--muted)}.button.outline{border:1px solid var(--ink);background:transparent;color:var(--ink)}.button.small{padding:10px 13px}.drop-zone{max-width:740px;min-height:145px;border:1px dashed #aeb4a6;border-radius:15px;display:grid;place-items:center;align-content:center;gap:6px;color:var(--ink)}.drop-symbol{font-size:25px;color:var(--coral)}.drop-zone small{color:var(--muted);font-size:11px}.batch-stats{display:flex;gap:50px;margin:35px 0;max-width:740px}.batch-stats strong,.batch-stats span{display:block}.batch-stats strong{font-size:28px;letter-spacing:-.06em}.batch-stats span{font:10px 'DM Mono';color:var(--muted);margin-top:4px}.inline-title{display:flex;align-items:end;justify-content:space-between;max-width:740px}.search-wrap{display:flex;align-items:center;gap:10px;max-width:740px;border-bottom:1px solid var(--line);padding:4px 0}.search-wrap input{border:0;background:transparent;padding-left:0}.contact-row,.batch-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 3px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dfe7bd;font-family:Georgia;font-style:italic;font-size:18px}.row-copy{flex:1}.row-copy strong,.row-copy small{display:block}.row-copy small{color:var(--muted);font-size:11px;margin-top:3px}.row-date{font:10px 'DM Mono';color:var(--muted)}.settings-card,.danger-card{max-width:740px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:13px}.setting-row small{font-size:11px;color:var(--muted);margin-top:5px}.toggle{width:39px;height:23px;border-radius:20px;background:#c7cbc1;padding:3px}.toggle:after{content:'';display:block;width:17px;height:17px;border-radius:50%;background:white}.toggle.on{background:#91b243}.toggle.on:after{margin-left:16px}.ai-settings{border-top:1px solid var(--line);padding:20px 0}.ai-settings label{display:block;margin-bottom:14px}.warning{font-size:11px;line-height:1.5;color:#a65b45;background:#fff0eb;padding:11px;border-radius:7px}.hidden{display:none}.danger-card{margin-top:18px;padding:20px;display:flex;gap:20px;align-items:center}.danger{color:#b95743}.version{color:#a3a89f;margin-top:45px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);height:72px;background:#202522;color:white;display:flex;justify-content:space-around;align-items:center;border-radius:18px 18px 0 0;z-index:5}.nav-item{color:#8d968e;text-decoration:none;font-size:10px;text-align:center;padding:10px 14px}.nav-item span{display:block;font-size:18px;margin-bottom:3px}.nav-item.active{color:var(--accent)}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--ink);color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;transition:.25s;z-index:9}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.quality-report{margin-top:18px;padding:11px 13px;border-radius:8px;background:#edf1df;color:#53613a;font-size:12px;line-height:1.45}.quality-report.needs-review{background:#fff0eb;color:#9e5b43}
@media(max-width:650px){.app-shell{padding:0 20px 92px}.topbar{height:68px}.view{padding-top:42px}.capture-grid{grid-template-columns:1fr;margin:38px 0 45px}.capture-card{padding:19px}.review-layout{grid-template-columns:1fr;gap:25px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.card-preview{min-height:190px}.card-preview img{min-height:190px}.form-actions{justify-content:stretch}.form-actions .button{flex:1}.export-row{flex-wrap:wrap;justify-content:stretch}.export-row .button{flex:1}.batch-stats{gap:25px}.danger-card{align-items:flex-start;flex-direction:column;gap:14px}}