*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;line-height:1.6;background:#fff}img{max-width:100%;display:block}.page{max-width:1200px;margin:0 auto;padding:0 16px 60px}.hero{position:relative;margin:16px 0 40px;border-radius:18px;overflow:hidden;color:#fff;text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-image:url(images/battery-cabinet-closeup.jpg)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(0,0,0,.35))}.hero-inner{position:relative;z-index:1;padding:40px 20px;max-width:720px}.hero-title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;margin-bottom:10px}.hero-sub{font-size:clamp(1rem,2.4vw,1.25rem);margin-bottom:24px;opacity:.9}.hero-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{border-radius:999px;padding:12px 26px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:#fff;color:#111;box-shadow:0 10px 25px rgba(0,0,0,.25)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.3)}.btn-ghost{background:0 0;color:currentColor;border:1px solid rgba(0,0,0,.08);transition:background .12s ease,transform .12s ease}.btn-ghost:hover{background:rgba(0,0,0,.04);transform:translateY(-1px)}.banner .btn-ghost,.hero .btn-ghost,.pricing .btn-ghost{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.02)}.banner .btn-ghost:hover,.hero .btn-ghost:hover,.pricing .btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}.metrics{text-align:center;margin-bottom:48px}.section-title{font-size:1.9rem;font-weight:700;margin-bottom:24px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(min-width:768px){.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric-value{font-size:1.8rem;font-weight:700}.metric-label{font-size:.9rem;color:#555}.timeline{margin-bottom:56px}.timeline-item{margin-bottom:22px}.timeline-year{font-weight:700;font-size:1.05rem;margin-bottom:4px}.timeline-text{font-size:.95rem;color:#444}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;margin-bottom:56px}@media(min-width:768px){.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.split.reverse>:first-child{order:2}.split.reverse>:last-child{order:1}}.split-image{border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.18)}.split-text-title{font-size:1.6rem;font-weight:700;margin-bottom:10px}.split-text-body{font-size:.98rem;color:#444;margin-bottom:10px}.banner{position:relative;border-radius:18px;overflow:hidden;margin-bottom:56px;color:#fff;text-align:center;padding:80px 20px;background-size:cover;background-position:center}.banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.35))}.banner-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.banner-title{font-size:1.9rem;font-weight:700;margin-bottom:12px}.banner-text{font-size:1rem;opacity:.95}.banner-villa{background-image:url(images/villa-night-solar.jpg)}.banner-storm{background-image:url(images/stormy-city-lights.jpg)}.specs{margin-bottom:56px}.specs-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;font-size:.96rem;color:#333}@media(min-width:640px){.specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cta{border-radius:18px;padding:40px 24px;text-align:center;background:radial-gradient(circle at top left,#1dd1a1,#0a3d62);color:#fff;margin-bottom:56px}.cta-title{font-size:1.8rem;font-weight:700;margin-bottom:10px}.cta-text{font-size:.98rem;margin-bottom:20px;opacity:.95}.contact{max-width:520px;margin:0 auto 40px}.contact-title{text-align:center;font-size:1.7rem;font-weight:700;margin-bottom:16px}.contact-field{width:100%;padding:12px 14px;margin-bottom:12px;border-radius:999px;border:1px solid #ccc;font-size:.95rem}.contact-textarea{border-radius:18px;min-height:120px;resize:vertical}.contact-button{width:100%;border-radius:999px;padding:13px 16px;border:none;background:#111;color:#fff;font-weight:600;font-size:.98rem;cursor:pointer;transition:.15s}.contact-button:hover{background:#000;transform:translateY(-1px)}.footer{text-align:center;font-size:.8rem;color:#777;padding:16px 0 0}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.faq{margin-bottom:56px;padding:20px;background:#f9f9f9;border-radius:18px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.faq-item{margin-bottom:20px;padding:15px;border-bottom:1px solid #ddd}.faq-item:last-child{border-bottom:none}.faq-question{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:8px}.faq-answer{font-size:1rem;color:#555;line-height:1.6}.faq{margin-bottom:56px;padding:20px;background:#f9f9f9;border-radius:18px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.faq-item{margin-bottom:20px;padding:12px 0;border-bottom:1px solid #ddd}.faq-item:last-child{border-bottom:none}.faq-question{font-size:1.2rem;font-weight:700;color:#333;margin:0;cursor:pointer;position:relative;padding-right:28px;outline:0}.faq-question::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:700;transition:transform .18s ease}.faq-item.open .faq-question::after{content:"−"}.faq-question:focus{box-shadow:0 0 0 3px rgba(0,112,243,.12);border-radius:6px}.faq-answer{font-size:1rem;color:#555;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .28s ease,margin-top .18s ease;margin-top:0}.faq-item.open .faq-answer{margin-top:8px}.pricing{text-align:center;margin-bottom:40px;padding:24px;background:#1f2933;color:#eef2f6;border-radius:14px;box-shadow:0 6px 20px rgba(8,12,16,.45)}.pricing-lead{font-size:1.15rem;font-weight:700;margin-bottom:12px;color:#fff}.pricing-body{display:grid;grid-template-columns:1fr;gap:18px;max-width:880px;margin:0 auto;align-items:start}.pricing-sub{font-size:1rem;font-weight:700;margin-bottom:8px;color:#f3f7fb}.bullets{list-style:disc;padding-left:20px;color:#d1d5db;text-align:left;margin:0}.pricing-includes .bullets{margin-top:6px}.pricing-cta{margin-top:18px}.pricing .btn-primary{background:#fff;color:#111;box-shadow:0 8px 30px rgba(2,6,23,.25)}.pricing .btn-ghost{background:0 0;color:rgba(255,255,255,.95);border-color:rgba(255,255,255,.18)}@media (min-width:720px){.pricing-body{grid-template-columns:1fr 1fr;gap:28px;text-align:left}.pricing-cta{text-align:center}}.pricing .btn{min-width:180px}li:before{content:"";font-family:Ionicons;margin-right:10px;font-size:1.125rem;line-height:1;color:#48cb4b}li{list-style-type:none}.site-logo{display:block;margin:0 auto 14px;width:140px;height:auto;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 6px 20px rgba(2,6,23,.12))}.hero-inner{padding:28px 20px;max-width:720px}@media (min-width:880px){.site-logo{margin:0 0 18px 0;width:160px}.hero-inner{padding:40px 20px}}