/* =====================================================================
   BRAND PALETTE (one source of truth) - from the logo
   cyan #00b0d0 | deep teal #00778f | ink #06222a | lime #6fdc3f
   Older stylesheets (bee.css "forest green", style.css, vsg.css) are re-mapped
   here so every page uses the same four colours.
   ===================================================================== */
:root{
  --g1:#06222a;--g2:#00596b;--g3:#00778f;--g4:#00b0d0;--gl:#e6f7fb;
  --am:#6fdc3f;--am2:#5fcb30;--amg:linear-gradient(180deg,#85e55c,#6fdc3f);
  --cream:#f3fbfd;--tx:#06222a;--tm:#4b6a72;--bd:#d3ebf0;
  --shd:0 12px 34px rgba(6,34,42,.10);--sh:0 10px 30px rgba(6,34,42,.08);--sh2:0 22px 54px rgba(6,34,42,.16);
  --blue:#00778f;--deep:#00596b;--night:#06222a;--navy:#06222a;--hd:#06222a;--ink:#06222a;--mute:#4b6a72;--line:#d3ebf0;
  --sky:#e6f7fb;--sky2:#cdeaf1;--alt:#f3fbfd;--glow:#e6f7fb;--leaf:#00778f;--indigo:#00778f;--lime:#6fdc3f;--sun:#6fdc3f;--gold:#6fdc3f;
  --gloss-b:linear-gradient(180deg,#00b0d0,#00778f);
}
body{background:#fff;color:var(--ink)}

/* Synchronous Power - modern section polish (loaded LAST, after sp.css) */

/* ---------- 1. Step cards (home, about, services) ---------- */
body .steps{gap:26px;counter-reset:s}
body .step{
  --a:#00b0d0;--a2:#6fdc3f;
  position:relative;padding:30px 26px 28px;background:#fff;border:1px solid #d9eef3;border-radius:20px;
  clip-path:none;overflow:hidden;box-shadow:0 10px 30px rgba(6,34,42,.07);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;counter-increment:s}
body .step:nth-child(even){--a:#6fdc3f;--a2:#00b0d0}
body .step:after{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;height:6px;width:auto;
  background:linear-gradient(90deg,var(--a),var(--a2));display:block!important}
body .step:last-child:after{display:block!important}
body .step:before{
  content:counter(s,decimal-leading-zero);position:absolute;top:14px;right:20px;left:auto;width:auto;height:auto;
  background:none!important;box-shadow:none!important;border-radius:0;display:block;
  font:800 64px/1 var(--fh);color:transparent;-webkit-text-stroke:2px rgba(0,176,208,.22);letter-spacing:-.04em}
body .step:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(0,119,143,.18);border-color:var(--a)}
body .step .st-ic{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:30px;margin-bottom:18px;
  background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 10px 20px rgba(0,176,208,.28);position:relative;z-index:1}
body .step h3{font-size:20px;color:var(--ink);margin:0 0 8px;font-weight:800;position:relative;z-index:1}
body .step p{font-size:15.5px;line-height:1.6;color:var(--mu);margin:0;position:relative;z-index:1}
@media(max-width:1000px){body .steps{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){body .steps{grid-template-columns:1fr!important}body .step:before{font-size:52px}}

/* ---------- 2. Service areas ---------- */
body section.areas{background:linear-gradient(180deg,#fff 0,var(--pale) 100%);position:relative;overflow:hidden}
body section.areas:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-140px;top:-120px;
  background:radial-gradient(circle,rgba(111,220,63,.18),transparent 70%);pointer-events:none}
body section.areas .wrap{position:relative}
body .areas .chips{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1040px;margin:8px auto 0}
body .areas .chips span{
  display:flex;align-items:center;gap:12px;justify-content:flex-start;background:#fff;border:1px solid #d3ebf0;border-radius:16px;
  padding:14px 16px;font:700 15.5px var(--fh);color:var(--ink);box-shadow:0 6px 18px rgba(6,34,42,.06);
  transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;cursor:default}
body .areas .chips span:before{content:"📍";margin:0;flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  font-size:17px;background:linear-gradient(135deg,#e1f7ff,#e6fbd9)}
body .areas .chips span:hover{transform:translateY(-4px);border-color:var(--g);box-shadow:0 16px 30px rgba(63,154,28,.2)}
body .areas .chips span:first-child{grid-column:span 2;background:linear-gradient(120deg,var(--cd),var(--c));color:#fff;border-color:transparent;
  box-shadow:0 14px 30px rgba(0,119,143,.35)}
body .areas .chips span:first-child:before{background:rgba(255,255,255,.2)}
body .areas .chips span:first-child:after{content:"HEAD OFFICE";margin-left:auto;font:800 10.5px var(--fh);letter-spacing:.1em;
  background:var(--g);color:var(--ink);padding:5px 9px;border-radius:99px}
body .areas .note2{margin-top:22px}
@media(max-width:900px){body .areas .chips{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){body .areas .chips{grid-template-columns:repeat(2,1fr);gap:10px}body .areas .chips span{padding:11px 12px;font-size:14px}
  body .areas .chips span:first-child{grid-column:span 2}}

/* ---------- 3. Pill badge ("Free site survey - No obligation") ---------- */
body .bs-pill,body .bs-final .bs-pill{
  display:inline-flex;align-items:center;gap:8px;background:var(--g)!important;color:var(--ink)!important;
  border:0!important;border-radius:99px!important;clip-path:none!important;padding:10px 20px!important;
  font:800 13.5px var(--fh)!important;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 0 0 5px rgba(111,220,63,.25),0 10px 24px rgba(111,220,63,.35)}
body .bs-final span.bs-pill{color:var(--ink)!important}
/* city hero pills: glass chips (white text on the dark hero) */
body .hero2 .pills{display:flex;flex-wrap:wrap;gap:12px;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
body .hero2 .pills span{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.4)!important;border-radius:99px!important;padding:10px 18px;font:700 14.5px var(--fh);
  backdrop-filter:blur(6px);box-shadow:none;clip-path:none}
body .hero2 .pills span:before{content:"\2713";color:var(--g);font-weight:800}

/* ---------- 4. City "Why choose us" stat cards ---------- */
body .cstats{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin:0 auto}
body .cstat{position:relative;overflow:hidden;clip-path:none;border:1px solid #d9eef3;border-radius:20px;padding:34px 24px 30px;text-align:center;
  background:#fff;box-shadow:0 10px 30px rgba(6,34,42,.07);transition:transform .3s,box-shadow .3s}
body .cstat:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#00b0d0,#6fdc3f)}
body .cstat:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(0,119,143,.18)}
body .cstat i{width:64px;height:64px;border-radius:18px;font-size:30px;margin-bottom:16px;
  background:linear-gradient(135deg,#d8f6ff,#e2fbd3)!important;box-shadow:0 8px 18px rgba(0,176,208,.18)}
body .cstat b{font-size:32px;color:var(--cd)!important}
body .cstat span{display:block;margin-top:4px;color:var(--mu)}
@media(max-width:900px){body .cstats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body .cstats{grid-template-columns:1fr}}

/* ---------- 5. Footer CTA buttons (were green on green) ---------- */
body footer.ft .ft-cta .ft-btn-d{background:var(--ink)!important;color:#fff!important;box-shadow:0 10px 24px rgba(6,34,42,.35)}
body footer.ft .ft-cta .ft-btn-d svg{fill:#fff}
body footer.ft .ft-cta .ft-btn-d:hover{background:#000!important;color:var(--g)!important}
body footer.ft .ft-cta .ft-btn-w{background:#fff!important;color:var(--ink)!important}

/* ---------- 6. Inner-page hero in brand colours (was dark green) ---------- */
body .ph{background:radial-gradient(600px 280px at 88% 0%,rgba(111,220,63,.28),transparent 65%),linear-gradient(110deg,#06222a 0%,#00596b 62%,#00a3c4 100%)!important;
  border-bottom:6px solid var(--g)}
body .ph h1{color:#fff!important}
body .who h2{color:var(--ink)!important}
/* breadcrumb on dark city hero */
body .hero2 .crumb,body .hero2 .crumb span,body .hero2 .crumb a{color:#d6ebf0!important}
body .hero2 .crumb a{color:var(--g)!important;font-weight:700}

/* ---------- 7. Palette cleanup (no rainbow / forest-green blocks) ---------- */
/* "4 trusted components" cards: brand colours only */
body .si-c:nth-child(1){--c:#00a3c4!important}
body .si-c:nth-child(2){--c:#00778f!important}
body .si-c:nth-child(3){--c:#06222a!important}
body .si-c:nth-child(4){--c:#3f9a1c!important}
body .si-c header b{color:var(--c)}
/* dark feature bands */
body .si-why{background:linear-gradient(160deg,#06222a,#00485a 65%,#00778f)!important}
body .si-why .tag{background:rgba(255,255,255,.14);color:#b8f09b}
body .si-why blockquote{color:#b8f09b}
body .si-subb{background:linear-gradient(160deg,#06222a,#00596b)!important}
body .si-subh{background:linear-gradient(135deg,#e6f7fb,#e9fbdd)!important;color:var(--ink)}
body .si-subh h3{color:var(--cd)!important}body .si-subh p{color:var(--mu)!important}
body .si-box.green{border-top-color:var(--g)!important}
/* form choice chips + calculator plan panel */
body .opts input:checked+span{background:var(--cd)!important;border-color:var(--cd)!important;color:#fff!important}
body .btn.g{background:var(--cd)!important;color:#fff!important}
body .btn.g:hover{background:var(--ink)!important}
body .si-box.green{background:linear-gradient(160deg,#06222a,#00596b)!important;border-color:#06222a!important}
body .si-box.navy{background:linear-gradient(160deg,#00596b,#00a3c4)!important;border-color:#00596b!important}
body .si-box.green h3,body .si-box.navy h3{color:#fff!important}
body .si-tbl td:last-child{color:var(--cd)}
body .si-pm em{background:var(--cd)}
body .si-5 i{color:var(--cd)}
body .si-n.hl,body .si-n.hl *{color:var(--cd)}
body .bs-why{background:linear-gradient(160deg,#06222a 0%,#00485a 60%,#00778f 100%)}
body .dk{background:linear-gradient(150deg,#06222a,#00596b)}
body footer.ft,body .ft{background:radial-gradient(900px 380px at 90% -10%,rgba(111,220,63,.14),transparent 60%),linear-gradient(180deg,#0a3440 0%,#06222a 100%)!important}
body .cinfo{background:linear-gradient(150deg,#00596b,#06222a)!important}
body .mapcard{background:linear-gradient(160deg,#00596b,#00a3c4)}
body .cf-h{background:linear-gradient(135deg,#00596b,#00b0d0)}
/* body text: soft ink, headings: ink (no leftover olive/forest tints) */
body h1,body h2,body h3,body h4{color:var(--ink)}
body .dk h1,body .dk h2,body .dk h3,body .bs-why h2,body .bs-why h3,body .si-why h2,body .si-why h3,body .si-box.green h3,body .si-box.navy h3,
body .ph h1,body .ph h2,body .bs-final h2,body .bs-faq h2,body .cw-band h2,body .cw-cta h2,body .hero2 h1,body .cinfo h2,body .cinfo h3,body .mapcard h3,body .cf-h h2,body .cf-h h3,body .ft h4{color:#fff!important}
body .bs-final h2 em,body .bs-faq h2 em,body .hero2 h1 span{color:var(--g)!important}
body .btn,body .si-badge,body .go2{color:var(--ink)}
body .btn.g,body .btn.b{color:#fff!important}
/* "Have a solar project?" band + other CTA bands */
body .cta-b{background:radial-gradient(520px 260px at 92% 0%,rgba(111,220,63,.28),transparent 65%),linear-gradient(110deg,#06222a 0%,#00596b 100%)!important}
body .cta-b .btn.o{color:#fff!important}

/* =====================================================================
   DARK MODE - FINAL OVERRIDE (keep this block LAST in the last-loaded css)
   Why: bee.css / sp.css / modern.css load after theme.css, have no dark mode and
   re-set every colour to its LIGHT value (dark #06222a text on dark background,
   white cards under white headings). Light mode is not touched.
   ===================================================================== */
@media(prefers-color-scheme:dark){
:root{
  --tx:#e6f4f7;--tm:#9bbcc4;--bd:#1c4651;--cream:#071c22;--gl:#12414d;
  --mute:#9bbcc4;--mu:#9bbcc4;--line:#1c4651;--ln:#1c4651;--pale:#0d2f38;
  --sky:#12414d;--sky2:#17505e;--alt:#0a2630;--glow:#12414d;--hd:#fff;
  --card:#0d2f38;--bg:#071c22;--hbg:rgba(7,28,34,.94);
  --sh:0 10px 30px rgba(0,0,0,.35);--sh2:0 18px 44px rgba(0,0,0,.5);--shd:0 12px 34px rgba(0,0,0,.45)}
html body{background:#071c22;color:#e6f4f7}
html body main,html body section{background:#071c22}
html body:not(#_) header{background:rgba(7,28,34,.94);border-bottom-color:#1c4651}
html body:not(#_) nav.dn>a,html body:not(#_) nav.dn .nvb{color:#dbeef2}
html body:not(#_) nav.dn>a:hover,html body:not(#_) nav.dn .nvb:hover,html body:not(#_) nav.dn [aria-current],html body:not(#_) nav.dn .nvb[aria-expanded=true]{background:#0d2f38;color:#6fdc3f}
html body:not(#_) .lang{background:#0d2f38;color:#dbeef2;border-color:#1c4651}
html body:not(#_) .lang:hover{background:#12414d;color:#fff}
html body:not(#_) .burger{background:#0d2f38;border-color:#1c4651}
html body:not(#_) .burger i{background:#dbeef2}
html body:not(#_) .mm,html body:not(#_) .drawer,html body:not(#_) .mg,html body:not(#_) .mega .mg{background:#0d2f38;color:#e6f4f7;border-color:#1c4651}
html body:not(#_) .mm a,html body:not(#_) .mcol a,html body:not(#_) .drawer a,html body:not(#_) .drawer a.l,html body:not(#_) .drawer summary.l{color:#dbeef2}
html body:not(#_) .mcol h5,html body:not(#_) .mhead b{color:#fff}
html body:not(#_) .mcol a:hover,html body:not(#_) .mm a:hover{color:#6fdc3f}
html body:not(#_) .mhead span,html body:not(#_) .dcity div a{color:#9bbcc4}
html body:not(#_) .dcity summary{color:#4fd6ee}
html body:not(#_) .drawer a.l i,html body:not(#_) .drawer summary.l i{background:#12414d}
html body:not(#_) .tag{background:rgba(111,220,63,.14);color:#6fdc3f}
html body:not(#_) h1,html body:not(#_) h2,html body:not(#_) h3,html body:not(#_) h4,html body:not(#_) h5,html body:not(#_) h6,html body:not(#_) .h h2,html body:not(#_) .bs-card h3,html body:not(#_) .card h3,html body:not(#_) .mk-card h3{color:#fff}
html body:not(#_) p,html body:not(#_) li,html body:not(#_) dd,html body:not(#_) dt,html body:not(#_) small,html body:not(#_) label,html body:not(#_) td,html body:not(#_) .h p,html body:not(#_) .bs-card p,html body:not(#_) .card p,html body:not(#_) .lead{color:#9bbcc4}
html body:not(#_) .val{color:#6fdc3f!important}
html body:not(#_) b,html body:not(#_) strong{color:inherit}
html body:not(#_) .card,html body:not(#_) .pcard,html body:not(#_) .si-c,html body:not(#_) .si-box,html body:not(#_) .bs-card,html body:not(#_) .mk-card,html body:not(#_) .stat,html body:not(#_) .cstat,html body:not(#_) .job,html body:not(#_) .office,html body:not(#_) .faq details,html body:not(#_) .est,html body:not(#_) .eg,html body:not(#_) .xt,html body:not(#_) .tbl,html body:not(#_) .in,html body:not(#_) .who .pic,html body:not(#_) .cw-g,html body:not(#_) .gv-box,html body:not(#_) .pv3,html body:not(#_) .step,html body:not(#_) .bs-stats>div,html body:not(#_) .bs-pill{background:#0d2f38;border-color:#1c4651;color:#e6f4f7}
html body:not(#_) .card:hover,html body:not(#_) .bs-card:hover{background:#12414d}
html body:not(#_) .card b,html body:not(#_) .card strong,html body:not(#_) .stat b,html body:not(#_) .cstat b,html body:not(#_) .step b,html body:not(#_) .step h3{color:#fff}
html body:not(#_) .card .k,html body:not(#_) span.k{color:#a9e88f!important}
html body:not(#_) .card .ic,html body:not(#_) .bs-ic,html body:not(#_) .ic,html body:not(#_) .ico{background:#12414d;color:#6fdc3f}
html body:not(#_) .card small,html body:not(#_) .bs-card small,html body:not(#_) .si-c small,html body:not(#_) .pcard small{color:#6fdc3f}
html body:not(#_) .bs-card a.ln,html body:not(#_) .card .r a:first-child,html body:not(#_) .card a.ln{color:#6fdc3f}
html body:not(#_) .pcard .mt li,html body:not(#_) .mt li{background:#12414d;color:#bfeaf2}
html body:not(#_) .tbl th{background:#12414d;color:#fff}
html body:not(#_) .tbl td{color:#e6f4f7;border-color:#1c4651}
html body:not(#_) section.alt,html body:not(#_) .alt,html body:not(#_) .exp{background:#0a2630}
html body:not(#_) .exp h2,html body:not(#_) .exp-t h2{color:#fff}
html body:not(#_) .emg{background:linear-gradient(180deg,#0a2630,#0d3a47);border-bottom:1px solid #1c4651}
html body:not(#_) .emg h2,html body:not(#_) .emg-t h2{color:#fff}
html body:not(#_) .emg-t h2 b{color:#ff8a80}
html body:not(#_) .emg p,html body:not(#_) .emg-t p{color:#9bbcc4}
html body:not(#_) .emg-lk a{color:#6fdc3f;border-color:#6fdc3f}
html body:not(#_) .si-lead,html body:not(#_) .si-cap,html body:not(#_) .si-h p,html body:not(#_) .si-sub{color:#9bbcc4}
html body:not(#_) .si-f,html body:not(#_) .si-f>div,html body:not(#_) .si-w,html body:not(#_) .si-flow,html body:not(#_) .si-d{background:#0d2f38;color:#e6f4f7;border-color:#1c4651}
html body:not(#_) .si-f h4,html body:not(#_) .si-f b,html body:not(#_) .si-box h3,html body:not(#_) .si-box h4,html body:not(#_) .si-d h3,html body:not(#_) .si-flow h3{color:#fff}
html body:not(#_) .si-f p,html body:not(#_) .si-f span{color:#9bbcc4}
html body:not(#_) .si-brands span,html body:not(#_) .si-brands b{background:#12414d;color:#e6f4f7;border-color:#1c4651}
html body:not(#_) .si-box.navy,html body:not(#_) .si-box.green,html body:not(#_) .si-box.navy *,html body:not(#_) .si-box.green *{color:#fff}
html body:not(#_) .si-n{background:#fff;color:#06222a;border-color:#d3ebf0}
html body:not(#_) .si-n *{color:inherit}
html body:not(#_) .si-n.hl{background:#1b3a12;border-color:#6fdc3f;color:#e3f8d8}
html body:not(#_) .si-ar{color:#6fdc3f;background:transparent}
html body:not(#_) .calc,html body:not(#_) .calc2{background:#0d2f38;border-color:#1c4651}
html body:not(#_) .in h3,html body:not(#_) .calc h3,html body:not(#_) .calc2 h3{color:#fff}
html body:not(#_) .in .note,html body:not(#_) .cs,html body:not(#_) .hn,html body:not(#_) .eg small,html body:not(#_) .xt small,html body:not(#_) .note,html body:not(#_) .note2,html body:not(#_) .cw-note{color:#9bbcc4}
html body:not(#_) .eg b,html body:not(#_) .xt b,html body:not(#_) .out dd{color:#fff}
html body:not(#_) .out dt{color:#cfe6ec}
html body:not(#_) .sw,html body:not(#_) .sw button,html body:not(#_) .pt button{color:#e6f4f7}
html body:not(#_) .sw{background:#0a2630}
html body:not(#_) .pt button{background:#0a2630;border-color:#1c4651}
html body:not(#_) .pt button.on,html body:not(#_) .sw button.on{background:#00778f;color:#fff;border-color:#4fd6ee}
html body:not(#_) .bk,html body:not(#_) .bs-hero .bk{background:#0d2f38;color:#e6f4f7;border-color:#1c4651}
html body:not(#_) .bk h2,html body:not(#_) .bk .done h2{color:#fff}
html body:not(#_) .bk .sub2,html body:not(#_) .bk .terms,html body:not(#_) .bk .bl,html body:not(#_) .bk .f label,html body:not(#_) .bk .done p,html body:not(#_) .terms{color:#9bbcc4}
html body:not(#_) input,html body:not(#_) select,html body:not(#_) textarea{background:#082228;color:#e6f4f7;border-color:#1c4651}
html body:not(#_) ::placeholder{color:#6f969f}
html body:not(#_) .bk .opts span{background:#082228;border-color:#1c4651;color:#dbeef2}
html body:not(#_) .bk .opts input:checked+span{background:#00778f;border-color:#4fd6ee;color:#fff}
html body:not(#_) .sub{background:linear-gradient(120deg,#0d2f38,#1b3a12);border-color:#3f9a1c;color:#e3f8d8}
html body:not(#_) .sub h2,html body:not(#_) .sub h3,html body:not(#_) .sub b{color:#fff}
html body:not(#_) .sub p{color:#cfe9c3}
html body:not(#_) .sub .em{background:rgba(111,220,63,.15);color:#fff}
html body:not(#_) .faq summary,html body:not(#_) .bs-q summary,html body:not(#_) .si-c summary{color:#fff}
html body:not(#_) .faq details p,html body:not(#_) .faq .a{color:#9bbcc4}
html body:not(#_) .job b{color:#fff}
html body:not(#_) .job span,html body:not(#_) .job li,html body:not(#_) .job p{color:#9bbcc4}
html body:not(#_) .job summary,html body:not(#_) .jb summary,html body:not(#_) .job details summary,html body:not(#_) details>summary{color:#6fdc3f!important}
html body:not(#_) .job p b,html body:not(#_) .job a b{color:#fff}
html body:not(#_) .chips span,html body:not(#_) .nearby a,html body:not(#_) .cf-types span{background:#12414d;color:#dbeef2;border-color:#1c4651}
html body:not(#_) .cf-tag{color:#6fdc3f;background:rgba(111,220,63,.14)}
html body:not(#_) .cf-f label,html body:not(#_) .cf-h p{color:#9bbcc4}
html body:not(#_) .cf-h{background:#0d2f38}
html body:not(#_) .cf-h h2,html body:not(#_) .cf-h h3{color:#fff}
html body:not(#_) .mk-about h2,html body:not(#_) .mk-about b,html body:not(#_) .mk-card h3,html body:not(#_) .mk-card b{color:#fff}
html body:not(#_) .mk-about p,html body:not(#_) .mk-card p,html body:not(#_) .mk-card li{color:#9bbcc4}
html body:not(#_) .mk-vid,html body:not(#_) .mk-vid figcaption{background:#0d2f38;color:#e6f4f7}
html body:not(#_) .mk-vid figcaption span,html body:not(#_) .mk-vid small{color:#9bbcc4}
html body:not(#_) .cw-g,html body:not(#_) .pcard img,html body:not(#_) .gal figure{background:#12414d}
html body:not(#_) .strip,html body:not(#_) .strip .wrap>div{background:#0d2f38;color:#dbeef2;border-color:#1c4651}
html body:not(#_) .mapbox,html body:not(#_) .map-fb{background:#0d2f38}
html body:not(#_) .map-fb,html body:not(#_) .map-fb *,html body:not(#_) .map-tag{color:#fff}
html body:not(#_) .map-fb small{color:#bfd8de}
html body:not(#_) .cw-note b,html body:not(#_) .office b{color:#fff}
html body:not(#_) .btn.o{background:transparent;color:#4fd6ee;box-shadow:inset 0 0 0 2px #4fd6ee}
html body:not(#_) .btn.o:hover{background:#4fd6ee;color:#06222a}
html body:not(#_) .cta-b .btn.o,html body:not(#_) .dk .btn.o,html body:not(#_) .ph .btn.o,html body:not(#_) .bs-hero .btn.o,html body:not(#_) .bs-final .btn.o{color:#fff;box-shadow:inset 0 0 0 2px #fff}
html body:not(#_) .go2 span,html body:not(#_) .cf-go span{color:inherit}
html body:not(#_) .hero2{background:linear-gradient(180deg,#0a2630 0%,#0d3a47 100%);color:#e6f4f7}
html body:not(#_) .hero2 h1{color:#fff}
html body:not(#_) .hero2 h1 span{color:#6fdc3f}
html body:not(#_) .hero2 .lead,html body:not(#_) .hero2 .crumb,html body:not(#_) .hero2 .crumb span{color:#9bbcc4}
html body:not(#_) .hero2 .crumb a{color:#6fdc3f}
html body:not(#_) .hero2 .badge,html body:not(#_) .hero2 .pills span{background:#12414d;border:1px solid #1c4651;color:#dbeef2;box-shadow:none}
html body:not(#_) .hero2 .btn.o{color:#4fd6ee}
html body:not(#_) .bs-hero h1,html body:not(#_) .ph h1,html body:not(#_) .exp-n b{color:#fff}
html body:not(#_) .bs-hero .lead,html body:not(#_) .ph p{color:#cfe6ec}
html body:not(#_) .bs-w p,html body:not(#_) .bs-why .h p{color:#cfe6ec}
html body:not(#_) .bs-pill{color:#6fdc3f}
html body:not(#_) .ph .badge{background:rgba(111,220,63,.16);color:#d7f5c8}
html body:not(#_) footer,html body:not(#_) footer.ft{color:#b9d6dd}
html body:not(#_) footer h4,html body:not(#_) footer.ft h4,html body:not(#_) .ft-cta h3{color:#fff}
html body:not(#_) footer a,html body:not(#_) footer.ft a{color:#cfe6ec}
html body:not(#_) footer a:hover{color:#6fdc3f}
html body:not(#_) footer p,html body:not(#_) footer.ft p,html body:not(#_) footer.ft .fb p{color:#a9c6cc}
html body:not(#_) .ft .fl{background:#fff}
html body:not(#_) .step:after{opacity:1}
html body:not(#_) .bs-hero .bk h2,html body:not(#_) .bk h2{color:#fff!important}
html body:not(#_) .si-bar{background:#0d2f38;border-color:#1c4651}
html body:not(#_) .si-bar div,html body:not(#_) .si-bar i,html body:not(#_) .si-st div,html body:not(#_) .si-st b{color:#e6f4f7}
html body:not(#_) .si-st span{color:#9bbcc4}
html body:not(#_) .cstat b,html body:not(#_) .bs-stats b,html body:not(#_) .stat b,html body:not(#_) .bs-nums b{color:#4fd6ee}
html body:not(#_) .bs-hero h1 em,html body:not(#_) .bs-final h2 em{color:#6fdc3f!important}
html body:not(#_) .bs-hero .lead{color:#cfe6ec!important}
html body:not(#_) .h h2,html body:not(#_) .who h2,html body:not(#_) section h2,html body:not(#_) section h3{color:#fff}
html body:not(#_) .h h2[style],html body:not(#_) h2[style]{color:#fff!important}
html body:not(#_) .si-ul li,html body:not(#_) .ck li,html body:not(#_) .si-pts span{color:#dbeef2}
html body:not(#_) .si-ul li{background:transparent}
html body:not(#_) .exp h2,html body:not(#_) .exp-t h2{color:#fff!important}
html body:not(#_) .exp p,html body:not(#_) .exp-t p{color:#cfe6ec!important}
html body:not(#_) .cstat b{color:#4fd6ee!important}
html body:not(#_) section.areas{background:linear-gradient(180deg,#071c22 0,#0a2630 100%)}
html body:not(#_) .areas .chips span{background:#0d2f38;color:#e6f4f7;border-color:#1c4651}
html body:not(#_) .areas .chips span:first-child{background:linear-gradient(120deg,#00596b,#00778f);color:#fff}
html body:not(#_) .areas .chips span:before{background:#12414d}
html body:not(#_) .areas .h p,html body:not(#_) .areas .note2,html body:not(#_) .areas p{color:#b4d0d7}
html body:not(#_) .mfoot{background:#12414d;color:#e6f4f7}
html body:not(#_) .mfoot a{color:#6fdc3f}
html body:not(#_) .mc .bk,html body:not(#_) .mc .bk.bkm,html body:not(#_) .bk.bkm{background:transparent;border:0;box-shadow:none;border-radius:0}
html body:not(#_) .mc .mx{background:#184e5b;color:#fff}
html body:not(#_) .mc .mx:hover{background:#236a7c}
html body:not(#_) .mc{background:#0d2f38;color:#e6f4f7}
html body:not(#_) .mq h2,html body:not(#_) .msv h2,html body:not(#_) .mc h2{color:#fff!important}
}

/* Popup close button: always above the form so it can be clicked */
html body .mc .mx{z-index:10}
html body .mc .bk,html body .mc .bk.bkm,html body .bk.bkm{clip-path:none}