.bnf-shell,#calc .c2-panel,#casestudy,.v2-apricot,.fin-band{
  --cw-bg:#1D93B2; --cw-bg2:#1E9ABB;
  --cw-ink:#151E21; --cw-soft:rgba(21,30,33,.8); --cw-mute:rgba(21,30,33,.6); --cw-line:rgba(21,30,33,.14);
  --cw-shadow:rgba(4,20,24,.3);
  --cw-btn:#0F4C5C; --cw-btn-fg:#fff; --cw-btn-circ:#fff; --cw-btn-circ-fg:#0F4C5C; --cw-btn-hover:#0B3A46;
  --cw-cbtn:var(--sun); --cw-cbtn-fg:#092C35; --cw-cbtn-circ:#fff; --cw-cbtn-circ-fg:#092C35; --cw-cbtn-hover:var(--sun-deep);
  --cw-inset:rgba(255,255,255,.55); --cw-inset-line:rgba(21,30,33,.1);
  --cw-seg:rgba(21,30,33,.07); --cw-seg-on:#0F4C5C; --cw-seg-on-fg:#fff;
  --cw-range:#0F4C5C; --cw-track:rgba(21,30,33,.16);
  --cw-tile:#FDFEFE; --cw-tile-ink:#151E21; --cw-tile-body:#3F4F53; --cw-tile-sup:#0F4C5C;
  --cw-stat2:#0F4C5C; --cw-stat2-ink:#fff; --cw-stat2-body:rgba(255,255,255,.86); --cw-stat2-unit:#1D93B2;
  --cw-ico:#1D93B2; --cw-ico-ink:#151E21;
}

.bnf-shell{background:var(--cw-bg)!important}
.bnf-shell h2.big{color:var(--cw-ink)}
.bnf-shell h2.big .g{color:var(--cw-mute)}
.bnf-shell .tile:not(.tile-stat2),
.bnf-shell .tile-tall{background:var(--cw-tile)!important}
.bnf-shell .tile:not(.tile-stat2):hover{background:#fff!important}
.bnf-shell .tile:not(.tile-stat2) .t-title,
.bnf-shell .tile:not(.tile-stat2) .t-stat,
.bnf-shell .tile-tall .tall-cta .line{color:var(--cw-tile-ink)!important}
.bnf-shell .tile:not(.tile-stat2) .t-body{color:var(--cw-tile-body)!important}
.bnf-shell .tile:not(.tile-stat2) .t-stat sup,
.bnf-shell .tile:not(.tile-stat2) .t-stat .unit{color:var(--cw-tile-sup)!important}
.bnf-shell .tile-tall .tall-cta{border-top-color:rgba(21,30,33,.12)}
.bnf-shell .tile-tall .cbtn{background:var(--cw-cbtn);color:var(--cw-cbtn-fg)}
.bnf-shell .tile-tall .cbtn .circ{background:var(--cw-cbtn-circ);color:var(--cw-cbtn-circ-fg)}
.bnf-shell .tile-tall .cbtn:hover{background:var(--cw-cbtn-hover);box-shadow:0 14px 30px -14px var(--cw-shadow)}
.bnf-shell .tile-stat2,
.bnf-shell .tile-stat2:hover{background:var(--cw-stat2)}
.bnf-shell .tile-stat2 .t-title,
.bnf-shell .tile-stat2 .t-stat{color:var(--cw-stat2-ink)}
.bnf-shell .tile-stat2 .t-body{color:var(--cw-stat2-body)}
.bnf-shell .tile-stat2 .t-stat .unit,
.bnf-shell .tile-stat2 .t-stat sup{color:var(--cw-stat2-unit)}
.bnf-shell .ico-green,
.bnf-shell .ico-light{background:var(--cw-ico)}
.bnf-shell .t-ico svg path[fill],
.bnf-shell .t-ico svg circle{fill:var(--cw-ico-ink)}
.bnf-shell .t-ico svg g{stroke:var(--cw-ico-ink)}

#calc .c2-panel{background:linear-gradient(135deg,var(--cw-bg2),var(--cw-bg));box-shadow:0 30px 60px -34px var(--cw-shadow)}
#calc .c2-inset{background:var(--cw-inset);border-color:var(--cw-inset-line)}
#calc .c2-seg{background:var(--cw-seg)}
#calc .c2-seg button{color:var(--cw-ink)}
#calc .c2-seg button.on{background:var(--cw-seg-on);color:var(--cw-seg-on-fg)}
#calc .c2-lab,
#calc .c2-costrow,
#calc .c2-costrow b,
#calc .c2-adj summary,
#calc .c2-right,
#calc .c2-bval{color:var(--cw-ink)}
#calc .c2-adj summary{border-top-color:var(--cw-line)}
#calc .c2-blab,
#calc .c2-cap,
#calc .c2-finline,
#calc .c2-say{color:var(--cw-soft)}
#calc .c2-bval .per,
#calc .c2-finline .per,
#calc .c2-arrow{color:var(--cw-mute)}
#calc .c2-finline{border-top-color:var(--cw-line)}
#calc input[type=range].c2-r{background:linear-gradient(90deg,var(--cw-range) var(--p,50%),var(--cw-track) var(--p,50%))}
#calc input[type=range].c2-r::-webkit-slider-thumb{background:var(--cw-range)}
#calc input[type=range].c2-r::-moz-range-thumb{background:var(--cw-range)}
#calc .c2-right .btn-b{background:#fff;color:var(--cw-ink)}

#casestudy{background:var(--cw-bg)}
#casestudy .cs-fig,
#casestudy .cs-head,
#casestudy .cs-q p,
#casestudy .cs-facts b,
#casestudy .cs-cap b,
#casestudy .cs-link,
#casestudy .wordfade .w{color:var(--cw-ink)}
#casestudy .cs-body,
#casestudy .cs-note{color:var(--cw-soft)}
#casestudy .cs-facts span,
#casestudy .cs-cap span{color:var(--cw-mute)}
#casestudy .cs-facts{border-top-color:var(--cw-line)}
#casestudy .cs-link{border-bottom-color:var(--cw-line)}
#casestudy .cs-shot{box-shadow:0 34px 70px -34px var(--cw-shadow)}
#casestudy .cbtn,
#casestudy .cbtn.volt{background:var(--cw-btn);color:var(--cw-btn-fg)}
#casestudy .cbtn .circ,
#casestudy .cbtn.volt .circ{background:var(--cw-btn-circ);color:var(--cw-btn-circ-fg)}
#casestudy .cbtn:hover,
#casestudy .cbtn.volt:hover{background:var(--cw-btn-hover);box-shadow:0 14px 30px -16px var(--cw-shadow)}

.v2-apricot{background:var(--cw-bg);color:var(--cw-ink)}
.v2-apricot .v2-head{color:var(--cw-ink)}
.v2-apricot .v2-sub{color:var(--cw-soft)}
.v2-apricot .svc2{border-color:var(--cw-inset-line);box-shadow:0 22px 46px -28px var(--cw-shadow)}

.fin-band,
html.night .fin-band{background:var(--cw-bg);color:var(--cw-ink);border-color:transparent}
.fin-band .fin-body h2,
.fin-band .fin-body p{color:var(--cw-ink)}
.fin-band .fin-body h2 .g{color:var(--cw-mute)}
.fin-band .fin-terms span{color:var(--cw-ink);border-color:var(--cw-line)}
.fin-band .plabel{color:var(--cw-soft)}
.fin-band .plabel::before{background:var(--cw-ink)}
.fin-band .cbtn{background:var(--cw-btn);color:var(--cw-btn-fg)}
.fin-band .cbtn .circ{background:var(--cw-btn-circ);color:var(--cw-btn-circ-fg)}
.fin-band .cbtn:hover{background:var(--cw-btn-hover);color:var(--cw-btn-fg);box-shadow:0 14px 30px -14px var(--cw-shadow)}
.fin-band .cbtn:hover .circ{background:var(--cw-btn-circ);color:var(--cw-btn-circ-fg)}

header.hero mark.blk{background:#1D93B2;color:#151E21}

#battery .bat-seg.peak,
#battery .bat-keys .k-peak{background:#1D93B2;box-shadow:inset 0 0 0 1px rgba(21,30,33,.38)}

.rev-rate .rev-stars,
.tb-stars,
.gc-stars,
.stars{color:#1D93B2;-webkit-text-stroke:.75px #092E37;paint-order:stroke fill}

.gc-avatar[style*="F09A66"],.gc-avatar[style*="f09a66"],
.gc-avatar[style*="E1854C"],.gc-avatar[style*="e1854c"]{
  background:#1D93B2!important;color:#151E21;box-shadow:inset 0 0 0 1px rgba(21,30,33,.22)}

.tier-flag,.cs-badge{background:#1D93B2;color:#151E21}
.sec-card .num,.brand-mark em,.stk-cap b,.roi-field .lab b{color:#151E21}
.cs-quote{border-left-color:#1D93B2}

header.hero::after{background:rgba(0,0,0,.075)!important}

header.hero .hero-inner.hero-centred{display:block;max-width:1060px;margin:0 auto;text-align:center;
  padding:clamp(140px,15vw,190px) clamp(20px,4vw,48px) clamp(24px,3vw,40px);min-height:auto}
header.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;
  padding-bottom:clamp(14px,1.8vw,22px)}
header.hero .hero-left{text-align:center}

header.hero .hero-eyebrow{display:inline-block;font-family:var(--disp);font-size:11px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.94);color:#151E21;
  padding:7px 14px;border-radius:100px;margin-bottom:clamp(18px,2vw,26px);
  box-shadow:0 8px 24px -12px rgba(4,21,25,.6)}

header.hero .hero-left h1{font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.06;
  font-size:clamp(36px,5vw,72px);max-width:none;margin:0 auto;
  text-shadow:none}
header.hero .hero-left .tag{margin-top:clamp(14px,1.4vw,20px);font-weight:700;
  font-size:clamp(18px,2.1vw,31px);line-height:1.2;text-shadow:none;
  text-transform:uppercase;letter-spacing:.01em}
header.hero .hero-left .tag mark.blk{font-weight:700;border-radius:9px;white-space:nowrap;
  box-shadow:0 10px 30px -14px rgba(4,21,25,.7);
  
  display:inline-block;line-height:1;padding:.32em .58em;color:#0F4C5C}
header.hero .hero-left p{margin:clamp(20px,2.2vw,28px) auto 0;max-width:60ch;color:#fff;
  font-weight:500;text-shadow:none}

header.hero .hero-form.qbar{position:relative;z-index:2;width:calc(100% - clamp(32px,7vw,80px));max-width:1180px;
  margin:clamp(46px,6.4vw,92px) auto 0;background:#FDFEFE;border-radius:24px;
  padding:clamp(18px,1.8vw,24px) clamp(26px,3vw,42px);display:grid;
  grid-template-columns:minmax(150px,auto) 1fr 1.2fr 1fr auto;gap:clamp(12px,1.4vw,20px);
  align-items:end;text-align:left;opacity:0;animation:fadeUp 1s var(--ease) .42s forwards;
  box-shadow:0 30px 70px -34px rgba(4,21,25,.6),0 2px 8px -4px rgba(4,21,25,.25)}
header.hero .hero-form.qbar .qb-lead{align-self:start;padding-bottom:0;margin-top:0;
  
  margin-right:clamp(10px,1.8vw,26px)}
header.hero .hero-form.qbar .qb-lead b{display:block;font-family:var(--disp);font-weight:600;font-size:15.5px;
  color:#151E21;line-height:1.25}
header.hero .hero-form.qbar .qb-lead span{display:block;font-size:12.5px;color:#3F4F53;margin-top:3px}
header.hero .hero-form.qbar label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#3F4F53;margin:0 0 7px;display:block}
header.hero .hero-form.qbar input,
header.hero .hero-form.qbar select{width:100%;border:0;border-radius:13px;padding:13px 15px;font-size:15px;
  background:#EAF3F5;color:#151E21;box-shadow:inset 0 0 0 1px rgba(21,30,33,.06);
  transition:background .25s ease,box-shadow .25s ease}
header.hero .hero-form.qbar input:focus,
header.hero .hero-form.qbar select:focus{outline:none;background:#fff;
  box-shadow:0 0 0 3px rgba(var(--sun-rgb),.42)}
header.hero .hero-form.qbar .submit.cbtn{width:auto;margin-top:0;white-space:nowrap;
  justify-content:space-between;border-radius:100px;padding:7px 7px 7px 22px;background:var(--sun);color:#092C35;
  font-family:var(--disp);font-weight:600;font-size:14.5px;text-transform:none;letter-spacing:0;
  box-shadow:0 12px 26px -14px rgba(10,47,56,.85)}
header.hero .hero-form.qbar .submit.cbtn .circ{background:#fff;color:#092C35}
@media(hover:hover){
  header.hero .hero-form.qbar .submit.cbtn:hover{background:var(--sun-deep)}
  header.hero .hero-form.qbar .submit.cbtn:hover .circ{color:#092C35}
}

@media(hover:none){header.hero .hero-form.qbar .submit.cbtn:hover .circ{transform:none}}

header.hero .hero-form.qbar.sent{grid-template-columns:1fr}
header.hero .hero-form.qbar.sent .qb-lead,
header.hero .hero-form.qbar.sent .qb-f{display:none}
header.hero .hero-form.qbar .form-done{grid-column:1/-1}

@media(max-width:1040px){
  header.hero .hero-form.qbar{grid-template-columns:1fr 1fr}
  header.hero .hero-form.qbar .qb-lead{grid-column:1/-1}
  header.hero .hero-form.qbar .submit.cbtn{grid-column:1/-1;justify-content:center;gap:12px}
}
@media(max-width:620px){
  header.hero .hero-form.qbar{grid-template-columns:1fr}
  header.hero .hero-inner.hero-centred{padding-top:clamp(110px,26vw,150px)}
}
@media(max-width:960px){
  header.hero .hero-inner.hero-centred{padding-left:var(--pad);padding-right:var(--pad)}
}

header.hero .bg{position:relative;height:118%;top:-16%}