:root {
  color-scheme: dark;
}

.header-inner {
  --header-control-gap: 1.1875rem;
}

.desktop-nav {
  margin-right: var(--header-control-gap);
}

.header-actions {
  gap: var(--header-control-gap);
}

.theme-toggle {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  padding: 0.5625rem;
  place-items: center;
  border: 1px solid var(--line-dark);
  border-radius: 50%;
  background: transparent;
  color: var(--white);
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease;
}

.theme-toggle:hover {
  border-color: currentColor;
  background: rgba(128, 128, 128, 0.1);
}

html[data-theme] .theme-toggle:focus-visible {
  outline-color: currentColor;
}

.theme-toggle svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.theme-toggle .theme-moon,
html[data-theme="light"] .theme-toggle .theme-sun {
  display: none;
}

html[data-theme="light"] .theme-toggle .theme-moon {
  display: block;
}

@media (max-width: 1120px) {
  .header-inner { --header-control-gap: 0.875rem; }
}

@media (max-width: 640px) {
  .header-inner { --header-control-gap: 0.6875rem; }
}

@media (max-width: 380px) {
  .header-inner { --header-control-gap: 0.5rem; }
  .header-logo { width: 8.125rem; }
  .theme-toggle { width: 2.25rem; height: 2.25rem; flex-basis: 2.25rem; padding: 0.4375rem; }
}

@media screen {
  html[data-theme="light"] {
    color-scheme: light;
    --white: #24262c;
    --gold: #aa9055;
    --gold-bright: #7d692d;
    --cyan: #176f67;
    --violet: #7052c2;
    --muted: #62646a;
    --line-dark: rgba(36, 38, 44, 0.16);
    --shadow-control: 0 0.5rem 1.25rem -0.875rem rgba(42, 39, 31, 0.25);
    --shadow-card-dark: 0 1.25rem 3rem -2.125rem rgba(42, 39, 31, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.75);
    --shadow-card-hover: 0 1.5rem 3.5rem -2rem rgba(42, 39, 31, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    --light-surface: rgba(252, 251, 247, 0.9);
    --light-border: rgba(58, 61, 66, 0.16);
    --light-muted: #62646a;
  }

  html[data-theme="light"] body,
  html[data-theme="light"] .home-main {
    background: #f3f1eb;
    color: var(--white);
  }

  html[data-theme="light"] .site-header,
  html[data-theme="light"] .legal-page .site-header {
    border-color: var(--light-border);
    background: rgba(248, 247, 242, 0.86);
  }

  html[data-theme="light"] .site-header.scrolled {
    background: rgba(248, 247, 242, 0.96);
  }

  html[data-theme="light"] .header-logo,
  html[data-theme="light"] .footer-logo {
    filter: none;
  }

  html[data-theme="light"] .desktop-nav a {
    color: #575961;
  }

  html[data-theme="light"] .desktop-nav a:hover {
    color: #24262c;
  }

  html[data-theme="light"] .language-switch span:not(.language-divider) {
    opacity: 0.6;
  }

  html[data-theme="light"] .language-switch span.active { opacity: 1; }

  html[data-theme="light"] .button-dark {
    border-color: #24262c;
    background: #24262c;
    color: #fffdf8;
  }

  html[data-theme="light"] .button-dark:hover {
    border-color: #4a4535;
    background: #4a4535;
  }

  html[data-theme="light"] .button-gold {
    background: #e4d39a;
    color: #29271e;
  }

  html[data-theme="light"] .button-gold:hover {
    background: #d9c386;
  }

  html[data-theme="light"] .mobile-nav {
    background: radial-gradient(circle at 80% 15%, rgba(112, 82, 194, 0.07), transparent 40%), #f6f4ef;
  }

  html[data-theme="light"] .hero::after {
    background: url("assets/hero-marble.svg") center / cover no-repeat;
  }

  html[data-theme="light"] .hero-universe { display: none; }

  html[data-theme="light"] .site-flow::before {
    background:
      radial-gradient(ellipse at 6% 20%, rgba(112, 82, 194, 0.035), transparent 30%),
      radial-gradient(ellipse at 95% 60%, rgba(23, 111, 103, 0.04), transparent 32%),
      #f3f1eb;
  }

  html[data-theme="light"] .hero-marquee {
    border-color: var(--light-border);
    background: rgba(248, 247, 243, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  html[data-theme="light"] .hero-marquee::before {
    background: linear-gradient(110deg, rgba(23, 111, 103, 0.03), transparent 45%, rgba(170, 144, 85, 0.04));
  }

  html[data-theme="light"] .client-logo::before {
    border-color: rgba(58, 61, 66, 0.1);
    background: rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  html[data-theme="light"] .client-logo img { opacity: 0.78; }
  html[data-theme="light"] .client-logo-amazon img,
  html[data-theme="light"] .client-logo-huawei img,
  html[data-theme="light"] .client-logo-stepstone img,
  html[data-theme="light"] .client-logo-tertia img { filter: brightness(0); }
  html[data-theme="light"] .client-logo-universum img { filter: url("#universum-matte") brightness(0); }
  html[data-theme="light"] .client-logo-rituals img { filter: url("#universum-matte") brightness(0); mix-blend-mode: normal; }

  html[data-theme="light"] .flow-panel,
  html[data-theme="light"] .site-flow > .flow-panel:first-child {
    border-color: var(--light-border);
    box-shadow: var(--shadow-card-dark);
  }

  html[data-theme="light"] .flow-panel-ink,
  html[data-theme="light"] .services,
  html[data-theme="light"] .offers,
  html[data-theme="light"] .journey-sequence .journey-card {
    background:
      radial-gradient(ellipse at 94% 8%, rgba(23, 111, 103, 0.055), transparent 48%),
      radial-gradient(ellipse at 8% 95%, rgba(112, 82, 194, 0.045), transparent 42%),
      var(--light-surface);
    color: var(--white);
  }

  html[data-theme="light"] .contact,
  html[data-theme="light"] .about {
    background:
      radial-gradient(ellipse at 94% 8%, rgba(170, 144, 85, 0.085), transparent 45%),
      radial-gradient(ellipse at 8% 95%, rgba(112, 82, 194, 0.035), transparent 42%),
      var(--light-surface);
  }

  html[data-theme="light"] .faq,
  html[data-theme="light"] .quantum-section {
    background:
      radial-gradient(ellipse at 94% 8%, rgba(112, 82, 194, 0.065), transparent 52%),
      var(--light-surface);
  }

  html[data-theme="light"] .service-card,
  html[data-theme="light"] .offer-card {
    border-color: var(--light-border);
    background:
      radial-gradient(circle at 5% 8%, var(--card-glow, var(--offer-glow)), transparent 65%),
      rgba(255, 255, 255, 0.65);
    box-shadow: var(--shadow-card-dark);
  }

  html[data-theme="light"] .service-card { --card-glow: rgba(23, 111, 103, 0.07); }
  html[data-theme="light"] .service-card:nth-child(2) { --card-glow: rgba(112, 82, 194, 0.065); }
  html[data-theme="light"] .service-card:nth-child(3) { --card-glow: rgba(170, 144, 85, 0.08); }
  html[data-theme="light"] .service-card:hover,
  html[data-theme="light"] .offer-card:hover {
    border-color: rgba(23, 111, 103, 0.3);
    box-shadow: var(--shadow-card-hover);
  }

  html[data-theme="light"] .service-copy,
  html[data-theme="light"] .service-card:hover .service-copy,
  html[data-theme="light"] .learning-track-promise,
  html[data-theme="light"] .learning-features li,
  html[data-theme="light"] .contact-details,
  html[data-theme="light"] .topic,
  html[data-theme="light"] .about-copy > p,
  html[data-theme="light"] .metric span,
  html[data-theme="light"] .offer-description,
  html[data-theme="light"] .legal-intro,
  html[data-theme="light"] .legal-meta-card p:last-child,
  html[data-theme="light"] .footer-position,
  html[data-theme="light"] .footer-links,
  html[data-theme="light"] .footer-legal,
  html[data-theme="light"] .footer-bottom {
    color: var(--light-muted);
  }

  html[data-theme="light"] .round-link,
  html[data-theme="light"] .topic,
  html[data-theme="light"] .learning-track,
  html[data-theme="light"] .conversation-card,
  html[data-theme="light"] .faq-list,
  html[data-theme="light"] .metric,
  html[data-theme="light"] .legal-meta-card {
    border-color: var(--light-border);
  }

  html[data-theme="light"] .service-card:hover .round-link,
  html[data-theme="light"] .topic:hover,
  html[data-theme="light"] .topic.active {
    border-color: var(--cyan);
    background: rgba(23, 111, 103, 0.07);
    color: var(--cyan);
    box-shadow: var(--shadow-control);
  }

  html[data-theme="light"] .conversation-card,
  html[data-theme="light"] .metric,
  html[data-theme="light"] .legal-meta-card {
    background: rgba(255, 255, 255, 0.58);
  }

  html[data-theme="light"] .section-disclosure-toggle-light,
  html[data-theme="light"] .section-disclosure-toggle-dark {
    border-color: var(--light-border);
    background: rgba(255, 255, 255, 0.62);
    color: var(--white);
    box-shadow: var(--shadow-control);
  }

  html[data-theme="light"] .section-disclosure-toggle:hover,
  html[data-theme="light"] .section-disclosure-toggle[aria-expanded="true"] {
    border-color: var(--cyan);
    background: rgba(23, 111, 103, 0.07);
  }

  html[data-theme="light"] .journey-sequence {
    background:
      radial-gradient(ellipse 28.75rem 18.75rem at 18% 11.25rem, rgba(112, 82, 194, 0.06), transparent 75%),
      radial-gradient(ellipse 27.5rem 17.5rem at 84% 11.25rem, rgba(23, 111, 103, 0.04), transparent 75%);
  }

  html[data-theme="light"] .journey-card::before {
    background: radial-gradient(circle at 72% 20%, rgba(112, 82, 194, 0.06), transparent 50%);
  }

  html[data-theme="light"] .learning-track,
  html[data-theme="light"] .learning-track-quantum,
  html[data-theme="light"] .faq-list {
    background: rgba(255, 255, 255, 0.65);
  }

  html[data-theme="light"] .learning-track-quantum {
    background: radial-gradient(circle at 92% 6%, rgba(112, 82, 194, 0.07), transparent 55%), rgba(255, 255, 255, 0.65);
  }

  html[data-theme="light"] .learning-track-quantum h3,
  html[data-theme="light"] .learning-takeaway strong { color: var(--white); }
  html[data-theme="light"] .learning-track-content h4 { color: #686971; }
  html[data-theme="light"] .learning-features li,
  html[data-theme="light"] .learning-takeaway,
  html[data-theme="light"] .faq-list details { border-color: var(--light-border); }
  html[data-theme="light"] .faq-list details p { opacity: 0.8; }

  html[data-theme="light"] .journey-transformation-ring { fill: rgba(255, 255, 255, 0.6); }
  html[data-theme="light"] .journey-transformation-ring-data { stroke: #488c83; }
  html[data-theme="light"] .journey-transformation-ring-mind,
  html[data-theme="light"] .journey-transformation-psi { stroke: #8872be; }
  html[data-theme="light"] .journey-transformation-bar { fill: #488c83; }

  html[data-theme="light"] .whitepaper-gate {
    border-color: var(--light-border);
    background: #f5f2e9;
    color: var(--white);
    box-shadow: var(--shadow-card-dark);
  }

  html[data-theme="light"] .whitepaper-gate::after {
    background: rgba(250, 248, 241, 0.83);
  }

  html[data-theme="light"] .whitepaper-preview img { filter: blur(1.1875rem) brightness(1); }
  html[data-theme="light"] .whitepaper-privacy,
  html[data-theme="light"] .whitepaper-form .whitepaper-consent { color: #575961; }
  html[data-theme="light"] .whitepaper-form-status:not(:empty) { color: #a2372b; }
  html[data-theme="light"] .whitepaper-page-button { color: var(--white); border-color: var(--light-border); }

  html[data-theme="light"] .site-footer {
    border-color: var(--light-border);
    background: #eae7df;
  }

  html[data-theme="light"] .legal-hero {
    background: radial-gradient(circle at 78% 22%, rgba(112, 82, 194, 0.07), transparent 42%), #f3f1eb;
  }

  html[data-theme="light"] .text-link { color: var(--light-muted); border-color: var(--light-border); }
  html[data-theme="light"] :focus-visible { outline-color: #176f67; }
  /* Remove workshop image frame in both themes */
  .workshop-visual.flow-panel,
  html[data-theme="light"] .workshop-visual.flow-panel {
    border: none;
    box-shadow: none;
  }
}