:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef4f9;background:#05080c;--muted:#a4b7c5;--blue:#89ccef;--line:#294252}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 6% 0%,#0d5a803a,transparent 650px),#05080c;font-size:15px;line-height:1.65}a{color:#b6e5ff;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e79a60;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1200px;margin:auto;padding:0 30px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:20px}header nav{display:flex;gap:26px;font-size:13px}header nav a{text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.04em;color:#eef4f9;text-decoration:none}.brand small{display:block;font-size:8px;letter-spacing:.2em;font-weight:650;color:var(--muted)}.mark{display:grid;place-items:center;width:42px;height:42px;background:#14384c;border:1px solid #35627c;border-radius:13px;color:var(--blue);font-size:34px;font-weight:400}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center;padding:50px 0 38px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--blue);margin:0 0 14px}h1{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:0 0 20px}h1 em{font-family:Georgia,serif;font-weight:400;color:#a3c8de}h2{font-size:25px;letter-spacing:-.035em;line-height:1.25;margin:0 0 18px}p{margin:0 0 16px}.lead{max-width:500px;color:#b9cbd8;font-size:17px}.area-box{border-left:2px solid #cf783d;padding-left:25px}.area-box label{font-size:13px}label{display:block;font-weight:650;font-size:13px}select,input[type=number]{display:block;width:100%;color:#eef4f9;background:#07121d;border:1px solid #446378;border-radius:9px;padding:12px;margin:7px 0 14px;min-width:0}.area-box details{font-size:12px;color:var(--muted)}summary{color:#bad9ec;font-weight:600;padding:10px 0}details p{font-size:13px;color:var(--muted);margin:8px 0 18px}.control-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:10px 0 16px}.tabs{display:flex;padding:4px;gap:4px;background:#0b1721;border:1px solid var(--line);border-radius:10px}.tabs button{border:0;border-radius:7px;padding:8px 24px;background:transparent;color:#a4b7c5;font-weight:700}.tabs button[aria-pressed=true]{background:#89ccef;color:#07111b}.vat{display:flex;gap:8px;align-items:center;font-weight:500}.vat input{accent-color:#89ccef;width:16px;height:16px}#date-label{margin-left:auto;font-size:13px;color:var(--muted)}.status{color:var(--muted);font-size:12px;min-height:22px}.status.warning{color:#ffc694}.price-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px}.card{background:linear-gradient(130deg,#0c1b27,#09131e);border:1px solid var(--line);border-radius:16px;padding:24px}.card>p:not(.eyebrow,.price,.metric,.total){color:var(--muted);font-size:13px}.now{background:linear-gradient(130deg,#143b53,#0b202e);border-color:#3c6179}.price{font-size:52px;line-height:1.1;letter-spacing:-.055em;font-weight:700;margin:5px 0 16px}.price small{font-size:12px;font-weight:500;letter-spacing:0;display:block;margin-top:8px;color:#b9d4e3}.metric{font-size:28px;letter-spacing:-.04em;margin-top:22px;font-weight:700}.metric small{font-size:11px;font-weight:500;letter-spacing:0}.pill{display:inline-block;font-size:10px;padding:5px 9px;background:#89ccef15;border:1px solid #46697c;border-radius:6px;color:#b6ddf3}.chart-card{margin-top:18px;padding-bottom:16px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-top h2{margin:0}.legend{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;background:#89ccef;margin-right:7px;border-radius:50%}#chart{width:100%;height:auto;display:block;margin-top:20px}.grid-line{stroke:#284050;stroke-width:1}.axis{fill:#98afbf;font-size:12px}.bar{fill:#73b9e1}.bar.negative{fill:#b7a7e7}.bar.active{fill:#eea366}.zero{stroke:#718b9e;stroke-width:1.5}.hint{font-size:12px;color:var(--muted)}.empty{padding:42px 20px;background:#101e29;border-radius:12px;text-align:center;color:#b7cbd9;margin:22px 0}.planning{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 50px;scroll-margin-top:20px}.planning h2{font-size:29px}.window-result{display:grid;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0}.window-result strong{font-size:30px;color:#a6dcfa;line-height:1.3;letter-spacing:-.025em}.window-result span{font-size:13px;color:#b9cbd8}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.total{font-size:54px;letter-spacing:-.055em;font-weight:700;line-height:1.2;margin:22px 0 10px}.total span{font-size:20px;font-weight:400}.explain{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:35px 0 50px;border-top:1px solid var(--line)}.explain h2{font-size:35px}.answers details{border-bottom:1px solid var(--line);padding:8px 0}.answers summary{font-size:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:25px 0 40px;color:var(--muted);font-size:11px}.table-scroll{max-height:350px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}.skip{position:absolute;left:15px;top:-100px;background:#102e41;padding:10px;z-index:5}.skip:focus{top:10px}@media(max-width:900px){.intro{gap:30px}.price-grid{grid-template-columns:repeat(2,1fr)}.explain{gap:35px}.price{font-size:46px}.planning h2{font-size:25px}}@media(max-width:600px){.wrap{padding:0 18px}header{padding:20px 0}header nav{gap:14px;font-size:11px}.brand{font-size:20px}.mark{width:35px;height:35px;font-size:29px}.intro{grid-template-columns:1fr;padding:30px 0 15px;gap:24px}h1{font-size:46px}.lead{font-size:15px}.area-box{padding-left:17px}.control-row{gap:13px}#date-label{margin-left:0;width:100%}.tabs button{padding:8px 22px}.vat{font-size:12px}.card{padding:18px}.price-grid{gap:10px}.price{font-size:40px}.metric{font-size:24px}.card .eyebrow{font-size:9px}.section-top{display:block}.legend{display:block;margin-top:10px}.planning,.explain{grid-template-columns:1fr;gap:18px}.planning{margin-bottom:30px}.explain{padding-bottom:30px}.fields{gap:10px}.fields label{font-size:12px}.window-result strong{font-size:28px}footer{flex-wrap:wrap}.chart-card{padding:16px 10px}.chart-card .hint{padding-inline:8px}#chart{min-height:180px}.axis{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.unit-control{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500}.unit-control select{width:auto;margin:0;padding:7px 10px}
.appliance{margin:-25px 0 45px;scroll-margin-top:20px}.appliance summary{position:relative;padding:6px 26px 6px 0}.appliance summary .eyebrow{display:block;margin:0 0 7px}.ap-title{display:block;font-size:25px;color:#eef4f9;letter-spacing:-.035em}.ap-summary{display:block;margin-top:8px;color:#a4b7c5;font-size:13px;font-weight:400}.ap-content{padding-top:20px;border-top:1px solid #294252;margin-top:18px}.ap-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.ap-results>div{padding:16px;border:1px solid #355c75;border-radius:10px;background:#102c3e}.ap-results span,.ap-results small{display:block;font-size:12px;color:#b9cbd8}.ap-results strong{display:block;font-size:26px;color:#b6e5ff;margin:8px 0;overflow-wrap:anywhere}.ap-results small{overflow-wrap:anywhere}@media(max-width:600px){.appliance{margin-top:-10px}.ap-content>.fields{grid-template-columns:1fr}.ap-results{grid-template-columns:1fr}.ap-title{font-size:23px}}
#chart{touch-action:pan-y;cursor:crosshair;user-select:none}#chart:focus-visible{outline:3px solid #e79a60;outline-offset:4px}.bar.selected{fill:#fff;stroke:#89ccef;stroke-width:1}.chart-cursor{stroke:#c6ecff;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.card>.chart-readout{color:#d5efff!important;background:#102c3e;border:1px solid #355c75;border-radius:9px;padding:10px 14px;margin:18px 0 0;min-height:46px;font-variant-numeric:tabular-nums}