.sector-layout {
  overflow: hidden;
}

.sector-section__inner {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
}

.sector-section-eyebrow {
  margin: 0 0 0.85rem;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.075em;
  line-height: 1.35;
  text-transform: uppercase;
}

/* Shared theme for all sector pages.
   Change backgrounds, title colors and dark-mode colors here. */

.sector-page {
  --sector-ink: #0d1425;
  --sector-text: #101828;
  --sector-muted: #4b5870;
  --sector-border: rgba(167, 139, 250, 0.24);
  --sector-soft: #f6f2ff;
  --sector-violet: #8b5cf6;
  --sector-pink: #d13f96;
  --sector-lavender: #a78bfa;
  --sector-cyan: #22d3ee;
  --sector-shadow: 0 24px 70px rgba(124, 58, 237, 0.16);
  /* Light theme: plain white page (the dark theme sets its own backgrounds below) */
  background: #ffffff;
  color: var(--sector-text);
}

.sector-layout {
  background: #ffffff;
}

.sector-challenges h2,
.sector-program h2,
.sector-formats h2,
.sector-testimonials h2,
.sector-faq h2,
.sector-module h3,
.sector-testimonial-card strong {
  color: var(--sector-text);
}

.sector-section-eyebrow {
  color: var(--sector-violet);
}

/* Sector header: the light header is shared (components/shared/Header/Header.css);
   only the sector booking button and the dark header below are sector-specific. */
.sector-page:not(.sector-theme-dark) .header-rdv-button {
  border-color: transparent;
  background: linear-gradient(90deg, #6d5dfc, #9b5cf6);
  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.28);
}

.sector-page:not(.sector-theme-dark) .sector-challenges,
.sector-page:not(.sector-theme-dark) .sector-program,
.sector-page:not(.sector-theme-dark) .sector-formats,
.sector-page:not(.sector-theme-dark) .sector-testimonials,
.sector-page:not(.sector-theme-dark) .sector-faq,
.sector-page:not(.sector-theme-dark) .sector-cta,
.sector-page:not(.sector-theme-dark) .sector-logos {
  background: transparent;
}

.sector-page:not(.sector-theme-dark) .sector-section-eyebrow {
  padding: 0;
  border: 0;
  background: transparent;
  letter-spacing: 0.08em;
}

.sector-page:not(.sector-theme-dark) .sector-section-eyebrow {
  color: #a78bfa;
}

.sector-page:not(.sector-theme-dark) .sector-button--secondary {
  border-color: rgba(139, 92, 246, 0.28);
  background: rgba(255, 255, 255, 0.72);
  color: #5b21b6;
}

.sector-page:not(.sector-theme-dark) .sector-challenge-card,
.sector-page:not(.sector-theme-dark) .sector-format-card,
.sector-page:not(.sector-theme-dark) .sector-testimonial-card,
.sector-page:not(.sector-theme-dark) .sector-approach {
  border-color: rgba(167, 139, 250, 0.23);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.62)),
    radial-gradient(circle at 50% 0%, rgba(167, 139, 250, 0.16), transparent 62%);
  box-shadow: 0 26px 62px rgba(124, 58, 237, 0.13);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.sector-page:not(.sector-theme-dark) .sector-challenge-card i,
.sector-page:not(.sector-theme-dark) .sector-format-card i,
.sector-page:not(.sector-theme-dark) .sector-module span {
  border: 0;
  background: linear-gradient(180deg, rgba(237, 233, 254, 0.98), rgba(221, 214, 254, 0.82));
  color: #7c3aed;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.sector-page:not(.sector-theme-dark) .sector-challenge-card strong,
.sector-page:not(.sector-theme-dark) .sector-format-card h3,
.sector-page:not(.sector-theme-dark) .sector-testimonial-card strong,
.sector-page:not(.sector-theme-dark) .sector-module h3 {
  color: #101828;
}

.sector-page:not(.sector-theme-dark) .sector-program__tabs span {
  border-color: rgba(167, 139, 250, 0.26);
  background: rgba(255, 255, 255, 0.72);
  color: #3d4660;
}

.sector-page:not(.sector-theme-dark) .sector-program__tabs span:first-child {
  border-color: transparent;
  background: linear-gradient(90deg, #6d5dfc, #9b5cf6);
  color: #ffffff;
}

.sector-page:not(.sector-theme-dark) .sector-approach {
  color: #101828;
}

.sector-page:not(.sector-theme-dark) .sector-approach li::before {
  border-color: rgba(139, 92, 246, 0.32);
  color: #7c3aed;
}

.sector-page:not(.sector-theme-dark) .sector-logos p,
.sector-page:not(.sector-theme-dark) .sector-logos__row span,
.sector-page:not(.sector-theme-dark) .sector-module p,
.sector-page:not(.sector-theme-dark) .sector-format-card ul,
.sector-page:not(.sector-theme-dark) .sector-testimonial-card blockquote,
.sector-page:not(.sector-theme-dark) .sector-testimonial-card span,
.sector-page:not(.sector-theme-dark) .sector-faq p {
  color: var(--sector-muted);
}

.sector-page.sector-theme-dark .header-theme-toggle {
  border-color: rgba(216, 180, 254, 0.58);
  background: linear-gradient(90deg, rgba(124, 58, 237, 0.24), rgba(217, 70, 239, 0.18));
  color: #f5f3ff;
}

.sector-page.sector-theme-dark header.glass-dark {
  background:
    radial-gradient(75rem 10rem at 72% 0%, rgba(34, 211, 238, 0.18), transparent 58%),
    radial-gradient(42rem 10rem at 24% 0%, rgba(124, 58, 237, 0.22), transparent 62%),
    rgba(8, 6, 20, 0.88);
  border-bottom-color: rgba(139, 92, 246, 0.24);
  box-shadow: 0 18px 45px rgba(2, 6, 23, 0.45);
}

.sector-page.sector-theme-dark header.glass-dark nav a,
.sector-page.sector-theme-dark header.glass-dark .dropdown-training > button,
.sector-page.sector-theme-dark header.glass-dark .dropdown-sectors > button {
  color: #d8d5e6;
}

.sector-page.sector-theme-dark .header-rdv-button {
  border-color: rgba(196, 181, 253, 0.6);
  background: linear-gradient(90deg, #6d5dfc, #8b5cf6);
  box-shadow: 0 12px 30px rgba(124, 58, 237, 0.38);
}

.sector-page.sector-theme-dark .dropdown-training #training-dropdown-menu,
.sector-page.sector-theme-dark .dropdown-sectors #sectors-dropdown-menu {
  background: rgba(10, 7, 24, 0.98);
  border-color: rgba(139, 92, 246, 0.26);
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.62);
}

.sector-page.sector-theme-dark {
  --sector-text: #f5f5f5;
  --sector-muted: #c7c2d9;
  --sector-border: rgba(167, 139, 250, 0.28);
  --sector-soft: #120b22;
  --sector-violet: #8b5cf6;
  --sector-pink: #d946ef;
  --sector-shadow: 0 24px 60px rgba(49, 18, 85, 0.34);
  background:
    radial-gradient(70rem 44rem at 74% 55%, rgba(76, 62, 181, 0.48), transparent 64%),
    radial-gradient(48rem 30rem at 54% 78%, rgba(76, 29, 149, 0.52), transparent 70%),
    linear-gradient(180deg, #080616 0%, #0b0620 50%, #22156a 100%);
  color: var(--sector-text);
}

.sector-page.sector-theme-dark .sector-layout {
  background:
    radial-gradient(58rem 36rem at 76% 52%, rgba(76, 62, 181, 0.5), transparent 66%),
    radial-gradient(42rem 26rem at 47% 78%, rgba(124, 58, 237, 0.36), transparent 72%),
    radial-gradient(32rem 20rem at 88% 0%, rgba(34, 211, 238, 0.12), transparent 72%),
    linear-gradient(180deg, #080616 0%, #0a061d 52%, #24166f 100%);
}

.sector-page.sector-theme-dark .sector-challenges,
.sector-page.sector-theme-dark .sector-program,
.sector-page.sector-theme-dark .sector-formats,
.sector-page.sector-theme-dark .sector-testimonials,
.sector-page.sector-theme-dark .sector-faq,
.sector-page.sector-theme-dark .sector-cta {
  background: transparent;
}

.sector-page.sector-theme-dark .sector-section-eyebrow {
  color: #a78bfa;
}

.sector-page.sector-theme-dark .sector-challenges h2,
.sector-page.sector-theme-dark .sector-program h2,
.sector-page.sector-theme-dark .sector-formats h2,
.sector-page.sector-theme-dark .sector-testimonials h2,
.sector-page.sector-theme-dark .sector-faq h2 {
  color: #ffffff;
}

.sector-page.sector-theme-dark .sector-challenge-card,
.sector-page.sector-theme-dark .sector-format-card,
.sector-page.sector-theme-dark .sector-testimonial-card {
  border-color: rgba(167, 139, 250, 0.22);
  background:
    radial-gradient(circle at 50% 120%, rgba(76, 62, 181, 0.24), transparent 70%),
    rgba(18, 11, 34, 0.62);
  box-shadow: 0 16px 34px rgba(76, 29, 149, 0.14);
  backdrop-filter: blur(16px);
}

.sector-page.sector-theme-dark .sector-challenge-card i,
.sector-page.sector-theme-dark .sector-format-card i,
.sector-page.sector-theme-dark .sector-module span {
  border-color: rgba(167, 139, 250, 0.16);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.28), rgba(99, 102, 241, 0.08));
  color: #c4b5fd;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sector-page.sector-theme-dark .sector-challenge-card strong,
.sector-page.sector-theme-dark .sector-format-card h3,
.sector-page.sector-theme-dark .sector-format-card li,
.sector-page.sector-theme-dark .sector-format-card li::before,
.sector-page.sector-theme-dark .sector-testimonial-card blockquote,
.sector-page.sector-theme-dark .sector-testimonial-card strong,
.sector-page.sector-theme-dark .sector-testimonial-card span,
.sector-page.sector-theme-dark .sector-testimonial-card blockquote::after,
.sector-page.sector-theme-dark .sector-module h3 {
  color: #ffffff;
}

.sector-page.sector-theme-dark .sector-module p,
.sector-page.sector-theme-dark .sector-format-card ul,
.sector-page.sector-theme-dark .sector-faq p {
  color: #c7c2d9;
}

.sector-page.sector-theme-dark .sector-logos {
  background: rgba(8, 6, 22, 0.62);
  border-top: 1px solid rgba(139, 92, 246, 0.16);
  border-bottom: 1px solid rgba(139, 92, 246, 0.12);
}

.sector-page.sector-theme-dark .sector-logos p,
.sector-page.sector-theme-dark .sector-logos p strong,
.sector-page.sector-theme-dark .sector-logos__row span {
  color: #ddd6fe;
}

.sector-page.sector-theme-dark .sector-program__tabs span {
  border-color: rgba(167, 139, 250, 0.24);
  background: rgba(18, 11, 34, 0.82);
  color: #ddd6fe;
}

.sector-page.sector-theme-dark .sector-program__tabs span:first-child {
  border-color: transparent;
  background: linear-gradient(90deg, #6d5dfc, #8b5cf6);
  color: #ffffff;
}

.sector-page.sector-theme-dark .sector-approach {
  border: 1px solid rgba(216, 180, 254, 0.24);
  background:
    radial-gradient(circle at 18% 56%, rgba(124, 58, 237, 0.38), transparent 18rem),
    radial-gradient(circle at 86% 50%, rgba(76, 62, 181, 0.32), transparent 20rem),
    rgba(18, 11, 34, 0.76);
  backdrop-filter: blur(18px);
}

.sector-page.sector-theme-dark .sector-faq details {
  border-bottom-color: rgba(167, 139, 250, 0.2);
}

.sector-page.sector-theme-dark .sector-faq summary,
.sector-page.sector-theme-dark .sector-faq summary::after {
  color: #ffffff;
}