/* Release 0.4 — Kabelberekening & duurzaamheid */
.release04-hero{padding:92px 0 74px;background:radial-gradient(circle at 82% 12%,rgba(244,191,0,.2),transparent 30%),linear-gradient(135deg,#07182d,#0d3658);color:#fff}
.release04-hero h1{max-width:900px;font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-2px}
.release04-hero p{max-width:780px;margin-top:20px;color:#d8e3ed;font-size:19px}
.release04-kicker{display:block;margin-bottom:13px;color:#f4bf00;font-size:12px;font-weight:900;letter-spacing:1.5px}
.release04-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.release04-pills span{padding:8px 12px;border:1px solid rgba(255,255,255,.23);border-radius:999px;font-size:13px;font-weight:750}
.sustain-section{padding:80px 0}
.sustain-section.alt{background:#f4f7fa}
.sustain-heading{max-width:760px;margin-bottom:34px}
.sustain-heading h2{font-size:clamp(31px,4vw,49px);line-height:1.08}
.sustain-heading p{margin-top:12px;color:#627081;font-size:18px}
.sustain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sustain-card{padding:27px;border:1px solid #e1e8ee;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(7,24,45,.065)}
.sustain-card .icon{font-size:30px}
.sustain-card h3{margin:17px 0 8px;font-size:23px}
.sustain-card p{color:#647184}
.sustain-card ul{margin:15px 0 0;padding-left:18px;color:#536171}
.sustain-card li{margin:7px 0}
.sustain-band{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding:38px;border-radius:20px;background:#07182d;color:#fff}
.sustain-band p{color:#c8d4df}
.sustain-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sustain-metrics div{padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:12px}
.sustain-metrics strong,.sustain-metrics span{display:block}
.sustain-metrics strong{font-size:25px;color:#f4bf00}
.sustain-metrics span{font-size:12px;color:#c7d2dd}
.sustain-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.sustain-step{padding:23px;border-radius:14px;background:#fff;border:1px solid #e2e8ee}
.sustain-step:before{counter-increment:step;content:counter(step);display:flex;width:31px;height:31px;align-items:center;justify-content:center;margin-bottom:17px;border-radius:50%;background:#f4bf00;color:#07182d;font-weight:900}
.sustain-step h3{font-size:19px}
.sustain-step p{margin-top:7px;color:#647184;font-size:14px}
.sustain-cta{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:34px;border-radius:18px;background:#fff3b8;border-left:5px solid #f4bf00}
.sustain-cta h2{font-size:30px}
.sustain-cta p{margin-top:6px;color:#596675}

/* Advanced calculator */
.cable-form{padding:0;overflow:hidden}
.cable-form>.calculator-card-head{padding:29px 30px 23px;margin:0;border-bottom:1px solid #e5ebf0}
.calc-step{padding:27px 30px;border-bottom:1px solid #e5ebf0}
.calc-step-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}
.calc-step-number{display:flex;flex:0 0 33px;height:33px;align-items:center;justify-content:center;border-radius:50%;background:#07182d;color:#fff;font-weight:900}
.calc-step-head h3{margin:0 0 4px;font-size:21px}
.calc-step-head p{margin:0;color:#657283}
.cable-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.cable-grid .wide{grid-column:1/-1}
.cable-form label{display:block}
.cable-form .field-label{display:block;color:#07182d;font-weight:850}
.cable-form .field-help{display:block;margin:5px 0 8px;color:#6d7987;font-size:12.5px;line-height:1.4}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.segmented label{cursor:pointer}
.segmented input{position:absolute;opacity:0}
.segmented span{display:block;padding:15px;border:2px solid #dfe6ec;border-radius:11px}
.segmented strong,.segmented small{display:block}
.segmented small{margin-top:4px;color:#657283}
.segmented input:checked+span{border-color:#f4bf00;background:#fff8d7}
.input-unit{display:grid;grid-template-columns:minmax(0,1fr) auto}
.input-unit input{border-radius:8px 0 0 8px!important}
.input-unit span{display:flex;align-items:center;min-width:55px;justify-content:center;border:1px solid #ccd5de;border-left:0;border-radius:0 8px 8px 0;background:#f2f5f7;font-weight:850}
.cable-actions{padding:23px 30px!important;margin:0!important}
.cable-results .result-highlight strong{font-size:39px}
.result-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:#dff6e9;color:#075f3d;font-size:12px;font-weight:900}
.result-status.warning{background:#fff0c7;color:#7b5700}
.result-status.error{background:#ffe2df;color:#8c231a}
.cable-result-list{display:grid;gap:10px;margin-top:18px}
.cable-result-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:10px}
.cable-result-row span{color:#bdcad5;font-size:12px}
.cable-result-row strong{text-align:right}
.assumptions{margin-top:18px}
.assumptions summary{cursor:pointer;font-weight:850;color:#f4bf00}
.assumptions ul{padding-left:20px;color:#bdcad5;font-size:12.5px;line-height:1.55}
.tool-disclaimer{padding:17px;border-radius:10px;background:#fff6cf;border-left:4px solid #f4bf00;color:#4f5963;font-size:13px;line-height:1.55}

/* CO2 calculator */
.co2-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:28px;align-items:start}
.co2-card{padding:30px;border:1px solid #e2e8ee;border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(7,24,45,.08)}
.co2-result{position:sticky;top:105px;background:#07182d;color:#fff}
.co2-result-main{padding:24px;border-radius:13px;background:linear-gradient(135deg,#f4bf00,#ffd743);color:#07182d}
.co2-result-main strong{display:block;margin-top:5px;font-size:43px}
.co2-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}
.co2-result-grid div{padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:10px}
.co2-result-grid span,.co2-result-grid strong{display:block}
.co2-result-grid span{font-size:12px;color:#bcc9d4}
.co2-result-grid strong{margin-top:4px;font-size:19px}

@media(max-width:930px){
  .sustain-grid{grid-template-columns:1fr 1fr}
  .sustain-band,.co2-layout{grid-template-columns:1fr}
  .sustain-steps{grid-template-columns:1fr 1fr}
  .co2-result{position:static}
}
@media(max-width:620px){
  .release04-hero{padding:70px 0 55px}
  .release04-hero h1{letter-spacing:-1px}
  .sustain-grid,.sustain-steps,.cable-grid,.segmented{grid-template-columns:1fr}
  .cable-grid .wide{grid-column:auto}
  .calc-step,.cable-actions,.cable-form>.calculator-card-head{padding-left:20px!important;padding-right:20px!important}
  .sustain-band{padding:25px}
  .sustain-metrics,.co2-result-grid{grid-template-columns:1fr}
  .sustain-cta{display:block}
  .sustain-cta a{margin-top:18px}
}