@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17211f;--muted:#6d7975;--paper:#f5f6f1;--line:#d9dfd7;--lime:#d8f56a;--coral:#ff755f;--blue:#9cd9e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-size:11px;line-height:1.15;text-decoration:none;letter-spacing:.05em}.brand-mark{background:var(--ink);color:var(--lime);font-weight:800;font-size:17px;padding:9px 7px;letter-spacing:-.08em}.status{font:12px 'DM Mono',monospace;color:var(--muted);display:flex;gap:9px;align-items:center}.status-dot{width:8px;height:8px;background:#f4b63f;border-radius:50%}.status-dot.ready{background:#59b978}.intro{max-width:1120px;margin:0 auto;padding:82px 5vw 64px;display:flex;justify-content:space-between;align-items:end;gap:40px}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted);margin:0 0 17px}.intro h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:0;font-weight:800}.intro h1 em{font-style:normal;color:#648779}.lead{max-width:450px;font-size:17px;line-height:1.6;color:var(--muted);margin:27px 0 0}.intro-note{border-left:2px solid var(--coral);padding-left:17px;min-width:205px;font:12px 'DM Mono',monospace}.intro-note span{color:var(--coral);font-size:20px}.intro-note p{margin:6px 0}.intro-note small{color:var(--muted);line-height:1.6}.tabs{max-width:1120px;margin:auto;padding:0 5vw;display:flex;border-bottom:1px solid var(--ink);gap:28px}.tab{background:transparent;border:0;border-bottom:3px solid transparent;padding:15px 0 13px;font:600 13px Manrope;color:var(--muted);cursor:pointer}.tab.active{color:var(--ink);border-bottom-color:var(--coral)}main{min-height:calc(100vh - 76px)}.view{max-width:1120px;margin:auto;padding:52px 5vw 90px;display:none}.view.active{display:block;animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2{font-size:30px;letter-spacing:-.04em;margin:0}.step-count,.state-chip{font:12px 'DM Mono',monospace;color:var(--muted)}.state-chip{color:#678b49;background:var(--lime);padding:8px 10px}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.form-panel{background:var(--paper);padding:27px;display:grid;gap:21px;align-content:start}label{display:grid;gap:8px;font-size:12px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#fbfcf7;padding:13px 12px;color:var(--ink);font:14px Manrope;outline:none}textarea{min-height:128px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--coral)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{grid-column:1/-1;background:var(--ink);padding:21px 27px;display:flex;align-items:center;justify-content:space-between;gap:15px}.feedback{color:var(--lime);font:12px 'DM Mono',monospace}.primary,.secondary{border:0;padding:13px 17px;font:700 12px Manrope;cursor:pointer}.primary{background:var(--lime);color:var(--ink)}.primary span{font-size:17px;margin-left:19px}.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.result-panel{margin-top:18px;border-left:3px solid #66a576;background:#eaf1df;padding:18px;font:12px 'DM Mono',monospace;line-height:1.7}.hidden{display:none}.review-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line);border:1px solid var(--line)}.empty-state{background:var(--paper);padding:50px 27px;color:var(--muted);font-size:14px}.review-layout .form-panel{background:var(--paper)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.metric{background:var(--paper);padding:27px;min-height:135px}.metric span{font:11px 'DM Mono',monospace;color:var(--muted)}.metric strong{display:block;font-size:42px;letter-spacing:-.06em;margin-top:20px}footer{border-top:1px solid var(--line);padding:22px 6vw;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:var(--muted)}@media(max-width:700px){.topbar{padding:0 5vw}.intro{padding-top:54px;display:block}.intro-note{margin-top:35px}.tabs{gap:17px;overflow:auto}.tab{white-space:nowrap}.view{padding-top:38px}.section-heading{align-items:start;gap:18px}.section-heading h2{font-size:25px}.form-layout,.review-layout,.metrics{grid-template-columns:1fr}.form-actions{grid-column:auto;display:block}.feedback{display:block;margin-bottom:16px}footer{display:block;line-height:2}.field-row{gap:8px}}
