.brand-mark,
.brand > span:not(.brand-mark) {
  display: none;
}

.brand img {
  display: block;
  width: 220px;
  height: 64px;
  object-fit: cover;
}

/* Light theme: a fresh, pale ocean-green foundation. */
body {
  background: #dff4ed;
}

.site-header,
.hero {
  background: #126f63;
}

.problem-section {
  background: #eefaf5;
}

.how-section {
  background: #c9eee3;
}

.cta-section {
  background: #0c5d52;
}

.nav-cta,
.theme-toggle {
  border-color: #77b9a9;
}

.sun {
  background: radial-gradient(circle, #358f80 0, #227b6d 48%, transparent 49%);
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid #47616b;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font: 600 13px "DM Sans", sans-serif;
  cursor: pointer;
}

.theme-toggle:hover {
  background: #ffffff12;
  border-color: var(--aqua);
}

.theme-icon {
  color: var(--lime);
  font-size: 17px;
  line-height: 1;
}

.established {
  color: var(--aqua);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-theme="dark"] body {
  background: #061b13;
  color: #dce9ec;
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .hero {
  background: #092d21;
}

html[data-theme="dark"] .problem-section {
  background: #0c281e;
}

html[data-theme="dark"] .problem-grid,
html[data-theme="dark"] .problem-grid article,
html[data-theme="dark"] .section-heading,
html[data-theme="dark"] .contact-person,
html[data-theme="dark"] .steps li {
  border-color: #34515c;
}

html[data-theme="dark"] .section-heading > p:last-child,
html[data-theme="dark"] .problem-grid p,
html[data-theme="dark"] .how-copy > p:not(.eyebrow):not(.note),
html[data-theme="dark"] .steps p {
  color: #a9bdc4;
}

html[data-theme="dark"] .how-section {
  background: #12392b;
}

html[data-theme="dark"] .contact-options {
  background: #0e3024;
  color: #e8f0f2;
  border: 1px solid #34515c;
}

html[data-theme="dark"] .contact-options > p,
html[data-theme="dark"] .contact-person small {
  color: #9fb3ba;
}

html[data-theme="dark"] .person-initial {
  background: #194a38;
  color: var(--aqua);
}

html[data-theme="dark"] .cta-section {
  background: #061d15;
}

html[data-theme="dark"] .sun {
  background: radial-gradient(circle, #174c39 0, #103d2d 48%, transparent 49%);
}

.footer-brand img {
  width: 190px;
  height: 55px;
}

.contact-options {
  align-self: center;
  background: #fff;
  color: var(--ink);
  padding: 34px;
  border-radius: 5px;
}

.contact-options > p {
  margin-bottom: 24px;
  color: var(--muted);
  font-size: 14px;
}

.contact-person {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid var(--line);
}

.contact-person:last-child {
  border-bottom: 1px solid var(--line);
}

.contact-person:hover b {
  color: #087f9d;
}

.contact-person > span:nth-child(2) {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.contact-person small {
  color: var(--muted);
}

.contact-person b {
  font-size: 15px;
  overflow-wrap: anywhere;
  transition: color .2s ease;
}

.contact-person i {
  margin-left: auto;
  color: var(--blue);
  font-size: 22px;
  font-style: normal;
}

.person-initial {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dcecef;
  color: #087f9d;
  font-family: Manrope, sans-serif;
  font-weight: 800;
}

@media (max-width: 520px) {
  .brand img { width: 170px; height: 50px; }
  .footer-brand img { width: 180px; height: 52px; }
  .contact-options { padding: 24px; }
  .theme-toggle { margin-left: auto; }
  .theme-label { display: none; }
}
/* Pull-string light switch */
.site-header .theme-toggle{position:relative;width:68px;height:46px;margin-left:auto;padding:0!important;overflow:visible;border:0;background:transparent;box-shadow:none}.site-header .theme-toggle:hover{background:transparent;transform:none}.theme-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.theme-icon{position:absolute;left:6px;top:8px;width:25px;height:25px;border:2px solid #644f08;border-radius:50% 50% 46% 46%;background:#ffd84d;color:transparent;font-size:0;box-shadow:0 0 6px #ffd84d,0 0 14px rgba(255,216,77,.72);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-icon:before{content:"";position:absolute;left:6px;bottom:-7px;width:9px;height:7px;border:2px solid #253d37;border-top:0;border-radius:0 0 3px 3px;background:#a58c39}.theme-icon:after{content:"";position:absolute;left:6px;top:5px;width:9px;height:6px;border-top:2px solid rgba(255,255,255,.8);border-radius:50%}.theme-toggle:before{content:"";position:absolute;left:49px;top:3px;width:2px;height:27px;background:#263f38;transform-origin:top center}.theme-toggle:after{content:"";position:absolute;left:44px;top:28px;width:12px;height:12px;border:2px solid #263f38;border-radius:50%;background:#d7eee6}.theme-toggle.is-pulling:before{animation:cord-pull .42s ease}.theme-toggle.is-pulling:after{animation:handle-pull .42s ease}.theme-toggle.is-pulling .theme-icon{animation:bulb-flick .42s ease}html[data-theme="dark"] .theme-icon{border-color:#52625e;background:#818b88;box-shadow:none}html[data-theme="dark"] .theme-icon:before{background:#6d7774;border-color:#263b35}html[data-theme="dark"] .theme-icon:after{border-color:rgba(255,255,255,.3)}html[data-theme="dark"] .theme-toggle:before{background:#b1c8c0}html[data-theme="dark"] .theme-toggle:after{border-color:#b1c8c0;background:#50645d}@keyframes cord-pull{0%,100%{transform:scaleY(1)}45%{transform:scaleY(1.38)}}@keyframes handle-pull{0%,100%{transform:translateY(0)}45%{transform:translateY(10px)}}@keyframes bulb-flick{0%,35%,70%,100%{opacity:1}20%,55%{opacity:.35}}@media(prefers-reduced-motion:reduce){.theme-toggle.is-pulling:before,.theme-toggle.is-pulling:after,.theme-toggle.is-pulling .theme-icon{animation:none}}
/* Refined lamp and beaded metal pull chain */
.site-header .theme-toggle{width:82px;height:48px}.site-header .theme-icon{left:4px;top:5px;width:39px;height:20px;border:2px solid #263c36;border-radius:5px 5px 14px 14px;background:linear-gradient(90deg,#697572 0%,#e0e5e3 47%,#77827f 100%);box-shadow:0 2px 3px rgba(0,0,0,.28);transition:background .25s ease,box-shadow .25s ease}.site-header .theme-icon:before{content:"";position:absolute;left:14px;top:-7px;width:9px;height:7px;border:2px solid #263c36;border-bottom:0;border-radius:3px 3px 0 0;background:#909b98}.site-header .theme-icon:after{content:"";position:absolute;left:9px;top:15px;width:17px;height:17px;border:2px solid #6c5500;border-radius:50%;background:#ffd84d;box-shadow:0 0 7px #ffd84d,0 0 15px rgba(255,216,77,.78);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.site-header .theme-toggle:before{left:60px;top:2px;width:5px;height:31px;background:radial-gradient(circle,#f5f7f6 0 1.15px,#364743 1.3px 2.2px,transparent 2.35px) center top/5px 6px repeat-y;filter:drop-shadow(0 0 1px #fff);transform-origin:top center}.site-header .theme-toggle:after{left:56px;top:31px;width:13px;height:13px;border:2px solid #263c36;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2f5f4,#7e8b87 68%,#394a45);box-shadow:0 1px 2px rgba(0,0,0,.35)}html[data-theme="dark"] .site-header .theme-icon{border-color:#c7d3cf;background:linear-gradient(90deg,#4e5956 0%,#b8c0bd 48%,#53605c 100%);box-shadow:0 2px 4px #000}html[data-theme="dark"] .site-header .theme-icon:before{border-color:#c7d3cf;background:#7e8986}html[data-theme="dark"] .site-header .theme-icon:after{border-color:#9da8a5;background:#747e7b;box-shadow:none}html[data-theme="dark"] .site-header .theme-toggle:before{background:radial-gradient(circle,#fff 0 1.2px,#8c9995 1.35px 2.25px,transparent 2.4px) center top/5px 6px repeat-y;filter:drop-shadow(0 0 2px #fff)}html[data-theme="dark"] .site-header .theme-toggle:after{border-color:#e3ebe8;background:radial-gradient(circle at 35% 30%,#fff,#9aa6a2 68%,#4b5a55)}
/* Ceiling dome light: mounted to the top of the header */
@media(min-width:851px){.site-header>.brand{flex:0 0 235px}.site-header>nav{flex:1;justify-content:center;margin:0 34px}.site-header>.theme-toggle{flex:0 0 82px;margin-left:0}}
.site-header .theme-toggle{width:82px;height:60px;align-self:flex-start}.site-header .theme-icon{left:18px;top:0;width:46px;height:22px;border:2px solid #263c36;border-top:0;border-radius:0 0 25px 25px;background:linear-gradient(90deg,#b99519 0%,#ffe269 48%,#b99519 100%);box-shadow:inset 0 -4px 5px rgba(255,255,255,.35),0 4px 9px rgba(255,218,77,.42)}.site-header .theme-icon:before{left:6px;top:0;width:30px;height:4px;border:0;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#53605d,#e1e7e5,#53605d)}.site-header .theme-icon:after{left:14px;top:10px;width:14px;height:9px;border:0;border-radius:50% 50% 45% 45%;background:#fff2a6;box-shadow:0 2px 7px #ffe15c}.site-header .theme-toggle:before{left:39px;top:19px;width:5px;height:26px;background:radial-gradient(circle,#fbfdfc 0 1.15px,#364743 1.3px 2.2px,transparent 2.35px) center top/5px 6px repeat-y;filter:drop-shadow(0 0 1px #fff);z-index:2}.site-header .theme-toggle:after{left:34px;top:43px;width:15px;height:15px;border:2px solid #263c36;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#8d9995 65%,#3d4c47);box-shadow:0 1px 3px rgba(0,0,0,.45);z-index:3}html[data-theme="dark"] .site-header .theme-icon{border-color:#d0d9d6;background:linear-gradient(90deg,#4d5754 0%,#828c89 48%,#4d5754 100%);box-shadow:inset 0 -3px 4px rgba(255,255,255,.08),0 2px 4px #000}html[data-theme="dark"] .site-header .theme-icon:after{background:#737d7a;box-shadow:none}html[data-theme="dark"] .site-header .theme-toggle:before{background:radial-gradient(circle,#fff 0 1.2px,#8c9995 1.35px 2.25px,transparent 2.4px) center top/5px 6px repeat-y;filter:drop-shadow(0 0 2px #fff)}@media(max-width:1100px) and (min-width:851px){.site-header>.brand{flex-basis:200px}.site-header>nav{gap:22px;margin:0 18px}}@media(max-width:850px){.site-header .theme-toggle{height:60px;margin-left:auto}.site-header .theme-icon{left:18px}.site-header .theme-toggle:before{left:39px}.site-header .theme-toggle:after{left:34px}}
/* Make the pull chain clearly interactive. */
.site-header .theme-toggle:hover:before,.site-header .theme-toggle:focus-visible:before{background:radial-gradient(circle,#fff9b0 0 1.3px,#f0c936 1.45px 2.35px,transparent 2.5px) center top/5px 6px repeat-y;filter:drop-shadow(0 0 3px #ffe15c)}.site-header .theme-toggle:hover:after,.site-header .theme-toggle:focus-visible:after{border-color:#ffe15c;background:radial-gradient(circle at 35% 30%,#fffbe0,#e0b92f 65%,#725a08);box-shadow:0 0 5px #ffe15c,0 0 11px rgba(255,225,92,.7);transform:scale(1.12)}.site-header .theme-toggle:focus-visible{outline:2px solid #ffe15c;outline-offset:2px;border-radius:4px}
/* Lamp status and exact pull-chain alignment. */
.site-header .theme-toggle:after{left:32px}.site-header .theme-label{display:block!important;position:absolute!important;left:0!important;top:31px!important;width:25px!important;height:auto!important;margin:0!important;padding:2px 0!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:3px;color:#fff;font:800 8px/1.2 Manrope,sans-serif;letter-spacing:.09em;text-align:center;background:rgba(0,0,0,.2)}html:not([data-theme="dark"]) .site-header .theme-label{color:#fff4a5;border-color:#ffe15c!important;background:#675306}html[data-theme="dark"] .site-header .theme-label{color:#d2dcda;border-color:#879591!important;background:#35433f}.site-header .theme-toggle:hover .theme-label,.site-header .theme-toggle:focus-visible .theme-label{border-color:#ffe15c!important;color:#fff7bd}
