.battery-page-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 22%,rgba(255,210,79,.24),transparent 25%),
    radial-gradient(circle at 18% 85%,rgba(62,199,159,.18),transparent 31%),
    linear-gradient(135deg,#173b37 0%,#1f4e47 58%,#295a4f 100%);
}
.battery-page-hero:before,.battery-page-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}
.battery-page-hero:before{width:330px;height:330px;right:-80px;top:-175px}
.battery-page-hero:after{width:190px;height:190px;right:42px;top:-103px}
.battery-page-hero h1,.battery-page-hero p,.battery-hero-badge{position:relative;z-index:1}
.battery-hero-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#dff9ef;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.battery-hero-badge span{color:#f5c64c;font-size:9px;filter:drop-shadow(0 0 5px rgba(245,198,76,.55))}

.battery-app{width:100%;max-width:1240px;margin:0 auto;padding:0 28px 42px}
.battery-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.94fr);gap:20px;align-items:start}
.battery-app .panel{background:#fff;border:1px solid #dce5e1;border-radius:18px;box-shadow:0 12px 34px rgba(23,59,55,.07);padding:24px}
.battery-app .panel__title{display:flex;align-items:center;gap:9px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e6ece9;color:#60736f;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.battery-app .panel__title svg{color:#218f73}
.battery-controls{display:flex;flex-direction:column;gap:19px}
.battery-step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start}
.battery-step-number{display:grid;place-items:center;width:28px;height:28px;margin-top:23px;border-radius:9px;background:#e7f5f0;color:#19775f;font-size:12px;font-weight:900}
.battery-field{min-width:0}
.battery-field label,.battery-profile-field legend,.battery-reveal-field>label,.battery-support-amount>label,.battery-assumption-body>label{display:block;margin:0 0 8px;color:#556b67;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.battery-profile-field{min-width:0;border:0}
.battery-input-wrap{position:relative}
.battery-input{width:100%;min-height:50px;padding:12px 105px 12px 14px;border:1px solid #cbd9d5;border-radius:12px;background:#f8fbfa;color:#172d29;font:700 16px/1.2 Arial,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.battery-input:focus{border-color:#279879;background:#fff;box-shadow:0 0 0 4px rgba(39,152,121,.11)}
.battery-input.battery-invalid{border-color:#d9485a;box-shadow:0 0 0 3px rgba(217,72,90,.1)}
.battery-input-wrap>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#6e817d;font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none}
.battery-hint{margin:7px 0 0;color:#748781;font-size:12px;line-height:1.55}
.battery-hint a{color:#167a62;font-weight:800;text-decoration:none}
.battery-hint a:hover{text-decoration:underline}
.battery-quick-values{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.battery-quick-values button,.battery-capacity-buttons button{border:1px solid #d6e1de;background:#fff;color:#586d68;border-radius:999px;padding:7px 12px;font:700 12px Arial,sans-serif;cursor:pointer;transition:.18s}
.battery-quick-values button:hover,.battery-quick-values button.active,.battery-capacity-buttons button:hover,.battery-capacity-buttons button.active{border-color:#2a987b;color:#147158;background:#eaf7f2;box-shadow:inset 0 0 0 1px rgba(42,152,123,.1)}

.battery-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.battery-profile-grid button{min-width:0;min-height:100px;padding:13px 8px;border:1px solid #d7e2df;border-radius:13px;background:#fff;color:#61746f;text-align:center;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}
.battery-profile-grid button:hover{transform:translateY(-1px);border-color:#8ecabb}
.battery-profile-grid button.active{border-color:#299779;background:linear-gradient(145deg,#eaf7f2,#f4fbf8);box-shadow:inset 0 0 0 1px #299779,0 6px 16px rgba(31,118,94,.1)}
.battery-profile-icon{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 7px;border-radius:9px;background:#edf5f2;color:#1d8a6d;font-size:17px}
.battery-profile-grid strong,.battery-profile-grid small{display:block}
.battery-profile-grid strong{color:#203c36;font-size:13px}
.battery-profile-grid small{margin-top:4px;color:#7d8e8a;font-size:10px;line-height:1.35}

.battery-optional,.battery-assumption{border:1px solid #dce6e3;border-radius:13px;background:#fbfdfc;overflow:hidden}
.battery-optional>summary,.battery-assumption>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;color:#48615b;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.battery-optional>summary::-webkit-details-marker,.battery-assumption>summary::-webkit-details-marker{display:none}
.battery-optional>summary:after,.battery-assumption>summary:after{content:"+";color:#22896e;font-size:18px;line-height:1}
.battery-optional[open]>summary:after,.battery-assumption[open]>summary:after{content:"−"}
.battery-optional>summary small{margin-left:auto;color:#82918e;font-size:10px;font-weight:700;text-transform:uppercase}
.battery-optional-body,.battery-assumption-body{padding:14px 15px;border-top:1px solid #e5ecea}
.battery-check-row,.battery-toggle-row{display:flex;align-items:center;gap:11px;cursor:pointer}
.battery-check-row input,.battery-toggle-row input{position:absolute;opacity:0;pointer-events:none}
.battery-check-row>span:last-child,.battery-toggle-row>span:last-child{min-width:0;flex:1}
.battery-check-row strong,.battery-check-row small,.battery-toggle-row strong,.battery-toggle-row small{display:block}
.battery-check-row strong,.battery-toggle-row strong{color:#29433d;font-size:13px}
.battery-check-row small,.battery-toggle-row small{margin-top:3px;color:#7a8b87;font-size:11px;line-height:1.4}
.battery-checkbox{position:relative;flex:0 0 auto;width:20px;height:20px;border:1px solid #bfcfca;border-radius:6px;background:#fff;transition:.18s}
.battery-check-row input:checked+.battery-checkbox{border-color:#238e70;background:#238e70}
.battery-check-row input:checked+.battery-checkbox:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.battery-reveal-field{margin-top:14px;padding-top:14px;border-top:1px dashed #dce5e2}

.battery-economics{border:1px solid #d7e4df;border-radius:15px;background:linear-gradient(145deg,#f7fbf9,#eff8f4);overflow:hidden}
.battery-toggle-row{padding:15px}
.battery-switch{position:relative;flex:0 0 auto;width:40px;height:22px;border-radius:999px;background:#bdcbc7;transition:.2s}
.battery-switch:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}
.battery-toggle-row input:checked+.battery-switch{background:#269477}
.battery-toggle-row input:checked+.battery-switch:after{transform:translateX(18px)}
.battery-economics-body{display:flex;flex-direction:column;gap:14px;padding:15px;border-top:1px solid #dce8e4;background:rgba(255,255,255,.6)}
.battery-support-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.65fr);gap:14px;align-items:end;padding:13px;border:1px solid #dde8e4;border-radius:12px;background:#fff}
.battery-support-amount label{font-size:10px}
.battery-support-amount .battery-input{min-height:44px;padding-top:9px;padding-bottom:9px}
.battery-assumption{background:#fff}
.battery-assumption>summary{padding:11px 13px;font-size:12px}
.battery-error{display:none;padding:11px 13px;border-radius:10px;background:#fff0f1;color:#b42332;font-size:13px;font-weight:700;line-height:1.5}
.battery-error:not(:empty){display:block}

.battery-results{position:sticky;top:82px;overflow:hidden}
.battery-results:before{content:"";position:absolute;right:-100px;top:-110px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(53,192,151,.14),transparent 70%);pointer-events:none}
.battery-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:170px;margin:-2px 0 7px}
.battery-device{position:relative;width:104px;height:142px;border:5px solid #243a35;border-radius:18px;background:#edf3f1;box-shadow:inset 0 0 0 4px #fff,0 18px 32px rgba(27,57,50,.15);overflow:hidden;z-index:3}
.battery-device:before{content:"";position:absolute;left:31px;top:-9px;width:38px;height:10px;border-radius:5px 5px 0 0;background:#243a35}
.battery-device-fill{position:absolute;left:4px;right:4px;bottom:4px;height:25%;border-radius:10px;background:linear-gradient(0deg,#1f9071,#45c894 65%,#f0c650);transition:height 1.2s cubic-bezier(.22,.75,.24,1)}
.battery-device-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.4) 45%,transparent 70%);transform:translateX(-120%);animation:battery-shimmer 3.8s ease-in-out infinite}
.battery-device-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#173d35;text-shadow:0 1px 2px rgba(255,255,255,.85)}
.battery-device-content span{font-size:22px;animation:battery-pulse 2.5s ease-in-out infinite}
.battery-device-content strong{font:900 25px/1.05 Arial,sans-serif}
.battery-device-content small{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.battery-pv{position:absolute;left:8%;bottom:27px;display:grid;grid-template-columns:repeat(2,26px);gap:2px;padding:5px;transform:skewX(-12deg);border:3px solid #29443e;border-radius:4px;background:#29443e;box-shadow:0 10px 17px rgba(30,61,53,.12)}
.battery-pv i{height:23px;background:linear-gradient(145deg,#79b7ad,#2d776c);border:1px solid rgba(255,255,255,.36)}
.battery-pv:after{content:"";position:absolute;left:29px;top:54px;width:4px;height:20px;background:#29443e;transform:skewX(12deg)}
.battery-sun{position:absolute;left:4%;top:15px;width:28px;height:28px;border:3px solid #efbd3d;border-radius:50%;box-shadow:0 0 0 8px rgba(239,189,61,.1),0 0 26px rgba(239,189,61,.22)}
.battery-sun span{display:block;width:100%;height:100%;border-radius:50%;background:#f4cd58}
.battery-home{position:absolute;right:5%;bottom:24px;width:72px;height:55px;border:4px solid #29443e;border-top:0;border-radius:0 0 6px 6px;background:linear-gradient(135deg,#fbfdfc,#e9f5f1);box-shadow:0 12px 18px rgba(29,62,54,.1);z-index:2}
.battery-home-roof{position:absolute;left:-11px;top:-39px;width:86px;height:43px;z-index:3}
.battery-home-roof:before,.battery-home-roof:after{content:"";position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%)}
.battery-home-roof:before{inset:0;background:#29443e}
.battery-home-roof:after{left:6px;top:6px;width:74px;height:35px;background:linear-gradient(135deg,#e1f1ec,#f7fbf9)}
.battery-home-chimney{position:absolute;right:13px;top:5px;width:10px;height:21px;border:3px solid #29443e;border-bottom:0;border-radius:2px 2px 0 0;background:#d6e9e3;z-index:1}
.battery-home-panel{position:absolute;left:17px;top:20px;width:25px;height:12px;border:2px solid #287d6b;border-radius:2px;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.55) 48% 53%,transparent 54%),linear-gradient(#72b9aa 47%,rgba(255,255,255,.55) 48% 54%,#4c9c8b 55%);transform:rotate(-36deg);z-index:4;box-shadow:0 2px 4px rgba(25,76,65,.15)}
.battery-home-door{position:absolute;left:10px;bottom:0;width:17px;height:28px;border:2px solid #6daf9f;border-bottom:0;border-radius:4px 4px 0 0;background:#b9dbd0}
.battery-home-door:after{content:"";position:absolute;right:2px;top:13px;width:3px;height:3px;border-radius:50%;background:#2c7464}
.battery-home-window{position:absolute;right:10px;top:14px;width:17px;height:16px;border:2px solid #2ba17f;background:linear-gradient(90deg,transparent 45%,#2ba17f 46% 54%,transparent 55%),linear-gradient(transparent 45%,#2ba17f 46% 54%,transparent 55%),#dff4ed;box-shadow:inset 0 0 0 2px #fff}
.battery-energy-path{position:absolute;top:77px;height:2px;border-top:2px dashed #50b79a;z-index:1}
.battery-energy-path--in{left:23%;right:57%}.battery-energy-path--out{left:58%;right:21%}
.battery-energy-path i{position:absolute;top:-5px;width:8px;height:8px;border-radius:50%;background:#3db18f;box-shadow:0 0 0 4px rgba(61,177,143,.12);animation:battery-flow 2.7s linear infinite}
.battery-energy-path i:nth-child(2){animation-delay:-.9s}.battery-energy-path i:nth-child(3){animation-delay:-1.8s}
@keyframes battery-shimmer{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(130%)}}
@keyframes battery-pulse{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.14);opacity:1}}
@keyframes battery-flow{from{left:0}to{left:100%}}

.battery-primary-result{text-align:center;padding:2px 0 16px}
.battery-invalid-result{margin:12px 0;padding:16px;border:1px solid #efc8bd;border-radius:12px;background:#fff5f2;color:#8a3927;text-align:center}
.battery-invalid-result strong,.battery-invalid-result span{display:block}.battery-invalid-result strong{font-size:14px}.battery-invalid-result span{margin-top:5px;font-size:11px;line-height:1.45}
.battery-results.has-validation-error> :not(.panel__title):not(.battery-invalid-result){display:none}
.battery-app.has-validation-error .battery-flow-panel,.battery-app.has-validation-error .battery-insights-grid,.battery-app.has-validation-error .battery-compare-panel{display:none}
.battery-primary-result>span{display:block;color:#6d807b;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.battery-primary-result>strong{display:block;margin:6px 0 4px;color:#173a32;font:900 35px/1.1 Arial,sans-serif}
.battery-primary-result>small{color:#6e817c;font-size:12px}
.battery-capacity-lab{padding:15px;border:1px solid #d9e7e2;border-radius:14px;background:linear-gradient(145deg,#f7fbf9,#edf8f4)}
.battery-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.battery-label-row label{color:#526b65;font-size:12px;font-weight:800}
.battery-label-row output{color:#14735b;font-size:15px;font-weight:900}
.battery-app input[type=range]{width:100%;height:6px;margin:14px 0 12px;appearance:none;border-radius:10px;background:linear-gradient(90deg,#237f69,#45c493 68%,#efc550);outline:none}
.battery-app input[type=range]::-webkit-slider-thumb{appearance:none;width:21px;height:21px;border:4px solid #fff;border-radius:50%;background:#238b70;box-shadow:0 2px 9px rgba(28,102,83,.35);cursor:pointer}
.battery-app input[type=range]::-moz-range-thumb{width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:#238b70;box-shadow:0 2px 9px rgba(28,102,83,.35);cursor:pointer}
.battery-capacity-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.battery-capacity-buttons button{padding:7px 5px;border-radius:9px;font-size:11px}
.battery-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.battery-result-card{padding:14px;border:1px solid #dee7e4;border-radius:13px;background:#f8fbfa}
.battery-result-card--accent{border-color:#bee0d5;background:linear-gradient(145deg,#e9f7f2,#f4fbf8)}
.battery-result-card span{display:block;margin-bottom:7px;color:#6b7e79;font-size:10px;font-weight:700}
.battery-result-card strong{display:block;color:#203c35;font:900 20px/1.1 Arial,sans-serif}
.battery-result-card--accent strong{color:#16765d}
.battery-result-card small{display:block;margin-top:5px;color:#81918d;font-size:10px;line-height:1.35}
.battery-money-card{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;border:1px solid #dce6e3;border-radius:12px;overflow:hidden}
.battery-money-card>div{padding:11px;background:#fff}
.battery-money-card>div+div{border-left:1px solid #e1e9e6}
.battery-money-card span,.battery-money-card small{display:block;color:#788a85;font-size:9px;line-height:1.35}
.battery-money-card strong{display:block;margin:4px 0;color:#25423b;font-size:14px}
.battery-summary{margin-top:11px;padding:12px 14px;border-radius:11px;background:#edf7f4;color:#315e54;font-size:12px;line-height:1.55}
.battery-warning{margin-top:9px;padding:11px 13px;border:1px solid #f0d99a;border-radius:10px;background:#fff8e6;color:#765a15;font-size:11px;line-height:1.5}
.battery-actions{display:flex;align-items:center;gap:10px;margin-top:11px}
.battery-share-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #238c70;border-radius:10px;background:#238c70;color:#fff;font:800 11px Arial,sans-serif;cursor:pointer;transition:.18s}
.battery-share-btn:hover{transform:translateY(-1px);background:#18785e}
.battery-actions>span{color:#238268;font-size:11px;font-weight:800}

.battery-flow-panel,.battery-compare-panel{margin-top:20px}
.battery-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}
.battery-kicker{display:block;margin-bottom:6px;color:#23866d;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.battery-section-heading h2{margin:0 0 5px;color:#193b33;font-size:21px}
.battery-section-heading p{margin:0;color:#71837f;font-size:13px;line-height:1.5}
.battery-flow-total{flex:0 0 auto;padding:10px 14px;border-radius:11px;background:#edf7f4;text-align:right}
.battery-flow-total span{display:block;color:#72837f;font-size:9px;text-transform:uppercase}
.battery-flow-total strong{display:block;margin-top:4px;color:#1b765f;font-size:16px}
.battery-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.battery-flow-card{padding:17px;border:1px solid #dfe7e5;border-radius:14px;background:#fafcfb}
.battery-flow-card--with{border-color:#c0dfd6;background:linear-gradient(145deg,#f0faf6,#fff)}
.battery-flow-card-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.battery-flow-card-title>span{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#eef5f2;color:#238c70;font-size:18px}
.battery-flow-card-title strong,.battery-flow-card-title small{display:block}
.battery-flow-card-title strong{color:#28463f;font-size:13px}.battery-flow-card-title strong b{color:#1d8067}.battery-flow-card-title small{margin-top:3px;color:#7c8d89;font-size:10px}
.battery-flow-bar{display:flex;height:14px;border-radius:999px;background:#e4eae8;overflow:hidden}
.battery-flow-bar span{display:block;height:100%;transition:width .7s ease}
.is-direct{background:#f1c44f}.is-battery{background:#31ad88}.is-grid{background:#becbc7}
.battery-flow-legend{display:flex;flex-direction:column;gap:8px;margin-top:13px}
.battery-flow-legend>div{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;color:#667a75;font-size:10px}
.battery-flow-legend i{width:8px;height:8px;border-radius:50%}.battery-flow-legend strong{color:#304d46;font-size:11px}
.battery-disclaimer{margin:12px 0 0;color:#788a86;font-size:11px;line-height:1.6}

.battery-insights-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:20px;margin-top:20px}
.battery-chart-legend{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;color:#657a74;font-size:11px}
.battery-chart-legend>span{display:flex;align-items:center;gap:7px}.battery-chart-legend i{width:9px;height:9px;border-radius:3px;background:#2ca681}.battery-chart-legend strong{color:#2a5047;font-size:11px}
.battery-month-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;align-items:end;height:178px;padding-top:15px;border-bottom:1px solid #dbe5e2}
.battery-month{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.battery-month-bar{position:relative;width:min(24px,72%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(0deg,#238a6f,#4ac69a);transition:height .6s ease;cursor:help}
.battery-month-bar span{position:absolute;left:50%;top:-20px;z-index:4;display:none;padding:4px 6px;border-radius:5px;background:#193c34;color:#fff;font-size:9px;white-space:nowrap;transform:translateX(-50%)}
.battery-month-bar:hover span,.battery-month-bar:focus span{display:block}
.battery-month strong{margin-top:7px;color:#788a85;font-size:9px}
.battery-load-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.battery-load-options button{min-height:91px;padding:10px 6px;border:1px solid #dbe5e2;border-radius:12px;background:#fff;color:#647872;text-align:center;cursor:pointer;transition:.17s}
.battery-load-options button:hover{border-color:#92cabb}.battery-load-options button.active{border-color:#2a9477;background:#edf8f4;box-shadow:inset 0 0 0 1px #2a9477}
.battery-load-options span,.battery-load-options strong,.battery-load-options small{display:block}.battery-load-options span{font-size:19px}.battery-load-options strong{margin:6px 0 4px;color:#2c4841;font-size:10px;line-height:1.25}.battery-load-options small{color:#7b8c88;font-size:10px}
.battery-backup-result{margin-top:13px;padding:16px;border-radius:13px;background:linear-gradient(145deg,#173e36,#245c50);color:#fff;text-align:center}
.battery-backup-result span,.battery-backup-result small{display:block}.battery-backup-result span{color:#c8e2da;font-size:10px;text-transform:uppercase}.battery-backup-result strong{display:block;margin:5px 0;font-size:27px}.battery-backup-result small{color:#d5eae4;font-size:10px}
.battery-backup-result.is-incompatible{background:linear-gradient(145deg,#6c4418,#9a682a)}
.battery-backup-result.is-incompatible span{color:#f7dfb8}.battery-backup-result.is-incompatible small{color:#fff0d5}
.battery-backup-note{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;margin-top:11px;padding:10px;border:1px solid #eee0b2;border-radius:10px;background:#fffaf0}
.battery-backup-note>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f2c54d;color:#684f0e;font-size:11px;font-weight:900}.battery-backup-note p{margin:0;color:#766633;font-size:10px;line-height:1.45}

.battery-scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.battery-scenario-card{position:relative;padding:16px;border:1px solid #dce6e3;border-radius:14px;background:#fafcfb;cursor:pointer;transition:.18s}
.battery-scenario-card:hover{transform:translateY(-2px);border-color:#91cabc}
.battery-scenario-card.is-recommended{border-color:#299477;background:linear-gradient(145deg,#eaf7f2,#f9fcfb);box-shadow:inset 0 0 0 1px #299477}
.battery-scenario-badge{display:inline-block;min-height:18px;margin-bottom:8px;padding:4px 7px;border-radius:999px;background:#edf3f1;color:#70827e;font-size:8px;font-weight:900;text-transform:uppercase}
.battery-scenario-card.is-recommended .battery-scenario-badge{background:#238c70;color:#fff}
.battery-scenario-card h3{margin:0;color:#1e4037;font-size:22px}.battery-scenario-card>p{min-height:31px;margin:5px 0 12px;color:#758783;font-size:10px;line-height:1.45}
.battery-scenario-list{display:flex;flex-direction:column;gap:7px}.battery-scenario-list div{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:7px;border-top:1px solid #e5ecea}.battery-scenario-list span{color:#71837e;font-size:9px}.battery-scenario-list strong{color:#2f5048;font-size:10px}

.battery-content{max-width:1184px!important}
.battery-article-intro{max-width:850px;margin:0 auto 26px;text-align:center}
.battery-article-intro h2{margin:0 0 12px;color:#183c33;font-size:29px}.battery-article-intro p{margin:0;color:#617670;font-size:15px;line-height:1.75}
.battery-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.battery-content-grid article{position:relative;padding:22px;border:1px solid #dfe7e5;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(24,61,52,.05)}
.battery-content-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f6f1;color:#22856b;font-size:11px;font-weight:900}
.battery-content-grid h3{margin:13px 0 8px;color:#23463d;font-size:17px}.battery-content-grid p{margin:0;color:#657a74;font-size:13px;line-height:1.68}
.battery-seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;padding-top:33px;border-top:1px solid #dfe7e4}
.battery-seo-columns h2,.battery-table-wrap h2,.battery-important-box h2{margin:0 0 11px;color:#1d4037;font-size:23px}.battery-seo-columns p{margin:0 0 11px;color:#637872;font-size:14px;line-height:1.72}
.battery-seo-columns h3{margin:22px 0 8px;color:#244b41;font-size:17px}
.battery-source-link{display:inline-flex;align-items:center;gap:6px;color:#16785f;font-size:12px;font-weight:900;text-decoration:none}.battery-source-link:hover{text-decoration:underline}
.battery-table-wrap{margin-top:35px;padding-top:31px;border-top:1px solid #dfe7e4;overflow-x:auto}
.battery-guide-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;border:1px solid #dce6e3;border-radius:14px;overflow:hidden}
.battery-guide-table th{padding:12px 14px;background:#eef6f3;color:#5c716b;font-size:10px;letter-spacing:.05em;text-align:left;text-transform:uppercase}
.battery-guide-table td{padding:13px 14px;border-top:1px solid #e3ebe8;color:#5e746d;font-size:12px;line-height:1.5}.battery-guide-table td strong{color:#1b765e;font-size:14px}
.battery-important-box{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;margin-top:31px;padding:23px;border:1px solid #bfe1d6;border-radius:16px;background:linear-gradient(145deg,#edf9f5,#fff)}
.battery-important-box>div:first-child{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#228c70;color:#fff;font-size:20px;font-weight:900}.battery-important-box h2{font-size:19px}.battery-important-box p{margin:0;color:#5e746e;font-size:13px;line-height:1.68}
.battery-faq{max-width:1184px;margin-left:auto;margin-right:auto}
.battery-related{max-width:1184px!important}.battery-related>h2{margin:0 0 18px;color:#193c34;font-size:23px}
.battery-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.battery-related-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #dbe5e2;border-radius:15px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(24,61,52,.05);transition:.18s}
.battery-related-card:hover{transform:translateY(-2px);border-color:#8fc9ba}.battery-related-card>span{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:13px;background:#e9f6f1;color:#20876b;font-size:24px}.battery-related-card div{flex:1}.battery-related-card strong{color:#204239}.battery-related-card p{margin:5px 0 0;color:#738580;font-size:13px;line-height:1.45}.battery-related-card b{color:#20856a;font-size:20px}

@media(max-width:1060px){
  .battery-layout{grid-template-columns:1fr}
  .battery-results{position:relative;top:auto}
  .battery-insights-grid{grid-template-columns:1fr}
  .battery-scenario-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .battery-app{padding:0 12px 28px}
  .battery-app .panel{padding:17px;border-radius:15px}
  .battery-profile-grid{grid-template-columns:1fr}
  .battery-profile-grid button{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;align-items:center;min-height:68px;padding:10px 13px;text-align:left}
  .battery-profile-icon{grid-row:1/3;margin:0}
  .battery-profile-grid strong,.battery-profile-grid small{margin-left:4px}
  .battery-support-row{grid-template-columns:1fr}
  .battery-flow-grid,.battery-content-grid,.battery-seo-columns,.battery-related-grid{grid-template-columns:1fr}
  .battery-flow-total{display:none}
  .battery-section-heading h2{font-size:19px}
  .battery-scenario-grid{grid-template-columns:1fr 1fr}
  .battery-article-intro h2{font-size:24px}
  .battery-content{padding-left:16px!important;padding-right:16px!important}
  .battery-money-card{grid-template-columns:1fr}
  .battery-money-card>div+div{border-left:0;border-top:1px solid #e1e9e6}
}
@media(max-width:480px){
  .battery-step{grid-template-columns:1fr}.battery-step-number{display:none}
  .battery-result-grid,.battery-scenario-grid{grid-template-columns:1fr}
  .battery-capacity-buttons{grid-template-columns:1fr 1fr}
  .battery-visual{transform:scale(.9);margin-left:-18px;margin-right:-18px}
  .battery-primary-result>strong{font-size:30px}
  .battery-month-chart{gap:2px;height:155px}.battery-month strong{font-size:8px}.battery-month-bar{width:70%}
  .battery-load-options{grid-template-columns:1fr}.battery-load-options button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;min-height:52px;text-align:left}.battery-load-options span{grid-row:1/2}.battery-load-options strong{margin:0}.battery-load-options small{text-align:right}
  .battery-actions{flex-wrap:wrap}.battery-share-btn{width:100%;justify-content:center}
  .battery-related-card{align-items:flex-start}.battery-related-card p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .battery-device-fill,.battery-flow-bar span{transition:none}
  .battery-device-fill:after,.battery-device-content span,.battery-energy-path i{animation:none}
  .battery-share-btn,.battery-profile-grid button,.battery-scenario-card,.battery-related-card{transition:none}
}
.battery-app{padding-top:28px}
@media(max-width:700px){.battery-app{padding-top:20px}}