:root{--hoperia-primary:#0f172a;--hoperia-primary-dark:#0f172a;--hoperia-accent:#d8862e;--hoperia-accent-soft:#fcd34d;--hoperia-header:#020617;--hoperia-bg-app:#e5e7eb;--hoperia-bg-warm:#f8fafc;--hoperia-surface:#fff;--hoperia-surface-muted:#f8fafc;--hoperia-border:#e2e8f0;--hoperia-text-strong:#020617;--hoperia-text:#1e293b;--hoperia-text-muted:#475569;--hoperia-success:#10b981;--hoperia-warning:#d97706;--hoperia-error:#e11d48;--hoperia-info:#2563eb;--hoperia-ai:#7c3aed;--hoperia-focus:#f59e0b47;--hoperia-shadow-minimal:0 1px 2px #0f172a0f;--hoperia-shadow-soft:0 1px 3px #0f172a1a, 0 1px 2px #0f172a0f;--hoperia-shadow-raised:0 8px 18px #0f172a29;--hoperia-radius-card:24px;--hoperia-radius-inner:16px;--hoperia-radius-control:14px;--hoperia-radius-icon:16px;--hoperia-radius-chip:999px;--primary:var(--hoperia-primary);--secondary:var(--hoperia-header);--accent:var(--hoperia-accent);--cream:var(--hoperia-bg-warm);--surface:var(--hoperia-surface);--body:var(--hoperia-bg-app);--line:color-mix(in srgb, var(--hoperia-primary) 12%, transparent);--shadow:var(--hoperia-shadow-soft);color:var(--hoperia-text);font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--body);margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button,input,textarea,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,.upload-button:focus-within{outline:3px solid var(--hoperia-focus);outline-offset:3px}.stage{background:var(--hoperia-bg-app);justify-content:center;align-items:flex-start;min-height:100vh;padding:28px 12px;display:flex}.phone{background:var(--cream);border-radius:48px;flex-direction:column;width:392px;height:min(882px,100vh - 34px);display:flex;overflow:hidden;box-shadow:0 20px 48px #0f172a24}.header{background:var(--secondary);color:#fff;flex:none;padding:23px 21px 19px}.header-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.brand{flex:1;align-items:flex-start;gap:11px;min-width:0;display:flex}.brand-dots{grid-template-columns:repeat(2,7px);gap:7px;width:27px;display:grid}.brand-dots span{border:1.5px solid var(--hoperia-accent-soft);border-radius:50%;width:7px;height:7px}.brand-copy{min-width:0}.brand-name{letter-spacing:.02em;color:#fff;font-size:18px;font-weight:900;line-height:1.05}.brand-slogan{color:#cbd5e1;max-width:210px;margin-top:4px;font-size:8px;font-weight:750;line-height:1.25}.brand-tagline{color:var(--hoperia-accent-soft);margin-top:5px;font-size:10px;font-weight:900;line-height:1.2}.step-pill{border-radius:var(--hoperia-radius-chip);color:#fff;letter-spacing:.08em;white-space:nowrap;min-height:32px;box-shadow:none;background:#ffffff14;border:1px solid #ffffff29;justify-content:center;align-items:center;padding:8px 12px;font-size:9px;font-weight:900;display:inline-flex}.progress{background:#ffffff24;border-radius:999px;height:7px;overflow:hidden}.progress div{border-radius:inherit;background:var(--hoperia-accent-soft);height:100%;transition:width .35s}.content{scrollbar-width:thin;scrollbar-color:var(--hoperia-text-muted) transparent;background:var(--hoperia-bg-warm);flex:1;overflow-y:auto}.screen{padding:25px 27px 32px}.enter{animation:.22s enter}@keyframes enter{0%{opacity:.3;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.back{color:var(--primary);letter-spacing:.06em;background:0 0;align-items:center;margin-bottom:13px;padding:0;font-size:9px;font-weight:900;transition:color .18s;display:inline-flex}.back:hover{color:var(--hoperia-accent)}.title{text-transform:uppercase;letter-spacing:-.025em;margin:0 0 9px;font-size:28px;font-weight:900;line-height:1.08}.title.primary,.title.accent{color:var(--primary)}.intro{color:var(--hoperia-text-muted);margin:0 0 24px;font-size:13px;font-weight:650;line-height:1.38}.intro.center{text-align:center}.card{background:var(--surface);border:1px solid var(--hoperia-border);border-radius:var(--hoperia-radius-card);box-shadow:var(--shadow);padding:22px}.lookup{margin:25px 0 20px}.lookup label,.seller-summary label{letter-spacing:.12em;color:var(--primary);margin-bottom:8px;font-size:10px;font-weight:900;display:block}.search-line{background:var(--hoperia-surface-muted);border:1px solid var(--hoperia-border);border-radius:var(--hoperia-radius-control);color:var(--primary);box-shadow:var(--hoperia-shadow-minimal);align-items:center;gap:8px;padding:0 14px;display:flex}.search-line input{color:var(--hoperia-text-strong);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:14px;font-weight:750}.client-card{margin-bottom:23px}.chip,.block-pill,.file-chip,.success-tag{border-radius:var(--hoperia-radius-chip);letter-spacing:.1em;align-items:center;min-height:28px;font-size:9px;font-weight:900;line-height:1;display:inline-flex}.chip,.block-pill{color:#92400e;box-shadow:var(--hoperia-shadow-minimal);background:#fef3c7;border:1px solid #fde68a;padding:7px 11px}.client-card h2{letter-spacing:-.04em;margin:17px 0 18px;font-size:25px;line-height:1}.info-row{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding:13px 0;display:flex}.info-row span{letter-spacing:.13em;color:var(--hoperia-text-muted);font-size:9px;font-weight:900}.info-row strong{color:var(--primary);font-size:13px;font-weight:750;line-height:1.35}.main-button{border-radius:var(--hoperia-radius-card);background:var(--hoperia-primary-dark);color:#fff;letter-spacing:.07em;text-transform:uppercase;width:100%;min-height:69px;box-shadow:var(--hoperia-shadow-raised);justify-content:center;align-items:center;gap:14px;margin-top:20px;font-size:14px;font-weight:900;transition:background-color .18s,transform .18s,box-shadow .18s;display:flex}.main-button:hover{background:#1e293b;box-shadow:0 10px 22px #0f172a2e}.main-button:active{transform:scale(.98)}.module-list{flex-direction:column;gap:15px;margin-top:26px;display:flex}.module-card{border-radius:var(--hoperia-radius-card);background:var(--hoperia-surface);width:100%;box-shadow:var(--shadow);border:1px solid var(--hoperia-border);text-align:left;align-items:center;gap:14px;padding:20px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.module-card:hover{border-color:color-mix(in srgb, var(--hoperia-primary) 22%, var(--hoperia-border));transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.module-icon{border-radius:var(--hoperia-radius-icon);width:49px;height:49px;color:var(--hoperia-primary-dark);border:1px solid var(--hoperia-border);box-shadow:var(--hoperia-shadow-minimal);background:#f8fafc;flex:none;place-items:center;display:grid}.module-copy{flex:1}.module-copy h3{color:var(--primary);letter-spacing:-.03em;margin:0 0 5px;font-size:16px}.module-copy p{color:var(--hoperia-text-muted);margin:0;font-size:11.5px;font-weight:600;line-height:1.4}.module-arrow{color:var(--hoperia-accent)}.form-screen .intro{margin-bottom:22px}.seller-summary{margin-bottom:21px;padding:18px 20px}.seller-summary strong{margin-bottom:6px;font-size:16px;display:block}.seller-summary span{color:var(--hoperia-text-muted);font-size:11px;font-weight:650;line-height:1.35}.blocks{flex-direction:column;gap:15px;display:flex}.capture-card{border-radius:var(--hoperia-radius-card);padding:25px 22px}.field-label{color:var(--hoperia-text-muted);letter-spacing:.13em;margin-top:19px;margin-bottom:5px;font-size:8.5px;font-weight:900;display:block}.title-input{width:100%;color:var(--primary);background:0 0;border:none;outline:none;padding:4px 0 8px;font-size:20px;font-weight:850;line-height:1.3;display:block}.tiny-rule{background:var(--line);width:50px;height:1px}.description-label{margin-top:17px}.capture-card textarea{resize:vertical;width:100%;min-height:118px;color:var(--hoperia-text-strong);background:0 0;border:0;outline:none;padding:4px 0;font-size:13.5px;font-weight:600;line-height:1.5;overflow:hidden}.two-fields{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.small-field{background:var(--hoperia-surface-muted);border:1px solid var(--hoperia-border);border-radius:var(--hoperia-radius-control);box-shadow:var(--hoperia-shadow-minimal);padding:10px}.small-field span{color:var(--hoperia-text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.small-field input{width:100%;color:var(--primary);background:0 0;border:none;outline:none;font-size:11px;font-weight:750}.attachment-zone{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.file-chips{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.file-chip{color:var(--primary);background:var(--hoperia-surface-muted);border:1px solid var(--hoperia-border);box-shadow:var(--hoperia-shadow-minimal);gap:5px;padding:6px 9px}.upload-button{color:var(--hoperia-accent);letter-spacing:.09em;cursor:pointer;border-radius:var(--hoperia-radius-control);align-items:center;gap:8px;font-size:9.5px;font-weight:900;transition:color .18s;display:inline-flex}.upload-button:hover{color:var(--hoperia-warning)}.upload-button input{display:none}.add-button{border-radius:var(--hoperia-radius-control);border:1.5px dashed color-mix(in srgb, var(--hoperia-primary) 28%, transparent);width:100%;height:46px;color:var(--hoperia-primary-dark);text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--hoperia-shadow-minimal);background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:10px;font-weight:900;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex}.add-button:hover{background:var(--hoperia-surface-muted);border-color:var(--hoperia-primary)}.success{text-align:center;padding-top:58px}.check-circle{background:color-mix(in srgb, var(--hoperia-success) 12%, white);width:80px;height:80px;color:var(--hoperia-success);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.success-tag{color:color-mix(in srgb, var(--hoperia-success) 42%, var(--hoperia-primary-dark));background:color-mix(in srgb, var(--hoperia-success) 10%, white);border:1px solid color-mix(in srgb, var(--hoperia-success) 24%, var(--hoperia-border));box-shadow:var(--hoperia-shadow-minimal);margin-bottom:18px;padding:7px 11px}.success .title{margin-bottom:16px}.intelligence-note{text-align:left;margin:30px 0 13px}.intelligence-note span{color:var(--hoperia-ai);letter-spacing:.12em;font-size:9px;font-weight:900}.intelligence-note p{color:var(--primary);margin:12px 0 0;font-size:13px;font-weight:650;line-height:1.55}.secondary-button{border-radius:var(--hoperia-radius-inner);border:1px solid color-mix(in srgb, var(--hoperia-primary) 18%, transparent);width:100%;height:58px;color:var(--primary);letter-spacing:.08em;box-shadow:var(--hoperia-shadow-minimal);background:0 0;margin-top:15px;font-size:11px;font-weight:900;transition:background-color .18s,border-color .18s,box-shadow .18s}.secondary-button:hover{background:var(--hoperia-surface-muted);border-color:var(--hoperia-primary)}@media (width<=430px){.stage{padding:0}.phone{border-radius:0;width:100%;height:100vh}}
