@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@400;500&display=swap');
:root{--ink:#0a1a2f;--muted:#5b6877;--line:#dce3ea;--soft:#f2f5f7;--green:#176f50;--gold:#dfb44f;--palegreen:#e1efe8}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff}.site-nav{height:90px;display:flex;align-items:center;gap:42px;padding:0 max(5vw,32px);border-bottom:1px solid var(--line)}.brand{width:130px;height:52px}.brand img{width:100%;height:100%;object-fit:contain;display:block}.site-nav ul{display:flex;gap:24px;padding:0;margin:0;list-style:none}.site-nav a{text-decoration:none;color:var(--muted);font-size:.82rem}.site-nav a.active{color:var(--ink);font-weight:800}.site-nav .coming{opacity:.44;pointer-events:none}main{max-width:1280px;margin:auto;padding:58px 28px 70px}.calculator-header{margin:0 0 38px}.eyebrow{margin:0 0 9px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.13em}.calculator-header h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(2.8rem,5.5vw,5rem);line-height:1;letter-spacing:-.065em;font-weight:500}.lead{max-width:720px;margin:13px 0 0;color:var(--muted);line-height:1.55}.app-grid{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(520px,1.14fr);gap:20px;align-items:start}.card{border:1px solid var(--line);background:#fff}.panel{padding:26px}.section-heading{display:flex;gap:9px;align-items:center;margin:0 0 23px}.section-heading p{margin:0;color:var(--green);font-size:.74rem;font-weight:800}.section-heading h2{margin:0;font-size:1.1rem}.input-group{border:0;border-top:1px solid var(--line);margin:0;padding:20px 0}.input-group:first-of-type{border-top:0;padding-top:0}.input-group:last-child{padding-bottom:0}.input-group legend{padding:0;margin:0 0 14px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.field-row{display:grid;gap:10px}.flow-row{grid-template-columns:1fr 1fr 1fr}.field-row.two{grid-template-columns:1fr 1fr}.field-row.three{grid-template-columns:1.2fr .9fr .9fr}label{min-width:0}label>span{display:block;font-size:.76rem;font-weight:700;color:#415166;margin-bottom:6px}input,select{width:100%;min-width:0;height:39px;border:1px solid #cbd5df;background:#fff;color:var(--ink);padding:0 10px;font:600 .86rem Manrope,sans-serif;border-radius:0}input:focus,select:focus{outline:2px solid #9dc3b0;outline-offset:1px}.unit-input{display:flex}.unit-input input,.unit-input select:first-child{flex:1}.unit-input select,.unit-input span{height:39px;flex:0 0 auto;min-width:62px;border:1px solid #cbd5df;border-left:0;background:#f6f8fa;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:.79rem;font-weight:700;color:#405066}.helper{margin:8px 0 0;font-size:.72rem;line-height:1.45;color:var(--muted)}.criterion-grid{display:grid;gap:9px}.criterion{display:grid;grid-template-columns:18px minmax(100px,1fr) minmax(150px,.85fr);align-items:center;gap:8px;padding:10px;border:1px solid var(--line);cursor:pointer}.criterion>span{margin:0}.criterion input{position:absolute;opacity:0;pointer-events:none}.radio-dot{width:15px;height:15px;border:1px solid #8492a0;border-radius:50%;position:relative}.criterion input:checked+.radio-dot{border:5px solid var(--green)}.criterion:has(input:checked){background:var(--palegreen);border-color:#96b8a8}.criterion .unit-input{min-width:0}.criterion .unit-input input{height:34px}.criterion .unit-input span,.criterion .unit-input select{height:34px}.result-summary{padding:20px;background:var(--green);color:white}.result-summary>p:first-child{margin:0 0 8px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.summary-dimension{font:500 clamp(2.5rem,5vw,4.3rem)/1 Sora,sans-serif;letter-spacing:-.06em}.result-chips{display:flex;gap:8px;margin:19px 0}.result-chip{border:1px solid rgba(255,255,255,.35);padding:7px 10px;font-size:.86rem;font-weight:800}.pipe-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding-top:15px;border-top:1px solid rgba(255,255,255,.25)}.pipe-details div{min-width:0}.pipe-details dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.7)}.pipe-details dd{margin:4px 0 0;font-size:.84rem;font-weight:800}.result-context{margin:17px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.25);font-size:.72rem;line-height:1.45;color:rgba(255,255,255,.88)}.warnings:empty{display:none}.warnings{margin-top:12px}.warning{margin:6px 0;padding:9px 11px;border-left:3px solid #b58019;background:#fff7df;font-size:.75rem;line-height:1.4}.result-tabs{display:flex;gap:8px;margin-top:22px;border-bottom:1px solid var(--line)}.result-tab,.chart-mode{border:1px solid var(--line);border-bottom:0;background:#fff;padding:9px 14px;font:700 .78rem Manrope,sans-serif;color:var(--ink);cursor:pointer}.result-tab.active,.chart-mode.active{background:#e8f1ec;border-color:#97b9a8}.chart-controls{display:flex;gap:8px;margin:15px 0}.chart-mode{border-bottom:1px solid var(--line);min-width:100px}.bar-chart{min-height:300px;border:1px solid var(--line);padding:20px 14px 20px 52px;position:relative}.chart-empty{margin:0;color:var(--muted);font-size:.8rem}.chart-axis{position:absolute;left:11px;top:22px;bottom:49px;display:flex;flex-direction:column;justify-content:space-between;font-size:.72rem;color:var(--muted)}.chart-axis-title{position:absolute;left:7px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.73rem;color:var(--muted)}.chart-bars{height:255px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #bfcbd5;background:linear-gradient(to top,transparent 49.7%,#eef1f3 50%,transparent 50.3%);position:relative}.chart-bar{height:100%;min-width:58px;flex:1;position:relative;border:0;background:none;padding:0;cursor:default}.bar-fill{position:absolute;bottom:0;left:15%;width:70%;background:var(--gold);transition:filter .15s}.chart-bar.is-recommended .bar-fill{background:var(--green)}.chart-bar:hover .bar-fill{filter:brightness(.82)}.bar-value{position:absolute;left:0;right:0;text-align:center;font-size:.76rem;font-weight:800;transform:translateY(-7px)}.bar-label{position:absolute;top:calc(100% + 10px);left:50%;width:100%;transform:translateX(-50%);font-size:.72rem;font-weight:800;text-align:center;white-space:nowrap}.table-wrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:.78rem}th,td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}tr.recommended{background:#e8f1ec;font-weight:800}.disclaimer{margin:20px 0 0;font-size:.7rem;color:var(--muted);line-height:1.5}footer{padding:22px 28px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted);text-align:center}@media(max-width:950px){.app-grid{grid-template-columns:1fr}.site-nav{gap:22px}.site-nav ul{gap:13px}}@media(max-width:620px){.site-nav{height:70px;padding:0 17px}.brand{width:104px}.site-nav ul{overflow:auto}.site-nav li:not(:nth-child(-n+3)){display:none}main{padding:38px 16px 50px}.panel{padding:18px}.flow-row,.field-row.two,.field-row.three{grid-template-columns:1fr}.criterion{grid-template-columns:18px 1fr}.criterion .unit-input{grid-column:2}.bar-chart{padding-left:42px}.chart-bars{gap:3px}.bar-label{font-size:.61rem;transform:translateX(-50%) rotate(-35deg);transform-origin:top center;text-align:left}.pipe-details{grid-template-columns:1fr 1fr 1fr}}