:root{font-synthesis:none;--color-navy-primary:#0b2550;--navy-primary:var(--color-navy-primary);--navy-deep:#081d40;--navy-elevated:#12305e;--brand-navy:var(--navy-primary);--brand-navy-soft:var(--navy-elevated);--brand-navy-deep:var(--navy-deep);--brand-amber:#e99a16;--brand-amber-hover:#f2a927;--brand-amber-active:#d8890d;--warm-background:#f2efe8;--surface:#fffdf8;--surface-subtle:#f7f4ed;--text-primary:#172027;--text-secondary:#657177;--border:#dedbd3;--success:#32765a;--warning:#a86818;--error:#a84735;--radius-card:22px;--radius-control:12px;--shadow-card:0 30px 80px #061a3a38;--navy:var(--brand-navy);--navy-2:var(--brand-navy-soft);--card:var(--surface);--line:var(--border);--muted:var(--text-secondary);--gold:var(--brand-amber);--gold-light:var(--brand-amber);--ink:var(--text-primary);color:#f4f6fa;background:var(--brand-navy);font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--navy);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f1c96ebf}.app-shell{flex-direction:column;max-width:1440px;min-height:100vh;margin:auto;padding:26px 44px 18px;display:flex}.brand{letter-spacing:.085em;align-items:center;gap:9px;height:42px;font-size:15px;display:flex}.brand strong{color:var(--gold-light);font-weight:800}.brand-mark{color:#101917;background:var(--gold);border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.brand-tag{color:#778b89;letter-spacing:.06em;text-transform:uppercase;border-left:1px solid var(--line);margin-left:8px;padding-left:16px;font-size:10px}.workspace{flex:1;grid-template-columns:minmax(300px,.72fr) minmax(570px,1fr);align-items:center;gap:7vw;padding:35px 4vw 40px;display:grid}.context-panel{max-width:470px}.context-kicker,.eyebrow,.result-status{text-transform:uppercase;color:var(--gold-light);letter-spacing:.14em;font-size:11px;font-weight:700}.context-panel h2{letter-spacing:-.045em;margin:18px 0;font-size:clamp(32px,3.2vw,54px);font-weight:650;line-height:1.08}.context-panel>p{color:#aebcba;max-width:430px;font-size:15px;line-height:1.72}.context-line{background:var(--gold);width:55px;height:2px;margin:32px 0}.trust-row{color:#839694;flex-wrap:wrap;gap:20px;font-size:11px;display:flex}.trust-row span{align-items:center;gap:5px;display:flex}.trust-row svg{width:17px;stroke:var(--gold);stroke-width:1.8px;fill:none}.calculator-panel{justify-self:end;width:100%;max-width:720px}.calculator-card{background:linear-gradient(145deg,#122b34fa,#0a1d24fa);border:1px solid #ebefeb1f;border-radius:22px;min-height:590px;padding:clamp(30px,4vw,54px);position:relative;overflow:hidden;box-shadow:0 28px 80px #061a3a40}.calculator-card:before{content:"";background:linear-gradient(90deg,#0000,#f1c96e80,#0000);height:1px;position:absolute;inset:0 0 auto}.progress{gap:0;margin:0 18px 17px;display:flex}.progress-item{text-transform:uppercase;letter-spacing:.08em;color:#657a78;flex:1;font-size:9px}.progress-item span{background:#20343a;height:2px;margin-bottom:8px;display:block}.progress-item.active{color:#a8b6b3}.progress-item.active span{background:var(--gold)}.step-header{margin-bottom:30px}.step-header h1,.result h1,.combined h1,.transition h1,.success-state h1{letter-spacing:-.04em;text-wrap:balance;margin:10px 0 13px;font-size:clamp(27px,3vw,40px);font-weight:650;line-height:1.14}.step-header>p,.transition>p{color:var(--muted);max-width:570px;margin:0;font-size:14px;line-height:1.55}.step-header .context-note{color:#76510f;background:#fff3d8;border-radius:8px;width:max-content;max-width:100%;margin:8px 0 4px;padding:7px 10px;font-size:11px;line-height:1.4}.question-label{margin:-10px 0 14px;font-size:16px;font-weight:650;line-height:1.3}.back-button{color:#9badaa;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:20px;padding:5px 0;font-size:12px;display:flex}.back-button svg{transform:rotate(180deg)}.choice-stack{gap:11px;display:grid}.usage-options{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-options .choice-card:last-child{grid-column:1/-1}.choice-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:13px;align-items:center;gap:14px;width:100%;min-height:78px;padding:14px 17px;transition:background .18s,border-color .18s,transform .18s;display:flex}.choice-card:hover{background:#ffffff0e;border-color:#f1c96e66;transform:translateY(-1px)}.choice-card.compact{min-height:70px}.choice-icon{width:43px;height:43px;color:var(--gold-light);background:#19323a;border-radius:10px;flex:none;place-items:center;display:grid}.dual-icon{display:flex}.choice-copy{flex:1;gap:5px;display:grid}.choice-copy strong{font-size:15px;font-weight:650}.choice-copy small{color:#8fa29f;font-size:11px;line-height:1.35}.choice-end{color:#718582;place-items:center;display:grid}.upload-link{border:0;border-top:1px solid var(--line);cursor:pointer;text-align:left;color:#dce5e2;background:0 0;align-items:center;gap:13px;width:100%;margin-top:20px;padding:21px 6px 0;display:flex}.upload-link>svg:last-child{color:#708380;margin-left:auto}.upload-link span{gap:4px;display:grid}.upload-link strong{font-size:13px}.upload-link small{color:#829592;font-size:10px}.text-button,.refine-link{color:#d9b765;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:48px;margin:15px auto 0;font-size:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;padding:13px 20px;font-weight:700;transition:filter .18s,transform .18s;display:flex}.primary-button{background:var(--gold);color:#111a18;box-shadow:0 10px 28px #d9a44121}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{border-color:var(--line);color:#d8e1df;background:0 0;margin-top:9px}.manual-panel{border:1px solid var(--line);background:#ffffff06;border-radius:14px;margin-bottom:22px;padding:20px}.manual-panel h3{margin:12px 0 8px;font-size:14px}.manual-panel ul{color:var(--muted);margin:0;padding-left:19px;font-size:12px;line-height:1.85}.numeric-field{border:1px solid var(--line);background:#061a3a1a;border-radius:14px;padding:14px;transition:border-color .18s}.numeric-field.focused{border-color:#f1c96eb3}.numeric-field.invalid{border-color:#d47d69}.numeric-field>label{color:#9eafac;margin-bottom:9px;font-size:11px;display:block}.numeric-row{align-items:stretch;gap:12px;display:flex}.numeric-row input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:3px 6px;font-size:30px;font-weight:650}.unit-switch,.channel-switch{background:var(--brand-navy-soft);border-radius:9px;padding:3px;display:flex}.unit-switch button,.channel-switch button{color:#819593;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:40px;padding:9px 11px;font-size:10px}.unit-switch button.active,.channel-switch button.active{color:#f1c96e;background:#243b40}.numeric-field>small{color:#748987;margin-top:10px;font-size:10px;display:block}.data-form{gap:16px;display:grid}.helper{color:#91a3a0;font-size:11px}.helper summary{cursor:pointer;color:#d9b765}.helper p{line-height:1.55}.warning-box{background:#2a2417;border:1px solid #d9a44159;border-radius:12px;padding:15px;font-size:11px}.warning-box strong{color:#f1c96e}.warning-box p{color:#c9c0a7;line-height:1.5}.warning-box div{flex-wrap:wrap;gap:8px;display:flex}.warning-box button{color:#f1c96e;cursor:pointer;background:0 0;border:1px solid #f1c96e4d;border-radius:7px;padding:8px}.transition{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex}.scan-mark{width:72px;height:72px;color:var(--gold);background:#d9a44114;border-radius:50%;place-items:center;margin-bottom:23px;display:grid}.loading-line{background:#21383e;width:220px;height:2px;margin-top:28px;overflow:hidden}.loading-line span{background:var(--gold);width:45%;height:100%;animation:.55s ease-in-out forwards load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(225%)}}.result h1{max-width:550px;margin-bottom:24px}.result-status{border:1px solid;border-radius:6px;padding:7px 10px;display:inline-flex}.saving{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;padding:22px 0 20px;display:grid}.saving span{color:#92a5a2;text-transform:uppercase;letter-spacing:.09em;grid-column:1/-1;margin-bottom:5px;font-size:11px}.saving strong,.combined-saving strong{letter-spacing:-.06em;color:var(--gold-light);font-size:clamp(35px,5.2vw,58px);line-height:1}.saving small,.combined-saving small{color:#9db0ad;padding-bottom:7px;font-size:11px}.price-scale{margin:25px 0 18px}.scale-track{background:linear-gradient(90deg,#4fa178 0 33%,#d1a947 33% 67%,#ca715e 67%);border-radius:5px;height:6px;position:relative}.scale-dot{background:#fff;border:4px solid #152b32;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.scale-labels{color:#778b89;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.result-facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-facts>div{border:1px solid var(--line);background:#ffffff06;border-radius:9px;gap:5px;padding:13px;display:grid}.result-facts span{color:#7e918e;text-transform:uppercase;font-size:9px}.result-facts strong{font-size:11px}.confidence-note,.privacy-note{color:#829592;font-size:10px;line-height:1.55}.result-actions{margin-top:18px}.unknown-panel,.teaser-result{border:1px solid var(--line);background:#ffffff06;border-radius:12px;margin:15px 0;padding:18px}.unknown-panel strong,.teaser-result strong{font-size:13px}.unknown-panel p,.teaser-result p{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.55}.result-guidance{color:#a6b6b3;max-width:560px;margin:16px 0 -6px;font-size:11px;line-height:1.55}.dev-notice{color:#bfa66e;background:#d0943217;border-radius:7px;margin-top:14px;padding:9px 11px;font-size:9px;line-height:1.45}.lead-form{gap:15px;display:grid}.channel-switch{grid-template-columns:1fr 1fr;display:grid}.channel-switch button{min-height:45px;font-size:12px}.lead-form label{color:#a7b7b4;gap:7px;font-size:11px;display:grid}.lead-form label>span{color:#718581}.lead-form input{background:var(--brand-navy-soft);color:#fff;border:1px solid var(--line);border-radius:9px;outline:0;width:100%;min-height:50px;padding:12px 14px}.lead-form .checkbox{grid-template-columns:auto 1fr;align-items:flex-start;line-height:1.5;display:flex}.checkbox input{width:19px;min-height:19px;accent-color:var(--gold);margin-top:1px}.success-state{text-align:center;place-content:center;min-height:450px;display:grid}.success-state>span{color:#7fc6a0;font-size:44px}.success-state p{color:var(--muted);max-width:420px;font-size:12px;line-height:1.6}.upload-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.file-list{gap:8px;max-height:170px;margin:16px 0;display:grid;overflow:auto}.file-item{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.file-item img{object-fit:cover;border-radius:5px;width:42px;height:42px}.file-item>svg{color:#d9b765;width:30px}.file-item span{flex:1;min-width:0;display:grid}.file-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.file-item small{color:#809491;font-size:9px}.file-item button{cursor:pointer;background:0 0;border:0;font-size:20px}.upload-intro{color:var(--muted);font-size:12px;line-height:1.6}.commodity-summary{gap:9px;margin:22px 0;display:grid}.commodity-summary article{border:1px solid var(--line);background:#ffffff05;border-radius:11px;align-items:center;gap:14px;padding:15px;display:flex}.commodity-summary article>span{color:var(--gold-light)}.commodity-summary article div{gap:3px;display:grid}.commodity-summary small{color:#829592}.commodity-summary strong{font-size:14px}.commodity-summary p{color:#d9b765;margin:1px 0 0;font-size:11px}.combined-saving{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;padding:20px 0;display:grid}.combined-saving span{color:#879a97;grid-column:1/-1;font-size:10px}.combined-saving strong{font-size:42px}footer{color:#546a68;border-top:1px solid #ffffff0f;justify-content:space-between;min-height:32px;padding-top:14px;font-size:9px;display:flex}@media (width<=1050px){.app-shell{padding:20px 24px}.workspace{grid-template-columns:1fr;gap:22px;padding:28px 0}.context-panel{display:none}.calculator-panel{justify-self:center;max-width:680px}.calculator-card{min-height:570px}footer{display:none}}@media (width<=520px){body{background:var(--color-navy-primary)}.app-shell{padding:14px 14px 24px}.brand{height:36px}.brand-tag{display:none}.workspace{padding:13px 0}.calculator-card{min-height:calc(100dvh - 104px);box-shadow:none;border-radius:16px;padding:28px 20px 24px}.progress{margin:0 6px 12px}.progress-item{font-size:7px}.step-header{margin-bottom:24px}.step-header h1,.result h1,.combined h1,.transition h1,.success-state h1{font-size:27px}.choice-card{min-height:72px;padding:12px}.choice-icon{width:40px;height:40px}.choice-copy strong{font-size:14px}.entry-choices{gap:9px}.upload-actions{grid-template-columns:1fr}.numeric-row{flex-direction:column}.numeric-row input{min-height:52px;font-size:34px}.unit-switch button{flex:1}.result-facts,.saving{grid-template-columns:1fr}.saving small{padding:4px 0 0}.saving strong{overflow-wrap:anywhere;font-size:39px}.result-actions{position:relative}.upload-link{padding-top:17px}.back-button{margin-bottom:15px}:is(.calculator-card:has(.data-form),.calculator-card:has(.result)){padding-bottom:max(25px,env(safe-area-inset-bottom))}}@media (width<=350px){.app-shell{padding:9px}.calculator-card{padding:23px 16px}.step-header h1,.result h1{font-size:24px}.choice-icon{display:none}.choice-card{min-height:67px}.saving strong{font-size:34px}.progress-item{letter-spacing:0}.brand{margin-left:5px}}@media (width>=1100px){.result{grid-template-columns:1.05fr .95fr;align-items:start;column-gap:30px;display:grid}.result>.result-status,.result>h1,.result>.saving,.result>.teaser-result,.result>.unknown-panel{grid-column:1}.result>.price-scale,.result>.result-facts,.result>.confidence-note{grid-column:2}.result>.price-scale{grid-row:2/4;margin-top:18px}.result>.result-facts{grid-row:4}.result>.confidence-note{grid-row:5}.result>.result-guidance,.result>.result-actions,.result>.refine-link,.result>.dev-notice{grid-column:1/-1}.result>.result-status{width:max-content}.result>.saving{grid-row:3/6}.result>.result-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;display:grid}.result>.result-actions .secondary-button{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--brand-navy)}.app-shell{padding-top:18px}.brand{min-width:0;max-width:100%;height:34px;font-size:inherit;letter-spacing:normal}.brand-logo{flex:0 158px;width:158px;min-width:0;max-width:100%;height:30px;display:block;position:relative;overflow:hidden}.brand-logo img{mix-blend-mode:lighten;width:168px;max-width:none;height:auto;display:block;position:absolute;top:-28px;left:-5px}.brand-logo-compact{flex-basis:220px;width:220px;max-width:min(220px,100%);height:41px}.brand-logo-compact img{width:235px;top:-40px;left:-7px}.brand-tag{color:#7c879d;letter-spacing:.045em;border-color:#ffffff1a;margin-left:4px;padding-left:13px;font-size:8px}.workspace,.calculator-panel,.calculator-card,.context-panel{min-width:0}.context-kicker{color:#ffb32f}.context-panel h2{color:#f8f9fc}.context-panel>p{color:#aeb8cb}.context-line{background:var(--brand-amber)}.trust-row{color:#8f9aae}.trust-row svg{stroke:var(--brand-amber)}.calculator-card{color:var(--text-primary);background:var(--surface);border-color:#ffffffbd;border-radius:18px;box-shadow:0 14px 40px #061a3a24}.calculator-card:before{background:linear-gradient(90deg,var(--brand-amber),#e99a1626 62%,transparent);height:3px}.calculator-card .eyebrow,.calculator-card .result-status{color:#9b5c08}.result-status{letter-spacing:.09em;border:0;border-radius:0;padding:0}.step-header>p,.transition>p,.upload-intro,.back-button{color:var(--text-secondary)}.choice-card{color:var(--text-primary);border-color:var(--border);border-radius:var(--radius-control);background:#fff}.choice-card:hover{background:#fffdfa;border-color:#e99a1680;box-shadow:0 8px 24px #101c2212}.choice-card.selected{border-color:var(--brand-amber);background:#fff8e9}.choice-icon{color:var(--brand-amber-active);background:#fff3d9}.choice-copy small,.upload-link small{color:var(--text-secondary)}.choice-end{color:#9ba4a6}.selected .choice-end{color:var(--brand-amber-active)}.upload-link{color:var(--text-primary);border-color:var(--border)}.upload-link>svg:first-child{color:var(--brand-amber-active)}.upload-link>svg:last-child{color:#899396}.text-button,.refine-link{color:#925608}.primary-button{color:#20170a;background:var(--brand-amber);box-shadow:0 10px 26px #b4680529}.primary-button:hover{background:var(--brand-amber-hover)}.primary-button:active{background:var(--brand-amber-active)}.secondary-button{color:var(--text-primary);border-color:var(--border);background:#fff}.manual-panel,.commodity-summary article{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border)}.result-facts{border-top:1px solid var(--border);gap:24px;padding:16px 0 4px}.result-facts>div{color:var(--text-primary);background:0 0;border:0;border-radius:0;padding:0}.unknown-panel{color:var(--text-primary);border:0;border-left:2px solid var(--brand-amber);background:0 0;border-radius:0;margin:18px 0;padding:0 0 0 14px}.teaser-result{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--border)}.manual-panel ul,.numeric-field>label,.choice-copy small,.confidence-note,.privacy-note,.result-guidance,.unknown-panel p,.teaser-result p{color:var(--text-secondary)}.manual-icon{color:var(--brand-amber-active)}.numeric-field{border-color:var(--border);background:#fff}.numeric-field.focused{border-color:var(--brand-amber);box-shadow:0 0 0 3px #e99a161f}.numeric-row input{color:var(--text-primary)}.numeric-row input::placeholder{color:#a8afb0}.unit-switch,.channel-switch{background:#eeeae2}.unit-switch button,.channel-switch button{color:#6f797b}.unit-switch button.active,.channel-switch button.active{color:#774605;background:#fff;box-shadow:0 1px 5px #181f221a}.numeric-field>small{color:#7b8587}.numeric-field .field-error{color:var(--error)}.helper{color:var(--text-secondary)}.helper summary{color:#925608}.warning-box{background:#fff7e7;border-color:#e7c27b}.warning-box strong,.warning-box button{color:#84500b}.warning-box p{color:#765f3b}.scan-mark{color:var(--brand-amber-active);background:#fff2d7}.loading-line{background:#ebe6dc}.result-good .result-status{color:var(--success)}.result-average .result-status{color:var(--warning)}.result-expensive .result-status{color:var(--error)}.result-insufficient_data .result-status{color:#667276}.saving{border-color:var(--border)}.saving span,.saving small,.result-facts span{color:var(--text-secondary)}.saving strong,.combined-saving strong{color:#b66c08}.scale-dot{border-color:var(--text-primary);background:#fff}.scale-labels{color:#6f797b}.result-facts strong{color:var(--text-primary)}.dev-notice{color:#765612;background:#fff4d8}.lead-form label{color:var(--text-secondary)}.lead-form input{color:var(--text-primary);border-color:var(--border);background:#fff}.lead-form input:focus{border-color:var(--brand-amber)}.checkbox input{accent-color:var(--brand-amber-active)}.file-item{color:var(--text-primary);border-color:var(--border);background:#fff}.file-item small{color:var(--text-secondary)}.file-item>svg{color:var(--brand-amber-active)}.commodity-summary p{color:#925608}.combined-saving{border-color:var(--border)}@media (width<=520px){body{background:var(--brand-navy)}.app-shell{padding-top:10px}.brand{height:28px}.brand-logo-compact{flex-basis:130px;width:130px;height:24px}.brand-logo-compact img{width:138px;top:-23px;left:-4px}.calculator-card{border-radius:18px;min-height:calc(100dvh - 104px)}.usage-options{grid-template-columns:1fr}.usage-options .choice-card:last-child{grid-column:auto}}.progress{margin-bottom:12px}.progress-item{color:#71829f;letter-spacing:.055em}.progress-item span{background:#8499b847;height:1px}.progress-item.completed{color:#9a8970}.progress-item.completed span{background:#e99a166b}.progress-item.current{color:#a7afbd}.progress-item.current span{background:#e99a16c2}
