:root{--ink:#122a4f;--muted:#71819a;--teal:#0878ee;--mint:#a1f5ff;--paper:#f1f6ff;--white:#fff;--pale:#e8f1ff;--shadow:0 18px 54px #17478012;--dark:#102c59;--head:#092552;--soft:#eaf2ff;--edge:#d9e4f2;--tone:#e7f0fc}
body[data-theme="water"]{--ink:#103d43;--muted:#668589;--teal:#008f8c;--mint:#69e5d2;--paper:#eff8f7;--pale:#e2f4f1;--shadow:0 18px 54px #0e655012;--dark:#073c46;--head:#062e37;--soft:#e3f5f2;--edge:#d3e9e5;--tone:#e3f4f1}
.topbar{background:var(--head)}
.brand-mark,.footer-mark{color:var(--head)}
.date-pill{border-color:var(--edge);background:var(--soft);color:var(--muted)}
.step{background:var(--tone);color:var(--teal)}
.segmented{background:var(--paper)}
.segmented button.active{color:var(--teal)}
.segmented button span{color:var(--teal)}
select,input{border-color:var(--edge)}
select:focus,input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 14%,transparent)}
.submit{background:var(--teal);box-shadow:0 7px 18px color-mix(in srgb,var(--teal) 20%,transparent)}
.submit:hover{background:color-mix(in srgb,var(--teal) 84%,#082b32)}
.result-panel{background:var(--dark);border-color:color-mix(in srgb,var(--dark) 82%,white)}
.result-symbol{background:color-mix(in srgb,var(--teal) 32%,var(--dark))}
.compare-card.new{border-color:color-mix(in srgb,var(--mint) 34%,transparent);background:color-mix(in srgb,var(--mint) 8%,transparent)}
.compare-card.new b,.delta-value,.result-symbol,.empty-icon{color:var(--mint)}
.support-note{background:color-mix(in srgb,var(--mint) 10%,transparent);color:color-mix(in srgb,var(--mint) 65%,white)}
.company-identity{display:flex;width:max-content;max-width:100%;min-height:100px;align-items:center;justify-content:flex-start;gap:15px;margin:0 auto 22px;padding:8px 14px 8px 20px;border:1px solid var(--edge);border-radius:18px;background:var(--white);box-shadow:0 10px 28px color-mix(in srgb,var(--teal) 8%,transparent);text-align:right;transition:background .24s,border-color .24s,box-shadow .24s}
.company-logo-wrap{width:136px;height:82px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#fff;flex:none;transition:background .24s}
.company-logo-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.company-copy{display:grid;gap:3px;min-width:170px}
.company-copy small{font-size:10px;color:var(--muted)}
.company-copy b{font-size:15px;color:var(--ink)}
.company-copy span{font-size:11px;color:var(--muted)}
body[data-theme="water"] .company-identity{background:#073c46;border-color:#0e5760;box-shadow:0 10px 30px #006e7020}
body[data-theme="water"] .company-logo-wrap{width:112px;height:92px;background:#073c46}
body[data-theme="water"] .company-logo-wrap img{object-fit:contain;mix-blend-mode:screen}
body[data-theme="water"] .company-copy small,body[data-theme="water"] .company-copy span{color:#9ac9c5}
body[data-theme="water"] .company-copy b{color:#f0fffc}
@media(max-width:460px){.company-identity{gap:10px;padding:7px 10px;min-height:86px}.company-logo-wrap{width:112px;height:68px}.company-copy{min-width:0}.company-copy b{font-size:13px}.company-copy span{font-size:10px}body[data-theme="water"] .company-logo-wrap{width:94px;height:76px}}
.support-note{display:grid;gap:8px}
.support-note>div{display:flex;justify-content:space-between;gap:12px}
.support-note .support-total{padding-top:8px;border-top:1px solid color-mix(in srgb,var(--mint) 24%,transparent);font-weight:600}
.support-note .support-surplus{color:var(--mint);font-weight:700}
.result-panel{display:flex;flex-direction:column}
.result-foot{position:relative;inset:auto;margin-top:auto;flex:none}