:root{font:14px/1.35 Arial,sans-serif;color:#eef8ff;background:#eef3f8;--blue:#008cff;--cyan:#00b9ff;--green:#00ed85;--gold:#ffbd00;--panel:#071726;--line:#1a405d}*{box-sizing:border-box}body{margin:0}.site{max-width:1280px;margin:auto;background:#02101c;box-shadow:0 0 40px #0005}header{height:132px;padding:18px 38px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#05131fdd,#05131f66),radial-gradient(circle at 70% 30%,#ffb900 0,transparent 25%),linear-gradient(135deg,#064765,#04101c 60%)}.brand{display:flex;align-items:center;gap:15px}.brand .sun{font-size:75px;color:var(--gold);filter:drop-shadow(0 0 10px #ff9d00)}.brand b{font-size:45px;line-height:.9}.brand b span{color:var(--gold)}.brand strong,.brand small{display:block;letter-spacing:.24em;color:#00c5ff}.brand strong{font-size:15px;margin-top:10px}.brand small{font-size:10px}.header-art{text-align:right;color:white;font-size:11px}nav{height:66px;background:#062744;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:10px 42px}nav a{display:grid;place-items:center;text-decoration:none;color:white;border:1px solid #0876b2;border-radius:9px;background:linear-gradient(#07558b,#052844);font-weight:800}nav a.active{background:var(--gold);color:#071522}.intro{text-align:center;padding:10px 15px}.intro h1{font-size:34px;margin:0}.intro h1 span{color:var(--gold)}.intro p{color:#96c1df;margin:4px}.dash{margin:0 8px 14px;border:1px solid #4b718c;border-radius:10px;display:grid;grid-template-columns:210px 1fr;overflow:hidden;background:#041321}.dash aside{background:linear-gradient(120deg,#122d42,#071522);display:flex;flex-direction:column}.dash-logo{padding:18px;font-size:17px}.dash aside>a{padding:13px 20px;color:#c6e6fa}.dash aside>a.selected{background:#0879fb;color:white;font-weight:bold}.dash aside footer{margin-top:auto;padding:18px}.dash aside footer b,.dash aside footer small{display:block}.dash main{padding:8px}.dashbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a6cee8;padding:0 10px}.ok{color:var(--green)}.warn{color:var(--gold)}.mppts{display:grid;grid-template-columns:1fr 1fr .85fr;gap:7px;margin-top:7px}.dash article{border:1px solid var(--line);border-radius:6px;background:linear-gradient(145deg,#061b2b,#03101b);padding:9px}.dash h2{font-size:15px;margin:0 0 6px;color:#dff4ff}.dash h2 small{font-weight:normal;color:#8db8d3}.mppt{display:flex}.panels{font-size:52px;color:#00a8ff;margin:6px 18px}.dash dl{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:0}.dash dt{color:#a9cbe1}.dash dd{margin:0;font-weight:bold}.solar-graph svg{width:100%;height:85px}.system{display:grid;grid-template-columns:2fr 1fr;gap:7px;margin-top:7px}.battery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.battery-grid>strong{font-size:30px;color:var(--green);text-align:center}.battery-grid>strong:nth-child(2){color:#00b8ff}.bar{height:19px;background:#06314c;border-radius:5px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#00ed85,#20dfa2)}.battery p{margin:5px 0 0;color:#b7d8e8}.battery p b{float:right;color:var(--green)}.lower{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:7px;margin-top:7px}.flow,.energy{display:flex;justify-content:space-around;align-items:center}.flow span{text-align:center}.flow span>*{display:block}.flow span{font-size:28px;color:var(--gold)}.flow b{font-size:12px;color:white}.flow small{font-size:9px;color:#9bbbd0}.flow i{color:var(--green);font-size:23px}.energy{flex-wrap:wrap}.energy b{color:var(--green);font-size:18px}.energy span{font-size:10px;color:#9cc5dd}.lower ul{list-style:none;padding:0;margin:0;color:var(--green)}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#f3f7fb;color:#102439}.features article{display:flex;gap:18px;padding:24px 30px;border-right:1px solid #cddae5}.features article>b{font-size:40px}.features h3{margin:0;font-size:14px}.features p{font-size:11px;margin:4px 0}.hardware{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 45px;background:linear-gradient(#0a3150,#03111e)}.hardware article{text-align:center;border-right:1px solid #1775a8}.hardware b,.hardware span{display:block}.hardware span{color:#96bdd5;font-size:11px}.legal{text-align:center;padding:12px;color:#789bb2;font-size:10px}@media(max-width:800px){header{height:auto;padding:16px}.brand .sun{font-size:45px}.brand b{font-size:28px}.header-art{display:none}nav{grid-template-columns:repeat(3,1fr);height:auto;padding:8px;gap:6px}nav a{padding:9px 4px;font-size:10px}.intro h1{font-size:23px}.dash{grid-template-columns:1fr}.dash aside{display:none}.mppts{grid-template-columns:1fr 1fr}.solar-graph{display:none}.system,.lower{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.hardware{grid-template-columns:1fr;padding:12px}.hardware article{padding:7px;border:0}.dashbar{font-size:10px}.panels{font-size:35px;margin:8px}.battery-grid>strong{font-size:23px}}@media(max-width:430px){.brand b{font-size:23px}.brand strong{font-size:10px}.mppts{grid-template-columns:1fr}.features{grid-template-columns:1fr}.dash main{padding:5px}.battery-grid{grid-template-columns:1fr 1fr}.battery-grid dl{grid-column:1/-1;margin-top:8px}.dashbar span:last-child{display:none}}