:root{--ink:#102a2e;--green:#0d5f50;--mint:#dff4e9;--cream:#f4f1e8;--paper:#fffdf8;--orange:#ff6b35;--line:#d9ddd5;--muted:#667474;--shadow:0 20px 60px rgba(18,42,46,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(16,42,46,.12)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font:800 19px Manrope,sans-serif;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);color:white;border-radius:10px;font-size:13px;letter-spacing:-1px}.status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.status i{width:8px;height:8px;border-radius:50%;background:#31a970;box-shadow:0 0 0 4px rgba(49,169,112,.13)}main{max-width:1280px;margin:auto;padding:0 max(4vw,20px) 70px}.hero{min-height:310px;padding:60px 2%;display:flex;justify-content:space-between;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--orange);margin:0 0 15px}.hero h1{font:800 clamp(40px,5vw,68px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;margin:0;max-width:760px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy{max-width:620px;font-size:17px;line-height:1.6;color:var(--muted);margin:22px 0 0}.route-graphic{display:flex;align-items:center;margin-left:40px}.route-graphic span{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--orange);border-radius:50%;font:700 12px Manrope}.route-graphic span:nth-of-type(2){background:var(--green);border-color:var(--orange);color:#fff;transform:translateY(-22px)}.route-graphic b{display:block;width:45px;border-top:1px dashed var(--orange);transform:rotate(-12deg)}.workspace{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:22px;align-items:start}.card{background:var(--paper);border:1px solid rgba(16,42,46,.1);border-radius:20px;box-shadow:var(--shadow)}.form-card{padding:32px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card-heading>div{display:flex;align-items:center;gap:12px}.card-heading h2{font:700 23px Manrope;margin:0}.step{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--mint);color:var(--orange);font-size:11px;font-weight:800}.text-button,.raw-toggle{background:none;border:0;color:var(--orange);font:700 13px "DM Sans";cursor:pointer;padding:8px}.text-button:hover,.raw-toggle:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label>span{font-size:12px;font-weight:700;color:#435759}.form-grid .wide{grid-column:1/-1}input,select{width:100%;height:48px;border:1px solid #ced5d0;background:#fff;border-radius:9px;padding:0 13px;color:var(--ink);font:500 14px "DM Sans";outline:0;transition:.2s}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(13,95,80,.1)}.input-unit{position:relative}.input-unit input{padding-right:70px}.input-unit small{position:absolute;right:13px;top:16px;color:var(--muted)}.primary-button{width:100%;height:54px;margin-top:28px;border:0;border-radius:10px;background:var(--orange);color:#fff;padding:0 19px;display:flex;align-items:center;justify-content:space-between;font:700 15px "DM Sans";cursor:pointer;transition:.2s}.primary-button:hover{background:#084c40;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.form-note{font-size:11px;line-height:1.5;color:#7b8583;margin:15px 4px 0}.result-card{min-height:600px;padding:32px;position:sticky;top:20px}.empty-state,.loading-state,.error-state{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-state h2,.loading-state h2,.error-state h2{font:700 22px Manrope;margin:20px 0 8px}.empty-state p,.loading-state p,.error-state p{max-width:340px;color:var(--muted);line-height:1.55;font-size:14px}.scan-icon{width:68px;height:68px;border:2px solid var(--orange);border-radius:17px;position:relative;background:var(--cream)}.scan-icon:before,.scan-icon:after{content:"";position:absolute;background:var(--orange);left:17px;right:17px;height:2px}.scan-icon:before{top:24px}.scan-icon:after{top:39px}.empty-lines{width:70%;margin-top:28px}.empty-lines i{height:7px;border-radius:5px;background:#e9ebe5;display:block;margin:9px}.empty-lines i:nth-child(2){margin-right:25%}.empty-lines i:nth-child(3){margin-right:42%}.loader{width:50px;height:50px;border:4px solid var(--mint);border-top-color:var(--orange);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-topline{display:flex;align-items:center;justify-content:space-between}.confidence{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;background:var(--mint);color:var(--orange);border-radius:20px;padding:7px 10px}.result-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;margin:25px 0 5px}.code-row{display:flex;align-items:center;justify-content:space-between}.code-row h2{font:800 clamp(30px,4vw,46px) Manrope;margin:0;letter-spacing:-.04em}.icon-button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px;color:var(--orange);cursor:pointer}.hs-description{font-size:14px;line-height:1.55;color:var(--muted);min-height:44px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.summary-grid>div{padding:18px}.summary-grid .total{background:var(--orange);color:#fff}.summary-grid span{display:block;font-size:11px;margin-bottom:6px;opacity:.72}.summary-grid strong{font:700 21px Manrope}.tax-section h3{font:700 15px Manrope}.tax-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:13px 0;border-bottom:1px solid #e8e9e4}.tax-row:last-child{border-bottom:0}.tax-row strong{font-size:14px}.tax-row .amount{grid-row:1/3;grid-column:2;text-align:right}.tax-row small{color:var(--muted)}details{border-top:1px solid var(--line);margin-top:16px;padding-top:18px;font-size:13px}summary{font-weight:700;cursor:pointer}details ul{color:var(--muted);line-height:1.5;padding-left:18px}details p{color:var(--muted);line-height:1.5}.raw-toggle{display:block;margin:12px auto 0}pre{max-height:310px;overflow:auto;background:#102a2e;color:#dff4e9;padding:17px;border-radius:10px;font-size:11px;white-space:pre-wrap}.error-state>span{display:grid;place-items:center;width:50px;height:50px;background:#ffe4da;color:#aa3511;border-radius:50%;font-weight:800}footer{border-top:1px solid rgba(16,42,46,.12);padding:24px max(5vw,24px);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer span:first-child{font-weight:800;color:var(--ink)}[hidden]{display:none!important}@media(max-width:900px){.route-graphic{display:none}.hero{min-height:auto;padding:46px 1%}.workspace{grid-template-columns:1fr}.result-card{position:static;min-height:520px}.empty-state,.loading-state,.error-state{min-height:450px}}@media(max-width:560px){.topbar{height:66px}.status{display:none}.hero h1{font-size:39px}.hero-copy{font-size:15px}.form-card,.result-card{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.summary-grid{grid-template-columns:1fr}footer{gap:18px;flex-direction:column}}