.calculator-hero{padding:64px 0 56px;background:radial-gradient(circle at 86% 10%,rgba(255,199,44,.2),transparent 30%),linear-gradient(125deg,#071225,#102b4b);border-bottom:1px solid #34435a}
.calculator-heading{max-width:850px;margin:0}
.calculator-heading h1{font-size:clamp(38px,6vw,66px);line-height:1.03;margin:14px 0 18px;color:#fff}
.calculator-heading>p{max-width:700px;color:#ced8e6;font-size:17px;line-height:1.7}
.calculator-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.calculator-jump a{padding:10px 16px;border:1px solid #78879d;border-radius:999px;background:#ffffff0d;color:#fff;font-weight:700;font-size:13px}
.calculator-jump a:hover{background:#ffc72c;border-color:#ffc72c;color:#101218}
.calculator-section{padding:64px 0;background:linear-gradient(180deg,#eef2f6,#f8f6f0);color:#192234}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:26px;align-items:start}
.calculator-panel{min-width:0;padding:30px;border:1px solid #d5dbe3;border-radius:24px;background:#fff;box-shadow:0 24px 55px -42px #071225;scroll-margin-top:110px}
.panel-heading{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-bottom:25px}
.calculator-number{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#102b4b;color:#ffc72c;font:700 12px 'IBM Plex Mono',monospace}
.calculator-panel h2{font-size:clamp(26px,3vw,36px);line-height:1.12;color:#13233c;margin:8px 0}
.calculator-help{font-size:14px;color:#667085;line-height:1.6}
.appliance-table{border:1px solid #d8dee6;border-radius:14px;overflow:hidden}
.appliance-table-head,.appliance-row{display:grid;grid-template-columns:minmax(130px,1fr) 82px 82px 36px;gap:10px;align-items:center;padding:9px 12px}
.appliance-table-head{background:#102b4b;color:#fff}
.appliance-table-head strong{font:700 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.appliance-row{border-bottom:1px solid #e2e6eb}.appliance-row:last-child{border-bottom:0}
.appliance-row input,.form-control,.custom-fields input{width:100%;min-width:0;min-height:40px;padding:8px 9px;border:1px solid #c9d0da;border-radius:8px;background:#fbfcfd;color:#182235;font:600 13px 'Inter',sans-serif}
.appliance-row input:focus,.form-control:focus,.custom-fields input:focus{outline:3px solid rgba(255,199,44,.38);border-color:#d79f00}
.appliance-row .remove-appliance{width:34px;height:34px;padding:0;border:1px solid #d4dae3;border-radius:8px;background:#f3f5f7;color:#6c7480;font-size:20px;cursor:pointer}
.appliance-row .remove-appliance:hover{background:#ffe1e1;color:#941919}
.custom-appliance{margin-top:18px;padding:18px;border:1px solid #e4bd43;border-radius:14px;background:#fff8df}
.custom-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.custom-title strong{color:#17243a}.custom-title span{font-size:11px;color:#76652d}
.custom-fields{display:grid;grid-template-columns:minmax(120px,1.4fr) 92px 78px auto;gap:10px;align-items:end}
.custom-fields label{font-size:11px;font-weight:700;color:#445066}.custom-fields label input{margin-top:5px}
.btn-dark,.btn-outline-dark{border:1px solid #102b4b}.btn-dark{background:#102b4b;color:#fff}.btn-dark:hover{background:#1b426d}.btn-outline-dark{background:#fff;color:#102b4b}.btn-outline-dark:hover{background:#eef3f8}
.field-label{display:flex;justify-content:space-between;gap:15px;margin:22px 0 7px;font-size:13px;font-weight:800;color:#26344a}.field-label span{font:500 10px 'IBM Plex Mono',monospace;color:#758096;text-transform:uppercase}
.calculator-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.calculate-solar{width:100%;margin-top:20px}
.form-error,.calculator-status{min-height:20px;margin:9px 0 0;font-size:12px;color:#667085}.form-error,.calculator-status.has-error{color:#b3261e;font-weight:700}
.calculator-results{margin-top:24px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#102b4b,#081423);color:#fff}
.calculator-results .eyebrow{color:#ffc72c}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}
.result-grid>div{padding:14px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff09}
.result-grid span{display:block;color:#bbc6d5;font-size:11px;line-height:1.35;margin-bottom:5px}.result-grid output{display:block;color:#fff;font:700 18px 'Space Grotesk',sans-serif;overflow-wrap:anywhere}
.result-note{margin:16px 0;color:#bdc8d6;font-size:11px;line-height:1.6}.btn-whatsapp{width:100%;background:#25d366;color:#07351a;font-weight:800}.btn-whatsapp:hover{background:#20bd59;transform:translateY(-2px)}
.calculator-disclaimer{padding:24px 0;background:#fff2c9;border-top:1px solid #e2bd4d;color:#62552e;font-size:12px;line-height:1.65}.calculator-disclaimer strong{color:#9c5300}
@media(max-width:980px){.calculator-layout{grid-template-columns:1fr}.calculator-panel{max-width:760px;width:100%;margin:auto}}
@media(max-width:620px){.calculator-hero{padding:48px 0 42px}.calculator-section{padding:42px 0}.calculator-panel{padding:22px 16px}.panel-heading{gap:12px}.calculator-number{width:40px;height:40px}.appliance-table{overflow-x:auto}.appliance-table-head,.appliance-row{grid-template-columns:minmax(112px,1fr) 70px 70px 34px;padding:8px;min-width:380px}.custom-title{display:block}.custom-title span{display:block;margin-top:3px}.custom-fields{grid-template-columns:1fr 1fr}.custom-fields label:first-child{grid-column:1/-1}.custom-fields .btn{width:100%;padding-inline:12px}.result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.calculator-heading h1{font-size:37px}.panel-heading{grid-template-columns:1fr}.calculator-number{display:none}.calculator-actions .btn{width:100%}.result-grid{grid-template-columns:1fr}}