.landing-hero{isolation:isolate}.landing-hero .hero-text{animation:landing-enter .65s both cubic-bezier(.2,.75,.3,1)}.landing-hero .hero-text:nth-child(2){animation-delay:.08s}.landing-hero .hero-text:nth-child(3){animation-delay:.16s}.landing-hero .hero-text:nth-child(4){animation-delay:.24s}.landing-hero h1 span{background-size:180% 100%;animation:landing-color 9s ease-in-out infinite alternate}.landing-hero .hero-mockup{min-width:0;animation:landing-enter .85s .18s both cubic-bezier(.2,.75,.3,1)}
.energy-demo{--demo-accent:#38bdf8;position:relative;padding:24px;border:1px solid #49617b80;border-radius:28px;background:radial-gradient(ellipse at 100% 0%,#38bdf814,transparent 60%),#162235;box-shadow:0 25px 70px #02061750;color:#e2e8f0;overflow:hidden}.energy-demo:before{content:"";position:absolute;inset:0 24px auto;height:1px;background:linear-gradient(90deg,transparent,#67e8f9aa,transparent)}.energy-demo-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.78rem;color:#b6c9de}.energy-demo-top>span:first-child{display:flex;align-items:center;gap:8px}.energy-demo-dot{height:7px;width:7px;background:#38bdf8;border-radius:50%;box-shadow:0 0 12px #38bdf880}.energy-demo-badge{font-size:.62rem;letter-spacing:.1em;border:1px solid #475569;border-radius:20px;padding:5px 8px}.energy-demo-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px}.energy-demo-summary p{font-size:.75rem;color:#94a3b8}.energy-demo-summary h2{font-size:1.4rem;line-height:1.2;margin:6px 0;font-weight:750}.energy-demo-summary>div>span{font-size:.78rem;color:#b6c9de}.energy-demo-number{display:flex;flex-direction:column;text-align:right;flex-shrink:0}.energy-demo-number strong{font-size:2.7rem;line-height:1.1;letter-spacing:-.05em;color:var(--demo-accent);font-variant-numeric:tabular-nums;transition:color .5s}.energy-demo-number span{font-size:.7rem;color:#b6c9de}
.energy-demo-chart{height:178px;position:relative;margin-top:20px}.energy-demo-grid{position:absolute;inset:0 0 24px;background:repeating-linear-gradient(to top,#94a3b81c 0 1px,transparent 1px 38px)}.energy-demo-bars{display:flex;gap:12px;position:relative;height:100%;padding:0 6px}.energy-demo-bars>div{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;padding-bottom:24px}.energy-demo-bars span{width:100%;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,color-mix(in srgb,var(--demo-accent) 40%,transparent),var(--demo-accent));transition:height .85s cubic-bezier(.22,.7,.3,1),background .5s;box-shadow:0 -6px 20px #38bdf808}.energy-demo-bars small{position:absolute;bottom:0;color:#9aaec4;font-size:.68rem}.energy-demo-controls{display:flex;gap:6px;margin:22px 0 16px}.energy-demo button{font:inherit;cursor:pointer}.energy-demo-controls button{flex:1;border:1px solid #47556970;padding:10px 6px;border-radius:12px;font-size:.78rem;color:#b6c9de;background:#0f172a55;min-height:44px;transition:background .2s,border-color .2s,color .2s}.energy-demo-controls button[aria-pressed="true"]{border-color:var(--demo-accent);background:#38bdf810;color:#f8fafc}.energy-demo button:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}.energy-demo-advice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #47556960;border-radius:16px;background:#0b142780;min-height:100px}.energy-demo-advice img{object-fit:contain;flex-shrink:0;width:52px;height:52px}.energy-demo-advice p{font-size:.83rem;line-height:1.65}.energy-demo-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}.energy-demo-footer small{color:#94a3b8;font-size:.65rem;line-height:1.6}.energy-demo-footer button{flex-shrink:0;min-height:44px;padding:5px 8px;border-radius:8px;border:1px solid #475569;color:#cbd5e1;font-size:.7rem;background:transparent}.energy-demo [hidden]{display:none!important}.landing-reveal{animation:landing-enter .65s both}@keyframes landing-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-color{to{background-position:100% 50%}}
html[data-theme="dark"] .energy-demo{background:#101318}html[data-theme="light"] .energy-demo{background:#eef8ff;color:#1e293b}html[data-theme="light"] .energy-demo :is(.energy-demo-top,.energy-demo-summary p,.energy-demo-summary>div>span,.energy-demo-number span,.energy-demo-bars small,.energy-demo-footer small){color:#475569}html[data-theme="light"] .energy-demo-advice{background:#fff}html[data-theme="light"] .energy-demo button{color:#1e293b;background:#ffffff90}
@media(max-width:640px){.energy-demo{padding:18px;border-radius:22px}.energy-demo-summary h2{font-size:1.2rem}.energy-demo-number strong{font-size:2.2rem}.energy-demo-top{font-size:.68rem}.energy-demo-chart{height:155px}.energy-demo-bars{gap:8px}.energy-demo-controls button{font-size:.7rem}.energy-demo-advice{padding:10px;gap:8px}.energy-demo-advice p{font-size:.8rem}.energy-demo-footer{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.landing-hero .hero-text,.landing-hero .hero-mockup,.landing-hero h1 span,.landing-reveal{animation:none!important}.energy-demo *{transition:none!important}}html[data-motion="reduced"] :is(.hero-text,.hero-mockup,.landing-reveal),html[data-motion="reduced"] .landing-hero h1 span{animation:none!important}html[data-motion="reduced"] .energy-demo *{transition:none!important}