:root{--ink:#171717;--muted:#666;--line:#e4e4e4;--soft:#f6f6f4;--card:#fff;--accent:#111;--accent2:#f2f2ef;--ok:#0b6b3a;--danger:#9a2c2c}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f4f4f2;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}.app{max-width:980px;margin:0 auto;padding:14px 16px 48px}.brand{height:80px;background:#101010;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.brand img{width:70px;height:70px;object-fit:contain}.progress{height:5px;background:#e7e7e4;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:20%;background:#111;transition:width .25s}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0 16px}.step{font-size:12px;text-align:center;color:#999;padding:8px 3px;border-bottom:2px solid #ddd}.step b{display:block;font-size:10px;letter-spacing:.08em}.step.active{color:#111;border-color:#111;font-weight:700}.step.done{color:#444;border-color:#999}.estimate{background:#111;color:#fff;border-radius:16px;padding:16px;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800}.muted{font-size:12px;color:#bdbdbd;margin-top:3px}.estimate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.estimate-grid div{border-left:1px solid #383838;padding-left:12px}.estimate-grid span{display:block;font-size:11px;color:#aaa}.estimate-grid strong{display:block;font-size:18px;margin-top:3px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.035)}.kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#777}.title{font-size:30px;line-height:1.12;margin:7px 0 8px}.subtitle{color:#626262;line-height:1.55;margin:0 0 22px;max-width:760px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field input,.field select{width:100%;min-height:48px;border:1px solid #d7d7d4;border-radius:11px;padding:11px 13px;background:#fff;color:#111;font-size:16px;outline:none}.field input:focus,.field select:focus{border-color:#111;box-shadow:0 0 0 3px #11111112}.help{font-size:11px;color:#777}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.choice{border:1px solid #ddd;border-radius:13px;padding:15px;background:#fff;cursor:pointer;text-align:left}.choice:hover{border-color:#999}.choice.selected{border:2px solid #111;padding:14px;background:#f7f7f5}.choice strong{display:block}.choice span{display:block;font-size:12px;color:#6a6a6a;margin-top:4px;line-height:1.4}.load-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.load{display:flex;gap:10px;align-items:center;border:1px solid #ddd;border-radius:12px;padding:12px}.load input{width:18px;height:18px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.metric .label{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.08em}.metric .value{font-size:25px;font-weight:800;margin-top:7px}.metric .small{font-size:11px;color:#777;margin-top:4px}.result-section{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.product{border:1px solid #ddd;border-radius:13px;padding:14px;margin-top:10px}.product strong{font-size:15px}.product p{margin:5px 0 0;color:#666;font-size:12px;line-height:1.5}.callout{background:#f6f6f3;border-radius:14px;padding:14px;font-size:12px;line-height:1.55;color:#555}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.btn{min-height:48px;border:1px solid #111;border-radius:11px;padding:0 20px;background:#111;color:#fff;font-weight:800;font-size:14px;cursor:pointer}.btn.secondary{background:#fff;color:#111;border-color:#d7d7d4}.btn:disabled{opacity:.45;cursor:not-allowed}.assessment iframe{width:100%;height:1050px;border:0;border-radius:12px;background:#fff}.saving{font-size:12px;color:#777;margin-top:8px}.success{color:var(--ok)}.error{color:var(--danger)}.portal-link{text-align:center;margin-top:12px;font-size:11px;color:#777}.portal-link a{color:#111}.hidden{display:none!important}
@media(max-width:720px){.app{padding:8px 10px 32px}.brand{height:68px;border-radius:13px}.brand img{width:58px;height:58px}.steps{gap:2px}.step{font-size:10px}.estimate-grid{grid-template-columns:repeat(2,1fr);gap:12px}.estimate-grid div:nth-child(3){border-left:0}.panel{padding:18px}.title{font-size:25px}.fields,.choice-grid,.results-grid,.load-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.nav{position:sticky;bottom:8px;background:#f4f4f2;padding-top:8px}.btn{flex:1}.assessment iframe{height:1100px}}