.battery-page{background:#0d1524;color:#ecf4fb;overflow:hidden}
.battery-page h1,.battery-page h2,.battery-page h3{color:#fff}
.battery-page p{color:#c0cedb}
.battery-page em{font-style:normal;color:#63c6fb}
.battery-kicker{display:block;color:#6bd0ff;font:800 .69rem Manrope,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.battery-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:8px;background:#ff852e;color:#fff;font:800 .82rem Manrope,Arial,sans-serif;transition:background .2s,transform .2s}
.battery-button:hover{background:#ff9d52;transform:translateY(-2px)}
.battery-button svg{width:18px;height:18px}
.battery-fine{font-size:.72rem;line-height:1.6;color:#8fa6ba!important}
.battery-fine a{color:#86d8ff;text-decoration:underline;text-underline-offset:3px}
.battery-centered-note{text-align:center;max-width:800px;margin:25px auto 0}
.battery-section{padding:100px 0}
.battery-section-heading{max-width:870px;margin:0 auto 42px;text-align:center}
.battery-section-heading h2{font-size:clamp(2.45rem,4.4vw,4.2rem);line-height:1.1;letter-spacing:-.055em;margin:13px 0 14px}
.battery-section-heading>p{font-size:1rem;line-height:1.7;max-width:680px;margin:0 auto}

.battery-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:735px;padding:135px 0 85px;background:linear-gradient(90deg,rgba(8,17,32,.91),rgba(8,17,32,.76) 41%,rgba(8,17,32,.36) 72%),linear-gradient(0deg,#0d1524 0%,transparent 36%),url('../img/battery-evening.webp') center 49%/cover no-repeat}
.battery-hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.battery-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,17,32,.88),rgba(8,17,32,.68) 43%,rgba(8,17,32,.31) 78%),linear-gradient(0deg,#0d1524 0%,transparent 42%);pointer-events:none}
.battery-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:end}
.battery-hero-copy{max-width:650px}
.battery-hero h1{font-size:clamp(3.5rem,4.8vw,5.5rem);line-height:1.02;letter-spacing:-.065em;margin:21px 0 22px;text-wrap:balance}
.battery-hero-copy>p{max-width:590px;font-size:1.05rem;line-height:1.73;color:#e0e9f0;margin-bottom:29px}
.battery-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.battery-text-link{font:700 .83rem Manrope,Arial,sans-serif;color:#e4f7ff;text-decoration:underline;text-underline-offset:5px}
.battery-text-link span{font-size:1.2em;margin-left:5px}
.battery-hero-note{position:relative;max-width:360px;padding:29px 30px 26px;background:rgba(14,27,46,.83);border:1px solid rgba(127,197,236,.33);border-radius:16px;box-shadow:0 22px 54px rgba(0,0,0,.25);backdrop-filter:blur(9px)}
.battery-note-icon{display:block;width:36px;height:52px;border:2px solid #8ddcff;border-radius:5px;margin-bottom:25px;position:relative;box-shadow:inset 0 0 18px rgba(85,186,245,.13)}
.battery-note-icon:before{content:"";position:absolute;width:14px;height:4px;left:9px;top:-6px;background:#8ddcff;border-radius:3px}
.battery-note-icon i{display:block;position:absolute;inset:15px 8px 7px;background:linear-gradient(0deg,#48bbf4 68%,transparent 68%);border:1px solid rgba(141,220,255,.4)}
.battery-hero-note .battery-kicker{font-size:.58rem}
.battery-hero-note strong{display:block;font:800 1.5rem Manrope,Arial,sans-serif;color:#fff;line-height:1.18;margin:9px 0}
.battery-hero-note p{font-size:.85rem;line-height:1.6;margin:0 0 18px}
.battery-note-foot{display:block;color:#8ba8ba;font-size:.68rem;border-top:1px solid rgba(151,194,221,.2);padding-top:13px}

.battery-why{background:#0d1524}
.battery-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.battery-reason{min-height:245px;padding:27px 28px;background:linear-gradient(145deg,#1d304b,#141d30 70%);border:1px solid rgba(152,197,226,.1);border-radius:14px}
.battery-reason:nth-child(2){background:linear-gradient(145deg,#2a2a31,#151b29 70%)}
.battery-reason:nth-child(3){background:linear-gradient(145deg,#2d2331,#151b29 70%)}
.battery-reason-number{font:800 .61rem Manrope,Arial,sans-serif;letter-spacing:.14em;color:#72cfff}
.battery-reason:nth-child(2) .battery-reason-number{color:#ffd875}
.battery-reason:nth-child(3) .battery-reason-number{color:#ff9d8e}
.battery-reason h3{font-size:1.35rem;line-height:1.24;margin:28px 0 11px}
.battery-reason p{font-size:.84rem;line-height:1.68;margin:0}

.battery-flow-section{background:#101a2b}
.battery-flow-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:65px}
.battery-flow-copy h2,.battery-product-copy h2{font-size:clamp(2.6rem,4.1vw,4rem);line-height:1.1;letter-spacing:-.055em;margin:13px 0 17px}
.battery-flow-copy>p,.battery-product-copy>p{font-size:.98rem;line-height:1.7}
.battery-check-list{padding:0;margin:22px 0 20px;list-style:none;display:grid;gap:12px}
.battery-check-list li{display:flex;align-items:flex-start;gap:11px;font-size:.87rem;line-height:1.5;color:#d4e6f2}
.battery-check-list svg{flex:none;color:#6cd6ff;width:17px;height:17px;margin-top:2px}
.battery-flow-visual{min-height:345px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:18px;background:radial-gradient(circle at 50% 50%,#183f61,#10283f 48%,#0b2035);border:1px solid rgba(114,196,240,.27);box-shadow:0 24px 48px rgba(0,0,0,.2)}
.battery-flow-top,.battery-flow-bottom{display:flex;justify-content:space-between;gap:12px;color:#8fc7e2;font:800 .62rem Manrope,Arial,sans-serif;letter-spacing:.12em}
.battery-flow-bottom{padding-top:19px;border-top:1px solid rgba(153,218,245,.17);letter-spacing:0;text-transform:none;font-size:.72rem}
.battery-flow-track{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:5px;align-items:center}
.battery-flow-track>div{display:flex;align-items:center;flex-direction:column;text-align:center}
.battery-flow-track strong{display:block;font:800 .9rem Manrope,Arial,sans-serif;color:#fff;margin:13px 0 2px}
.battery-flow-track small{font-size:.7rem;color:#adcadb}
.battery-flow-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #64bbec;border-radius:50%;background:rgba(87,190,246,.11);color:#84d9ff}
.battery-flow-icon svg{width:31px;height:31px}
.battery-flow-icon.sun{color:#ffdc7f;border-color:#eabf65}
.battery-flow-icon.store{position:relative}
.battery-flow-powerwall{position:relative;display:grid;place-items:center;width:35px;height:52px;border:1px solid #e4f1f4;border-radius:5px;background:linear-gradient(115deg,#fff 0%,#eef5f6 65%,#c5d5dc 100%);box-shadow:4px 6px 10px rgba(0,0,0,.28),inset 2px 0 3px #fff}
.battery-flow-powerwall:after{content:"";position:absolute;top:3px;right:-4px;bottom:3px;width:4px;border-radius:0 3px 3px 0;background:#667f8c}
.battery-flow-icon .battery-flow-power-icon{width:18px;height:18px;color:#36a9d9;filter:drop-shadow(0 0 3px rgba(71,207,250,.7));animation:battery-power-blink 2.1s ease-in-out infinite}
@keyframes battery-power-blink{0%,42%,100%{opacity:1;filter:drop-shadow(0 0 4px rgba(71,207,250,.8))}55%,70%{opacity:.2;filter:none}}
.battery-flow-arrow{color:#72cfff;font-size:1.7rem;text-align:center;margin-top:-24px}

.battery-product{position:relative;display:flex;align-items:center;min-height:720px;padding:100px 0;background:linear-gradient(90deg,rgba(8,20,35,.97) 0%,rgba(8,20,35,.91) 34%,rgba(8,20,35,.66) 55%,rgba(8,20,35,.1) 100%),url('../img/powerwall3.png') 58% center/cover no-repeat;overflow:hidden}
.battery-product-layout{display:block}
.battery-product-copy{max-width:690px}
.battery-specs{display:flex;gap:40px;margin:28px 0 17px;padding-top:22px;border-top:1px solid rgba(157,210,239,.2)}
.battery-specs>div{min-width:0}
.battery-specs strong{display:block;color:#6acaff;font:800 clamp(1.8rem,3vw,2.8rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.battery-specs small{font-size:.43em;letter-spacing:0}
.battery-specs span{display:block;font-size:.73rem;color:#aec5d7;margin-top:5px}
.battery-button-outline{background:transparent;border:1px solid #63bfe9;margin-top:15px}
.battery-button-outline:hover{background:rgba(87,195,245,.12)}

.battery-timing{background:#0d1524}
.battery-timing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.battery-timing-grid:before{content:"";position:absolute;left:10%;right:10%;top:81px;height:1px;background:linear-gradient(90deg,#4daae0,#75d6fb,#ffc778,#74cfff);opacity:.55}
.battery-timing-step{position:relative;min-height:245px;padding:25px 22px;background:#18243a;border:1px solid rgba(133,189,220,.15);border-radius:12px}
.battery-step-time{display:block;font:800 .59rem Manrope,Arial,sans-serif;letter-spacing:.16em;color:#83c9ed}
.battery-step-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(113,198,241,.55);background:#1e3855;color:#76d1f7;margin:21px 0 18px}
.battery-step-icon svg{width:24px;height:24px}
.battery-timing-step:nth-child(3) .battery-step-icon{color:#ffd084}
.battery-timing-step h3{font-size:1.13rem;margin:0 0 9px}
.battery-timing-step p{font-size:.79rem;line-height:1.6;margin:0}

.battery-backup{background:#101a2b}
.battery-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.battery-backup-card{padding:32px;background:linear-gradient(145deg,#1a2d43,#172236);border:1px solid rgba(133,189,220,.2);border-radius:14px}
.battery-backup-card:nth-child(2){background:linear-gradient(145deg,#20384f,#192235)}
.battery-backup-tag{font:800 .64rem Manrope,Arial,sans-serif;letter-spacing:.15em;color:#77cdf8}
.battery-backup-card h3{font-size:1.65rem;margin:10px 0 10px}
.battery-backup-card p{font-size:.87rem;line-height:1.65;max-width:430px}
.battery-backup-card ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;list-style:none;margin:25px 0 0;padding:23px 0 0;border-top:1px solid rgba(183,218,237,.14)}
.battery-backup-card li{display:flex;align-items:center;gap:8px;font-size:.79rem;color:#dcebf5}
.battery-backup-card li svg{color:#6bd2ff;width:15px;height:15px;flex:none}

.battery-choice{position:relative;background:linear-gradient(180deg,#101a2b,rgba(9,20,35,.88) 42%,#0d1524),url('../img/battery-evening.webp') center 56%/cover no-repeat}
.battery-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}
.battery-choice-card{padding:32px 34px;min-height:215px;border-radius:14px;background:rgba(32,37,51,.85);border:1px solid rgba(219,177,162,.23)}
.battery-choice-card.featured{background:rgba(28,53,72,.87);border-color:rgba(99,204,250,.55)}
.battery-choice-card>span{color:#f6b3a6;font:800 .62rem Manrope,Arial,sans-serif;letter-spacing:.13em}
.battery-choice-card.featured>span{color:#80d9ff}
.battery-choice-card h3{font-size:1.45rem;margin:15px 0 10px}
.battery-choice-card p{font-size:.84rem;line-height:1.66;margin:0}

.battery-cta{padding:90px 0 100px;background:#111d2e;text-align:center}
.battery-cta .container{max-width:800px}
.battery-cta h2{font-size:clamp(2.45rem,4.2vw,4rem);line-height:1.1;margin:13px 0 16px}
.battery-cta p{max-width:590px;font-size:.98rem;line-height:1.65;margin:0 auto 27px}
.battery-cta .battery-fine{max-width:580px;font-size:.72rem;margin:14px auto 0}
.battery-address-form{display:flex;align-items:stretch;width:min(100%,520px);height:52px;margin:0 auto;border-radius:28px;background:#fff;overflow:hidden}
.battery-address-form input{flex:1;min-width:0;padding:0 20px;border:0;color:#19344c;font:500 .88rem 'DM Sans',Arial,sans-serif}
.battery-address-form input:focus{outline:2px solid #67cfff;outline-offset:-2px}
.battery-address-form button{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;width:190px;border:0;background:#ff852e;color:#fff;font:800 .78rem Manrope,Arial,sans-serif;cursor:pointer}
.battery-address-form button:hover{background:#ff9a4c}
.battery-cta-contact{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:#8bd9ff;font:700 .78rem Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1050px){.battery-hero-inner{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.battery-hero-note{padding:25px}.battery-flow-layout{gap:35px}.battery-product{background-position:center,66% center}}
@media(max-width:760px){.battery-section{padding:75px 0}.battery-hero{min-height:0;padding:125px 0 70px;background-position:64% center}.battery-hero-inner{grid-template-columns:1fr}.battery-hero h1{font-size:clamp(3.25rem,8vw,5rem)}.battery-hero-note{max-width:510px}.battery-why-grid{grid-template-columns:1fr}.battery-reason{min-height:0}.battery-flow-layout{grid-template-columns:1fr}.battery-product{min-height:0;padding:85px 0;background-image:linear-gradient(90deg,rgba(8,20,35,.94),rgba(8,20,35,.78)),url('../img/powerwall3.png');background-position:center,68% center}.battery-timing-grid{grid-template-columns:1fr 1fr}.battery-timing-grid:before{display:none}.battery-backup-grid,.battery-choice-grid{grid-template-columns:1fr}.battery-section-heading h2{font-size:clamp(2.3rem,6vw,3.5rem)}}
@media(max-width:520px){.battery-hero{padding-top:110px}.battery-hero h1{font-size:clamp(2.8rem,11vw,3.7rem)}.battery-hero-copy>p{font-size:.94rem}.battery-hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.battery-section-heading h2,.battery-flow-copy h2,.battery-product-copy h2,.battery-cta h2{font-size:clamp(2.15rem,9vw,3rem)}.battery-flow-visual{min-height:290px;padding:20px}.battery-flow-track{grid-template-columns:1fr 12px 1fr 12px 1fr}.battery-flow-icon{width:54px;height:54px}.battery-flow-icon svg{width:23px;height:23px}.battery-flow-powerwall{width:25px;height:37px}.battery-flow-icon .battery-flow-power-icon{width:13px;height:13px}.battery-flow-track strong{font-size:.75rem}.battery-flow-track small{font-size:.6rem}.battery-flow-arrow{font-size:1rem}.battery-specs{gap:22px}.battery-specs strong{font-size:1.7rem}.battery-timing-grid{grid-template-columns:1fr}.battery-timing-step{min-height:0}.battery-backup-card{padding:25px}.battery-backup-card ul{grid-template-columns:1fr}.battery-address-form button{width:150px;font-size:.68rem}.battery-address-form input{padding:0 13px}}
@media(prefers-reduced-motion:reduce){.battery-hero-video{display:none}.battery-flow-power-icon{animation:none}}