@font-face{font-family:Satoshi;src:url(/fonts/product-home/Satoshi-Variable.woff2)format("woff2");font-style:normal;font-weight:300 900;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/product-home/Satoshi-VariableItalic.woff2)format("woff2");font-style:italic;font-weight:300 900;font-display:swap}:root{color-scheme:light;--cb-bg:#f3f4ef;--cb-surface:#fff;--cb-surface-soft:#f8f9f5;--cb-text:#17201c;--cb-muted:#68716c;--cb-line:#dfe3dd;--cb-accent:#176b52;--cb-accent-dark:#0f513e;--cb-accent-soft:#e1f1e9;--cb-warm:#f4d98c;--cb-increase:#ad4f2e;--cb-radius:18px;--cb-shadow:0 16px 40px #1c2b2312;background:var(--cb-bg);font-family:Satoshi,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--cb-bg);scroll-behavior:smooth;min-width:320px}body.clearbill-page{background:radial-gradient(circle at 85% -10%, #c9e3d86b, transparent 28rem), var(--cb-bg);min-width:320px;min-height:100vh;color:var(--cb-text);text-rendering:optimizelegibility;margin:0;font-family:inherit;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.clearbill-app{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:0 34px}.clearbill-header{border-bottom:1px solid #17201c1a;justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.clearbill-brand{color:var(--cb-text);align-items:center;gap:9px;font-size:19px;font-weight:750;text-decoration:none;display:inline-flex}.clearbill-brand svg{fill:none;width:27px;stroke:var(--cb-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.clearbill-brand--small{font-size:16px}.clearbill-brand--small svg{width:23px}.clearbill-header__actions{align-items:center;gap:15px;display:flex}.clearbill-demo-pill{color:var(--cb-muted);background:#ffffff8c;border:1px solid #c9d3cb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:650}.clearbill-text-button,.clearbill-footer button,.clearbill-back{cursor:pointer;color:var(--cb-muted);text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline #0000}.clearbill-text-button:hover,.clearbill-footer button:hover,.clearbill-back:hover{color:var(--cb-text);text-decoration-color:currentColor}.clearbill-main{padding:clamp(48px,7vw,82px) 0 76px}.clearbill-view{animation:.26s both view-in}.clearbill-view[hidden]{display:none}.clearbill-kicker{color:var(--cb-accent);text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:750;line-height:1.25}.overview-heading{max-width:760px}.overview-heading h1,.detail-heading h1,.forecast-heading h1{margin:0;font-size:clamp(2.35rem,5.2vw,4.8rem);font-weight:520;line-height:.98}.overview-heading h1 strong{color:var(--cb-accent);font-weight:660}.overview-heading>p:last-child,.detail-heading>div>p:last-child,.forecast-heading>p:last-child{max-width:600px;color:var(--cb-muted);margin:22px 0 0;font-size:18px}.spend-summary{border:1px solid var(--cb-line);border-radius:var(--cb-radius);background:var(--cb-surface);box-shadow:var(--cb-shadow);grid-template-columns:1fr 1fr;gap:0 28px;margin-top:42px;padding:28px 30px;display:grid}.spend-summary>div{gap:3px;display:grid}.spend-summary>div span{color:var(--cb-muted);font-size:12px;font-weight:600}.spend-summary>div strong{font-size:35px;font-weight:580;line-height:1.1}.spend-summary__change strong{color:var(--cb-increase)}.spend-summary__meter{background:#e6e9e4;border-radius:99px;grid-column:1/-1;height:8px;margin-top:24px;overflow:hidden;display:flex!important}.spend-summary__meter span{width:var(--share);background:var(--cb-accent)}.spend-summary__meter span:nth-child(2){background:#8eaa9d}.spend-summary__meter span:nth-child(3){background:#c7d1ca}.spend-summary>p{color:var(--cb-muted);grid-column:1/-1;margin:12px 0 0;font-size:13px}.spend-summary>p b{color:var(--cb-text)}.expense-section{margin-top:72px}.section-heading-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading-row h2,.actions-card h2,.alert-card h2{margin:0;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:560;line-height:1.08}.section-heading-row>span{color:var(--cb-muted);font-size:12px}.expense-list{border:1px solid var(--cb-line);border-radius:var(--cb-radius);background:var(--cb-surface);margin-top:21px;display:grid;overflow:hidden;box-shadow:0 10px 28px #1c2b230a}.expense-row{border:0;border-bottom:1px solid var(--cb-line);text-align:left;background:0 0;grid-template-columns:46px 1fr auto 24px;align-items:center;gap:15px;min-height:88px;padding:16px 22px;display:grid}.expense-row:last-child{border-bottom:0}.expense-row:not(.expense-row--interactive){grid-template-columns:46px 1fr auto}.expense-row--interactive{cursor:pointer;width:100%;transition:background .16s,transform .16s;position:relative}.expense-row--interactive:before{background:var(--cb-accent);content:"";width:4px;position:absolute;inset:0 auto 0 0}.expense-row--interactive:hover{background:#f2f8f5}.expense-row--interactive:active{transform:scale(.997)}.expense-row:not(.expense-row--interactive){cursor:default}.expense-icon{color:#53605a;background:#eef0ec;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.expense-row--electricity .expense-icon{background:var(--cb-accent-soft);color:var(--cb-accent)}.expense-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px}.expense-copy,.expense-values{gap:2px;display:grid}.expense-copy strong,.expense-values strong{font-size:15px;font-weight:650}.expense-copy small,.expense-values small{color:var(--cb-muted);font-size:12px}.expense-values{justify-items:end}.expense-values small{color:var(--cb-increase);font-weight:650}.expense-values small.is-neutral{color:var(--cb-muted);font-weight:500}.expense-arrow{color:var(--cb-accent);justify-self:end;font-size:19px;transition:transform .16s}.expense-row--interactive:hover .expense-arrow{transform:translate(3px)}.clearbill-back{margin-bottom:38px;font-size:13px;display:inline-flex}.detail-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;display:grid}.detail-heading h1,.forecast-heading h1{font-size:clamp(2.6rem,5vw,4.5rem)}.detail-total{justify-items:end;min-width:180px;display:grid}.detail-total span,.detail-total small{color:var(--cb-muted);font-size:12px}.detail-total strong{font-size:50px;font-weight:570;line-height:1}.detail-total small{color:var(--cb-increase);margin-top:5px;font-weight:650}.signal-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;display:grid}.signal-card{border:1px solid var(--cb-line);background:var(--cb-surface);border-radius:15px;align-content:space-between;min-height:152px;padding:21px;display:grid}.signal-card--accent{background:var(--cb-accent-soft);border-color:#b9d8ca}.signal-card>span{color:var(--cb-muted);font-size:12px;font-weight:650}.signal-card strong{margin-top:19px;font-size:28px;font-weight:600}.signal-card small{color:var(--cb-muted);font-size:12px}.usage-card{border:1px solid var(--cb-line);border-radius:var(--cb-radius);background:var(--cb-surface);box-shadow:var(--cb-shadow);margin-top:20px;padding:30px;scroll-margin-top:30px}.usage-card .section-heading-row{align-items:start}.usage-card .section-heading-row h2{max-width:560px}.chart-legend{color:var(--cb-muted);flex-wrap:wrap;justify-content:end;gap:8px 14px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:var(--cb-accent);border-radius:3px;width:9px;height:9px}.chart-legend span:last-child i{background:#d2d8d3}.usage-chart{border-bottom:1px solid var(--cb-line);grid-template-columns:repeat(4,1fr);gap:clamp(12px,3vw,36px);height:280px;margin-top:34px;padding:12px 10px 0;display:grid}.usage-group{grid-template-rows:1fr auto auto;justify-items:center;gap:8px;display:grid}.usage-bars{justify-content:center;align-items:end;gap:7px;width:100%;height:100%;display:flex}.usage-bar{width:min(28%,36px);height:var(--height);background:var(--cb-accent);border-radius:7px 7px 2px 2px;min-height:12px;transition:height .5s;position:relative}.usage-bar--previous{background:#d2d8d3}.usage-bar b{color:var(--cb-muted);font-size:10px;font-weight:650;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.usage-group>strong{font-size:12px}.usage-group>small{background:var(--cb-accent-soft);min-height:17px;color:var(--cb-accent);border-radius:99px;padding:2px 7px;font-size:9px;font-weight:750}.usage-group:not(.is-highlighted)>small{visibility:hidden}.usage-note{background:var(--cb-surface-soft);color:var(--cb-muted);border-radius:10px;align-items:center;gap:9px;margin:24px 0 0;padding:13px 15px;font-size:12px;display:flex}.usage-note span{color:var(--cb-accent);font-size:17px}.actions-card{border:1px solid var(--cb-line);border-radius:var(--cb-radius);background:var(--cb-surface);grid-template-columns:.85fr 1.15fr;gap:42px;margin-top:20px;padding:30px;display:grid}.action-buttons{display:grid}.action-buttons button{border:0;border-bottom:1px solid var(--cb-line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:1fr auto;gap:0 12px;padding:14px 0;display:grid}.action-buttons button:first-child{padding-top:0}.action-buttons button:last-child{border:0;padding-bottom:0}.action-buttons span{font-weight:650}.action-buttons small{color:var(--cb-muted);grid-column:1}.action-buttons b{color:var(--cb-accent);grid-area:1/2/3;align-self:center;font-weight:500;transition:transform .16s}.action-buttons button:hover b{transform:translate(3px)}.action-buttons button:active{transform:translateY(1px)}.forecast-heading{max-width:700px}.forecast-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:18px;margin-top:42px;display:grid}.forecast-control,.alert-card{border:1px solid var(--cb-line);border-radius:var(--cb-radius);background:var(--cb-surface);box-shadow:var(--cb-shadow);padding:30px}.forecast-result{display:grid}.forecast-result>span{color:var(--cb-muted);font-size:12px;font-weight:650}.forecast-result strong{color:var(--cb-accent);margin-top:3px;font-size:clamp(4rem,8vw,6.5rem);font-weight:570;line-height:.95}.forecast-result small{color:var(--cb-muted);margin-top:8px}.range-field{margin-top:37px}.range-field__label{justify-content:space-between;align-items:center;gap:20px;display:flex}.range-field label{font-size:13px;font-weight:650}.range-field output{font-size:14px;font-weight:700}input[type=range]{appearance:none;background:linear-gradient(to right, var(--cb-accent) 0 var(--range-progress), #dce1dc var(--range-progress) 100%);cursor:pointer;border-radius:99px;outline:0;width:100%;height:5px;margin:18px 0 0}input[type=range]::-webkit-slider-thumb{border:4px solid var(--cb-surface);appearance:none;background:var(--cb-accent);border-radius:50%;width:20px;height:20px;box-shadow:0 1px 6px #00000040}input[type=range]::-moz-range-thumb{border:4px solid var(--cb-surface);background:var(--cb-accent);border-radius:50%;width:13px;height:13px;box-shadow:0 1px 6px #00000040}.range-field__ends{color:var(--cb-muted);justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.forecast-presets{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.forecast-presets button{border:1px solid var(--cb-line);background:var(--cb-surface-soft);cursor:pointer;color:var(--cb-muted);text-align:left;border-radius:10px;padding:11px 13px}.forecast-presets button[aria-pressed=true]{border-color:var(--cb-accent);background:var(--cb-accent-soft);color:var(--cb-text)}.forecast-presets b{color:var(--cb-text);font-size:11px}.calculation{background:var(--cb-surface-soft);border-radius:11px;gap:10px;margin-top:26px;padding:16px;display:grid}.calculation div{color:var(--cb-muted);justify-content:space-between;gap:20px;font-size:11px;display:flex}.calculation div:last-child{border-top:1px solid var(--cb-line);color:var(--cb-text);padding-top:10px}.calculation strong{text-align:right;font-weight:650}.forecast-disclaimer{color:var(--cb-muted);margin:11px 0 0;font-size:10px}.alert-card{min-height:470px}.alert-card>div{height:100%}.alert-card [hidden]{display:none}.alert-icon{background:var(--cb-accent-soft);width:42px;height:42px;color:var(--cb-accent);border-radius:12px;place-items:center;margin-bottom:30px;display:grid}.alert-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px}.alert-card h2{max-width:280px}.alert-card h2+p{color:var(--cb-muted);margin:16px 0 0;font-size:13px}.alert-card h2+p strong{color:var(--cb-text);font-weight:700}.alert-threshold{border-bottom:1px solid var(--cb-line);align-items:baseline;gap:4px;margin-top:20px;display:flex}.alert-threshold span{color:var(--cb-muted);font-size:24px}.alert-threshold input{width:100%;color:var(--cb-text);background:0 0;border:0;outline:0;padding:0;font-size:45px;font-weight:570}.alert-range{margin-top:16px!important}.primary-action,.secondary-action{border:1px solid var(--cb-accent);background:var(--cb-accent);color:#fff;cursor:pointer;border-radius:11px;width:100%;margin-top:26px;padding:13px 18px;font-weight:700;transition:background .16s,transform .16s}.primary-action:hover{background:var(--cb-accent-dark)}.primary-action:active,.secondary-action:active{transform:translateY(1px)}.alert-confirmation{align-content:center;justify-items:start;display:grid}.confirmation-mark{background:var(--cb-accent);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:22px;display:grid}.alert-confirmation h2{font-size:35px}.alert-confirmation>p:not(.clearbill-kicker){color:var(--cb-muted)}.alert-confirmation>p strong{color:var(--cb-text)}.secondary-action{color:var(--cb-accent);background:0 0}.secondary-action:hover{background:var(--cb-accent-soft)}.clearbill-footer{min-height:76px;color:var(--cb-muted);border-top:1px solid #17201c1a;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.clearbill-footer button{font-size:11px}.about-dialog{border:1px solid var(--cb-line);background:var(--cb-surface);width:min(100% - 36px,480px);color:var(--cb-text);border-radius:18px;padding:26px;box-shadow:0 30px 90px #14231b40}.about-dialog[open]{animation:.18s ease-out both dialog-in}.about-dialog::backdrop{backdrop-filter:blur(3px);background:#121a1661}.about-dialog__top{justify-content:space-between;align-items:center;margin-bottom:44px;display:flex}.about-dialog__top button{border:1px solid var(--cb-line);cursor:pointer;width:36px;height:36px;color:var(--cb-muted);background:0 0;border-radius:50%;font-size:25px;line-height:1}.about-dialog h2{margin:0;font-size:35px;font-weight:560;line-height:1.05}.about-dialog>p:not(.clearbill-kicker){color:var(--cb-muted);margin:18px 0 32px}.about-dialog>small{color:var(--cb-muted)}.clearbill-toast{background:var(--cb-text);color:#fff;box-shadow:var(--cb-shadow);border-radius:10px;padding:12px 16px;font-size:12px;position:fixed;bottom:20px;right:20px}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #74b29e}@keyframes view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(5px)scale(.99)}to{opacity:1;transform:none}}@media (width<=720px){.clearbill-app{padding:0 17px}.clearbill-header{min-height:64px}.clearbill-brand{font-size:17px}.clearbill-brand svg{width:24px}.clearbill-demo-pill{padding:5px 8px;font-size:9px}.clearbill-text-button{font-size:12px}.clearbill-main{padding:35px 0 52px}.overview-heading h1,.detail-heading h1,.forecast-heading h1{font-size:clamp(2.15rem,10vw,2.85rem);line-height:1}.overview-heading>p:last-child,.detail-heading>div>p:last-child,.forecast-heading>p:last-child{margin-top:16px;font-size:15px}.spend-summary{margin-top:28px;padding:20px}.spend-summary>div strong{font-size:28px}.expense-section{margin-top:46px}.section-heading-row h2,.actions-card h2,.alert-card h2{font-size:1.55rem}.expense-row{grid-template-columns:40px 1fr auto 18px;gap:11px;min-height:79px;padding:13px 14px}.expense-row:not(.expense-row--interactive){grid-template-columns:40px 1fr auto}.expense-icon{width:38px;height:38px}.expense-copy strong,.expense-values strong{font-size:14px}.expense-copy small,.expense-values small{font-size:10px}.clearbill-back{margin-bottom:28px}.detail-heading{grid-template-columns:1fr;gap:24px}.detail-total{border-top:1px solid var(--cb-line);grid-template-columns:1fr auto;place-items:end start;min-width:0;padding-top:18px}.detail-total strong{grid-area:1/2/3;font-size:42px}.signal-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.signal-card{min-height:126px;padding:16px}.signal-card:last-child{grid-column:1/-1;min-height:110px}.signal-card strong{margin-top:12px;font-size:24px}.usage-card{padding:21px 14px}.usage-card .section-heading-row{display:grid}.chart-legend{justify-content:start}.usage-chart{gap:5px;height:235px;margin-top:29px;padding-inline:0}.usage-bars{gap:4px}.usage-bar{width:28%}.usage-group>strong{font-size:10px}.usage-note{align-items:flex-start}.actions-card{grid-template-columns:1fr;gap:28px;padding:22px}.forecast-layout{grid-template-columns:1fr;margin-top:28px}.forecast-control,.alert-card{padding:22px}.forecast-result strong{font-size:4.6rem}.forecast-presets{grid-template-columns:1fr}.calculation div{gap:12px}.alert-card{min-height:430px}.clearbill-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}