:root{--navy:#06182c;--navy2:#0b2744;--blue:#00a8ff;--cyan:#33d6ff;--ink:#0b1726;--muted:#657487;--line:#dce4eb;--bg:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;gap:34px;padding:0 5vw;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand b{color:#087dc2}.mark{font-size:20px;color:#087dc2}nav{display:flex;gap:24px;margin-left:auto;font-size:13px;font-weight:700;color:#33465a}nav a:hover{color:#0788d2}.btn{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#087cc1,#00b5f3);color:#fff;padding:15px 22px;border:0;font-weight:800;font-size:13px;letter-spacing:.3px;cursor:pointer}.btn.small{padding:11px 15px}.btn.ghost{background:transparent;border:1px solid #5a7188}.hero{min-height:670px;padding:115px 8vw 70px;color:white;background:radial-gradient(circle at 80% 35%,rgba(0,168,255,.22),transparent 30%),linear-gradient(115deg,#04111f 0%,#071d33 58%,#092c4b 100%);position:relative;overflow:hidden}.hero:after{content:"⚡";position:absolute;right:8vw;top:95px;font-size:330px;font-weight:900;color:rgba(0,174,255,.08);transform:skew(-10deg)}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:#0ca7ec;margin-bottom:18px}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;margin:0;max-width:850px;letter-spacing:-4px}.hero h1 span{color:#1bb9f5}.hero>p{max-width:680px;color:#c5d3df;font-size:19px;line-height:1.6;margin:28px 0}.actions{display:flex;gap:12px}.stats{display:flex;gap:0;margin-top:90px;border-top:1px solid #2d465e;max-width:900px}.stats div{padding:24px 40px 0 0;margin-right:40px;border-right:1px solid #2d465e}.stats strong,.stats small{display:block}.stats strong{font-size:18px}.stats small{color:#91a6b9;margin-top:6px}.strip{background:#071522;color:#b6c6d3;display:flex;justify-content:center;gap:7vw;padding:19px;font-size:11px;letter-spacing:2px}.section{padding:95px 8vw}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.section h2,.cta h2{font-size:clamp(36px,4.5vw,62px);line-height:1.05;margin:0 0 20px;letter-spacing:-2px}.section-head p,.lead,.split p,.about p{color:var(--muted);line-height:1.7;font-size:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border:1px solid var(--line);padding:28px;min-height:330px;transition:.2s}.cards article:hover{transform:translateY(-4px);box-shadow:0 15px 40px #12283a18}.tag{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#0787ca}.cards h3{font-size:22px;margin:18px 0 12px}.cards p{color:var(--muted);line-height:1.55;font-size:14px}.cards dl{margin:25px 0}.cards dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:12px}.cards dt{color:var(--muted)}.cards dd{margin:0;font-weight:800}.cards a{color:#0787ca;font-weight:800;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.dark{background:#06182c;color:white}.dark p{color:#aebdca}.split ul{padding:0;list-style:none}.split li{padding:11px 0;border-bottom:1px solid #ffffff20}.split li:before{content:"→";color:#0ab6f1;margin-right:12px}.visual{min-height:390px;background:linear-gradient(145deg,#0b2946,#071522);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 20px 60px #0003}.visual .bolt{font-size:110px;color:#10bdf4}.visual b{font-size:28px;letter-spacing:3px}.visual span{color:#90a9bb;margin-top:10px}.visual.light{background:linear-gradient(145deg,#eef5f9,#dcebf4);color:#09233c}.battery{font-size:54px;letter-spacing:6px;color:#079bdc;margin-bottom:24px}.center{text-align:center;background:var(--bg)}.center .lead{max-width:780px;margin:0 auto}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;text-align:left}.process div{background:white;padding:35px;border:1px solid var(--line)}.process i,.process b,.process span{display:block}.process i{font-style:normal;color:#079bdc;font-size:12px;font-weight:800}.process b{font-size:23px;margin:18px 0 8px}.process span{color:var(--muted);line-height:1.5}.form-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#06182c;color:white}.form-section>div p{color:#aebdca;line-height:1.7}.form-section form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-section label{font-size:11px;font-weight:800;letter-spacing:.5px;color:#a9bac8}.form-section input,.form-section select,.form-section textarea{width:100%;margin-top:8px;background:#0c2740;border:1px solid #29465e;color:white;padding:14px;font:inherit;outline:none}.form-section input:focus,.form-section textarea:focus{border-color:#0aafea}.wide{grid-column:1/-1}.cta{padding:70px 8vw;background:linear-gradient(100deg,#0781c8,#00b6e8);color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta .eyebrow{color:#d7f4ff}.cta p{max-width:760px;line-height:1.6}.cta .btn{background:#06182c}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}footer{background:#04111f;color:#91a6b9;padding:45px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}footer .brand{color:white}footer>div:nth-child(2){display:flex;gap:18px;justify-content:flex-end;font-size:13px}footer>div:nth-child(2) b{color:white}footer small{grid-column:1/-1;border-top:1px solid #24384a;padding-top:20px}@media(max-width:950px){header nav{display:none}.cards{grid-template-columns:1fr 1fr}.split,.form-section,.about,.section-head{grid-template-columns:1fr}.hero{padding-top:90px}.hero:after{display:none}.stats{flex-wrap:wrap}.process{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}footer>div:nth-child(2){justify-content:flex-start;flex-wrap:wrap}}@media(max-width:620px){header{padding:0 20px}.btn.small{display:none}.section,.hero{padding-left:24px;padding-right:24px}.hero h1{letter-spacing:-2px}.actions,.stats{flex-direction:column}.stats div{border-right:0}.strip{overflow:auto;justify-content:flex-start}.cards{grid-template-columns:1fr}.form-section form{grid-template-columns:1fr}.wide{grid-column:auto}.cta{padding:55px 24px}footer{padding:40px 24px}footer>div:nth-child(2){flex-direction:column}}
.brand img{width:34px;height:34px;object-fit:cover;object-position:50% 25%;border-radius:4px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:center}.hero-copy{position:relative;z-index:2}.hero-art{position:relative;z-index:2;display:flex;justify-content:center}.hero-art img{width:min(430px,100%);border-radius:16px;box-shadow:0 30px 90px #0008}.contact-box{margin-top:35px;padding:22px;border:1px solid #29465e;background:#0a2239;display:flex;flex-direction:column;gap:7px}.contact-box a{color:#23c4ff}.seller{background:#f4f7fa;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.seller-copy p{color:var(--muted);line-height:1.7}.seller form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:white;padding:32px;border:1px solid var(--line);box-shadow:0 18px 55px #0b172612}.seller label{font-size:11px;font-weight:800;letter-spacing:.5px;color:#53677b}.seller input,.seller select,.seller textarea{width:100%;margin-top:8px;background:#fff;border:1px solid #cad6df;color:var(--ink);padding:14px;font:inherit;outline:none}.seller input:focus,.seller textarea:focus,.seller select:focus{border-color:#0aafea}.form-note{color:#7890a3;line-height:1.5}.dark-note{color:#738496}footer .brand img{width:38px;height:38px}@media(max-width:950px){.hero,.seller{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:620px){.seller form{grid-template-columns:1fr;padding:22px}.seller .wide{grid-column:auto}.brand img{width:30px;height:30px}}

/* Netlify form enhancements */
.hp{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.form-status{padding:14px 16px;border-radius:10px;font-weight:700;margin-top:4px}
.form-status.success{background:rgba(35,190,120,.12);border:1px solid rgba(35,190,120,.35)}
.form-status.error{background:rgba(220,70,70,.12);border:1px solid rgba(220,70,70,.35)}
button:disabled{opacity:.65;cursor:wait}