.product-gridshift{color-scheme:light;font-synthesis:none}.product-gridshift *{box-sizing:border-box}.product-gridshift{scroll-behavior:smooth}.product-gridshift{margin:0;-webkit-font-smoothing:antialiased}.product-gridshift button,.product-gridshift input,.product-gridshift select{font:inherit}.product-gridshift button,.product-gridshift a{touch-action:manipulation}.product-gridshift button{cursor:pointer}.product-gridshift a{text-decoration:none;color:inherit}.product-gridshift button:focus-visible,.product-gridshift a:focus-visible,.product-gridshift input:focus-visible,.product-gridshift select:focus-visible{outline:3px solid #f28e38;outline-offset:4px}.product-gridshift p,.product-gridshift h1,.product-gridshift h2,.product-gridshift h3,.product-gridshift h4{margin-top:0}.product-gridshift svg{display:block;max-width:100%}.product-gridshift img{max-width:100%;display:block}.product-gridshift .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.product-gridshift .skip{position:absolute;top:-70px;left:15px;z-index:1000;background:white;color:black;padding:10px 16px}.product-gridshift .skip:focus{top:12px}.product-gridshift .concept-disclosure{font-size:10px;letter-spacing:.09em;text-transform:uppercase;opacity:.72}.product-gridshift .visually-muted{opacity:.66}.product-gridshift .interactive-note{font-size:11px;opacity:.75}.product-gridshift nav a:hover,.product-gridshift button:hover{filter:brightness(1.12)}@media(prefers-reduced-motion:reduce){.product-gridshift *,.product-gridshift *::before,.product-gridshift *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.product-gridshift{--bg:#0d1916;--panel:#1c2c27;--line:#395147;--mint:#bcf5b7;--silver:#d8e4d8;--dark:#829c88}.product-gridshift{background:var(--bg);color:var(--silver);font-family:'Inter',sans-serif}.product-gridshift .top{height:82px;padding:0 4.5%;border-bottom:1px solid #3c53454d;display:flex;align-items:center;justify-content:space-between}.product-gridshift .logo{font-size:23px;font-weight:850;letter-spacing:-1.5px}.product-gridshift .logo i{display:inline-block;width:14px;height:14px;transform:rotate(45deg);background:var(--mint);margin-right:13px}.product-gridshift .navlinks{display:flex;gap:38px;align-items:center;font-size:11px;font-weight:700}.product-gridshift .navlinks a.active{color:var(--mint)}.product-gridshift .active-chip{display:flex;align-items:center;gap:10px;color:var(--mint);font:700 11px monospace}.product-gridshift .active-chip i{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 7px #b9eeb117}.product-gridshift .main{padding:57px 4.5% 50px}.product-gridshift .heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.product-gridshift .eyebrow{font:700 10px monospace;color:#87a08c;letter-spacing:.12em}.product-gridshift .heading h1{font-size:clamp(55px,5vw,92px);line-height:.98;letter-spacing:-.085em;margin:20px 0}.product-gridshift .heading h1 em{font-style:normal;color:var(--mint)}.product-gridshift .heading p{max-width:310px;font-size:13px;color:#92a79b;line-height:1.7}.product-gridshift .energy-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(340px,1.35fr) minmax(250px,.85fr);gap:15px;margin-top:40px;min-height:495px}.product-gridshift .panel{background:#162520;border:1px solid #344a3e;overflow:hidden;min-width:0}.product-gridshift .panel-pad{padding:23px}.product-gridshift .panel-top{display:flex;align-items:center;justify-content:space-between;font:750 10px monospace;letter-spacing:.07em;color:#a2b7a7}.product-gridshift .panel-top span:last-child{color:#83a393}.product-gridshift .gauge-svg{width:min(300px,95%);height:auto;flex:none}.product-gridshift .gaugebox{display:flex;align-items:center;justify-content:center;position:relative;height:350px}.product-gridshift .ring{width:min(270px,85%);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -90deg,var(--mint) 0deg 242deg,#314d3d 242deg 360deg);display:grid;place-items:center;transform:rotate(-7deg)}.product-gridshift .ring:before{content:"";width:80%;height:80%;background:#162520;border-radius:50%;position:absolute}.product-gridshift .ring-content{position:absolute;text-align:center}.product-gridshift .ring-content span{display:block;font:700 10px monospace;color:#92ae9d;letter-spacing:.13em}.product-gridshift .ring-content strong{font-size:89px;font-weight:640;letter-spacing:-.09em;line-height:1.1;color:#effbeb}.product-gridshift .ring-content small{display:block;color:var(--mint);font:700 12px monospace}.product-gridshift .panel-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 23px;font-size:11px}.product-gridshift .panel-bottom b{color:var(--mint)}.product-gridshift .chartpanel{padding:23px;display:flex;flex-direction:column;background:#1d2c25}.product-gridshift .chart-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.product-gridshift .chart-head h2{font-size:41px;letter-spacing:-.07em;font-weight:630;margin:15px 0}.product-gridshift .chart-head h2 small{font-size:13px;letter-spacing:0;color:#a1b09e}.product-gridshift .chart-head>span{background:#314c3d;color:#c8e8b6;padding:9px;font:700 10px monospace}.product-gridshift .barviz{display:block;flex:0 0 265px;height:265px;padding:0 2px 25px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0 64px,#91b99a16 65px 66px)}.product-gridshift .barviz svg{width:100%;height:100%;display:block}.product-gridshift .barviz .bar{flex:1;min-width:0;max-width:45px;background:#68947a;border-radius:2px 2px 0 0;position:relative}.product-gridshift .barviz .bar.highlight{background:var(--mint)}.product-gridshift .barviz .bar:after{content:attr(data-time);position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font:9px monospace;color:#83a08b}.product-gridshift .chart-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#a1b9a5;padding-top:24px}.product-gridshift .chart-foot b{font-size:23px;color:var(--mint)}.product-gridshift .proposal{display:flex;flex-direction:column;gap:15px}.product-gridshift .proposal .pane{padding:23px;background:#263a2d;border:1px solid var(--line);flex:1}.product-gridshift .proposal .pane:nth-child(2){background:#d6f2b3;color:#183525}.product-gridshift .proposal .pane:nth-child(2) .panel-top{color:#466e4c}.product-gridshift .pane h3{font-size:28px;letter-spacing:-.065em;line-height:1.15;margin:36px 0 10px}.product-gridshift .pane p{font-size:12px;line-height:1.65;opacity:.76}.product-gridshift .pane button{width:100%;background:#1c3a2a;border:0;color:#e8f4d7;padding:13px;font-weight:800;font-size:11px;margin-top:18px}.product-gridshift .pane .smallval{color:#baf5ae;font-size:24px;letter-spacing:-.05em;margin-top:20px;font-weight:700}.product-gridshift .stripes{margin:26px 0 0;height:9px;background:repeating-linear-gradient(90deg,var(--mint) 0 34px,#455b47 34px 42px)}.product-gridshift .explain{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:30px;font-size:10px;font-family:monospace;color:#829c8d}.product-gridshift .footer{padding:22px 4.5%;border-top:1px solid var(--line);font:10px monospace;color:#78917f}.product-gridshift .feedback{position:fixed;bottom:22px;right:22px;background:#d8f4c8;color:#1c402b;padding:18px;z-index:10;font-size:12px;box-shadow:0 10px 60px #000b}@media(max-width:1120px){.product-gridshift .energy-grid{grid-template-columns:1fr 1.3fr}.product-gridshift .proposal{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.product-gridshift .heading h1{font-size:60px}}@media(max-width:740px){.product-gridshift .top{padding:0 20px}.product-gridshift .navlinks a:not(.active){display:none}.product-gridshift .navlinks{gap:14px}.product-gridshift .main{padding:40px 18px}.product-gridshift .heading{display:block}.product-gridshift .heading h1{font-size:59px}.product-gridshift .energy-grid{grid-template-columns:1fr}.product-gridshift .proposal{grid-column:auto;grid-template-columns:1fr}.product-gridshift .gaugebox{height:310px}.product-gridshift .barviz{min-height:230px;gap:9px}.product-gridshift .chart-head h2{font-size:34px}.product-gridshift .explain{flex-wrap:wrap}.product-gridshift .footer{padding:20px}}
.v2-product{isolation:isolate;overflow-x:clip}.v2-product button{min-height:44px}.v2-product [role=status]{line-height:1.6}