/*
 * Illumia Bootstrap 5 Theme  v1.1.0
 * ─────────────────────────────────────────────────────────────────────────────
 * Drop this file AFTER bootstrap.min.css in any project.
 * No build step required — pure CSS variable overrides.
 *
 * Font: Aileron via Adobe Fonts (requires an active Typekit subscription).
 *       Replace the @import with a self-hosted equivalent if needed.
 *
 * Usage:
 *   <link rel="stylesheet" href="bootstrap.min.css" />
 *   <link rel="stylesheet" href="illumia-theme.css" />
 * ─────────────────────────────────────────────────────────────────────────────
 */

/* ── 1. Font ─────────────────────────────────────────────────────────────── */
@import url("https://use.typekit.net/vhy0qlh.css");

/* ── 2. Brand tokens ─────────────────────────────────────────────────────── */
/*
 * Reference these in your own styles with var(--illumia-*).
 * Primary palette  → default UI
 * Secondary palette → supporting accents
 * Tertiary palette  → data visualisations only
 */
:root {
  /* Primary */
  --illumia-cerise:          #e0084f;
  --illumia-cerise-rgb:      224, 8, 79;
  --illumia-dark-plum:       #300826;
  --illumia-dark-plum-rgb:   48, 8, 38;
  --illumia-off-white:       #f9f9f9;
  --illumia-off-white-rgb:   249, 249, 249;

  /* Secondary */
  --illumia-cranberry:       #af003f;
  --illumia-cranberry-rgb:   175, 0, 63;
  --illumia-mulberry:        #630343;
  --illumia-mulberry-rgb:    99, 3, 67;
  --illumia-silver:          #dddddd;
  --illumia-silver-rgb:      221, 221, 221;
  --illumia-rose:            #c7035e;
  --illumia-rose-rgb:        199, 3, 94;
  --illumia-magenta:         #ea0080;
  --illumia-magenta-rgb:     234, 0, 128;

  /* Tertiary — data viz only */
  --illumia-navy:            #1b1464;
  --illumia-cobalt:          #2e31c5;
  --illumia-aubergine:       #6f2275;
  --illumia-lavender:        #7552ad;

  /* Basic Colors */
  --black: #000000;
  --white:#FFFFFF;
}

/* ── 3. Bootstrap global overrides ──────────────────────────────────────── */
:root {
  /* Typography */
  --bs-font-sans-serif:      "aileron", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-font-family:     "aileron", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-font-weight:     400;

  /* Theme colours */
  --bs-primary:              #e0084f;
  --bs-primary-rgb:          224, 8, 79;
  --bs-secondary:            #300826;
  --bs-secondary-rgb:        48, 8, 38;
  --bs-dark:                 #300826;
  --bs-dark-rgb:             48, 8, 38;
  --bs-light:                #f9f9f9;
  --bs-light-rgb:            249, 249, 249;

  /* Body */
  --bs-body-color:           #300826;
  --bs-body-color-rgb:       48, 8, 38;
  --bs-body-bg:              #ededed;
  --bs-body-bg-rgb:          237, 237, 237;
  --bs-emphasis-color:       #300826;
  --bs-heading-color:        #300826;

  /* Secondary / tertiary surfaces */
  --bs-secondary-color:      rgba(48, 8, 38, 0.65);
  --bs-secondary-color-rgb:  48, 8, 38;
  --bs-secondary-bg:         #f0e5ec;
  --bs-secondary-bg-rgb:     240, 229, 236;
  --bs-tertiary-color:       rgba(48, 8, 38, 0.45);
  --bs-tertiary-bg:          #ededed;

  /* Links */
  --bs-link-color:           #e0084f;
  --bs-link-color-rgb:       224, 8, 79;
  --bs-link-hover-color:     #b3063f;
  --bs-link-hover-color-rgb: 179, 6, 63;

  /* Borders */
  --bs-border-color:         #dddddd;
  --bs-border-color-translucent: rgba(48, 8, 38, 0.15);

  /* Focus ring */
  --bs-focus-ring-width:     0.2rem;
  --bs-focus-ring-opacity:   0.25;
  --bs-focus-ring-color:     rgba(224, 8, 79, 0.25);

  /* Form validation */
  --bs-form-invalid-color:        #e0084f;
  --bs-form-invalid-border-color: #e0084f;
}

/* ── 4. Typography ───────────────────────────────────────────────────────── */
body {
  font-family: var(--bs-body-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  letter-spacing: -0.015em;
  color: var(--bs-heading-color);
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-weight: 800;
  letter-spacing: -0.02em;
}

.lead {
  font-weight: 300;
}

/* ── 5. Buttons ──────────────────────────────────────────────────────────── */
button {
  border-radius: 20px;
}

.btn {
  border-radius:   32px;
  font-size:       1rem;
  font-weight:     700;
  letter-spacing:  0.01em;
  display:         inline-flex;
  height:          50px;
  padding:         20px 24px;
  justify-content: center;
  align-items:     center;
  gap:             10px;
}

.btn-primary {
  --bs-btn-color:               #fff;
  --bs-btn-bg:                  #e0084f;
  --bs-btn-border-color:        #e0084f;
  --bs-btn-hover-color:         #fff;
  --bs-btn-hover-bg:            #be0743;
  --bs-btn-hover-border-color:  #be0743;
  --bs-btn-focus-shadow-rgb:    224, 8, 79;
  --bs-btn-active-color:        #fff;
  --bs-btn-active-bg:           #b3063f;
  --bs-btn-active-border-color: #b3063f;
  --bs-btn-disabled-color:      #fff;
  --bs-btn-disabled-bg:         #e0084f;
  --bs-btn-disabled-border-color: #e0084f;
}

.btn-secondary {
  --bs-btn-color:               #fff;
  --bs-btn-bg:                  #300826;
  --bs-btn-border-color:        #300826;
  --bs-btn-hover-color:         #fff;
  --bs-btn-hover-bg:            #260720;
  --bs-btn-hover-border-color:  #260720;
  --bs-btn-focus-shadow-rgb:    48, 8, 38;
  --bs-btn-active-color:        #fff;
  --bs-btn-active-bg:           #26061e;
  --bs-btn-active-border-color: #26061e;
  --bs-btn-disabled-color:      #fff;
  --bs-btn-disabled-bg:         #300826;
  --bs-btn-disabled-border-color: #300826;
}

.btn-dark {
  --bs-btn-color:               #fff;
  --bs-btn-bg:                  #300826;
  --bs-btn-border-color:        #300826;
  --bs-btn-hover-color:         #fff;
  --bs-btn-hover-bg:            #1c0416;
  --bs-btn-hover-border-color:  #1c0416;
  --bs-btn-focus-shadow-rgb:    48, 8, 38;
  --bs-btn-active-color:        #fff;
  --bs-btn-active-bg:           #1c0416;
  --bs-btn-active-border-color: #1c0416;
}

.btn-light {
  --bs-btn-color:               #300826;
  --bs-btn-bg:                  #ededed;
  --bs-btn-border-color:        #dddddd;
  --bs-btn-hover-color:         #300826;
  --bs-btn-hover-bg:            #dcdcdc;
  --bs-btn-hover-border-color:  #c8c8c8;
  --bs-btn-focus-shadow-rgb:    48, 8, 38;
  --bs-btn-active-color:        #300826;
  --bs-btn-active-bg:           #d0d0d0;
}

.btn-outline-primary {
  --bs-btn-color:               #e0084f;
  --bs-btn-border-color:        #e0084f;
  --bs-btn-hover-color:         #fff;
  --bs-btn-hover-bg:            #e0084f;
  --bs-btn-hover-border-color:  #e0084f;
  --bs-btn-focus-shadow-rgb:    224, 8, 79;
  --bs-btn-active-color:        #fff;
  --bs-btn-active-bg:           #af003f;
  --bs-btn-active-border-color: #af003f;
}

.btn-outline-secondary {
  --bs-btn-color:               #300826;
  --bs-btn-border-color:        #300826;
  --bs-btn-hover-color:         #fff;
  --bs-btn-hover-bg:            #300826;
  --bs-btn-hover-border-color:  #300826;
  --bs-btn-focus-shadow-rgb:    48, 8, 38;
  --bs-btn-active-color:        #fff;
  --bs-btn-active-bg:           #26061e;
  --bs-btn-active-border-color: #26061e;
}

.btn-outline-dark {
  --bs-btn-color:               #300826;
  --bs-btn-border-color:        #300826;
  --bs-btn-hover-color:         #fff;
  --bs-btn-hover-bg:            #300826;
  --bs-btn-hover-border-color:  #300826;
  --bs-btn-focus-shadow-rgb:    48, 8, 38;
}

/* Custom Illumia button variants */
.btn.btn-cerise-plum {
  background-color: #e0084f;
  color:            #f9f9f9;
  border:           none;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.btn.btn-cerise-plum:hover {
  background-color: #300826;
  color:            #f9f9f9;
  text-decoration:  none;
}
.btn.btn-cerise-plum:active {
  background-color: #630343;
  color:            #f9f9f9;
  text-decoration:  none;
}
.btn.btn-cerise-plum:focus {
  border: 2px solid #300826;
}
.btn.btn-cerise-plum:disabled {
  background-color: #dddddd;
  color:            #300826;
}

.btn.btn-cerise {
  background-color: #e0084f;
  color:            #f9f9f9;
  border:           none;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.btn.btn-cerise:hover {
  background-color: #f9f9f9;
  color:            #300826;
  text-decoration:  none;
}
.btn.btn-cerise:active {
  background-color: #ededed;
  color:            #300826;
  text-decoration:  none;
}
.btn.btn-cerise:focus {
  border: 2px solid #300826;
}
.btn.btn-cerise:disabled {
  background-color: #dddddd;
  color:            #300826;
}

.btn.btn-white-cerise {
  background-color: #ffffff;
  color:            #300826;
  border:           1px solid #dddddd;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.btn.btn-white-cerise:hover {
  background-color: #e0084f;
  color:            #ffffff;
  text-decoration:  none;
}
.btn.btn-white-cerise:active {
  background-color: #af003f;
  color:            #ffffff;
  text-decoration:  none;
}
.btn.btn-white-cerise:focus {
  border: 2px solid #e0084f;
}
.btn.btn-white-cerise:disabled {
  background-color: #ffffff;
  color:            #dddddd;
}

/* ── 6. Forms ────────────────────────────────────────────────────────────── */
.form-control,
.form-select {
  background-color: #ededed;
  /* #767676 gives 3.88:1 on #ededed and 4.55:1 on white — passes 1.4.11 */
  border-color: #767676;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #f084a7;
  box-shadow: 0 0 0 var(--bs-focus-ring-width) rgba(224, 8, 79, 0.2);
  outline: 0;
}

/* Restore keyboard focus outline suppressed by Bootstrap's outline:0 (2.4.7) */
.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible,
.btn:focus-visible {
  outline: 2px solid #e0084f;
  outline-offset: 2px;
}

.form-check-input:checked {
  background-color: #e0084f;
  border-color:     #e0084f;
}

.form-range::-webkit-slider-thumb {
  background-color: #e0084f;
}
.form-range::-moz-range-thumb {
  background-color: #e0084f;
}

.form-switch .form-check-input:checked {
  background-color: #e0084f;
  border-color:     #e0084f;
}

.input-group-text {
  background-color: #f0e5ec;
  border-color:     #dddddd;
  color:            #300826;
}

/* ── 7. Navigation ───────────────────────────────────────────────────────── */
.nav-link {
  color: #e0084f;
  font-weight: 500;
}

.nav-link:hover,
.nav-link:focus {
  color: #b3063f;
}

.nav-link.active,
.nav-link.show {
  color: #b3063f;
}

.nav-pills {
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg:    #e0084f;
}

.nav-tabs {
  --bs-nav-tabs-border-color:             #dddddd;
  --bs-nav-tabs-link-hover-border-color:  #dddddd #dddddd transparent;
  --bs-nav-tabs-link-active-color:        #300826;
  --bs-nav-tabs-link-active-bg:           #ededed;
  --bs-nav-tabs-link-active-border-color: #dddddd #dddddd #ededed;
}

/* ── 8. Navbar ───────────────────────────────────────────────────────────── */
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color:              rgba(249, 249, 249, 0.85);
  --bs-navbar-hover-color:        #fff;
  --bs-navbar-disabled-color:     rgba(249, 249, 249, 0.35);
  --bs-navbar-active-color:       #fff;
  --bs-navbar-brand-color:        #fff;
  --bs-navbar-brand-hover-color:  #fff;
  --bs-navbar-toggler-border-color: rgba(249, 249, 249, 0.2);
}

/* Dark Plum navbar (most common Illumia header usage) */
.navbar.bg-dark,
.navbar.bg-dark-plum {
  background-color: #300826 !important;
}

/* ── 8b. Illumia Navbar ──────────────────────────────────────────────────── */

/* Nav CTA pill button */
.btn-cerise {
  background-color: #e0084f;
  color:            #ffffff;
  border-radius:    999px;
  padding:          12px 32px;
  font-weight:      700;
  font-family:      'aileron', sans-serif;
  border:           none;
  white-space:      nowrap;
  transition:       background-color 180ms ease;
}
.btn-cerise:hover,
.btn-cerise:focus {
  background-color: #b3063f;
  color:            #ffffff;
}
nav.illumia-navbar .btn-cerise:hover,
nav.illumia-navbar .btn-cerise:focus {
  background-color: #300826 !important;
  color:            #ffffff !important;
}

/* Fixed header wrapper */
header.illumia-nav-wrapper {
  position:       fixed;
  z-index:        1030;
  top:            0;
  left:           0;
  right:          0;
  width:          100%;
  pointer-events: none;
}
header.illumia-nav-wrapper .navbar,
header.illumia-nav-wrapper .offcanvas {
  pointer-events: auto;
}

/* Shared nav base */
nav.illumia-navbar {
  position: relative;
}
nav.illumia-navbar > .illumia-nav-inner {
  display:     flex;
  align-items: center;
  width:       100%;
}
nav.illumia-navbar .navbar-brand {
  margin:      0;
  padding:     0 0 0 16px;
  display:     flex;
  align-items: center;
}

/* Hard breakpoint switch — mobile only below 1400px */
@media (max-width: 1399.98px) {
  #desktopMenu                       { display: none !important; }
  nav.illumia-navbar .navbar-toggler { display: block !important; }
  .nav-cta-desktop                   { display: none !important; }
  .mobile-menu-backdrop              { display: block; }
}

/* Hard breakpoint switch — desktop only at 1400px+ */
@media (min-width: 1400px) {
  #desktopMenu                       { display: flex !important; }
  nav.illumia-navbar .navbar-toggler { display: none !important; }
  .nav-cta-desktop                   { display: block !important; }
  .mobile-menu-backdrop              { display: none !important; }
  #mobileMenuPanel                   { display: none !important; }
  #mobileMenuPanel.show              { display: none !important; }
}

/* ── Desktop nav (≥1400px) ── */
@media (min-width: 1400px) {
  header.illumia-nav-wrapper {
    top:     32px !important;
    left:    32px !important;
    right:   32px !important;
    width:   auto !important;
    padding: 0 !important;
  }

  nav.illumia-navbar {
    background:    #ffffff !important;
    border-radius: 32px;
    box-shadow:    0 15px 25px rgba(48, 8, 38, 0.10) !important;
    border:        0 !important;
    padding:       16px !important;
  }
  nav.illumia-navbar > .illumia-nav-inner {
    gap: 24px;
  }
  nav.illumia-navbar .navbar-toggler {
    display: none !important;
  }

  nav.illumia-navbar .navbar-nav .nav-link {
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    font-weight:     700;
    font-size:       16px;
    line-height:     1;
    padding:         0;
    color:           #300826 !important;
  }
  nav.illumia-navbar .navbar-nav .nav-link:hover,
  nav.illumia-navbar .navbar-nav .nav-link:focus {
    color:           #e0084f !important;
    text-decoration: none;
  }
  nav.illumia-navbar .navbar-nav .nav-link.dropdown-toggle::after {
    transition: transform 180ms ease;
  }
  nav.illumia-navbar .navbar-nav .nav-link.dropdown-toggle.show {
    color: #e0084f !important;
  }
  nav.illumia-navbar .navbar-nav .nav-link.dropdown-toggle.show::after {
    transform: rotate(180deg);
  }

  nav.illumia-navbar.dropdown-open {
    border-bottom-left-radius:  0 !important;
    border-bottom-right-radius: 0 !important;
  }
  nav.illumia-navbar.dropdown-open .dropdown-menu.megamenu.show {
    top:                        100% !important;
    border-top:                 1px solid #dddddd !important;
    border-top-left-radius:     0 !important;
    border-top-right-radius:    0 !important;
    border-bottom-left-radius:  32px !important;
    border-bottom-right-radius: 32px !important;
    box-shadow:                 0 15px 25px rgba(48, 8, 38, 0.10) !important;
  }

  .dropdown-menu.megamenu {
    position:   absolute;
    left:       0;
    right:      0;
    width:      100%;
    margin-top: 0 !important;
    border:     0 !important;
    padding:    0;
    background: #ffffff;
    overflow:   hidden;
  }
  .dropdown-menu.megamenu .megamenu-sidebar {
    padding:        48px 0 48px 32px;
    min-height:     600px;
    display:        flex;
    flex-direction: column;
    background:     #ffffff;
  }
  .dropdown-menu.megamenu .megamenu-sidebar .nav-link {
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    font-size:       28px !important;
    font-weight:     400 !important;
    color:           #300826 !important;
    padding:         0 !important;
    margin-bottom:   18px;
    background:      none !important;
    border:          0 !important;
  }
  .dropdown-menu.megamenu .megamenu-sidebar .nav-link:hover,
  .dropdown-menu.megamenu .megamenu-sidebar .nav-link.active {
    color: #e0084f !important;
  }
  .dropdown-menu.megamenu .megamenu-content {
    background-color: #f6f6f6;
    padding:          48px !important;
  }
  .dropdown-menu.megamenu .megamenu-content h6 {
    margin:      0 0 10px 0;
    font-family: 'aileron', sans-serif;
    font-weight: 700;
    font-size:   18px;
    line-height: 1.25;
  }
  .dropdown-menu.megamenu .megamenu-content h6 a {
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    color:           #300826 !important;
  }
  .dropdown-menu.megamenu .megamenu-content h6 a:hover,
  .dropdown-menu.megamenu .megamenu-content h6 a:focus {
    color:           #e0084f !important;
    text-decoration: none;
  }
  .dropdown-menu.megamenu .megamenu-content ul.list-unstyled {
    margin:  0;
    padding: 0;
  }
  .dropdown-menu.megamenu .megamenu-content ul.list-unstyled li {
    position:      relative;
    padding-left:  14px;
    margin-bottom: 8px;
  }
  .dropdown-menu.megamenu .megamenu-content ul.list-unstyled li::before {
    content:     "•";
    position:    absolute;
    left:        0;
    top:         0;
    color:       #300826;
    line-height: 1.2;
  }
  .dropdown-menu.megamenu .megamenu-content ul.list-unstyled li a {
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    color:           #300826 !important;
    font-weight:     400;
    line-height:     1.4;
  }
  .dropdown-menu.megamenu .megamenu-content ul.list-unstyled li a:hover,
  .dropdown-menu.megamenu .megamenu-content ul.list-unstyled li a:focus {
    color:           #e0084f !important;
    text-decoration: none;
  }
  .dropdown-menu.megamenu .h4,
  .dropdown-menu.megamenu .h4 a {
    transition: color 180ms ease;
  }
  .dropdown-menu.megamenu ul.list-unstyled a {
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    color:           #300826 !important;
    font-weight:     600;
  }
  .dropdown-menu.megamenu ul.list-unstyled a:hover,
  .dropdown-menu.megamenu ul.list-unstyled a:focus {
    color:           #e0084f !important;
    text-decoration: none;
  }
}

/* ── Mobile/tablet nav (<1400px) ── */
@media (max-width: 1399.98px) {
  header.illumia-nav-wrapper {
    padding: 16px !important;
  }

  nav.illumia-navbar {
    background:    #ffffff !important;
    border-radius: 16px;
    box-shadow:    0 15px 25px rgba(48, 8, 38, 0.10) !important;
    border:        0 !important;
    width:         100%;
    padding:       16px !important;
    overflow:      hidden;
  }
  nav.illumia-navbar > .illumia-nav-inner {
    gap:       12px;
    padding:   0 !important;
    min-width: 0;
  }
  nav.illumia-navbar .navbar-brand {
    margin: 0 0 0 16px !important;
    flex:   0 0 auto;
  }
  nav.illumia-navbar .navbar-toggler {
    margin-left:   auto !important;
    padding:       0 !important;
    border:        none !important;
    background:    transparent !important;
    border-radius: 0 !important;
    box-shadow:    none !important;
  }
  nav.illumia-navbar .navbar-toggler:focus {
    box-shadow: none !important;
  }
  nav.illumia-navbar .hamburger-icon {
    width:           28px;
    height:          18px;
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
  }
  nav.illumia-navbar .hamburger-icon span {
    display:          block;
    width:            100%;
    height:           3px;
    background-color: #e0084f;
    border-radius:    3px;
    transform-origin: center;
    transition:       transform 220ms ease, opacity 220ms ease;
  }

  nav.illumia-navbar.mobile-open,
  nav.illumia-navbar.mobile-opening {
    border-top-left-radius:     16px !important;
    border-top-right-radius:    16px !important;
    border-bottom-left-radius:  0 !important;
    border-bottom-right-radius: 0 !important;
    overflow:                   visible !important;
  }
  nav.illumia-navbar:not(.mobile-open):not(.mobile-opening) {
    border-radius: 16px !important;
    overflow:      hidden;
  }

  .navbar-toggler[aria-expanded="true"] .hamburger-icon span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
  }
  .navbar-toggler[aria-expanded="true"] .hamburger-icon span:nth-child(2) {
    opacity: 0;
  }
  .navbar-toggler[aria-expanded="true"] .hamburger-icon span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
  }

  .mobile-menu-panel {
    position:                   fixed !important;
    left:                       16px;
    right:                      16px;
    top:                        var(--mobile-nav-bottom, 72px);
    width:                      auto !important;
    background:                 #ffffff;
    border-top:                 1px solid #dddddd;
    border-top-left-radius:     0 !important;
    border-top-right-radius:    0 !important;
    border-bottom-left-radius:  16px !important;
    border-bottom-right-radius: 16px !important;
    box-shadow:                 0 15px 25px rgba(48, 8, 38, 0.10);
    overflow:                   hidden;
    max-height:                 calc(100dvh - var(--mobile-nav-bottom, 72px) - 16px);
    z-index:                    1031;
  }
  .mobile-menu-body {
    padding:                    18px 18px 20px;
    height:                     calc(100dvh - var(--mobile-nav-bottom, 72px) - 16px);
    overflow-y:                 auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-nav-list {
    margin:  0;
    padding: 0;
  }
  .nav-group {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .nav-trigger,
  .sub-trigger {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             16px;
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    color:           #300826 !important;
  }
  .nav-trigger:hover,
  .sub-trigger:hover {
    color: #e0084f !important;
  }
  .nav-trigger .fa-plus,
  .sub-trigger .fa-plus  { display: inline-block !important; }
  .nav-trigger .fa-minus,
  .sub-trigger .fa-minus { display: none !important; }
  .nav-trigger:not(.collapsed) .fa-plus,
  .sub-trigger:not(.collapsed) .fa-plus  { display: none !important; }
  .nav-trigger:not(.collapsed) .fa-minus,
  .sub-trigger:not(.collapsed) .fa-minus { display: inline-block !important; }
  .nav-trigger {
    padding:     18px 0;
    font-weight: 700;
    font-size:   18px;
  }
  .sub-trigger {
    padding:     14px 0;
    font-weight: 700;
    font-size:   16px;
  }
  .sub-group {
    padding: 6px 0 10px;
  }
  .mobile-menu-panel .mobile-sublink,
  .mobile-menu-panel .sub-link-item {
    display:         block !important;
    width:           100%;
    padding:         10px 0 10px 18px;
    font-family:     'aileron', sans-serif;
    text-decoration: none;
    transition:      color 180ms ease;
    font-weight:     600;
    color:           #300826 !important;
  }
  .mobile-menu-panel .mobile-sublink:hover,
  .mobile-menu-panel .sub-link-item:hover {
    color: #e0084f !important;
  }
  .mobile-cta {
    padding-top:     18px;
    display:         flex;
    justify-content: flex-start;
  }
  .mobile-cta .btn,
  .mobile-cta .btn-cerise {
    width:     auto !important;
    min-width: 190px;
    padding:   12px 28px;
  }
  .mobile-menu-backdrop {
    position:       fixed;
    inset:          0;
    background:     rgba(0, 0, 0, 0.18);
    opacity:        0;
    pointer-events: none;
    transition:     opacity 200ms ease;
    z-index:        1025;
  }
  .mobile-menu-backdrop.is-visible {
    opacity:        1;
    pointer-events: auto;
  }
  body.mobile-menu-lock {
    overflow: hidden !important;
  }
  .collapsing {
    transition-duration:        220ms !important;
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  }
}

/* ── 9. Cards ────────────────────────────────────────────────────────────── */
.card {
  --bs-card-bg:            #dddddd;
  --bs-card-border-color:  transparent;
  --bs-card-border-radius: 32px;
  --bs-card-cap-bg:        rgba(48, 8, 38, 0.03);
  --bs-card-color:         #300826;
  --bs-card-title-color:   #300826;
  color:                   #300826;
  flex-grow:               1;
  max-width:               448px;
  transition:              color 0.15s ease-in-out,
                           background-color 0.15s ease-in-out,
                           border-color 0.15s ease-in-out,
                           box-shadow 0.15s ease-in-out;
}
.card .card-img-top {
  border-radius: 32px;
}

/* Headings inside dark-bg cards must be light for contrast */
.card.bg-dark-plum,
.card.bg-cranberry,
.card.bg-cerise,
.card.bg-mulberry,
.card.bg-rose,
.card.bg-magenta {
  --bs-heading-color: #f9f9f9;
}

.card-block {
  display:         flex;
  justify-content: center;
}

.people-cards .card {
  border-radius: 32px;
  overflow:      hidden;
}
.people-cards .card .card-img-top {
  border-radius: 32px;
  display:       block;
}

.card-container {
  border-radius:  32px;
  overflow:       hidden;
  display:        flex;
  flex-direction: column;
  height:         100%;
  max-width:      448px;
  padding:        2rem;
  gap:            2rem;
}
.card-container.card-content-img-fallback_bg-dark-plum {
  background-image:    url("/dist/img/CardDarkPlumFlow.svg");
  background-repeat:   no-repeat;
  background-position: top right;
}
.card-container.card-content-img-fallback_bg-cranberry {
  background-image:    url("/dist/img/CardCranberryFlow.svg");
  background-repeat:   no-repeat;
  background-position: top right;
}
.card-container .card-content {
  display:        flex;
  flex-direction: column;
  gap:            1.5rem;
  flex-grow:      1;
}
.card-container .card-content-img {
  align-self:    center;
  border-radius: 32px;
  overflow:      hidden;
}
.card-container .card-content-img img {
  aspect-ratio: 1/1;
  object-fit:   cover;
  width:        100%;
}

.card-btn {
  display:         inline-flex;
  border-radius:   999px;
  font-size:       20px;
  font-weight:     700;
  justify-content: center;
  align-items:     center;
  text-decoration: none;
  width:           56px;
  height:          56px;
  padding:         0 !important;
  flex-shrink:     0;
}
.card-btn.btn-primary {
  background-color: #f9f9f9;
  color:            #300826;
  border:           none;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.card-btn.btn-primary:hover {
  background-color: #300826;
  color:            #f9f9f9;
  text-decoration:  none;
}
.card-btn.btn-primary:active {
  background-color: #630343;
  color:            #f9f9f9;
  text-decoration:  none;
}
.card-btn.btn-primary:focus { border: 2px solid #300826; }
.card-btn.btn-primary:disabled { border: 1px solid #dddddd; color: #dddddd; }

.card-btn.btn-secondary {
  background-color: #f9f9f9;
  color:            #300826;
  border:           none;
}
.card-btn.btn-secondary:hover {
  background-color: #e0084f;
  color:            #f9f9f9;
  text-decoration:  none;
}
.card-btn.btn-secondary:active {
  background-color: #af003f;
  color:            #f9f9f9;
  text-decoration:  none;
}
.card-btn.btn-secondary:focus { border: 2px solid #e0084f; }
.card-btn.btn-secondary:disabled { border: 1px solid #dddddd; color: #dddddd; }

.card-btn.btn-cerise-plum {
  background-color: #e0084f;
  color:            #f9f9f9;
  border:           none;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.card-btn.btn-cerise-plum:hover { background-color: #300826; color: #f9f9f9; text-decoration: none; }
.card-btn.btn-cerise-plum:active { background-color: #630343; color: #f9f9f9; text-decoration: none; }
.card-btn.btn-cerise-plum:focus { border: 2px solid #300826; }
.card-btn.btn-cerise-plum:disabled { background-color: #dddddd; color: #300826; }

.card-btn.btn-cerise {
  background-color: #e0084f;
  color:            #f9f9f9;
  border:           none;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.card-btn.btn-cerise:hover { background-color: #f9f9f9; color: #300826; text-decoration: none; }
.card-btn.btn-cerise:active { background-color: #ededed; color: #300826; text-decoration: none; }
.card-btn.btn-cerise:focus { border: 2px solid #300826; }
.card-btn.btn-cerise:disabled { background-color: #dddddd; color: #300826; }

.card-btn.btn-white-cerise {
  background-color: #ffffff;
  color:            #300826;
  border:           1px solid #dddddd;
  box-shadow:       0 15px 25px 0 rgba(48, 8, 38, 0.10);
}
.card-btn.btn-white-cerise:hover { background-color: #e0084f; color: #ffffff; text-decoration: none; }
.card-btn.btn-white-cerise:active { background-color: #af003f; color: #ffffff; text-decoration: none; }
.card-btn.btn-white-cerise:focus { border: 2px solid #e0084f; }
.card-btn.btn-white-cerise:disabled { background-color: #ffffff; color: #dddddd; }

/* ── 10. Alerts ──────────────────────────────────────────────────────────── */
.alert-primary {
  --bs-alert-color:        #5c0220;
  --bs-alert-bg:           #f9ccd8;
  --bs-alert-border-color: #f0a0b8;
  --bs-alert-link-color:   #af003f;
}

.alert-secondary {
  --bs-alert-color:        #1a0514;
  --bs-alert-bg:           #d6cdd3;
  --bs-alert-border-color: #c4b9bf;
  --bs-alert-link-color:   #300826;
}

.alert-dark {
  --bs-alert-color:        #300826;
  --bs-alert-bg:           #e8d3e4;
  --bs-alert-border-color: #cdb0c8;
  --bs-alert-link-color:   #300826;
}

/* ── 11. Badges ──────────────────────────────────────────────────────────── */
.badge {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.text-bg-primary {
  background-color: #e0084f !important;
  color: #fff !important;
}

.text-bg-secondary {
  background-color: #300826 !important;
  color: #fff !important;
}

.text-bg-dark {
  background-color: #300826 !important;
  color: #fff !important;
}

.text-bg-light {
  background-color: #f9f9f9 !important;
  color: #300826 !important;
}

/* ── 12. Progress ────────────────────────────────────────────────────────── */
.progress-bar {
  background-color: #e0084f;
}

/* ── 13. Pagination ──────────────────────────────────────────────────────── */
.pagination {
  --bs-pagination-color:               #e0084f;
  --bs-pagination-hover-color:         #af003f;
  --bs-pagination-hover-bg:            #ede8ee;
  --bs-pagination-hover-border-color:  #dddddd;
  --bs-pagination-focus-color:         #e0084f;
  --bs-pagination-focus-box-shadow:    0 0 0 0.2rem rgba(224, 8, 79, 0.25);
  --bs-pagination-active-color:        #fff;
  --bs-pagination-active-bg:           #e0084f;
  --bs-pagination-active-border-color: #e0084f;
}

/* ── 14. List groups ─────────────────────────────────────────────────────── */
.list-group-item.active {
  background-color: #e0084f;
  border-color:     #e0084f;
}

.list-group-item-primary {
  color:            #5c0220;
  background-color: #f9ccd8;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: #ede8ee;
}

/* ── 15. Dropdowns ───────────────────────────────────────────────────────── */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #ede8ee;
  color:            #300826;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #e0084f;
  color:            #fff;
}

.dropdown-divider {
  border-color: #dddddd;
}

/* ── 16. Accordion ───────────────────────────────────────────────────────── */
.accordion {
  --bs-accordion-active-color:       #e0084f;
  --bs-accordion-active-bg:          rgba(224, 8, 79, 0.05);
  --bs-accordion-border-color:       #dddddd;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(224, 8, 79, 0.2);
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e0084f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* ── 17. Modals ──────────────────────────────────────────────────────────── */
.modal-header {
  border-bottom-color: #dddddd;
}

.modal-footer {
  border-top-color: #dddddd;
}

/* ── 18. Breadcrumbs ─────────────────────────────────────────────────────── */
.breadcrumb-item a {
  color: #e0084f;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: #af003f;
  text-decoration: underline;
}

/* ── 19. Tooltips & Popovers ─────────────────────────────────────────────── */
.tooltip {
  --bs-tooltip-bg: #300826;
}

.popover {
  --bs-popover-border-color:        #dddddd;
  --bs-popover-header-bg:           #f0e5ec;
  --bs-popover-header-color:        #300826;
}

/* ── 20. Spinners ────────────────────────────────────────────────────────── */
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: #e0084f !important;
}

/* ── 21. Tables ──────────────────────────────────────────────────────────── */
.table {
  --bs-table-striped-bg:   rgba(224, 8, 79, 0.04);
  --bs-table-hover-bg:     rgba(224, 8, 79, 0.06);
  --bs-table-active-bg:    rgba(224, 8, 79, 0.1);
  --bs-table-border-color: #dddddd;
  color: #300826;
}

.table-primary {
  --bs-table-color:         #300826;
  --bs-table-bg:            #f9ccd8;
  --bs-table-border-color:  #e8b8c5;
  --bs-table-striped-bg:    #f2c4d0;
  --bs-table-striped-color: #300826;
  --bs-table-active-bg:     #e8b8c5;
  --bs-table-hover-bg:      #efbfcc;
}

/* ── 22. Offcanvas ───────────────────────────────────────────────────────── */
.offcanvas {
  --bs-offcanvas-border-color: #dddddd;
}

/* ── 23. Brand utility classes ───────────────────────────────────────────── */

/* Text colors */
.text-cerise     { color: #e0084f !important; }
.text-cranberry  { color: #af003f !important; }
.text-dark-plum  { color: #300826 !important; }
.text-mulberry   { color: #630343 !important; }
.text-rose       { color: #c7035e !important; }
.text-magenta    { color: #ea0080 !important; }
.text-silver     { color: #dddddd !important; }
.text-off-white  { color: #f9f9f9 !important; }

/* Background colors */
.bg-cerise     { background-color: #e0084f !important; color: #fff; }
.bg-cranberry  { background-color: #af003f !important; color: #fff; }
.bg-dark-plum  { background-color: #300826 !important; color: #fff; }
.bg-mulberry   { background-color: #630343 !important; color: #fff; }
.bg-rose       { background-color: #c7035e !important; color: #fff; }
.bg-magenta    { background-color: #ea0080 !important; color: #fff; }
.bg-silver     { background-color: #dddddd !important; color: #300826; }
.bg-off-white  { background-color: #f9f9f9 !important; color: #300826; }

/* Gradients */
.bg-gradient-illumia {
  background: linear-gradient(135deg, #e0084f 0%, #630343 100%) !important;
  color: #fff;
}

.bg-gradient-illumia-dark {
  background: linear-gradient(135deg, #630343 0%, #300826 100%) !important;
  color: #fff;
}

.bg-gradient-illumia-warm {
  background: linear-gradient(135deg, #ea0080 0%, #e0084f 50%, #af003f 100%) !important;
  color: #fff;
}

/* Gradient text */
.text-gradient-illumia {
  background: linear-gradient(135deg, #e0084f 0%, #630343 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Border colors */
.border-primary    { border-color: #e0084f !important; }
.border-secondary  { border-color: #300826 !important; }
.border-dark       { border-color: #300826 !important; }
.border-cerise     { border-color: #e0084f !important; }
.border-cranberry  { border-color: #af003f !important; }
.border-mulberry   { border-color: #630343 !important; }
.border-dark-plum  { border-color: #300826 !important; }

/* ── 24. Accessibility ───────────────────────────────────────────────────── */
:focus-visible {
  outline: 2px solid #e0084f;
  outline-offset: 2px;
}

/* Skip-to-content link */
.visually-hidden-focusable:focus {
  background-color: #e0084f;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0 0 0.375rem 0;
}

/* ── 25. Reduced motion ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration:  0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* ── 26. FAQ ─────────────────────────────────────────────────────────────── */
.faq {
  padding: 40px 0;
}
.faq .faq__inner {
  max-width: 1145px;
  margin:    0 auto;
  padding:   0 16px;
}
.faq .faq__list {
  margin: 0;
}
.faq .faq__item {
  border-bottom: 1px solid #dddddd;
}
.faq .faq__item > summary {
  list-style: none;
}
.faq .faq__item > summary::-webkit-details-marker {
  display: none;
}
.faq .faq__question {
  width:           100%;
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             24px;
  padding:         22px 0;
  cursor:          pointer;
  user-select:     none;
}
.faq .faq__question:focus {
  outline: none;
}
.faq .faq__question:focus-visible {
  outline:        3px solid currentColor;
  outline-offset: 6px;
  border-radius:  8px;
}
.faq .faq__qtext {
  font-weight: 600;
  font-size:   1.125rem;
  line-height: 1.35;
}
.faq .faq__icon {
  flex:                       0 0 auto;
  display:                    inline-flex;
  align-items:                center;
  justify-content:            center;
  transform:                  rotate(0deg);
  transition-property:        transform;
  transition-duration:        220ms !important;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.faq .faq__icon i {
  font-size:   1.25rem;
  line-height: 1;
}
.faq .faq__item[open] .faq__icon {
  transform: rotate(45deg);
}
.faq .faq__content {
  display:                    grid;
  grid-template-rows:         0fr;
  transition-property:        grid-template-rows;
  transition-duration:        220ms !important;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.faq .faq__content-inner {
  overflow: hidden;
}
.faq .faq__answer {
  padding:                    0 0 24px 0;
  opacity:                    0;
  transform:                  translateY(-4px);
  transition-property:        opacity, transform;
  transition-duration:        220ms !important;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.faq .faq__answer p:last-child {
  margin-bottom: 0;
}
.faq .faq__item[open] .faq__content {
  grid-template-rows: 1fr;
}
.faq .faq__item[open] .faq__answer {
  opacity:   1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .faq .faq__icon,
  .faq .faq__content,
  .faq .faq__answer { transition: none !important; }
  .faq .faq__answer { transform: none; }
}

.faq.faq--light .faq__question,
.faq.faq--light .faq__answer { color: #300826; }
.faq.faq--light .faq__item   { border-bottom-color: #dddddd; }
.faq.faq--dark .faq__question,
.faq.faq--dark .faq__answer  { color: #f9f9f9; }
.faq.faq--dark .faq__item    { border-bottom-color: #dddddd; }

.faq .faq__title {
  margin-bottom: 40px;
  font-size:     2rem;
  font-weight:   700;
}
.faq.faq--light .faq__title { color: #300826; }
.faq.faq--dark  .faq__title { color: #f9f9f9; }

/* ── 27. Tabbed content ──────────────────────────────────────────────────── */
.tabbed-content-wrapper {
  background-color: #ffffff;
  display:          flex;
  flex-direction:   row;
  border-radius:    32px;
}

@media (max-width: 991.98px) {
  .tabbed-content-wrapper { display: none; }
}

.tabbed-content-wrapper .nav-tabs {
  padding:        32px;
  border:         1px solid #dddddd;
  border-radius:  24px;
  flex-direction: column;
  align-items:    flex-start;
  gap:            34px;
  margin:         16px;
  box-shadow:     0 15px 25px 0 rgba(0, 0, 0, 0.05);
  background:     #ededed;
}
.tabbed-content-wrapper .nav-tabs .nav-item {
  width: 100%;
}
.tabbed-content-wrapper .nav-tabs .nav-item .nav-link {
  display:         flex;
  width:           300px;
  padding:         24px;
  border-radius:   100px;
  gap:             6px;
  color:           #300826;
  justify-content: flex-start;
  text-align:      left;
  white-space:     normal;
}
.tabbed-content-wrapper .nav-tabs .nav-item .nav-link.active {
  background-color: #300826;
  color:            #f9f9f9;
}

.tabbed-content-wrapper .tab-content {
  flex:        1 1 auto;
  display:     flex;
  align-items: center;
  width:       100%;
  padding:     64px;
}
.tabbed-content-wrapper .tab-content > .tab-pane {
  width: 100%;
}

.tab-subheading {
  font-size:   20px;
  font-style:  normal;
  font-weight: 400;
  line-height: 150%;
  margin:      0 0 1rem 0;
  color:       inherit;
}

.tabbed-content-accordion {
  background-color: #ffffff;
  color:            #300826;
  border-radius:    16px;
  padding-top:      32px;
  padding-bottom:   32px;
}

@media (min-width: 992px) {
  .tabbed-content-accordion { display: none; }
}

.tabbed-content-accordion .accordion {
  background-color: #ffffff;
}
.tabbed-content-accordion .accordion-item {
  background-color: inherit;
}
.tabbed-content-accordion .accordion-item button {
  width:           100%;
  padding:         24px;
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  flex:            1 0 0;
  border-radius:   100px !important;
}
.tabbed-content-accordion .accordion-item button.collapsed {
  background-color: inherit;
}
.tabbed-content-accordion .accordion-item button:not(.collapsed) {
  background-color: #300826;
  color:            #f9f9f9;
}

/* ── 28. Blockquote ──────────────────────────────────────────────────────── */
.blockquote {
  position:      relative;
  padding:       1.25rem 1.5rem 1.25rem 2rem;
  border-left:   4px solid #e0084f;
  background:    #300826;
  border-radius: 0 6px 6px 0;
  overflow:      hidden;
}
.blockquote .bq-icon {
  position:       absolute;
  top:            0.75rem;
  right:          1rem;
  font-size:      4rem;
  color:          #e0084f;
  opacity:        0.25;
  line-height:    1;
  pointer-events: none;
}
.blockquote p {
  font-size:     1.1rem;
  line-height:   1.65;
  color:         #f9f9f9;
  font-style:    italic;
  margin-bottom: 0;
}
.blockquote p:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.blockquote-footer {
  margin-top:  0.75rem;
  font-size:   0.85rem;
  color:       #e0084f;
  display:     flex;
  align-items: center;
  gap:         6px;
}
.blockquote-footer::before {
  content:     "";
  display:     inline-block;
  width:       20px;
  height:      1.5px;
  background:  #e0084f;
  flex-shrink: 0;
}
.blockquote-footer cite {
  font-style: normal;
}

/* ── 29. Link bar ────────────────────────────────────────────────────────── */
.illumia-linkbar {
  width:   100%;
  display: block;
}
.illumia-linkbar__wrap {
  display:         flex;
  justify-content: center;
  width:           100%;
}
.illumia-linkbar__container {
  border-radius:              32px;
  background:                 #ffffff;
  padding:                    8px;
  max-width:                  100%;
  overflow-x:                 auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width:            none;
  box-shadow:                 0 10px 30px rgba(0, 0, 0, 0.12);
}
.illumia-linkbar__container::-webkit-scrollbar {
  display: none;
}
.illumia-linkbar__list {
  display:     flex;
  flex-wrap:   nowrap;
  gap:         8px;
  width:       max-content;
  margin:      0 auto;
  align-items: center;
}
.illumia-linkbar__item {
  border-radius:   100px;
  background:      #ffffff;
  color:           #300826;
  text-decoration: none;
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  padding:         10px 18px;
  line-height:     1;
  white-space:     nowrap;
  border:          none !important;
  transition:      transform 160ms ease, background-color 160ms ease,
                   color 160ms ease, border-color 160ms ease;
}
.illumia-linkbar__item:hover {
  transform:    translateY(-1px);
  border-color: rgba(48, 8, 38, 0.22);
}
.illumia-linkbar__item:focus-visible {
  outline:        3px solid rgba(224, 8, 79, 0.35);
  outline-offset: 2px;
}
.illumia-linkbar__item.is-active {
  background:   #300826;
  color:        #ffffff;
  border-color: transparent;
}
.illumia-linkbar__label {
  font-size:      16px;
  font-weight:    500;
  letter-spacing: 0.01em;
}

@media (max-width: 991.98px) {
  .illumia-linkbar__container { padding: 6px; border-radius: 28px; }
  .illumia-linkbar__list      { gap: 6px; margin: 0; }
  .illumia-linkbar__item      { padding: 9px 14px; }
  .illumia-linkbar__label     { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .illumia-linkbar__item { transition: none !important; }
}

/* ── 30. Containers ────────────────────────────────────────────────────────── */
.content-continer{
    background-color:var(--white);
    padding:2rem;
    border-radius:32px;
}