body.theme-b {
  --page: #f3f7fb;
  --surface: #ffffff;
  --ink: #102337;
  --heading: #0a2942;
  --muted: #617287;
  --accent: #26d5a2;
  --focus: rgba(38, 213, 162, 0.45);
  --header-bg: rgba(5, 28, 47, 0.94);
  --header-ink: #f3fbff;
  --header-line: rgba(255, 255, 255, 0.11);
  --header-line-strong: rgba(255, 255, 255, 0.26);
  --nav-ink: #c7d9e5;
  --nav-active: #ffffff;
  --mobile-menu-bg: #061f34;
  --mobile-menu-ink: #f2fbff;
  --mobile-menu-line: rgba(255, 255, 255, 0.12);
  --button-radius: 999px;
  --button-primary: linear-gradient(105deg, #16cfa2, #48ddd0);
  --button-primary-hover: linear-gradient(105deg, #0fbd92, #35cfc2);
  --button-primary-ink: #062f35;
  --button-primary-shadow: 0 12px 30px rgba(21, 206, 162, 0.23);
  --button-primary-shadow-hover: 0 16px 36px rgba(21, 206, 162, 0.32);
  --button-secondary: rgba(255, 255, 255, 0.045);
  --button-secondary-ink: #eff9ff;
  --button-secondary-line: rgba(255, 255, 255, 0.28);
  --button-secondary-hover: rgba(255, 255, 255, 0.1);
  --button-secondary-hover-ink: #ffffff;
  --button-secondary-hover-line: rgba(255, 255, 255, 0.5);
  --hero-ink: #edf8ff;
  --hero-heading: #ffffff;
  --hero-muted: #b5cbd9;
  --hero-bg: #061e33;
  --eyebrow: #56e8c2;
  --visual-bg: radial-gradient(circle at 50% 44%, rgba(25, 189, 198, 0.18), transparent 37%), rgba(10, 42, 68, 0.72);
  --visual-line: rgba(120, 222, 255, 0.2);
  --visual-radius: 30px;
  --visual-shadow: 0 36px 90px rgba(0, 4, 16, 0.34), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  --visual-divider: rgba(159, 224, 255, 0.17);
  --visual-dot: #45e5b8;
  --visual-dot-ring: rgba(69, 229, 184, 0.22);
  --visual-muted: #9fbaca;
  --core-ink: #eaffff;
  --core-bg: linear-gradient(145deg, rgba(27, 186, 205, 0.36), rgba(19, 95, 139, 0.32));
  --core-line: rgba(91, 235, 224, 0.54);
  --core-radius: 50%;
  --core-shadow: 0 0 54px rgba(38, 213, 162, 0.18), inset 0 0 34px rgba(71, 222, 255, 0.12);
  --ring-line: rgba(74, 210, 230, 0.23);
  --chip-ink: #dcecf5;
  --chip-bg: rgba(7, 31, 51, 0.62);
  --chip-line: rgba(106, 218, 239, 0.18);
  --chip-radius: 999px;
  --trust-bg: #08253e;
  --trust-ink: #e7f4fb;
  --trust-line: rgba(255, 255, 255, 0.1);
  --trust-strong: #ffffff;
  --trust-muted: #9db5c5;
  --section-bg: #ffffff;
  --section-tint: #eff6fa;
  --card-ink: #17334a;
  --card-bg: linear-gradient(145deg, #ffffff, #f8fbfd);
  --card-line: #d8e6ed;
  --card-radius: 22px;
  --card-shadow: 0 16px 40px rgba(27, 71, 99, 0.075);
  --card-hover-line: #89cfd5;
  --card-shadow-hover: 0 24px 50px rgba(21, 83, 107, 0.14);
  --card-heading: #0a3550;
  --card-muted: #65798a;
  --card-index: #92a9b7;
  --service-icon-ink: #0b5f65;
  --service-icon-bg: linear-gradient(145deg, #dcfff5, #dff6ff);
  --service-icon-line: #b5e8e0;
  --service-icon-radius: 15px;
  --flow-ink: #17364e;
  --flow-bg: rgba(255, 255, 255, 0.8);
  --flow-line: #d1e3ea;
  --flow-radius: 22px;
  --flow-heading: #0c3853;
  --flow-muted: #657a8b;
  --flow-number-ink: #073d42;
  --flow-number-bg: linear-gradient(145deg, #5ae7c3, #7de4ed);
  --flow-arrow-bg: #f8fbfd;
  --article-ink: #153248;
  --article-bg: #ffffff;
  --article-line: #d7e6ed;
  --article-radius: 22px;
  --article-shadow: 0 16px 40px rgba(27, 71, 99, 0.075);
  --article-meta: #6c8293;
  --article-heading: #0b3550;
  --article-muted: #657a8b;
  --article-publisher: #7a8e9b;
  --article-link: #087b7b;
  --tag-ink: #096260;
  --tag-bg: #e7fbf6;
  --tag-line: #bce9df;
  --cta-ink: #ffffff;
  --cta-heading: #ffffff;
  --cta-muted: #b8d0df;
  --cta-bg: radial-gradient(circle at 84% 30%, rgba(26, 208, 168, 0.22), transparent 27%), linear-gradient(120deg, #061f35, #0a3555 72%);
  --footer-bg: #041827;
  --footer-ink: #d8e8f0;
  --footer-heading: #ffffff;
  --footer-muted: #8fa9b9;
  --footer-line: rgba(255, 255, 255, 0.1);
  --footer-link-hover: #55e2bd;
  --mobile-bar-bg: #061f35;
  --mobile-bar-ink: #d8e9f2;
  --mobile-bar-line: rgba(255, 255, 255, 0.13);
  --mobile-bar-active-bg: linear-gradient(115deg, #16cfa2, #48ddd0);
  --mobile-bar-active-ink: #053337;
}

.theme-b .brand-logo {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18));
}

.theme-b .hero::before {
  top: -22%;
  right: -5%;
  width: 63%;
  height: 135%;
  opacity: 0.78;
  background-image: linear-gradient(rgba(76, 209, 226, 0.075) 1px, transparent 1px), linear-gradient(90deg, rgba(76, 209, 226, 0.075) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, #000, transparent 70%);
  transform: perspective(700px) rotateY(-18deg) rotateZ(-4deg);
}

.theme-b .hero::after {
  top: -260px;
  left: -150px;
  width: 650px;
  height: 650px;
  background: radial-gradient(circle, rgba(28, 104, 185, 0.28), transparent 68%);
}

.theme-b .hero h1 {
  background: linear-gradient(105deg, #ffffff 8%, #dcfbff 56%, #80eed6 112%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.theme-b .energy-map::before {
  top: 47%;
  left: 50%;
  width: 355px;
  height: 355px;
  border: 1px dashed rgba(91, 222, 238, 0.18);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.theme-b .energy-map::after {
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #5be4be;
  border-radius: 50%;
  box-shadow: -190px -52px 0 -3px #5bd9e4, 190px 62px 0 -3px #5bd9e4, -132px 138px 0 -4px #5be4be, 138px -140px 0 -4px #5be4be;
  transform: translate(-50%, -50%);
}

.theme-b .energy-map__ring {
  animation: slow-spin 24s linear infinite;
}

.theme-b .energy-map__ring::before {
  border-style: dashed;
}

.theme-b .service-card::before {
  position: absolute;
  top: 0;
  right: 22px;
  left: 22px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #28d1a5 30%, #55cfe3 72%, transparent);
  border-radius: 0 0 999px 999px;
  content: "";
  opacity: 0.82;
}

.theme-b .section:not(.section--cta) .button--secondary {
  color: #0b5262;
  background: #ffffff;
  border-color: #bdd6de;
}

.theme-b .section:not(.section--cta) .button--secondary:hover {
  color: #073d4b;
  background: #eaf8f6;
  border-color: #76c9c4;
}

.theme-b .section--tint::before {
  position: absolute;
  top: 12%;
  right: -120px;
  width: 390px;
  height: 390px;
  background: radial-gradient(circle, rgba(37, 206, 176, 0.11), transparent 68%);
  content: "";
}

.theme-b .section--tint {
  overflow: hidden;
}

.theme-b .section--cta .button--secondary {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.28);
}

@keyframes slow-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-b .energy-map__ring {
    animation: none;
  }
}