.ci-teaser{background:#173e33;color:white;border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-bottom:26px}.ci-teaser .cd-eyebrow{color:#d4e9a9}.ci-teaser h2{font-size:42px;letter-spacing:-1.5px;color:white;margin:14px 0}.ci-teaser h2 small{font-size:14px;font-weight:400;letter-spacing:0}.ci-teaser p{color:#dce8df;font-size:14px;line-height:1.7;margin-bottom:24px}.ci-teaser-bars{display:grid;gap:20px;align-content:center}.ci-teaser-bars span{display:flex;justify-content:space-between;font-size:12px;gap:15px}.ci-teaser-bars i{display:block;height:7px;border-radius:4px;margin-top:10px;min-width:3px}.ci-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ci-control{display:block;min-width:0}.ci-control>span{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:650;margin-bottom:14px}.ci-control output{color:#216e55;white-space:nowrap}.ci-control input{width:100%;accent-color:#216e55;min-height:32px;cursor:pointer}.ci-metrics{grid-template-columns:repeat(3,1fr)}.ci-cost-row{margin:20px 0}.ci-cost-row>span{display:flex;justify-content:space-between;font-size:12px;gap:15px}.ci-cost-row>div{height:10px;background:#f0f3ed;border-radius:4px;margin-top:8px;overflow:hidden}.ci-cost-row i{display:block;height:100%;border-radius:4px}.ci-cost-row small{font-size:10px;color:#65746c}.ci-drivers>div{display:grid;grid-template-columns:1fr auto;gap:7px 15px;border-bottom:1px solid #edf0e8;padding:16px 0;font-size:12px}.ci-drivers i{display:block;height:5px;background:#c29a55;grid-row:2;max-width:100%;border-radius:3px}.ci-drivers strong{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap;color:#885c19}.ci-unit{display:block;font-size:10px;font-weight:400;color:#65746c;margin-top:5px}.ci-scenario{display:grid;grid-template-columns:1fr 1fr;gap:45px}.ci-scenario h3{font-size:24px;margin:20px 0}.ci-scenario p{font-size:13px;line-height:1.8}.ci-scenario .ci-control{margin-bottom:20px}@media(max-width:900px){.ci-controls{grid-template-columns:1fr}.ci-teaser{gap:24px;padding:25px}.ci-teaser h2{font-size:34px}}@media(max-width:640px){.ci-teaser,.ci-scenario{grid-template-columns:1fr}.ci-metrics{grid-template-columns:1fr!important}.ci-teaser-bars{gap:16px}.ci-teaser h2{font-size:35px}.ci-scenario{gap:20px}}