@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800&display=swap');
:root{font-family:'Golos Text',system-ui,sans-serif;color:#143339;background:#f2f6f7;font-synthesis:none;--teal:#075561;--muted:#596f74;--border:#d9e4e6;--green:#197154;--orange:#985700;--red:#b83c3c}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2286ba;outline-offset:4px}button{border:1px solid var(--border);background:white;color:inherit;border-radius:8px;padding:10px 12px;font-size:.875rem;font-weight:500}button:hover{background:#edf5f5}button.selected{background:var(--teal);border-color:var(--teal);color:white}.topbar{min-height:80px;padding:16px 3.5%;background:white;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border)}.brand{text-decoration:none;color:var(--teal);font-weight:800;font-size:1.45rem;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--teal);color:#7cf0dc;border-radius:11px;font-size:2rem;line-height:1}.region{color:var(--muted);font-size:.875rem;flex:1}.region span{padding:0 12px;color:#9eb2b6}.demo-tag{font-size:.75rem;background:#edf3f5;border:1px solid var(--border);padding:5px 10px;border-radius:5px;color:#425e65}main{max-width:1550px;margin:auto;padding:32px 3.5% 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 28px}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:600;color:var(--teal)}h1{font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.04em;line-height:1.2;margin:7px 0 10px}h2{font-size:1.05rem;line-height:1.35;margin:0}p{margin:6px 0;color:var(--muted);font-size:.875rem}.season{text-align:right;white-space:nowrap;font-size:.75rem;color:var(--muted)}.season strong{display:block;font-size:1.65rem;color:var(--teal);font-weight:600}small{font-size:.875rem;font-weight:400}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:23px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.step{font-size:.75rem;color:#6b858b;border:1px solid var(--border);border-radius:5px;padding:1px 6px}.field{display:block;margin:22px 0;font-size:.875rem}.field output{float:right;font-weight:700;color:var(--teal)}input[type=range]{display:block;width:100%;accent-color:var(--teal);margin:18px 0 12px;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);gap:6px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-buttons button{flex:1;font-size:.75rem;white-space:nowrap;padding:9px 7px}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.muted{color:var(--muted);font-size:.875rem}.results{min-width:0;display:grid;gap:24px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.metric{border-radius:12px;padding:20px;background:#fff;border:1px solid var(--border);display:grid;gap:10px;min-width:0}.metric>span{font-size:.875rem;color:var(--muted)}.metric>span:last-child{font-size:.75rem}.metric strong{font-size:clamp(1.6rem,2.5vw,2.2rem);letter-spacing:-.04em;line-height:1.25;white-space:nowrap;font-weight:600}.metric:first-child{background:var(--teal);color:white;border-color:var(--teal)}.metric:first-child>span{color:#c6e7e8}.initial-bars{display:grid;gap:30px;padding:25px 0 40px}.initial-bars>div{display:grid;grid-template-columns:95px 1fr 50px;gap:20px;align-items:center;font-size:.875rem}meter{width:100%;height:18px}footer{color:var(--muted);font-size:.75rem;margin-top:24px;padding:15px 0;border-top:1px solid var(--border)}@media(max-width:1100px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:18px}.metric-grid{gap:8px}.metric{padding:15px}.metric strong{font-size:1.55rem}.metric small{display:block}.region{display:none}.demo-tag{margin-left:auto}}@media(max-width:760px){.topbar{padding:14px 5%;gap:15px;flex-wrap:wrap}.brand{font-size:1.2rem}.demo-tag{font-size:.75rem}.workspace{grid-template-columns:1fr}.page-heading{align-items:start}.season{display:none}main{padding:25px 5%}.panel{padding:20px}.metric-grid{gap:8px}.metric{padding:12px}.metric strong{font-size:1.5rem}.metric>span{font-size:.75rem}.page-heading p{max-width:35ch}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}