.client-v2{--client-ink:#173b31;--client-muted:#667b71;--client-accent:#226b52;background:#f5f7f4;color:var(--client-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-tap-highlight-color:transparent}
.client-v2 *{box-sizing:border-box}.client-v2 button,.client-v2 input,.client-v2 select{font:inherit}.client-v2 button,.client-v2 a{touch-action:manipulation}.client-v2 button:focus-visible,.client-v2 a:focus-visible,.client-v2 summary:focus-visible{outline:3px solid #eeaa5d;outline-offset:4px}.client-v2 svg{flex-shrink:0}
.client-v2 .client-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:18px max(28px,calc((100vw - 1160px)/2));border-bottom:1px solid #dfe7df;background:#fff;position:relative;z-index:20;flex-wrap:nowrap}.client-v2 .client-header>.brand{width:auto;font-size:23px;letter-spacing:-1px;text-decoration:none;white-space:nowrap;color:var(--client-ink)}.client-header-caption{font-size:12px;color:var(--client-muted);margin-left:auto}.client-v2 .client-user-menu{position:relative}.client-v2 .client-user-menu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid #dce6dd;border-radius:28px;padding:10px 15px;min-height:44px;font-size:13px;color:var(--client-ink);white-space:nowrap;margin:0}.client-user-menu summary::-webkit-details-marker{display:none}.client-user-menu summary svg{width:20px;height:20px}.client-v2 .client-user-menu[open] summary{background:#eef5ef;margin:0}.client-v2 .client-header-right{position:absolute;right:0;top:calc(100% + 12px);width:220px;max-width:none;display:grid;gap:3px;padding:8px;background:#fff;border:1px solid #dce6dd;border-radius:17px;box-shadow:0 16px 50px #173b3120}.client-v2 .client-header-right button{width:100%;text-align:left;border:0;background:transparent;padding:13px 15px;min-height:46px;font-size:14px;border-radius:11px;color:var(--client-ink);flex:none}.client-v2 .client-header-right button:hover{background:#f1f6f0}.client-v2 #client-logout{color:#9b4e3d}
.client-v2 .client-main{max-width:1216px;margin:0 auto;padding:0 28px 30px;min-width:0}.client-v2 .client-welcome{display:flex;align-items:center;justify-content:space-between;padding:38px 0 22px;gap:22px}.client-v2 .eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#739080}.client-v2 .client-welcome h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1.2px;line-height:1.25;margin:9px 0 9px;font-weight:650}.client-v2 .client-welcome p{font-size:14px;color:var(--client-muted);line-height:1.6;margin:0}.client-welcome-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.client-v2 .client-welcome-actions button{display:flex;align-items:center;gap:8px;min-height:44px;background:#fff;border:1px solid #dce6dd;border-radius:12px;padding:11px 14px;font-size:13px;color:var(--client-ink)}.client-welcome-actions svg{width:18px;height:18px}
.client-v2 .client-toolbar{position:sticky;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;background:#f5f7f4f2;backdrop-filter:blur(16px);z-index:10}.client-v2 .client-tabs{display:flex;gap:5px;padding:5px;border:1px solid #dde7dd;border-radius:17px;background:#eaf0e8;width:auto;max-width:none}.client-v2 .client-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;min-height:46px;padding:11px 18px;border-radius:12px;border:0;color:#60746a;background:transparent;white-space:nowrap}.client-v2 .client-tabs button svg{width:19px;height:19px}.client-v2 .client-tabs button[aria-selected=true]{background:#226b52;color:#fff;box-shadow:0 3px 10px #226b5220}.client-v2 .client-updated{font-size:11px;color:var(--client-muted);white-space:normal;max-width:230px;text-align:right}.client-v2 #notification-unread:not(:empty){display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:8px;background:#ffe2ac;color:#644612;font-size:10px;padding:0 4px;margin-left:3px}
.client-v2 .client-panel{outline:none;padding-top:0}.client-v2 .client-highlights{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin:5px 0 22px}.client-v2 .client-highlight{padding:24px;border-radius:22px;background:#fff;border:1px solid #dfe8df;min-height:166px;transition:transform .15s,box-shadow .15s}.client-v2 .client-highlight:hover{transform:translateY(-2px);box-shadow:0 9px 24px #1b47340c}.client-v2 .client-highlight>span:first-child{font-size:12px;color:#577563;line-height:1.5;max-width:90%}.client-v2 .client-highlight strong{font-size:30px;line-height:1.2;color:var(--client-ink);margin:13px 0 12px;letter-spacing:-.8px;font-weight:650}.client-v2 .client-highlight small{font-size:11px;line-height:1.6;color:var(--client-muted)}.client-v2 .client-highlight.featured{background:linear-gradient(130deg,#1d614b,#2c7c5e);border-color:#216c51}.client-v2 .client-highlight.featured strong{color:#fff}.client-v2 .client-highlight.featured>span:first-child,.client-v2 .client-highlight.featured small{color:#c8e4d4}.client-v2 .client-highlight:last-child strong{font-size:22px;line-height:1.35;letter-spacing:-.4px}.client-v2 .highlight-arrow{bottom:22px;right:21px}
.client-v2 .energy-surface{padding:28px;border-radius:24px;background:#fff;border:1px solid #dfe8df;box-shadow:0 4px 18px #173b3103}.client-v2 .energy-board-heading h3{font-size:20px;line-height:1.4}.client-v2 .client-block{padding:28px;border-radius:23px;border:1px solid #dfe8df;margin:22px 0;background:#fff}.client-v2 .client-block h2,.client-v2 .client-section-intro h2{font-size:24px;line-height:1.3;letter-spacing:-.7px}.client-v2 .client-block p,.client-v2 .client-section-intro p{font-size:13px;line-height:1.7;color:var(--client-muted)}.client-v2 label{font-size:12px;line-height:1.6}.client-v2 select,.client-v2 input{min-height:46px;border-radius:11px;border-color:#d8e4d9;background:#fff;padding:10px 12px;color:var(--client-ink)}.client-v2 .detail-summary article{border-radius:16px;background:#f5f8f4;border:1px solid #e2ebe1;padding:20px;min-width:0}.client-v2 .detail-summary span{font-size:12px;color:var(--client-muted);line-height:1.5}.client-v2 .detail-summary strong{font-size:26px;color:var(--client-ink);line-height:1.3}.client-v2 .detail-summary small{font-size:12px}.client-v2 .client-support{margin-top:30px;border:0;border-radius:20px;background:#eaf1e8;padding:24px}.client-v2 .client-support h3{font-size:18px}.client-v2 .client-support a{font-size:14px}.client-v2 footer{margin-top:20px;font-size:11px;line-height:1.8}.client-v2 .client-section-intro{margin:14px 0 24px}.client-v2 .billing-total{border-radius:23px}.client-v2 .billing-total>strong{font-size:clamp(30px,4vw,42px)}.client-v2 .plan-event{border-radius:18px;padding:22px}.client-v2 .plan-event h4{font-size:16px}.client-v2 .plan-time{font-size:13px}.client-v2 .notification-card{border-radius:19px}.client-v2 .notification-card h3{font-size:18px;line-height:1.4}
.client-v2 dialog{border-radius:24px;border:1px solid #dde7df;box-shadow:0 22px 90px #173b3133;padding:28px;width:min(540px,calc(100vw - 32px));max-height:85dvh;overflow:auto;color:var(--client-ink)}.client-v2 dialog::backdrop{background:#12342866;backdrop-filter:blur(4px)}.client-v2 dialog h2{font-size:24px;letter-spacing:-.6px}.client-v2 dialog .quiet{min-width:44px;min-height:44px}.client-v2 .client-device-dialog>p{font-size:14px;color:var(--client-muted);line-height:1.7}.client-device-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.client-device-tabs button{display:flex;align-items:flex-start;flex-direction:column;gap:20px;text-align:left;min-height:130px;padding:20px;border:1px solid #dde8dc;border-radius:17px;background:#f5f8f3;color:#264e3b;font-size:14px;font-weight:600}.client-device-tabs svg{width:27px;height:27px}.client-device-tabs button:hover,.client-device-tabs button[aria-selected=true]{background:#e3efe1;border-color:#8eb598}.client-v2 .device-offer{min-height:300px;max-width:none;padding:40px}.client-v2 .device-offer .primary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:12px;text-decoration:none;padding:12px 24px}.client-v2 .account-section summary{font-size:15px;line-height:1.5;padding-block:10px}.client-v2 .client-error{font-size:13px;line-height:1.6}
@media(max-width:900px){.client-v2 .client-main{padding-inline:22px}.client-v2 .client-header{padding-inline:22px}.client-header-caption{display:none}.client-v2 .client-tabs button{padding-inline:13px}.client-v2 .client-updated{max-width:160px}.client-v2 .client-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.client-v2 .client-highlight{padding:20px;min-height:170px}.client-v2 .client-highlight strong{font-size:26px}.client-v2 .client-highlight:last-child strong{font-size:20px}}
@media(max-width:700px){.client-v2 .client-header{min-height:68px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:12px}.client-v2 .client-header>.brand{font-size:21px!important;width:auto}.client-v2 .client-user-menu summary{padding:9px 12px;font-size:12px}.client-v2 .client-header-right{width:220px;display:grid;max-width:none}.client-v2 .client-header-right button{font-size:14px;padding:13px 15px;flex:none}.client-v2 .client-main{padding:0 max(16px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.client-v2 .client-welcome{padding:25px 0 8px;gap:12px;align-items:flex-start}.client-v2 .client-welcome h1{font-size:27px;margin-top:8px;letter-spacing:-.8px}.client-v2 .client-welcome p{font-size:12px;max-width:260px}.client-welcome-actions{gap:6px;padding-top:4px}.client-v2 .client-welcome-actions button{padding:10px;min-width:44px;min-height:44px}.client-v2 #client-devices span{display:none}.client-v2 #client-refresh{font-size:0;min-width:44px;padding:10px}.client-v2 #client-refresh::before{font-size:21px}.client-v2 .client-toolbar{position:static;padding:6px 0 14px;display:block;backdrop-filter:none;background:none}.client-v2 .client-updated{font-size:11px;text-align:left;max-width:none;padding:0;margin:0;min-height:18px}.client-v2 .client-tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:0;border-top:1px solid #dce5dc;border-radius:0;padding:9px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fffffff5;backdrop-filter:blur(18px);box-shadow:0 -6px 24px #173b3106}.client-v2 .client-tabs button{flex-direction:column;gap:5px;border-radius:13px;padding:8px 3px;min-height:55px;font-size:10px;line-height:1.3;white-space:normal}.client-v2 .client-tabs button svg{width:22px;height:22px}.client-v2 .client-tabs button[aria-selected=true]{background:#e4f1e6;color:#216b50;box-shadow:none}.client-v2 #notification-unread:not(:empty){min-width:17px;height:16px;font-size:9px;border-radius:5px;margin-left:2px}.client-v2 .client-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.client-v2 .client-highlight{grid-column:auto;padding:17px 15px;min-height:144px;border-radius:18px}.client-v2 .client-highlight.featured{grid-column:1/-1;min-height:130px;padding:21px}.client-v2 .client-highlight.featured strong{font-size:36px;margin:10px 0 9px}.client-v2 .client-highlight strong{font-size:24px;line-height:1.2;margin:12px 0 10px;overflow-wrap:anywhere}.client-v2 .client-highlight:last-child strong{font-size:18px;max-width:100%;line-height:1.4}.client-v2 .client-highlight>span:first-child{font-size:11px;max-width:100%}.client-v2 .client-highlight small{font-size:10px;padding-right:8px}.client-v2 .highlight-arrow{right:12px;bottom:15px}.client-v2 .energy-surface{padding:19px;border-radius:21px;margin-bottom:18px}.client-v2 .energy-board-heading h3{font-size:18px;max-width:200px}.client-v2 .client-block{padding:20px 17px;border-radius:21px;margin:18px 0}.client-v2 .client-block h2,.client-v2 .client-section-intro h2{font-size:22px}.client-v2 .client-block .section-row{gap:16px}.client-v2 .client-block .section-row label{width:100%;min-width:0}.client-v2 .detail-summary{gap:10px}.client-v2 #economics-energy{grid-template-columns:repeat(2,minmax(0,1fr))}.client-v2 #economics-energy article{padding:16px 12px}.client-v2 #economics-energy span{font-size:11px;line-height:1.5}.client-v2 #economics-energy strong{font-size:23px}.client-v2 #economics-cards,.client-v2 .billing-section .detail-summary{grid-template-columns:1fr}.client-v2 #economics-cards strong{font-size:27px}.client-v2 .billing-total{padding:23px 20px;border-radius:21px}.client-v2 .billing-total>strong{font-size:35px}.client-v2 .billing-total>span{font-size:14px}.client-v2 .billing-total>small{font-size:12px}.client-v2 .client-support{padding:22px;gap:15px}.client-v2 footer{padding-bottom:5px}.client-v2 .device-offer{padding:27px 21px}.client-v2 .device-offer h2{font-size:27px}.client-v2 .client-device-dialog{margin:auto 0 0;width:100%;max-width:none;max-height:80dvh;border-radius:26px 26px 0 0;padding:25px 22px calc(25px + env(safe-area-inset-bottom))}.client-v2 dialog .section-row{flex-wrap:nowrap;align-items:center;gap:12px}.client-device-tabs button{padding:18px;font-size:13px;min-height:120px}.client-v2 .notification-card .section-row{align-items:start}.client-v2 .notification-card .badge{white-space:nowrap}.client-v2 .notification-card p{font-size:14px}}
@media(max-width:360px){.client-v2 .client-main{padding-inline:12px}.client-v2 .client-welcome h1{font-size:24px}.client-v2 .client-welcome-actions{gap:4px}.client-v2 .client-highlight strong{font-size:22px}.client-v2 .client-highlight:last-child strong{font-size:17px}.client-v2 .client-tabs button{font-size:9px}.client-v2 .client-user-menu summary{padding-inline:10px}.client-v2 #economics-energy strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.client-v2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.demo-banner{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 24px;background:#e4f3ec;border:1px solid #a8d4be;border-radius:18px;margin-bottom:24px;color:#20543e}
.demo-banner p{margin:8px 0 0;font-size:14px;line-height:1.5}
.demo-banner button{flex-shrink:0}.demo-device{max-width:640px;margin:auto}.demo-device form{display:grid;gap:20px;margin:28px 0}.demo-device label{display:grid;gap:10px}.demo-device .demo-switch{display:flex;align-items:center;font-size:18px}.demo-switch input{width:24px;height:24px;accent-color:#286f55}.demo-device input[type=number]{font-size:20px;padding:16px;width:100%;box-sizing:border-box;border:1px solid #b8d4c9;border-radius:12px}.demo-device-live{padding:20px;border-radius:14px;background:#eaf5ef;font-weight:600;line-height:1.6}.demo-device-status:empty{display:none}
@media(max-width:700px){.demo-banner{align-items:stretch;flex-direction:column;padding:18px;gap:14px}.demo-banner button{align-self:flex-start}.demo-device{padding:20px!important}}

.operation-card{background:linear-gradient(120deg,#edf6f1,#f8fbf9);border:1px solid #cce1d6;border-radius:22px;padding:26px;margin-bottom:20px}.operation-card.waiting{background:#fcf8ef;border-color:#e8d7b3}.operation-heading,.operation-measurement{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.operation-card h2{font-size:26px;line-height:1.25;margin:18px 0 10px}.operation-card p{line-height:1.65;max-width:75ch}.operation-stop{color:#5c7770;font-size:14px}.operation-badge{border-radius:30px;background:white;padding:8px 14px;font-weight:600;font-size:13px}.operation-measurement{justify-content:flex-start;font-size:13px;color:#527368;margin:20px 0}.operation-card details{border-top:1px solid #d1e3d9;padding-top:16px}.operation-card summary{cursor:pointer;font-weight:600}.operation-reserve{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.operation-reserve span{display:grid;gap:8px;font-size:14px}.operation-reserve strong{font-size:20px}.operation-limit{font-weight:600}.action-event{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #e2ebe7}.action-event>div{display:grid;gap:8px}.action-event>div span{font-size:12px;color:#6a807a}.action-event p{flex-basis:100%;margin:0;font-size:13px;color:#6a807a}.action-state{font-size:13px;align-self:center;color:#286f55}.action-event.failed .action-state{color:#b84335}.client-history-form{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:22px 0}.client-history-form label{display:grid;gap:8px;min-width:140px}.client-history-form input{padding:12px;border-radius:10px;border:1px solid #d3e4dc;max-width:100%;box-sizing:border-box}.client-history-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.client-history-days article{display:grid;gap:8px;border:1px solid #e1ebe6;border-radius:12px;padding:16px}.client-history-days article small{color:#8f7044}.history-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.history-summary strong{font-size:28px}.history-summary span{font-size:14px;color:#668077}#client-preferences-form{display:grid;gap:18px;padding:18px 0}#client-preferences-form .demo-switch{display:flex;align-items:center;gap:12px}#client-preferences-form input{height:22px;width:22px;accent-color:#286f55}
@media(max-width:700px){.operation-card{padding:20px;border-radius:18px}.operation-card h2{font-size:22px}.operation-reserve{grid-template-columns:1fr}.client-history-form label{width:100%}.client-history-form button{width:100%}.action-event{display:block}.action-state{display:block;margin-top:10px}.client-history-days{grid-template-columns:1fr 1fr}}
.demo-goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-device{max-width:850px}.demo-device select,.demo-device input[type=time]{padding:15px;border:1px solid #bdd5c7;border-radius:12px;background:#fff;width:100%;box-sizing:border-box;min-height:50px;font:inherit}.demo-device-live h3{margin:12px 0;font-size:25px}.demo-device-live p{font-weight:400}.demo-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.demo-quick-actions button{flex:1;min-height:48px}.demo-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-cost-grid article{padding:20px;background:#f2f7f4;border-radius:14px;display:grid;gap:12px}.demo-cost-grid span{font-size:13px;line-height:1.5}.demo-cost-grid strong{font-size:24px}.demo-plan-slot{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid #dce8e0;padding:17px 0;font-size:14px;line-height:1.6;flex-wrap:wrap}.demo-plan-slot p{margin:8px 0 0}.demo-plan-warning{background:#fff3db;color:#78551a;padding:16px;border-radius:12px}.demo-device-plan>p{font-size:13px;color:#637e70}
@media(max-width:700px){.demo-goal-grid{grid-template-columns:1fr}.demo-quick-actions{flex-direction:column}.demo-cost-grid{grid-template-columns:1fr}.demo-device-live{padding:18px}.demo-device-live h3{font-size:23px}.demo-device form{gap:16px}.demo-device-plan>h3{font-size:21px}}
.client-v2 .device-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.client-v2 .device-coming{background:#edf1f0;color:#667873;padding:7px 12px;border-radius:20px;font-size:12px}.client-v2 .device-controls-preview{margin:24px 0}.client-v2 .device-controls-preview fieldset{border:1px solid #dfe5e1;border-radius:18px;background:#f5f7f6;padding:22px;margin:0;min-width:0}.client-v2 .device-controls-preview fieldset:disabled{color:#748079}.client-v2 .device-controls-preview input:disabled,.client-v2 .device-controls-preview select:disabled{background:#ecefeb;border-color:#dce2de;color:#7b837e;opacity:1;-webkit-text-fill-color:#7b837e;cursor:not-allowed}.client-v2 .device-controls-preview button:disabled{background:#e1e6e2;color:#76817b;opacity:1;border:1px solid #d6ddd8;cursor:not-allowed}.client-v2 .device-controls-preview .check input{min-height:18px;height:18px;width:18px}.client-v2 .device-controls-preview .form-grid{gap:0 24px}.client-v2 .service-interest-box{border:1px solid #cee1d3;background:#edf6ef;border-radius:18px;padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.client-v2 .service-interest-box h3{font-size:19px;margin:0 0 6px}.client-v2 .service-interest-box p{margin:0;max-width:650px}.client-v2 .service-interest-box .primary{background:#226b52;color:#fff;flex-shrink:0;min-width:140px}.client-v2 .service-interest-box [role=status]{flex-basis:100%;font-size:13px;font-weight:600;overflow-wrap:anywhere}.client-v2 .device-offer .muted{margin-top:18px}.client-v2 .device-offer .form-actions{margin-top:16px}.client-v2 .billing-total.forecast{background:#f4f7fb;border-color:#cedae3}.client-v2 .price-buy{background:#f3f8fb}.client-v2 .price-sell{background:#f2f8f3}.client-v2 .billing-total{min-width:0}.client-v2 .billing-breakdown strong{font-variant-numeric:tabular-nums}.client-v2 .closed-month{margin:24px 0 0}.client-v2 .closed-month summary{color:#254d3c}.client-v2 .client-highlight.featured strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){.client-v2 .device-offer{padding:22px 18px}.client-v2 .device-controls-preview fieldset{padding:16px}.client-v2 .device-controls-preview .form-grid{grid-template-columns:1fr}.client-v2 .service-interest-box{padding:20px 16px}.client-v2 .service-interest-box .primary{width:100%}.client-v2 .device-offer-heading h2{font-size:25px}.client-v2 .billing-breakdown span{gap:12px}.client-v2 .billing-breakdown strong{white-space:nowrap}.client-v2 .billing-kind{font-size:11px!important}.client-v2 .closed-month summary{align-items:flex-start}}
.client-v2 .client-spot-price{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid #e8dcc2;border-radius:20px;padding:20px 24px;margin:0 0 22px;background:#fff9ed;color:#69522b;text-align:left}.client-v2 .client-spot-price>span:first-child{display:grid;gap:7px}.client-v2 .client-spot-price .eyebrow{color:#8b7344;font-size:10px}.client-v2 .client-spot-price small{font-size:12px;font-weight:400;color:#796b50;line-height:1.5}.client-v2 .client-spot-price strong{font-size:27px;letter-spacing:-.6px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.client-v2 .client-spot-price strong small{font-size:14px;margin-left:4px}.client-v2 .spot-price-arrow{font-size:22px}.client-v2 .client-spot-price.negative-price{background:#edf7ef;border-color:#cfe5d3;color:#226b52}.client-v2 .negative-price .eyebrow,.client-v2 .negative-price small{color:#507760}
@media(max-width:700px){.client-v2 .client-spot-price{padding:18px;gap:10px;flex-wrap:wrap;border-radius:18px;margin-bottom:18px}.client-v2 .client-spot-price>span:first-child{flex-basis:100%}.client-v2 .client-spot-price strong{font-size:26px;margin-left:0}.client-v2 .spot-price-arrow{margin-left:auto}.client-v2 .client-spot-price small{font-size:11px}}
.client-price-chart{width:100%;height:auto;min-height:160px;display:block;margin-top:22px;overflow:visible}.client-price-chart text{font-size:13px;fill:#526c63}.price-bar{fill:#cbd9d3;cursor:pointer}.price-bar.cheap{fill:#67b398}.price-bar.current,.price-bar:focus{fill:#216f55;stroke:#123b30;stroke-width:2;outline:none}.price-curve{stroke:#276e55;stroke-width:2;fill:none;pointer-events:none}.price-zero{stroke:#a9beb4;stroke-width:1}.price-now{stroke:#b56820;stroke-width:2;stroke-dasharray:4 4;pointer-events:none}.price-days{display:flex;gap:6px}.price-days button{padding:9px 15px;border-radius:10px;border:1px solid #dbe7df;background:white;color:#264b3e}.price-days button[aria-pressed=true]{background:#226f55;color:white}.price-recommendation{padding:18px;border-radius:14px;background:#eff6f1}.price-recommendation label{display:flex;gap:12px;align-items:center;margin:0}.price-recommendation select{width:auto;padding:6px 12px;min-height:36px}.price-recommendation p{font-size:16px;line-height:1.6;margin:12px 0 6px}.price-recommendation small{color:#526b60}.client-plan-timeline{display:block;width:100%;height:30px;border-radius:8px;margin-top:22px;background:#e3ebe7}.client-plan-timeline rect{fill:#b7cbc1}.client-plan-timeline .plan-charge{fill:#4198c1}.client-plan-timeline .plan-house{fill:#d59837}.client-plan-timeline .plan-sell{fill:#277556}.client-plan-timeline .plan-cheap_window{fill:#6eb494}.client-plan-ends{display:flex;justify-content:space-between;color:#647a70;font-size:12px;margin:6px 0 20px}.client-simple-plan .plan-current{background:#edf6f0;border:2px solid #43856b}.plan-now-label{display:block;color:#246649;font-size:11px;letter-spacing:.04em;margin-bottom:7px}.client-simple-plan .plan-event{padding:18px;margin-bottom:10px}.client-simple-plan h4{font-size:16px}.client-simple-plan .plan-time{font-size:14px}@media(max-width:600px){#client-price-outlook .section-row{align-items:flex-start;gap:12px;flex-wrap:wrap}.client-price-chart{min-height:130px}.client-price-chart text{font-size:16px}.price-recommendation{padding:14px}.client-simple-plan .plan-event{grid-template-columns:1fr;gap:10px}}