:root{
  --bg:#050b14;--bg2:#07111f;--panel:#0d1726;--line:rgba(148,163,184,.16);
  --text:#f8fafc;--muted:#94a3b8;--blue:#4f8cff;--violet:#9b5cff;--green:#22c55e;--amber:#fbbf24;
  --radius:18px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 600px at 72% 8%,rgba(29,78,216,.24),transparent 60%),radial-gradient(680px 420px at 14% 18%,rgba(34,197,94,.09),transparent 62%),linear-gradient(180deg,#040911,#07111f 54%,#050b14)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:34px;padding:22px max(28px,calc((100vw - var(--max))/2));background:rgba(5,11,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand img{width:190px}.nav{display:flex;gap:30px;margin-left:auto}.nav a,.login{font-weight:700;font-size:14px;color:#dbe7f7}.nav a:hover{color:white}
.header-actions{display:flex;align-items:center;gap:24px}.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:12px;font-weight:800;border:1px solid rgba(255,255,255,.16);transition:.2s transform,.2s border,.2s background}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--violet),#3b82f6);box-shadow:0 14px 34px rgba(59,130,246,.3)}.btn-secondary{background:rgba(255,255,255,.035)}.btn-small{padding:12px 20px}
.section{max-width:var(--max);margin:0 auto;padding:76px 28px}.hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:62px;align-items:center;padding-top:82px}
.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(34,197,94,.12);color:#48f18a;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}
h1,h2,h3,p{margin-top:0}h1{font-size:44px;line-height:.98;letter-spacing:-.06em;margin:28px 0 25px}h1 span{color:#a87bff}
.hero-copy p{font-size:18px;line-height:1.72;color:#c0ccdb;max-width:620px}.hero-actions{display:flex;gap:18px;margin:36px 0 26px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:13px;color:#cbd5e1;font-weight:650}.checks li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:99px;background:rgba(34,197,94,.18);color:#4ade80}
.dashboard-shell{padding:12px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.dashboard-shell img{border-radius:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.trust{max-width:var(--max);margin:0 auto;padding:26px 28px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.trust span{font-size:12px;text-transform:uppercase;letter-spacing:.28em;color:#7f8ea3;font-weight:900}.logos{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-top:28px}.logos strong{font-size:25px;color:rgba(226,232,240,.68);filter:grayscale(1)}
.compact{padding-top:42px}.section-head{text-align:center;margin-bottom:36px}.section-head h2,.devices h2,.cta h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.04em;margin-bottom:12px}.section-head p{color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));min-height:148px;display:grid;grid-template-columns:70px 1fr;column-gap:16px}.feature p{grid-column:2;color:#a9b5c7;line-height:1.55}.feature h3{margin-bottom:8px}.icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;font-size:30px;font-weight:900}.green{background:rgba(34,197,94,.12);color:#4ade80}.blue{background:rgba(59,130,246,.14);color:#38bdf8}.amber{background:rgba(251,191,36,.12);color:#fbbf24}.red{background:rgba(248,113,113,.13);color:#fb7185}.purple{background:rgba(168,85,247,.14);color:#a78bfa}.cyan{background:rgba(45,212,191,.12);color:#2dd4bf}
.devices{padding-top:24px;text-align:center;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035)}.device-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:30px 0}.device-row span{padding:18px;border-right:1px solid var(--line);color:#e2e8f0;font-weight:800}.device-row span:last-child{border-right:0}.chips{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.chips b{padding:9px 24px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#80d9ff}
.steps{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;gap:14px;align-items:center}.steps article{min-height:290px}.num{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--green);color:#86efac;font-size:22px;font-weight:900}.steps p{color:#a9b5c7}.steps img{height:130px;object-fit:contain;margin-top:20px}.arrow{font-size:40px;color:#526176}
.cta{max-width:var(--max);margin:36px auto 0;padding:44px 52px;border-radius:24px;background-image:linear-gradient(90deg,rgba(3,13,35,.92),rgba(14,44,95,.72)),url("../assets/solar-bg.svg");background-size:cover;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#cbd5e1;margin:0}.cta-actions{display:flex;gap:16px;flex-shrink:0}
.footer{max-width:var(--max);margin:44px auto 0;padding:44px 28px 58px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;color:#cbd5e1}.footer img{width:190px;margin-bottom:18px}.footer p{color:#94a3b8;line-height:1.6}.footer nav{display:grid;gap:10px}.footer h4{color:white;margin:0 0 10px}.footer a{color:#b6c2d3}
.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:960px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.device-row{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.arrow{display:none}.cta,.footer{grid-template-columns:1fr;display:grid}.nav,.header-actions{display:none}.menu-toggle{display:block;margin-left:auto;background:transparent;color:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.site-header.menu-open .nav,.site-header.menu-open .header-actions{display:flex;position:absolute;left:20px;right:20px;top:76px;flex-direction:column;background:#07111f;border:1px solid var(--line);border-radius:16px;padding:20px}.site-header.menu-open .header-actions{top:270px}}
@media(max-width:620px){.section{padding-left:18px;padding-right:18px}.hero-actions,.cta-actions{flex-direction:column}.feature-grid{grid-template-columns:1fr}.feature{grid-template-columns:54px 1fr}.icon{width:48px;height:48px}.device-row{grid-template-columns:1fr}.device-row span{border-right:0;border-bottom:1px solid var(--line)}h1{font-size:42px}.logos{justify-content:center}.site-header{padding-left:18px;padding-right:18px}.brand img{width:160px}}