/* WindPower's blue and cyan visual language. /explorer never receives wpb-design. */
html.wpb-design {
  --wpb-bg: #061923;
  --wpb-paper: #102c3a;
  --wpb-ink: #f4faff;
  --wpb-muted: #b3c8d3;
  --wpb-line: #315469;
  --wpb-teal: #62d8e7;
  --wpb-teal-deep: #279bbb;
  --wpb-lime: #62d8e7;
  --wpb-shadow: 0 24px 70px rgba(0, 9, 21, .33);
}
html.wpb-design.dark {
  --wpb-bg: #061923;
  --wpb-paper: #102c3a;
  --wpb-ink: #f4faff;
  --wpb-muted: #b3c8d3;
  --wpb-line: #315469;
  --wpb-teal: #62d8e7;
  --wpb-teal-deep: #279bbb;
}
html.wpb-design body { background: #061923 !important; }
html.wpb-design ::selection { background: #63dce8; color: #042333; }
html.wpb-design :focus-visible { outline-color: #63dce8 !important; }
html.wpb-design #root header,
html.wpb-design.dark #root header {
  background: rgba(4, 23, 33, .94) !important;
  border-bottom: 1px solid rgba(125, 201, 223, .2) !important;
  backdrop-filter: blur(24px) saturate(1.25);
}
html.wpb-design #root header span.font-bold { color: #fff !important; }
html.wpb-design #root header nav a:not(:last-child) { color: #bfd3df !important; }
html.wpb-design #root header nav a:not(:last-child):hover { color: #69dbe9 !important; }
html.wpb-design #root header nav a:last-child {
  background: #1277d4 !important;
  border: 1px solid #4ea9f2 !important;
  color: #fff !important;
  box-shadow: 0 0 0 5px rgba(37, 142, 224, .13), 0 10px 28px rgba(0, 73, 146, .25);
}
html.wpb-design #root header nav a:last-child:hover { background: #3298ee !important; color: #fff !important; }

/* A cinematic onshore image with the legal disclosure on the image itself. */
html.wpb-design.wpb-home #root section.relative.pt-32 {
  min-height: 830px;
  border-radius: 12px 12px 34px 12px;
  box-shadow: 0 28px 90px rgba(0, 10, 23, .45);
  background: #051c2b;
}
html.wpb-design.wpb-home #root section.relative.pt-32 > .absolute.inset-0 {
  background-image: url('/assets/hero-user-20260927.webp') !important;
  background-position: center 49% !important;
  filter: saturate(1.02) contrast(1.02);
  transform: scale(1.012);
}
html.wpb-design.wpb-home #root section.relative.pt-32::before {
  background: linear-gradient(90deg, rgba(2, 20, 34, .94) 0%, rgba(2, 21, 35, .82) 28%, rgba(3, 26, 42, .24) 63%, rgba(2, 18, 30, .06) 100%),
              linear-gradient(0deg, rgba(2, 18, 30, .96) 0%, rgba(2, 18, 30, .27) 42%, transparent 75%);
}
html.wpb-design.wpb-home #root section.relative.pt-32 > .absolute.inset-0 > .absolute {
  background: linear-gradient(0deg, rgba(2, 18, 30, .92), transparent 38%) !important;
}
html.wpb-design.wpb-home #root section.relative.pt-32 h1 {
  max-width: 820px;
  font-size: clamp(4.2rem, 7.7vw, 8.7rem) !important;
  line-height: .89 !important;
  letter-spacing: -.076em;
  text-shadow: 0 9px 38px rgba(0, 10, 24, .44);
}
html.wpb-design.wpb-home #root section.relative.pt-32 h1 .wpb-highlight { color: #72e0ec; }
html.wpb-design.wpb-home #root section.relative.pt-32 .inline-block.rounded-full {
  background: rgba(62, 171, 218, .16) !important;
  border-color: rgba(109, 217, 237, .64) !important;
  color: #d6f8ff !important;
}
html.wpb-design.wpb-home #root section.relative.pt-32 a[href="/register-company"]:not(ol a) {
  background: #117cdb !important;
  border-color: #69bafa !important;
  color: #fff !important;
  box-shadow: 0 15px 34px rgba(0, 83, 164, .3);
}
html.wpb-design.wpb-home #root section.relative.pt-32 a[href="/register-company"]:not(ol a):hover { background: #339cf0 !important; }
html.wpb-design.wpb-home #root section.relative.pt-32 .wpb-intro--hero {
  background: linear-gradient(150deg, rgba(3, 35, 55, .93), rgba(5, 56, 75, .83));
  border: 1px solid rgba(103, 222, 239, .59);
  box-shadow: 0 26px 64px rgba(0, 16, 31, .42);
  transform: none;
}
html.wpb-design.wpb-home #root section.relative.pt-32 .wpb-intro--hero .wpb-intro__eyebrow,
html.wpb-design.wpb-home #root section.relative.pt-32 .wpb-intro--hero a { color: #72e0ec; }
html.wpb-design.wpb-home #root section.relative.pt-32 .wpb-intro--hero p { color: #c6e1e9 !important; }
html.wpb-design.wpb-home #root section.relative.pt-32 ol li a {
  background: rgba(3, 30, 48, .82) !important;
  border-color: rgba(104, 197, 225, .41) !important;
  box-shadow: 0 15px 35px rgba(0, 16, 34, .19);
}
html.wpb-design.wpb-home #root section.relative.pt-32 ol li a:hover { background: rgba(6, 59, 80, .94) !important; }
html.wpb-design.wpb-home .wpb-ai-label {
  top: 18px;
  right: 22px;
  bottom: auto;
  left: auto;
  z-index: 12;
  background: rgba(3, 27, 43, .87);
  border: 1px solid rgba(210, 244, 255, .67);
  box-shadow: 0 9px 25px rgba(0, 12, 24, .24);
}

/* Every section has its own depth and rhythm; the cards remain readable in both themes. */
html.wpb-design.wpb-home #root section:not(.relative) { color: #f4faff !important; }
html.wpb-design.wpb-home #root section:not(.relative) h2 {
  margin-inline: 0;
  max-width: 1000px;
  text-align: left !important;
  color: #f5fbff !important;
}
html.wpb-design.wpb-home #root section:not(.relative) h3 { color: #f5fbff !important; }
html.wpb-design.wpb-home #root section:not(.relative) p { color: #b6ccd7 !important; }
html.wpb-design.wpb-home #root section:nth-of-type(2) .text-center.mb-16 { text-align: left !important; }
html.wpb-design.wpb-home #root section:nth-of-type(2) .text-center.mb-16 > p { margin-left: 0 !important; margin-right: 0 !important; }
html.wpb-design.wpb-home #root section:nth-of-type(2) .text-center.mb-16 > .inline-flex { display: none !important; }
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div svg { color: #61dcef !important; }
html.wpb-design.wpb-home #root section:not(.relative):nth-of-type(2) {
  background: radial-gradient(circle at 94% 4%, rgba(22, 120, 178, .28), transparent 28%), #071d2a !important;
}
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div,
html.wpb-design.wpb-home #root section:nth-of-type(4) .grid > div {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #103449, #0b2838) !important;
  border: 1px solid #31576c !important;
  box-shadow: 0 15px 44px rgba(0, 10, 23, .17);
}
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:first-child {
  background: linear-gradient(128deg, #0d659a, #0d3f64 56%, #082c48) !important;
  border-color: #4bbbe8 !important;
}
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:first-child h3,
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:first-child p,
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:nth-child(4) h3,
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:nth-child(4) p { color: #f5fbff !important; }
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:first-child::after {
  content: '';
  position: absolute;
  width: 290px;
  height: 290px;
  right: -85px;
  bottom: -150px;
  border: 1px solid rgba(182, 236, 255, .35);
  border-radius: 50%;
  box-shadow: 0 0 0 43px rgba(180, 236, 255, .035), 0 0 0 86px rgba(180, 236, 255, .025);
  pointer-events: none;
}
html.wpb-design.wpb-home #root section:nth-of-type(2) .grid > div:nth-child(4) { background: linear-gradient(145deg, #125270, #0d3448) !important; }
html.wpb-design.wpb-home #root section:nth-of-type(3) {
  background: linear-gradient(130deg, #0a2d3f, #061e2f 66%, #0a3550) !important;
}
html.wpb-design.wpb-home #root section:nth-of-type(3) .grid.sm\:grid-cols-2 > div {
  background: rgba(12, 55, 75, .72) !important;
  border: 1px solid #35718a !important;
  box-shadow: inset 0 1px 0 rgba(195, 240, 255, .09);
}
html.wpb-design.wpb-home #root section:nth-of-type(4) {
  background: radial-gradient(circle at 0 100%, rgba(31, 113, 162, .28), transparent 32%), #071c29 !important;
}
html.wpb-design.wpb-home #root section:nth-of-type(4) .grid > div:nth-child(2) {
  background: linear-gradient(145deg, #104760, #0b2d40) !important;
}
html.wpb-design.wpb-home #root section:nth-of-type(5) {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 78% 16%, rgba(61, 180, 233, .27), transparent 27%),
              linear-gradient(125deg, #0c3b66, #082b4b 60%, #071d31) !important;
}
html.wpb-design.wpb-home #root section:nth-of-type(5)::before {
  content: '';
  position: absolute;
  width: min(48vw, 650px);
  aspect-ratio: 1;
  right: -10%;
  top: -65%;
  border: 1px solid rgba(161, 231, 255, .3);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(172, 237, 255, .035), 0 0 0 116px rgba(172, 237, 255, .025);
  pointer-events: none;
}
html.wpb-design.wpb-home #root section:nth-of-type(5) h2,
html.wpb-design.wpb-home #root section:nth-of-type(5) p { color: #f5fbff !important; }
html.wpb-design.wpb-home #root footer { background: #041621 !important; border-top: 1px solid #2a4a5e; }

/* Prices: clear monthly offer on a dark surface, without the previous acid yellow. */
html.wpb-design.wpb-pricing #root > .min-h-screen,
html.wpb-design.wpb-pricing #root section { background: #061923 !important; }
html.wpb-design.wpb-pricing #root section h1 { color: #f4faff !important; }
html.wpb-design.wpb-pricing #root section > div > .text-center p { color: #b6ccd7 !important; }
html.wpb-design.wpb-pricing .wpb-intro--pricing {
  background: linear-gradient(115deg, #0d4773, #0a3459 57%, #07283d);
  border: 1px solid #4ba8d8;
  box-shadow: 0 25px 70px rgba(0, 12, 29, .32);
}
html.wpb-design.wpb-pricing .wpb-intro--pricing::after { color: rgba(185, 234, 255, .11); }
html.wpb-design.wpb-pricing .wpb-intro--pricing .wpb-intro__eyebrow { color: #7be4f0; }
html.wpb-design.wpb-pricing .wpb-intro--pricing strong { color: #fff; }
html.wpb-design.wpb-pricing .wpb-intro--pricing p { color: #d6ebf3 !important; }
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div,
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(3n+2),
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(3n+3) {
  background: linear-gradient(155deg, #12394b, #0b2938) !important;
  border: 1px solid #31596e !important;
  color: #f5fbff !important;
}
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(3n+2) { background: linear-gradient(155deg, #154b69, #0b2d43) !important; }
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div h3,
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div .text-4xl.font-bold { color: #fff !important; }
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div .text-slate-600,
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div .dark\:text-slate-400 { color: #bdd1dc !important; }
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div .wpb-trial-chip {
  background: rgba(69, 183, 217, .22);
  border: 1px solid rgba(109, 224, 239, .38);
  color: #b8f3ff;
}
html.wpb-design.wpb-pricing #root section .grid.md\:grid-cols-2.lg\:grid-cols-4 > div > .inline-block:first-child {
  background: rgba(96, 214, 233, .17) !important;
  color: #b8eff8 !important;
}
html.wpb-design.wpb-pricing #root section .grid a[href="/subscription"],
html.wpb-design.wpb-pricing #root section .grid a[href="/register-company"] { background: #1278d7 !important; color: #fff !important; }
html.wpb-design.wpb-pricing #root section .grid a[href="/subscription"]:hover,
html.wpb-design.wpb-pricing #root section .grid a[href="/register-company"]:hover { background: #339aee !important; }
html.wpb-design.wpb-pricing #root section button span.bg-green-500,
html.wpb-design.wpb-pricing #root section button span.bg-emerald-500 { background: #147dc3 !important; color: #fff !important; }

/* The public account forms share the same brand colors without changing their fields or flow. */
html.wpb-design.wpb-auth #root > .min-h-screen,
html.wpb-design.wpb-auth #root > div.min-h-screen {
  background: radial-gradient(circle at 90% 10%, rgba(27, 128, 196, .27), transparent 31%),
              radial-gradient(circle at 8% 80%, rgba(50, 188, 219, .18), transparent 35%),
              #061923 !important;
}
html.wpb-design.wpb-auth #root > .min-h-screen > .max-w-md,
html.wpb-design.wpb-auth #root > .min-h-screen > .max-w-2xl,
html.wpb-design.wpb-auth #root > div.min-h-screen > .max-w-md,
html.wpb-design.wpb-auth #root > div.min-h-screen > .max-w-2xl {
  background: #f5faff !important;
  border: 1px solid #b8d8e9 !important;
  box-shadow: 0 35px 85px rgba(0, 12, 31, .35);
}
html.wpb-design.wpb-auth #root .wpb-intro--registration {
  background: linear-gradient(115deg, #d9f3ff, #edf8ff 63%, #dceefb) !important;
  border-color: #9bd6ee !important;
}
html.wpb-design.wpb-auth #root .wpb-intro--registration .wpb-intro__eyebrow,
html.wpb-design.wpb-auth #root .wpb-intro--registration a { color: #08629c !important; }
html.wpb-design.wpb-auth #root button[type="submit"] { background: #1278d7 !important; }
html.wpb-design.wpb-auth #root button[type="submit"]:hover { background: #339aee !important; }
html.wpb-design.wpb-auth #root .max-w-md a,
html.wpb-design.wpb-auth #root .max-w-2xl a { color: #0c75ae !important; }

/* Keep account actions reachable on dashboard and turbine map. */
html.wpb-design.wpb-map-chrome #root > .fixed.bottom-4 {
  left: 18px !important;
  top: clamp(350px, calc(50vh + 15px), 520px) !important;
  bottom: auto !important;
  right: auto !important;
  z-index: 60;
}
html.wpb-design.wpb-map-chrome #root > .fixed.bottom-4 button {
  background: #10384a !important;
  color: #e7f8ff !important;
  border-color: #3b7590 !important;
}
html.wpb-design #root > .flex.h-screen > aside nav a.bg-primary\/10,
html.wpb-design #root > .flex.h-screen > aside nav a.dark\:bg-primary\/20 { box-shadow: inset 4px 0 0 #37c0e5; }

@media (max-width: 1050px) {
  html.wpb-design.wpb-home #root section.relative.pt-32 .wpb-intro--hero { margin-top: 28px; }
}
@media (max-width: 760px) {
  html.wpb-design.wpb-home #root section.relative.pt-32 > .absolute.inset-0 { background-position: 44% center !important; }
  html.wpb-design.wpb-home #root section.relative.pt-32::before {
    background: linear-gradient(0deg, rgba(2, 18, 30, .97), rgba(2, 18, 30, .62) 64%, rgba(2, 18, 30, .24));
  }
  html.wpb-design.wpb-home .wpb-ai-label { top: 14px; right: 14px; }
  html.wpb-design.wpb-home #root section:not(.relative) h2 { font-size: clamp(2.65rem, 10vw, 4.5rem) !important; }
  html.wpb-design.wpb-map-chrome #root > .fixed.bottom-4 { top: 14px !important; right: 15px !important; left: auto !important; }
}