:root{--navy:#062b63;--yellow:#ffc107;--ink:#14213d;--paper:#f7f8f4;--muted:#667085}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:76px;padding:12px 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:12px;width:48px;height:48px}.brand span{flex-direction:column;display:flex}.brand small{letter-spacing:1.3px;color:var(--muted);margin-top:4px;font-size:9px}nav{gap:25px;font-size:14px;font-weight:700;display:flex}.hero{background:var(--navy);color:#fff;grid-template-columns:1.25fr .75fr;gap:70px;padding:95px 7vw;display:grid}.eyebrow{letter-spacing:2px;color:#167082;font-size:12px;font-weight:900}.yellow{color:var(--yellow)}h1{letter-spacing:-4px;margin:18px 0;font-size:clamp(52px,6vw,84px);line-height:.98}h1 em{color:var(--yellow);font-style:normal}h2{letter-spacing:-2px;font-size:clamp(34px,4vw,56px)}.lead,.bigText{color:#d7e0ec;font-size:19px;line-height:1.7}.actions{gap:12px;margin:32px 0;display:flex}.button,.outline{border-radius:999px;padding:15px 22px;font-weight:900;display:inline-block}.button{background:var(--yellow);color:var(--navy)}.outline{color:#fff;border:1px solid #7185a3}.block{text-align:center;display:block}.trust{color:#bdcadb;gap:20px;font-size:13px;display:flex}.heroCard{color:var(--ink);background:#fff;border-radius:28px;padding:34px}.heroCard small{letter-spacing:2px;color:#7a8799;font-weight:900}.heroCard h2{font-size:30px}.heroCard li{line-height:2}.section{padding:85px 7vw}.section.alt{background:#edf2f1}.bigText{color:var(--muted);max-width:900px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cards article{background:#fff;border-radius:22px;padding:28px}.cards article>b{color:#d3a800;font-size:12px}.cards h3{font-size:22px}.cards p{color:var(--muted)}footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;padding:35px 5vw;display:flex}.calcPage{background:#eef3f2;min-height:100vh}.calcIntro{background:var(--navy);color:#fff;padding:65px 7vw}.calcIntro h1{font-size:clamp(44px,5vw,70px)}.calcIntro>p:last-child{color:#d7e0ec;font-size:18px}.calcLayout{grid-template-columns:1.25fr .75fr;align-items:start;gap:28px;padding:45px 6vw 80px;display:grid}.formPanel{flex-direction:column;gap:20px;display:flex}fieldset{background:#fff;border:0;border-radius:22px;margin:0;padding:26px}legend{padding:0 5px;font-size:20px;font-weight:900}.fieldGrid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px;display:grid}.fieldGrid label{font-size:13px;font-weight:800}.fieldGrid input{border:1px solid #d7dee8;border-radius:11px;width:100%;margin-top:7px;padding:13px;font-size:16px}.mixOk,.mixWarn{border-radius:10px;grid-column:1/-1;margin:0;padding:12px;font-size:13px;font-weight:800}.mixOk{color:#176735;background:#e8f7ee}.mixWarn{color:#775c03;background:#fff3cd}.results{background:var(--navy);color:#fff;border-radius:26px;padding:27px;position:sticky;top:96px}.result{background:#123d71;border-radius:14px;justify-content:space-between;align-items:center;margin-top:12px;padding:17px;display:flex}.result b{font-size:22px}.result.orange{border-left:5px solid #f97316}.result.yellow{border-left:5px solid var(--yellow)}.saving{color:var(--ink);background:#fff;border-radius:18px;margin:25px 0;padding:22px}.saving small,.saving span{display:block}.saving strong{color:var(--navy);margin:7px 0;font-size:42px;display:block}.metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metrics div{background:#123d71;border-radius:12px;padding:13px}.metrics small,.metrics b{display:block}.metrics b{color:var(--yellow);margin-top:6px}.energy{color:#ccd7e5;flex-direction:column;gap:8px;margin-top:18px;font-size:13px;display:flex}.energy span{justify-content:space-between;display:flex}.disclaimer{color:#9db0c7;margin-top:20px;font-size:11px;line-height:1.5}@media (max-width:900px){nav{display:none}.hero,.calcLayout,.cards{grid-template-columns:1fr}.trust{flex-direction:column;gap:7px}.fieldGrid{grid-template-columns:1fr}.results{position:static}h1{letter-spacing:-2px}.actions{flex-direction:column}.hero{padding-top:60px}footer{flex-direction:column;gap:20px}}
