/* Light surfaces keep the original media, composition and motion intact. */
:root {
  color-scheme: light;
  --page: #ffffff;
  --surface: #f3f6f6;
  --ink: #14272b;
  --muted: #526268;
  --line: #dbe3e4;
  --accent: #00cbd8;
  --accent-ink: #007b83;
}
body {
  background: var(--page);
  color: var(--ink);
  --color-t-neutral-inverse: var(--ink);
  --color-t-neutral-inverse-soft: var(--muted);
  --color-t-neutral-inverse-softer: var(--muted);
  --color-bd-neutral-inverse: var(--line);
  --color-bd-neutral-inverse-softer: var(--line);
}
::selection { background: #b8f0f2; color: var(--ink); }
main > section { background-color: var(--page); }
.site-header {
  background: #fff;
  border-bottom-color: #14272b12;
  backdrop-filter: none;
}
.brand, .brand svg { color: var(--ink); }
.primary-cta, .white-cta, .site-header .primary-cta {
  background: var(--accent);
  color: #08282d;
}
.primary-cta:hover, .white-cta:hover, .site-header .primary-cta:hover {
  background: #00b8c5;
  color: #08282d;
}
.primary-cta:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible {
  outline-color: var(--accent-ink);
}
#hero { background: var(--page); }
#hero > .container-fluid > div { border-color: var(--line); background: #111; }
#hero > .container-fluid > div::before {
  background: linear-gradient(90deg, #000b 0%, #0009 55%, #0002 100%);
}
#hero h1 { color: #fff; }
#hero p { color: #f0f4f5; max-width: 600px; }
section[data-component-name="section_2_slider"] article > div:first-child {
  background: var(--surface);
  border-color: var(--line);
}
section[data-component-name="section_2_slider"] :is(h2,h3) { color: var(--ink); }
section[data-component-name="section_2_slider"] p { color: var(--muted); }
section[data-component-name="section_2_slider"] {
  --color-s-neutral-softer: #c5d2d4;
  --color-b-neutral-default: var(--accent-ink);
}
section[data-component-name="section_2_slider"] .swiper-pagination-bullet {
  background: #c5d2d4 !important;
}
section[data-component-name="section_2_slider"] .swiper-pagination-bullet-active {
  background: var(--accent-ink) !important;
}
section[data-component-name="section_3_video-content"] video {
  border-radius: 32px;
  background: #080909;
  border: 1px solid var(--line);
}
section[data-component-name="section_4_stems-preview"] :is(h2,p) { color: var(--ink); }
section[data-component-name="section_4_stems-preview"] header p { color: var(--muted); }
section[data-component-name="section_4_stems-preview"] .container-fluid::before,
section[data-component-name="section_4_stems-preview"] .container-fluid > div::before,
section[data-component-name="section_4_stems-preview"] .container-fluid > div::after { display: none; }
section[data-component-name="section_4_stems-preview"] article > div:first-child {
  background: #fff;
  border-color: #cddfe1;
  box-shadow: none;
  backdrop-filter: none;
}
section[data-component-name="section_4_stems-preview"] article > div:first-child > div {
  border-color: var(--line);
}
section[data-component-name="section_4_stems-preview"] .grid > div {
  background: #f3f7f7;
  border-color: var(--line);
}
section[data-component-name="section_4_stems-preview"] article > div:first-child > div:first-child > button {
  background: var(--accent);
  color: var(--ink);
}
.waveform i { background: #008c96; }
.waveform-cursor { background: var(--ink); }
.mixer-control { background: #dfe8e9 !important; color: #40585e !important; }
.mixer-control[aria-pressed="true"] { background: var(--accent) !important; color: #08282d !important; }
.track-icon, .track-icon svg { color: var(--accent-ink); }
.mixer-status { color: var(--muted) !important; }
section[data-component-name="section_4_stems-preview"] input[type="range"] {
  background: linear-gradient(to right, #008c96 var(--range-value), #c5d6d8 var(--range-value));
}
section[data-component-name="section_4_stems-preview"] input[type="range"]::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  margin-top: -10px;
  background: #fff;
  border: 2px solid #008c96;
  box-shadow: 0 2px 6px #14272b1a;
}
section[data-component-name="section_4_stems-preview"] input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #008c96;
  box-shadow: 0 2px 6px #14272b1a;
}
section[data-component-name="section_4_stems-preview"] input[type="range"]::before {
  background: #008c96;
}
section[data-component-name="section_4_stems-preview"] input[type="range"]::-webkit-slider-runnable-track {
  background: #c5d6d8;
}
section[data-component-name="section_4_stems-preview"] input[type="range"]::-moz-range-track {
  background: #c5d6d8;
}
section[data-component-name="section_4_stems-preview"] input[type="range"]::-moz-range-progress {
  background: #008c96;
}
section[data-component-name="section_5_count-up"] p { color: var(--ink); }
section[data-component-name="section_5_count-up"] h2 { color: var(--muted); }
/* Photographic panels retain their white type and original dark scrims. */
section[data-component-name="section_6_social-proof"] article,
section[data-component-name="section_8_stories"] article {
  color: #fff;
  --color-t-neutral-inverse: #fff;
  --color-t-neutral-inverse-soft: #e0e7e8;
  --color-bd-neutral-inverse: #ffffff26;
}
section[data-component-name="section_8_stories"] article p { color: #dce6e8; }
section[data-component-name="section_6_social-proof"] .swiper-pagination-bullet {
  background: #c5d2d4 !important;
  border-color: #fff !important;
}
section[data-component-name="section_6_social-proof"] .swiper-pagination-bullet-active {
  background: var(--accent-ink) !important;
  outline-color: var(--accent-ink) !important;
}
section[data-component-name="section_7_dual-card-slider"] article > div:first-child {
  background: #edf6f6;
}
section[data-component-name="section_7_dual-card-slider"] article > div:first-child > img { display: none; }
section[data-component-name="section_7_dual-card-slider"] h2 { color: var(--ink); }
section[data-component-name="section_7_dual-card-slider"] article > div:first-child > div > div > img:first-child {
  filter: brightness(0) saturate(100%);
  opacity: .84;
}
#dual-card-swiper-nav button, section[data-component-name="section_6_social-proof"] nav button {
  color: var(--ink);
  background: #fff;
  border-color: #ccd9db;
  backdrop-filter: none;
}
#dual-card-swiper-nav button:hover, section[data-component-name="section_6_social-proof"] nav button:hover {
  color: var(--ink);
  background: #e3f6f7;
}
section[data-component-name="section_8_stories"] header h2 { color: var(--ink); }
section[data-component-name="section_8_stories"] header a:hover { color: var(--accent-ink); }
#faq { color: var(--ink); }
#faq h3 { color: var(--ink); }
#faq button:hover { color: var(--accent-ink); }
#faq button { gap: 20px; }
#faq button svg { flex-shrink: 0; }
#faq .faq-answer p { color: var(--muted); }
#faq .border-t { border-color: var(--line); }
#faq .faq-answer a { color: #007b83; text-decoration: underline; text-underline-offset: 3px; }
#faq .faq-answer a:hover { color: #005d64; }
footer {
  background: var(--surface);
  color: var(--ink);
  border-top: 1px solid var(--line);
}
footer a { color: var(--muted); }
footer a:hover { color: var(--accent-ink); }
footer svg[aria-hidden="true"] { color: var(--ink); }
footer [fill="#fff"], footer [fill="#ffffff"], footer [fill="white"] { fill: var(--ink); }
footer .text-t-static-white { color: var(--ink); }
footer > div > div::before, footer > div > div::after { display: none; }
@media (max-width: 1199px) {
  #hero > .container-fluid > div::before {
    background: linear-gradient(90deg, #000b, #0009);
  }
}
@media (max-width: 767px) {
  section[data-component-name="section_2_slider"] article > div:first-child {
    background: #000b;
  }
  section[data-component-name="section_2_slider"] :is(h2,h3) { color: #fff; }
  section[data-component-name="section_2_slider"] p { color: #f0f4f5; }
  section[data-component-name="section_2_slider"] { --color-b-neutral-default: var(--accent); }
  section[data-component-name="section_3_video-content"] video { border-radius: 24px; }
  section[data-component-name="section_4_stems-preview"] .grid > div { gap: 16px; padding: 20px; }
}