/* ============================================================
       DESIGN SYSTEM — CSS VARIABLES
    ============================================================ */
    :root {
      /* Colors */
      --bg-base:             #080F1E;
      --bg-raised:           #0D1829;
      --bg-card:             #111F38;
      --bg-border:           #1A2E4A;
      --accent-brass:        #C4A882;
      --accent-brass-light:  #D9C4A0;
      --accent-brass-pale:   #2A2318;
      --text-primary:        #E8E2D9;
      --text-secondary:      #8FA3B8;
      --text-muted:          #4A6278;
      --highlight:           #1A3A6B;
      --white:               #FFFFFF;

      /* Typography */
      --font-display: 'Playfair Display', Georgia, serif;
      --font-body:    'IBM Plex Sans', system-ui, sans-serif;
      --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

      /* Font scale */
      --text-h1:    clamp(2.8rem, 5vw, 5rem);
      --text-h2:    clamp(2rem, 3.5vw, 3rem);
      --text-h3:    clamp(1.2rem, 2vw, 1.6rem);
      --text-body:  1.05rem;
      --text-label: 0.72rem;
      --text-mono:  0.8rem;

      /* Spacing */
      --section-pad-y:    110px;
      --section-pad-y-sm: 70px;
      --container-width:  1240px;
      --card-pad:         2rem;
      --card-pad-sm:      1.5rem;
      --gap-cards:        1.5rem;
      --gap-columns:      3rem;

      /* Radii */
      --radius-card:   10px;
      --radius-btn:    3px;

      /* Transitions */
      --transition-fast: 0.25s ease;
      --transition-base: 0.7s ease;

      /* Nav */
      --nav-height: 72px;
    }

    /* ============================================================
       BASE RESET
    ============================================================ */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      -webkit-text-size-adjust: 100%;
      overflow-x: hidden;
    }

    body {
      background-color: var(--bg-base);
      color: var(--text-primary);
      font-family: var(--font-body);
      font-size: var(--text-body);
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }

    img, svg {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    ul, ol {
      list-style: none;
    }

    button {
      cursor: pointer;
      border: none;
      background: none;
      font-family: inherit;
    }

    input, textarea, select {
      font-family: inherit;
    }

    /* ============================================================
       TYPOGRAPHY SCALE
    ============================================================ */
    h1 {
      font-family: var(--font-display);
      font-size: var(--text-h1);
      font-weight: 600;
      line-height: 1.12;
      letter-spacing: -0.02em;
      color: var(--text-primary);
    }

    h2 {
      font-family: var(--font-display);
      font-size: var(--text-h2);
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: -0.01em;
      color: var(--text-primary);
    }

    h3 {
      font-family: var(--font-display);
      font-size: var(--text-h3);
      font-weight: 500;
      line-height: 1.35;
      color: var(--text-primary);
    }

    p {
      color: var(--text-secondary);
      line-height: 1.75;
    }

    /* ============================================================
       UTILITY CLASSES
    ============================================================ */
    .container {
      width: 100%;
      max-width: var(--container-width);
      margin-inline: auto;
      padding-inline: 2rem;
    }

    .section-label {
      font-family: var(--font-body);
      font-size: var(--text-label);
      font-weight: 500;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent-brass);
    }

    .section-label::before {
      content: "— ";
    }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.75rem 1.75rem;
      background-color: var(--accent-brass);
      color: var(--bg-base);
      font-family: var(--font-body);
      font-size: 0.82rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      border-radius: var(--radius-btn);
      border: 1px solid var(--accent-brass);
      transition: background-color var(--transition-fast),
                  border-color var(--transition-fast),
                  color var(--transition-fast);
      white-space: nowrap;
    }

    .btn-primary:hover {
      background-color: var(--accent-brass-light);
      border-color: var(--accent-brass-light);
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.75rem 1.75rem;
      background-color: transparent;
      color: var(--accent-brass);
      font-family: var(--font-body);
      font-size: 0.82rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      border-radius: var(--radius-btn);
      border: 1px solid var(--accent-brass);
      transition: background-color var(--transition-fast),
                  color var(--transition-fast);
      white-space: nowrap;
    }

    .btn-secondary:hover {
      background-color: var(--accent-brass-pale);
    }

    .mono-accent {
      font-family: var(--font-mono);
      font-size: var(--text-mono);
      font-weight: 300;
      color: var(--text-muted);
    }

    /* ============================================================
       NAVIGATION
    ============================================================ */
    .nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      height: var(--nav-height);
      display: flex;
      align-items: center;
      background-color: rgba(8, 15, 30, 0.97);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      transition: background-color var(--transition-fast),
                  border-bottom-color var(--transition-fast);
      border-bottom: 1px solid transparent;
    }

    .nav.scrolled {
      background-color: rgba(8, 15, 30, 0.97);
      border-bottom-color: rgba(255, 255, 255, 0.06);
    }

    .nav__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: var(--container-width);
      margin-inline: auto;
      padding-inline: 2rem;
    }

    /* Logo */
    .nav__logo {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 0.7rem;
      text-decoration: none;
    }

    /* DA mark */
    .nav__logo-mark {
      display: block;
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      transition: opacity var(--transition-fast);
    }

    .nav__logo:hover .nav__logo-mark {
      opacity: 0.85;
    }

    /* Wordmark + tagline column */
    .nav__logo-text {
      display: flex;
      flex-direction: column;
      gap: 0.28rem;
      line-height: 1;
    }

    .nav__logo-wordmark {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: -0.02em;
      line-height: 1;
    }

    .nav__logo-dynamix {
      color: var(--accent-brass);
      transition: color var(--transition-fast);
    }

    .nav__logo-advisor {
      color: var(--white);
      transition: color var(--transition-fast);
    }

    .nav__logo:hover .nav__logo-dynamix {
      color: var(--accent-brass-light);
    }

    .nav__logo:hover .nav__logo-advisor {
      color: rgba(255, 255, 255, 0.75);
    }

    .nav__logo-tagline {
      font-family: var(--font-mono);
      font-size: 0.58rem;
      font-weight: 300;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--text-secondary);
      white-space: nowrap;
    }

    /* Desktop nav links */
    .nav__links {
      display: flex;
      align-items: center;
      gap: 2.5rem;
      padding-left: 5px;
    }

    .nav__link {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 500;
      color: #E8E2D9;
      letter-spacing: 0.03em;
      white-space: nowrap;
      transition: color var(--transition-fast);
      position: relative;
    }

    .nav__link::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: var(--accent-brass);
      transition: width var(--transition-fast);
    }

    .nav__link:hover {
      color: var(--accent-brass);
    }

    .nav__link:hover::after {
      width: 100%;
    }

    /* Nav CTA */
    .nav__cta {
      margin-left: 1rem;
    }

    .nav__signin {
      margin-left: 1rem;
      font-family: 'IBM Plex Mono', monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #0D1829 !important;
      background: linear-gradient(135deg, #C4A882 0%, #B8956E 100%);
      padding: 0.55rem 1.2rem;
      border-radius: 6px;
      text-decoration: none;
      transition: opacity 0.2s, transform 0.15s;
      white-space: nowrap;
    }
    .nav__signin:hover { color: #0D1829 !important; opacity: 0.88; transform: translateY(-1px); }

    /* Hamburger */
    .nav__hamburger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 28px;
      height: 28px;
      padding: 2px;
      background: none;
      border: none;
      cursor: pointer;
    }

    .nav__hamburger-bar {
      display: block;
      width: 100%;
      height: 1.5px;
      background-color: var(--text-primary);
      border-radius: 1px;
      transition: transform var(--transition-fast),
                  opacity var(--transition-fast);
      transform-origin: center;
    }

    .nav__hamburger.open .nav__hamburger-bar:nth-child(1) {
      transform: translateY(6.5px) rotate(45deg);
    }

    .nav__hamburger.open .nav__hamburger-bar:nth-child(2) {
      opacity: 0;
      transform: scaleX(0);
    }

    .nav__hamburger.open .nav__hamburger-bar:nth-child(3) {
      transform: translateY(-6.5px) rotate(-45deg);
    }

    /* Mobile menu drawer */
    .nav__mobile {
      display: flex;
      position: fixed;
      top: var(--nav-height);
      left: 0;
      right: 0;
      z-index: 999;
      background-color: rgba(8, 15, 30, 0.98);
      border-bottom: 1px solid var(--bg-border);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      padding: 1.5rem 2rem 2rem;
      flex-direction: column;
      gap: 0;
      transform: translateY(-8px);
      opacity: 0;
      pointer-events: none;
      visibility: hidden;
      transition: transform var(--transition-fast),
                  opacity var(--transition-fast),
                  visibility var(--transition-fast);
    }

    .nav__mobile.open {
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
    }

    .nav__mobile-link {
      display: block;
      font-family: var(--font-body);
      font-size: 0.95rem;
      font-weight: 500;
      color: var(--text-secondary);
      padding: 0.85rem 0;
      border-bottom: 1px solid var(--bg-border);
      transition: color var(--transition-fast);
    }

    .nav__mobile-link:last-of-type {
      border-bottom: none;
    }

    .nav__mobile-link:hover {
      color: var(--accent-brass);
    }

    .nav__mobile-cta {
      margin-top: 1.25rem;
      align-self: flex-start;
    }

    /* ============================================================
       RESPONSIVE — NAV
    ============================================================ */
    @media (max-width: 960px) {
      .nav__links,
      .nav__cta {
        display: none;
      }

      .nav__hamburger {
        display: flex;
      }
    }

    @media (max-width: 640px) {
      .container {
        padding-inline: 1.25rem;
      }

      .nav__inner {
        padding-inline: 1.25rem;
      }

      .nav__mobile {
        padding-inline: 1.25rem;
      }
    }

    /* ============================================================
       HERO
    ============================================================ */
    .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding-top: var(--nav-height);
      overflow: hidden;
      background-color: var(--bg-base);
    }

    /* Perspective grid */
    .hero__grid {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
    }

    .hero__grid::before {
      content: '';
      position: absolute;
      width: 200%;
      height: 200%;
      left: -50%;
      top: -20%;
      background-image:
        linear-gradient(rgba(196, 168, 130, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(196, 168, 130, 0.05) 1px, transparent 1px);
      background-size: 64px 64px;
      transform: perspective(900px) rotateX(32deg);
      transform-origin: 50% 30%;
      animation: none;
    }

    .hero__grid::after {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at 50% 100%, transparent 0%, var(--bg-base) 70%),
        linear-gradient(to top, var(--bg-base) 0%, transparent 25%);
    }

    @keyframes heroGridDrift {
      0%   { transform: perspective(900px) rotateX(32deg) translateY(0px); }
      100% { transform: perspective(900px) rotateX(32deg) translateY(-24px); }
    }

    /* Two-column layout */
    .hero__inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 55fr 45fr;
      gap: 4rem;
      align-items: start;
      width: 100%;
      max-width: var(--container-width);
      margin-inline: auto;
      padding-inline: 2rem;
      padding-block: 0 4rem;
    }

    /* Left-side gradient for text readability — sits above bg, below content */
    .hero__inner::before {
      content: '';
      position: absolute;
      top: 0; bottom: 0; left: -200px; right: 50%;
      background: linear-gradient(
        to right,
        rgba(8, 15, 30, 0.92) 0%,
        rgba(8, 15, 30, 0.7) 60%,
        transparent 100%
      );
      pointer-events: none;
      z-index: 1;
    }

    /* Left column — above the overlay */
    .hero__left {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 1.75rem;
    }

    .hero__headline {
      font-family: var(--font-display);
      font-size: clamp(4rem, 5.5vw, 5rem);
      font-weight: 600;
      line-height: 1.08;
      letter-spacing: -0.025em;
      color: #F8F4EE;
      max-width: 560px;
      text-shadow: 0 2px 20px rgba(8, 15, 30, 0.8);
    }

    .hero__subheadline {
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.65;
      color: #8FA3B8;
      max-width: 620px;
      margin: 0;
      text-shadow: 0 1px 12px rgba(8, 15, 30, 0.9);
    }

    /* Trust line */
    .hero__trust {
      display: flex;
      align-items: center;
      gap: 0.85rem;
    }

    .hero__trust-bar {
      display: block;
      width: 28px;
      height: 1px;
      background-color: #C4A882;
      flex-shrink: 0;
    }

    .hero__trust-text {
      font-family: var(--font-mono);
      font-size: 0.8125rem;
      font-weight: 300;
      color: #C4A882;
      letter-spacing: 0.1em;
      line-height: 1.5;
      margin: 0;
    }

    /* CTA buttons */
    .hero__ctas {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .hero__btn-primary,
    .hero__btn-secondary {
      padding: 14px 32px;
      font-size: 0.875rem;
    }

    /* Metrics strip */
    .hero__metrics {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      margin-top: 1rem;
    }

    .hero__metric {
      font-family: var(--font-mono);
      font-size: 0.72rem;
      font-weight: 300;
      letter-spacing: 0.06em;
      color: var(--text-primary);
      white-space: nowrap;
    }

    .hero__metric-sep {
      display: block;
      width: 1px;
      height: 14px;
      background-color: rgba(196, 168, 130, 0.35);
      flex-shrink: 0;
    }

    /* Right column — capabilities card */
    .hero__right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }

    .hero__capabilities {
      width: 100%;
      max-width: 360px;
      background-color: #111F38;
      border: 1px solid var(--bg-border);
      border-top: 2px solid #C4A882;
      border-radius: var(--radius-card);
      padding: calc(2rem + 5px) calc(2rem + 5px) calc(2.25rem + 5px);
      transform: translateY(-1.5rem);
    }

    .hero__cap-title {
      font-family: var(--font-mono);
      font-size: 0.65rem;
      font-weight: 400;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--accent-brass);
      margin-bottom: 1.5rem;
    }

    .hero__cap-list {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      list-style: none;
    }

    .hero__cap-item {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-family: var(--font-body);
      font-size: 0.925rem;
      font-weight: 400;
      color: var(--text-primary);
      line-height: 1.7;
    }

    .hero__cap-item::before {
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #C4A882;
      flex-shrink: 0;
    }

    /* Hero responsive */
    @media (max-width: 960px) {
      .hero__inner {
        grid-template-columns: 1fr;
        padding-block: 4rem 3rem;
        gap: 3rem;
      }

      .hero__right {
        justify-content: flex-start;
      }

      .hero__capabilities {
        max-width: 100%;
      }
    }

    @media (max-width: 640px) {
      .hero__headline {
        font-size: clamp(2.5rem, 9vw, 3.5rem);
      }

      .hero__subheadline {
        font-size: 1.05rem;
      }

      .hero__metrics {
        flex-wrap: wrap;
        gap: 0.75rem 1rem;
      }

      .hero__metric-sep {
        display: none;
      }
    }

    /* ============================================================
       EXPERTISE
    ============================================================ */
    .expertise {
      background-color: #0D1829;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    /* Header */
    .expertise__header {
      text-align: left;
      margin-bottom: 80px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 1.25rem;
    }

    .expertise__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .expertise__headline {
      font-family: var(--font-display);
      font-size: 48px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      max-width: 700px;
      margin: 0;
    }

    .expertise__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      margin: 0;
    }

    /* Three-column grid */
    .expertise__columns {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1.5rem;
      align-items: stretch;
    }

    /* Outer columns */
    .expertise__col {
      background-color: rgba(17, 31, 56, 0.45);
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 8px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      align-self: stretch;
    }

    .expertise__col-icon {
      width: 36px;
      height: 36px;
      flex-shrink: 0;
    }

    .expertise__col-title {
      font-family: var(--font-body);
      font-size: 16px;
      font-weight: 600;
      color: #E8E2D9;
    }

    .expertise__col-list {
      display: flex;
      flex-direction: column;
      gap: 0.7rem;
      list-style: none;
    }

    .expertise__col-item {
      display: flex;
      align-items: flex-start;
      gap: 0.625rem;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #B0C4D4;
      line-height: 1.5;
      list-style: none;
    }

    .expertise__col-item::before {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #C4A882;
      flex-shrink: 0;
      margin-top: 0.45em;
    }

    /* Center column — The Bridge */
    .expertise__bridge {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.4);
      border-top: 3px solid #C4A882;
      border-radius: 8px;
      padding: 3rem 2.5rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      text-align: center;
      box-shadow: 0 0 48px rgba(196, 168, 130, 0.07);
    }

    .expertise__bridge-label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .expertise__bridge-flow {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      flex-wrap: wrap;
      justify-content: center;
    }

    .expertise__bridge-word {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 400;
      font-style: italic;
      color: #F8F4EE;
    }

    .expertise__bridge-arrow {
      font-size: 15px;
      color: #C4A882;
      line-height: 1;
    }

    .expertise__bridge-divider {
      width: 100%;
      height: 1px;
      background-color: rgba(196, 168, 130, 0.2);
    }

    .expertise__bridge-desc {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      font-style: italic;
      color: #8FA3B8;
      line-height: 1.65;
      margin: 0;
    }

    /* Microsoft ecosystem strip */
    .expertise__ecosystem {
      margin-top: 64px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.25rem;
    }

    .expertise__ecosystem-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #4A6278;
    }

    .expertise__badges {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.625rem;
    }

    .expertise__badge {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      padding: 6px 16px;
      border-radius: 100px;
      border: 1px solid rgba(196, 168, 130, 0.25);
      white-space: nowrap;
    }

    /* Expertise responsive */
    @media (max-width: 960px) {
      .expertise__columns {
        grid-template-columns: 1fr;
        gap: 1.25rem;
      }

      .expertise__bridge {
        justify-content: flex-start;
        padding: 2rem;
      }

      .expertise__headline {
        font-size: clamp(1.75rem, 6vw, 3rem);
      }
    }

    @media (max-width: 640px) {
      .expertise {
        padding: 70px 0;
      }

      .expertise__header {
        margin-bottom: 48px;
      }

      .expertise__subheadline {
        font-size: 15px;
      }
    }

    /* ============================================================
       SERVICES
    ============================================================ */
    .services {
      background-color: #080F1E;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    /* Header — left aligned */
    .services__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 64px;
    }

    .services__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .services__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      margin: 0;
    }

    .services__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      margin: 0;
    }

    /* 4-column card grid */
    .services__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.5rem;
    }

    /* Card */
    .services__card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.12);
      border-radius: 8px;
      padding: 1.8rem;
      display: flex;
      flex-direction: column;
      transition: border-color 0.25s ease, transform 0.25s ease;
    }

    .services__card:hover {
      border-color: rgba(196, 168, 130, 0.4);
      transform: translateY(-4px);
    }

    .services__card-icon {
      width: 36px;
      height: 36px;
      flex-shrink: 0;
      margin-bottom: 1rem;
    }

    .services__card-title {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 600;
      color: #E8E2D9;
      line-height: 1.3;
    }

    .services__card-desc {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.7;
      margin-top: 0.5rem;
      flex: 1;
    }

    .services__card-link {
      display: inline-block;
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.06em;
      color: #C4A882;
      margin-top: auto;
      padding-top: 1.2rem;
      transition: color 0.25s ease;
      text-decoration: none;
    }

    .services__card-link:hover {
      color: #D9C4A0;
    }

    /* Footer note */
    .services__footer {
      margin-top: 48px;
      display: flex;
      justify-content: center;
    }

    .services__footer-box {
      background-color: rgba(196, 168, 130, 0.04);
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 8px;
      padding: 1.5rem 2rem;
      max-width: 680px;
      text-align: center;
    }

    .services__footer-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      font-style: italic;
      color: #8FA3B8;
      line-height: 1.65;
      margin: 0;
    }

    /* Services responsive */
    @media (max-width: 960px) {
      .services__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .services {
        padding: 70px 0;
      }

      .services__grid {
        grid-template-columns: 1fr;
      }

      .services__headline {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
      }
    }

    /* ============================================================
       INDUSTRIES
    ============================================================ */
    .industries {
      background-color: #0D1829;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    /* Header — left aligned */
    .industries__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 64px;
    }

    .industries__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .industries__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      margin: 0;
    }

    .industries__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      margin: 0;
    }

    /* 3-column grid */
    .industries__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    /* Card */
    .industries__card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.12);
      border-left: 3px solid #C4A882;
      border-radius: 8px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      transition: border-color 0.25s ease, transform 0.25s ease;
    }

    .industries__card:hover {
      border-color: rgba(196, 168, 130, 0.35);
      border-left-color: #C4A882;
      transform: translateY(-3px);
    }

    /* Name + tag row */
    .industries__card-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 0.75rem;
      margin-bottom: 0.5rem;
    }

    .industries__card-name {
      font-family: var(--font-body);
      font-size: 16px;
      font-weight: 600;
      color: #E8E2D9;
      line-height: 1.3;
    }

    .industries__card-tag {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 3px 10px;
      white-space: nowrap;
      flex-shrink: 0;
      line-height: 1.5;
    }

    .industries__card-desc {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.6;
      margin: 0;
    }

    /* Industries responsive */
    @media (max-width: 960px) {
      .industries__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .industries {
        padding: 70px 0;
      }

      .industries__grid {
        grid-template-columns: 1fr;
      }

      .industries__headline {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
      }

      .industries__card-tag {
        white-space: normal;
        text-align: right;
      }
    }

    /* ============================================================
       INDUSTRIES — WHO WE WORK WITH subsection
    ============================================================ */
    .industries__who {
      margin-top: 64px;
    }

    .industries__who-divider {
      height: 1px;
      background: linear-gradient(
        to right,
        transparent,
        rgba(196, 168, 130, 0.25) 20%,
        rgba(196, 168, 130, 0.25) 80%,
        transparent
      );
    }

    .industries__who-header {
      margin-top: 48px;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 40px;
    }

    .industries__who-label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .industries__who-headline {
      font-family: var(--font-display);
      font-size: 32px;
      font-weight: 500;
      line-height: 1.2;
      color: #F8F4EE;
      margin: 0;
    }

    .industries__who-subheadline {
      font-family: var(--font-body);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      max-width: 540px;
      margin: 0;
    }

    /* 4-column size grid */
    .industries__size-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.5rem;
    }

    /* Base size card */
    .industries__size-card {
      position: relative;
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.12);
      border-radius: 8px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    /* Featured / highlighted card */
    .industries__size-card--featured {
      background-color: #0F2540;
      border-color: rgba(196, 168, 130, 0.35);
      border-top: 3px solid #C4A882;
    }

    .industries__size-card-badge {
      position: absolute;
      top: 1rem;
      right: 1rem;
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.22);
      border-radius: 100px;
      padding: 3px 10px;
      white-space: nowrap;
      line-height: 1.5;
    }

    .industries__size-card-icon {
      width: 32px;
      height: 32px;
      flex-shrink: 0;
    }

    .industries__size-card-title {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 600;
      color: #E8E2D9;
      line-height: 1.3;
    }

    .industries__size-card-desc {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.65;
      margin: 0;
    }

    .industries__size-card-list {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      list-style: none;
      margin-top: 0.25rem;
    }

    .industries__size-card-item {
      display: flex;
      align-items: flex-start;
      gap: 0.625rem;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.5;
      list-style: none;
    }

    .industries__size-card-item::before {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #C4A882;
      flex-shrink: 0;
      margin-top: 0.45em;
    }

    @media (max-width: 960px) {
      .industries__size-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .industries__who-headline {
        font-size: clamp(1.5rem, 5vw, 2rem);
      }
    }

    @media (max-width: 640px) {
      .industries__size-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ============================================================
       CASE STUDIES
    ============================================================ */
    .case-studies {
      background-color: #080F1E;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    /* Section header */
    .case-studies__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 64px;
    }

    .case-studies__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .case-studies__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      margin: 0;
    }

    .case-studies__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      margin: 0;
    }

    /* Sub-labels */
    .case-studies__sub-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 24px;
    }

    .case-studies__sub-label--showcases {
      margin-bottom: 8px;
    }

    /* ——— FEATURED ENGAGEMENTS ——— */
    .case-studies__featured-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.5rem;
    }

    .case-studies__featured-card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-left: 4px solid #C4A882;
      border-radius: 10px;
      padding: 2.5rem;
      display: flex;
      flex-direction: column;
      transition: border-color 0.25s ease, transform 0.25s ease;
    }

    .case-studies__featured-card:hover {
      border-color: rgba(196, 168, 130, 0.5);
      border-left-color: #C4A882;
      transform: translateY(-4px);
    }

    .case-studies__card-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
    }

    .case-studies__card-badge {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 4px 12px;
      white-space: nowrap;
    }

    .case-studies__card-meta {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      white-space: nowrap;
    }

    .case-studies__card-title {
      font-family: var(--font-display);
      font-size: 24px;
      font-weight: 500;
      line-height: 1.3;
      color: #F8F4EE;
      margin: 1.2rem 0 0;
    }

    .case-studies__card-divider {
      height: 1px;
      background-color: rgba(196, 168, 130, 0.12);
      margin: 1.2rem 0;
    }

    .case-studies__row {
      margin-bottom: 1rem;
    }

    .case-studies__row:last-child {
      margin-bottom: 0;
    }

    .case-studies__row-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #4A6278;
      margin: 0 0 4px;
    }

    .case-studies__row-content {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.7;
      margin: 0;
    }

    .case-studies__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-top: 1.5rem;
    }

    .case-studies__tag {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #6B8298;
      background-color: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 4px;
      padding: 3px 8px;
      white-space: nowrap;
    }

    .case-studies__card-link {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      margin-top: 1.5rem;
      display: inline-block;
      transition: color 0.25s ease;
    }

    .case-studies__card-link:hover {
      color: #D9C4A0;
    }

    /* ——— SOLUTION SHOWCASES ——— */
    .case-studies__showcases {
      margin-top: 72px;
    }

    .case-studies__showcase-helper {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      font-style: italic;
      color: #6B8298;
      margin: 0 0 32px;
    }

    .case-studies__showcase-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    .case-studies__showcase-card {
      position: relative;
      background-color: #0D1829;
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-top: 2px solid rgba(196, 168, 130, 0.4);
      border-radius: 10px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    .case-studies__showcase-card:hover {
      background-color: #111F38;
      border-color: rgba(196, 168, 130, 0.4);
      border-top-color: rgba(196, 168, 130, 0.4);
      transform: translateY(-3px);
    }

    .case-studies__showcase-card--featured {
      background-color: #111F38;
      border-color: rgba(196, 168, 130, 0.35);
      border-top: 3px solid #C4A882;
    }

    .case-studies__showcase-card--featured:hover {
      border-color: rgba(196, 168, 130, 0.5);
      border-top-color: #C4A882;
    }

    .case-studies__showcase-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
    }

    .case-studies__showcase-badge {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 3px 10px;
      white-space: nowrap;
    }

    .case-studies__demo-badge {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 600;
      color: #080F1E;
      background-color: #C4A882;
      border-radius: 4px;
      padding: 4px 10px;
      white-space: nowrap;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .case-studies__showcase-title {
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 500;
      line-height: 1.3;
      color: #F8F4EE;
      margin: 0;
    }

    .case-studies__showcase-desc {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.65;
      margin: 0;
    }

    .case-studies__value-line {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      font-style: italic;
      color: #C4A882;
      margin: 0.8rem 0 0;
    }

    .case-studies__showcase-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }

    .case-studies__showcase-link {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      margin-top: auto;
      padding-top: 1rem;
      display: inline-block;
      transition: color 0.25s ease;
      align-self: flex-start;
    }

    .case-studies__showcase-link:hover {
      color: #D9C4A0;
    }

    .case-studies__showcase-link--demo {
      background-color: rgba(196, 168, 130, 0.1);
      border: 1px solid rgba(196, 168, 130, 0.3);
      border-radius: 4px;
      padding: 8px 16px;
    }

    /* ——— BOTTOM CTA BAR ——— */
    .case-studies__cta {
      margin-top: 72px;
      background: linear-gradient(135deg, #111F38 0%, #0D1829 100%);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 10px;
      padding: 2.5rem 3rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
    }

    .case-studies__cta-headline {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 500;
      font-style: italic;
      color: #F8F4EE;
      margin: 0;
    }

    .case-studies__cta-subtext {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      margin: 0.4rem 0 0;
    }

    .case-studies__cta-btn {
      display: inline-block;
      background-color: #C4A882;
      color: #080F1E;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      padding: 12px 28px;
      border-radius: 4px;
      text-decoration: none;
      white-space: nowrap;
      flex-shrink: 0;
      transition: background-color 0.25s ease;
    }

    .case-studies__cta-btn:hover {
      background-color: #D9C4A0;
    }

    /* Case studies responsive */
    @media (max-width: 960px) {
      .case-studies__featured-grid {
        grid-template-columns: 1fr;
      }

      .case-studies__showcase-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .case-studies {
        padding: 70px 0;
      }

      .case-studies__headline {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
      }

      .case-studies__showcase-grid {
        grid-template-columns: 1fr;
      }

      .case-studies__cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem;
      }
    }

    /* ============================================================
       WORKSHOPS
    ============================================================ */
    .workshops {
      background-color: #0D1829;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    .workshops__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 64px;
    }

    .workshops__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .workshops__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      margin: 0;
    }

    .workshops__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      max-width: 520px;
      margin: 0;
    }

    .workshops__sub-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 24px;
    }

    /* ——— EVENTS ——— */
    .workshops__events-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.5rem;
      max-width: 680px;
      margin-left: 0;
      margin-right: auto;
    }

    .workshops__event-card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 10px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      transition: border-color 0.25s ease, transform 0.25s ease;
    }

    .workshops__event-card:hover {
      border-color: rgba(196, 168, 130, 0.4);
      transform: translateY(-3px);
    }

    .workshops__event-card--featured {
      border-color: rgba(196, 168, 130, 0.35);
      border-top: 3px solid #C4A882;
    }

    .workshops__event-card--featured:hover {
      border-color: rgba(196, 168, 130, 0.5);
      border-top-color: #C4A882;
    }

    .workshops__event-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
    }

    .workshops__event-top-right {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-shrink: 0;
    }

    .workshops__event-type-badge {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 3px 10px;
      white-space: nowrap;
    }

    .workshops__event-format-badge {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #6B8298;
      background-color: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 100px;
      padding: 3px 10px;
      white-space: nowrap;
    }

    .workshops__event-featured-badge {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 600;
      color: #080F1E;
      background-color: #C4A882;
      border-radius: 3px;
      padding: 3px 10px;
      white-space: nowrap;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .workshops__event-date {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-top: 1.2rem;
    }

    .workshops__event-day {
      font-family: var(--font-display);
      font-size: 42px;
      font-weight: 700;
      color: #C4A882;
      line-height: 1;
      white-space: nowrap;
    }

    .workshops__event-date-divider {
      width: 1px;
      height: 36px;
      background-color: rgba(196, 168, 130, 0.3);
      flex-shrink: 0;
    }

    .workshops__event-date-right {
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
    }

    .workshops__event-month {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #6B8298;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .workshops__event-time {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
    }

    .workshops__event-title {
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 500;
      line-height: 1.3;
      color: #F8F4EE;
      margin: 1rem 0 0;
    }

    .workshops__event-desc {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.7;
      margin: 0.6rem 0 0;
    }

    .workshops__event-topics {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-top: 0.8rem;
    }

    .workshops__event-topic {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #6B8298;
      background-color: rgba(196, 168, 130, 0.06);
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 100px;
      padding: 2px 8px;
      white-space: nowrap;
    }

    .workshops__event-divider {
      height: 1px;
      background-color: rgba(196, 168, 130, 0.1);
      margin: 1.2rem 0;
    }

    .workshops__event-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      margin-top: auto;
    }

    .workshops__event-host {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
    }

    .workshops__event-btn {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 4px;
      white-space: nowrap;
      display: inline-block;
      transition: background-color 0.25s ease, border-color 0.25s ease;
    }

    .workshops__event-btn--primary {
      background-color: #C4A882;
      color: #080F1E;
      border: 1px solid #C4A882;
    }

    .workshops__event-btn--primary:hover {
      background-color: #D9C4A0;
      border-color: #D9C4A0;
    }

    .workshops__event-btn--outline {
      background-color: transparent;
      color: #C4A882;
      border: 1px solid rgba(196, 168, 130, 0.4);
    }

    .workshops__event-btn--outline:hover {
      background-color: rgba(196, 168, 130, 0.08);
    }

    /* ——— LEARNING TRACKS ——— */
    .workshops__tracks {
      margin-top: 80px;
    }

    .workshops__tracks-header {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      margin-bottom: 40px;
    }

    .workshops__tracks-headline {
      font-family: var(--font-display);
      font-size: 32px;
      font-weight: 500;
      line-height: 1.2;
      color: #F8F4EE;
      margin: 0.4rem 0 0;
    }

    .workshops__tracks-subtext {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 400;
      color: #8FA3B8;
      margin: 0.4rem 0 0;
      line-height: 1.65;
    }

    .workshops__tracks-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    .workshops__track-card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-left: 3px solid #C4A882;
      border-radius: 8px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .workshops__track-icon {
      width: 32px;
      height: 32px;
      flex-shrink: 0;
    }

    .workshops__track-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .workshops__track-title {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.3;
      color: #F8F4EE;
      margin: 0;
    }

    .workshops__track-desc {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.65;
      margin: 0;
    }

    .workshops__track-list {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      list-style: none;
    }

    .workshops__track-item {
      display: flex;
      align-items: flex-start;
      gap: 0.625rem;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.5;
      list-style: none;
    }

    .workshops__track-item::before {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #C4A882;
      flex-shrink: 0;
      margin-top: 0.45em;
    }

    .workshops__track-link {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      margin-top: auto;
      display: inline-block;
      transition: color 0.25s ease;
    }

    .workshops__track-link:hover {
      color: #D9C4A0;
    }

    /* ——— COMMUNITY SIGNUP ——— */
    .workshops__community {
      margin-top: 80px;
    }

    .workshops__community-box {
      background: linear-gradient(135deg, #111F38 0%, #0D1829 100%);
      border: 1px solid rgba(196, 168, 130, 0.25);
      border-radius: 12px;
      padding: 3.5rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .workshops__community-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 1rem;
    }

    .workshops__community-headline {
      font-family: var(--font-display);
      font-size: 32px;
      font-weight: 500;
      color: #F8F4EE;
      margin: 0 0 0.8rem;
    }

    .workshops__community-subtext {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 400;
      color: #8FA3B8;
      max-width: 500px;
      margin: 0 auto 2rem;
      line-height: 1.7;
    }

    .workshops__community-form {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.75rem;
      flex-wrap: wrap;
    }

    .workshops__community-input {
      width: 220px;
      background-color: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 4px;
      color: #E8E2D9;
      padding: 12px 16px;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      transition: border-color 0.25s ease;
    }

    .workshops__community-input:focus {
      border-color: #C4A882;
      outline: none;
    }

    .workshops__community-input::placeholder {
      color: #4A6278;
    }

    .workshops__community-btn {
      background-color: #C4A882;
      color: #080F1E;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 12px 28px;
      border-radius: 4px;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      transition: background-color 0.25s ease;
    }

    .workshops__community-btn:hover {
      background-color: #D9C4A0;
    }

    .workshops__community-note {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      margin-top: 1rem;
    }

    /* ——— CORPORATE TRAINING ——— */
    .workshops__corporate {
      margin-top: 48px;
      background-color: #080F1E;
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 8px;
      padding: 2rem 3rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
    }

    .workshops__corporate-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 6px;
    }

    .workshops__corporate-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      margin: 0;
      line-height: 1.6;
    }

    .workshops__corporate-btn {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 500;
      color: #C4A882;
      background-color: transparent;
      border: 1px solid rgba(196, 168, 130, 0.4);
      border-radius: 4px;
      padding: 10px 24px;
      text-decoration: none;
      white-space: nowrap;
      flex-shrink: 0;
      display: inline-block;
      transition: background-color 0.25s ease;
    }

    .workshops__corporate-btn:hover {
      background-color: rgba(196, 168, 130, 0.08);
    }

    /* Workshops responsive */
    @media (max-width: 960px) {
      .workshops__events-grid,
      .workshops__tracks-grid {
        grid-template-columns: 1fr;
      }

      .workshops__corporate {
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem;
      }
    }

    @media (max-width: 640px) {
      .workshops {
        padding: 70px 0;
      }

      .workshops__headline {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
      }

      .workshops__community-box {
        padding: 2rem 1.5rem;
      }

      .workshops__community-form {
        flex-direction: column;
        align-items: stretch;
      }

      .workshops__community-input {
        width: 100%;
      }
    }

    /* ============================================================
       INSIGHTS
    ============================================================ */
    .insights {
      background-color: #080F1E;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    .insights__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 48px;
    }

    .insights__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .insights__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      max-width: 680px;
      margin: 0;
    }

    .insights__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      max-width: 500px;
      margin: 0;
    }

    /* Filter tabs */
    .insights__filters {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 48px;
    }

    .insights__filter {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.1em;
      color: #6B8298;
      background: transparent;
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 6px 16px;
      cursor: pointer;
      white-space: nowrap;
      transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    }

    .insights__filter:hover {
      border-color: rgba(196, 168, 130, 0.35);
      color: #8FA3B8;
    }

    .insights__filter--active {
      background-color: rgba(196, 168, 130, 0.12);
      border-color: rgba(196, 168, 130, 0.4);
      color: #C4A882;
    }

    /* Shared category badge */
    .insights__category {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 3px 10px;
      white-space: nowrap;
      display: inline-block;
    }

    /* Shared meta row */
    .insights__meta {
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }

    .insights__meta-date,
    .insights__meta-read,
    .insights__meta-author {
      font-family: var(--font-mono);
      font-weight: 400;
      color: #4A6278;
    }

    .insights__meta-sep {
      color: #C4A882;
      font-size: 12px;
      line-height: 1;
    }

    /* ——— FEATURED ARTICLE ——— */
    .insights__featured {
      display: grid;
      grid-template-columns: 45% 55%;
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 48px;
    }

    .insights__featured-image {
      background: linear-gradient(135deg, #162B52 0%, #0D1829 100%);
      min-height: 320px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    .insights__featured-image::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(196, 168, 130, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(196, 168, 130, 0.07) 1px, transparent 1px);
      background-size: 32px 32px;
    }

    .insights__featured-image-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      letter-spacing: 0.12em;
      position: relative;
      z-index: 1;
    }

    .insights__featured-content {
      padding: 2.5rem;
      display: flex;
      flex-direction: column;
    }

    .insights__featured-flag {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 400;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #4A6278;
      margin: 0.5rem 0 0;
    }

    .insights__featured-title {
      font-family: var(--font-display);
      font-size: 26px;
      font-weight: 500;
      line-height: 1.3;
      color: #F8F4EE;
      margin: 1rem 0;
    }

    .insights__featured-excerpt {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.75;
      margin: 0;
    }

    .insights__featured-meta {
      margin-top: 1.5rem;
    }

    .insights__featured-meta .insights__meta-date,
    .insights__featured-meta .insights__meta-read {
      font-size: 11px;
    }

    .insights__featured-link {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      display: inline-block;
      margin-top: 1.5rem;
      border-bottom: 1px solid transparent;
      transition: border-color 0.25s ease;
      padding-bottom: 1px;
    }

    .insights__featured-link:hover {
      border-bottom-color: #C4A882;
    }

    /* ——— ARTICLE GRID ——— */
    .insights__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    .insights__card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.12);
      border-radius: 8px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: border-color 0.25s ease, transform 0.25s ease;
    }

    .insights__card:hover {
      border-color: rgba(196, 168, 130, 0.35);
      transform: translateY(-3px);
    }

    .insights__card-image {
      height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .insights__card-image--1 { background: linear-gradient(135deg, #1A3A6B, #0D1829); }
    .insights__card-image--2 { background: linear-gradient(135deg, #162B52, #111F38); }
    .insights__card-image--3 { background: linear-gradient(135deg, #0F2540, #0D1829); }

    .insights__card-image-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .insights__card-content {
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .insights__card-title {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.35;
      color: #F8F4EE;
      margin: 0.8rem 0 0.6rem;
    }

    .insights__card-excerpt {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.7;
      margin: 0 0 1rem;
      flex: 1;
    }

    .insights__card-meta {
      margin-top: 0;
    }

    .insights__card-meta .insights__meta-date,
    .insights__card-meta .insights__meta-read {
      font-size: 10px;
    }

    .insights__card-link {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      display: inline-block;
      margin-top: 0.8rem;
      transition: color 0.25s ease;
    }

    .insights__card-link:hover {
      color: #D9C4A0;
    }

    /* Bottom row */
    .insights__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      margin-top: 48px;
    }

    .insights__bottom-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      font-style: italic;
      color: #6B8298;
      margin: 0;
    }

    .insights__bottom-btn {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.08em;
      color: #C4A882;
      background: transparent;
      border: 1px solid rgba(196, 168, 130, 0.35);
      border-radius: 4px;
      padding: 10px 24px;
      text-decoration: none;
      white-space: nowrap;
      display: inline-block;
      transition: background-color 0.25s ease;
    }

    .insights__bottom-btn:hover {
      background-color: rgba(196, 168, 130, 0.08);
    }

    /* Insights responsive */
    @media (max-width: 960px) {
      .insights__featured {
        grid-template-columns: 1fr;
      }

      .insights__featured-image {
        min-height: 220px;
      }

      .insights__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .insights {
        padding: 70px 0;
      }

      .insights__headline {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
      }

      .insights__grid {
        grid-template-columns: 1fr;
      }

      .insights__bottom {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    /* ============================================================
       CONTACT
    ============================================================ */
    .contact {
      background-color: #0D1829;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    .contact__header {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.25rem;
      margin-bottom: 64px;
    }

    .contact__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
    }

    .contact__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      text-align: center;
      margin: 0;
    }

    .contact__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      max-width: 540px;
      margin: 0 auto;
      text-align: center;
    }

    /* Two-column layout */
    .contact__layout {
      display: grid;
      grid-template-columns: 60fr 40fr;
      gap: 4rem;
      align-items: start;
    }

    /* ——— LEFT: FORM CARD ——— */
    .contact__form-card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 10px;
      padding: 2.5rem;
    }

    .contact__form-heading {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 1.5rem;
    }

    .contact__form {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
    }

    .contact__row-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }

    .contact__field {
      display: flex;
      flex-direction: column;
    }

    .contact__field-label {
      font-family: var(--font-body);
      font-size: 12px;
      font-weight: 500;
      color: #8FA3B8;
      margin-bottom: 6px;
    }

    .contact__input,
    .contact__select,
    .contact__textarea {
      background-color: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 4px;
      color: #E8E2D9;
      padding: 11px 14px;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      width: 100%;
      transition: border-color 0.2s ease, background-color 0.2s ease;
    }

    .contact__input::placeholder,
    .contact__textarea::placeholder {
      color: #4A6278;
    }

    .contact__input:focus,
    .contact__select:focus,
    .contact__textarea:focus {
      border-color: #C4A882;
      outline: none;
      background-color: rgba(196, 168, 130, 0.04);
    }

    .contact__select {
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1L6 6L11 1' stroke='%23C4A882' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
      background-repeat: no-repeat;
      background-position: right 14px center;
      padding-right: 36px;
      cursor: pointer;
    }

    .contact__select option {
      background-color: #0D1829;
      color: #E8E2D9;
    }

    .contact__textarea {
      height: 120px;
      resize: vertical;
    }

    /* Checkboxes */
    .contact__checkboxes {
      display: flex;
      gap: 1.5rem;
      flex-wrap: wrap;
    }

    .contact__checkbox-label {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      cursor: pointer;
    }

    .contact__checkbox-label input[type="checkbox"] {
      width: 14px;
      height: 14px;
      accent-color: #C4A882;
      cursor: pointer;
      flex-shrink: 0;
    }

    /* Submit button */
    .contact__submit {
      width: 100%;
      background-color: #C4A882;
      color: #080F1E;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 14px;
      border-radius: 4px;
      border: none;
      cursor: pointer;
      transition: background-color 0.25s ease;
    }

    .contact__submit:hover {
      background-color: #D9C4A0;
    }

    /* Success state */
    .contact__success {
      display: none;
      flex-direction: column;
      align-items: center;
      gap: 0.8rem;
      background-color: rgba(196, 168, 130, 0.06);
      border: 1px solid rgba(196, 168, 130, 0.3);
      border-radius: 8px;
      padding: 2rem;
      text-align: center;
    }

    .contact__success.visible {
      display: flex;
    }

    .contact__success-icon {
      width: 48px;
      height: 48px;
      flex-shrink: 0;
    }

    .contact__success-headline {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 500;
      font-style: italic;
      color: #F8F4EE;
      margin: 0;
    }

    .contact__success-subtext {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.65;
      margin: 0;
    }

    /* ——— RIGHT: INFO COLUMN ——— */
    .contact__info {
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }

    .contact__info-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 1rem;
    }

    .contact__expect-item {
      display: flex;
      gap: 0.8rem;
      margin-bottom: 0.8rem;
    }

    .contact__expect-item:last-child {
      margin-bottom: 0;
    }

    .contact__expect-dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #C4A882;
      flex-shrink: 0;
      margin-top: 6px;
    }

    .contact__expect-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.7;
      margin: 0;
    }

    .contact__direct-item {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      margin-bottom: 0.8rem;
      text-decoration: none;
      color: inherit;
    }

    .contact__direct-item:last-child {
      margin-bottom: 0;
    }

    .contact__direct-icon {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
    }

    .contact__direct-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.4;
      transition: color 0.2s ease;
    }

    .contact__direct-text--sm {
      font-size: 13px;
    }

    a.contact__direct-item:hover .contact__direct-text {
      color: #B0C4D4;
    }

    .contact__book-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.65;
      margin: 0 0 1.2rem;
    }

    .contact__book-btn {
      display: block;
      width: 100%;
      background-color: transparent;
      border: 1px solid rgba(196, 168, 130, 0.35);
      color: #C4A882;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 500;
      padding: 12px 24px;
      border-radius: 4px;
      text-align: center;
      text-decoration: none;
      transition: background-color 0.25s ease;
    }

    .contact__book-btn:hover {
      background-color: rgba(196, 168, 130, 0.08);
    }

    .contact__book-note {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      text-align: center;
      margin-top: 0.6rem;
      display: block;
    }

    /* Contact responsive */
    @media (max-width: 960px) {
      .contact__layout {
        grid-template-columns: 1fr;
        gap: 3rem;
      }
    }

    @media (max-width: 640px) {
      .contact {
        padding: 70px 0;
      }

      .contact__headline {
        font-size: clamp(1.75rem, 7vw, 2.5rem);
      }

      .contact__row-2 {
        grid-template-columns: 1fr;
      }

      .contact__checkboxes {
        flex-direction: column;
        gap: 0.75rem;
      }
    }

    /* ============================================================
       FOOTER
    ============================================================ */
    .footer {
      display: block;
      position: relative;
      background-color: #060C18;
      border-top: 1px solid rgba(196, 168, 130, 0.15);
      padding: 60px 0 30px;
    }

    /* Top 4-column grid */
    .footer__top {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 3rem;
      padding-bottom: 48px;
      border-bottom: 1px solid rgba(196, 168, 130, 0.1);
    }

    /* Brand column */
    .footer__logo {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 0.7rem;
      text-decoration: none;
      margin-bottom: 1.2rem;
    }

    .footer__logo-mark {
      display: block;
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      transition: opacity 0.2s ease;
    }

    .footer__logo:hover .footer__logo-mark {
      opacity: 0.85;
    }

    .footer__logo-text {
      display: flex;
      flex-direction: column;
      gap: 0.28rem;
      line-height: 1;
    }

    .footer__logo-wordmark {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: -0.02em;
      line-height: 1;
    }

    .footer__logo-dynamix { color: var(--accent-brass); }
    .footer__logo-advisor { color: var(--white); }

    .footer__logo-tagline {
      font-family: var(--font-mono);
      font-size: 0.58rem;
      font-weight: 300;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--text-secondary);
      white-space: nowrap;
    }

    .footer__tagline {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.7;
      max-width: 220px;
      margin-bottom: 1.5rem;
    }

    .footer__social {
      display: flex;
      gap: 1rem;
      align-items: center;
    }

    .footer__social-link {
      color: #4A6278;
      text-decoration: none;
      display: inline-flex;
      transition: color 0.2s ease;
    }

    .footer__social-link:hover {
      color: #C4A882;
    }

    .footer__social-icon {
      width: 18px;
      height: 18px;
      display: block;
    }

    /* Column labels */
    .footer__col-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #C4A882;
      margin-bottom: 1.2rem;
    }

    /* Link lists */
    .footer__links {
      display: flex;
      flex-direction: column;
      gap: 0.7rem;
      list-style: none;
    }

    .footer__link {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #6B8298;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .footer__link:hover {
      color: #C4A882;
    }

    /* Community badge */
    .footer__community-badge {
      background-color: rgba(196, 168, 130, 0.05);
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 6px;
      padding: 0.8rem 1rem;
      margin-top: 1.5rem;
    }

    .footer__community-badge-text {
      font-family: var(--font-body);
      font-size: 12px;
      font-weight: 400;
      color: #6B8298;
      line-height: 1.6;
      margin: 0 0 0.5rem;
    }

    .footer__community-badge-link {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .footer__community-badge-link:hover {
      color: #D9C4A0;
    }

    /* Bottom row */
    .footer__bottom {
      margin-top: 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .footer__copyright,
    .footer__founder {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
    }

    .footer__founder {
      font-style: italic;
    }

    .footer__legal {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .footer__legal-link {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .footer__legal-link:hover {
      color: #C4A882;
    }

    .footer__legal-sep {
      font-size: 10px;
      color: #4A6278;
    }

    /* Footer responsive */
    @media (max-width: 960px) {
      .footer__top {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .footer {
        padding: 48px 0 24px;
      }

      .footer__top {
        grid-template-columns: 1fr;
      }

      .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    /* ============================================================
       POLISH — animated grid · depth lighting · hover depth · reveals
    ============================================================ */

    /* ——— REVEAL ANIMATIONS — disabled, all elements visible immediately ——— */
    .js-reveal {
      opacity: 1;
      transform: none;
      transition: none;
    }

    .js-reveal.revealed {
      opacity: 1;
      transform: none;
    }

    /* ——— SECTIONS WITH ANIMATED GRID ——— */
    .expertise,
    .industries,
    .case-studies,
    .contact {
      position: relative;
    }

    .expertise::before,
    .industries::before,
    .case-studies::before,
    .contact::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(196, 168, 130, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(196, 168, 130, 0.025) 1px, transparent 1px);
      background-size: 48px 48px;
      animation: sectionGridDrift 20s linear infinite;
      pointer-events: none;
    }

    @keyframes sectionGridDrift {
      0%   { background-position: 0 0, 0 0; }
      100% { background-position: 48px 48px, 48px 48px; }
    }

    /* ——— DEPTH LIGHTING ——— */
    .expertise::after,
    .industries::after,
    .case-studies::after,
    .contact::after {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .expertise::after {
      background: radial-gradient(ellipse 60% 50% at 85% 8%, rgba(196, 168, 130, 0.06) 0%, transparent 55%);
    }

    .industries::after {
      background: radial-gradient(ellipse 55% 45% at 12% 88%, rgba(196, 168, 130, 0.05) 0%, transparent 55%);
    }

    .case-studies::after {
      background: radial-gradient(ellipse 65% 50% at 90% 5%, rgba(196, 168, 130, 0.06) 0%, transparent 55%);
    }

    .contact::after {
      background: radial-gradient(ellipse 55% 45% at 18% 12%, rgba(196, 168, 130, 0.05) 0%, transparent 55%);
    }

    /* Lift containers above pseudo-elements */
    .expertise > .container,
    .industries > .container,
    .case-studies > .container,
    .contact > .container {
      position: relative;
      z-index: 1;
    }

    /* Depth lighting — sections without animated grid */
    .services {
      background-image: radial-gradient(ellipse 50% 45% at 15% 80%, rgba(196, 168, 130, 0.04) 0%, transparent 50%);
    }

    .workshops {
      background-image: radial-gradient(ellipse 55% 40% at 88% 85%, rgba(196, 168, 130, 0.04) 0%, transparent 50%);
    }

    .insights {
      background-image: radial-gradient(ellipse 50% 45% at 80% 8%, rgba(196, 168, 130, 0.04) 0%, transparent 50%);
    }

    /* ——— ENHANCED HOVER STATES ——— */

    /* Add box-shadow to card transitions */
    .services__card,
    .industries__card,
    .case-studies__featured-card,
    .case-studies__showcase-card,
    .insights__card,
    .workshops__event-card {
      transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    }

    .services__card:hover {
      box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25), 0 0 20px rgba(196, 168, 130, 0.07);
    }

    .industries__card:hover {
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22), 0 0 16px rgba(196, 168, 130, 0.05);
    }

    .case-studies__featured-card:hover {
      box-shadow: 0 20px 64px rgba(0, 0, 0, 0.3), 0 0 32px rgba(196, 168, 130, 0.09);
    }

    .case-studies__showcase-card--featured {
      box-shadow: 0 0 40px rgba(196, 168, 130, 0.08);
    }

    .case-studies__showcase-card:hover {
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25), 0 0 20px rgba(196, 168, 130, 0.06);
    }

    .case-studies__showcase-card--featured:hover {
      box-shadow: 0 16px 56px rgba(0, 0, 0, 0.3), 0 0 40px rgba(196, 168, 130, 0.12);
    }

    .insights__card:hover {
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22), 0 0 16px rgba(196, 168, 130, 0.06);
    }

    .workshops__event-card:hover {
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
    }

    .btn-primary:hover {
      box-shadow: 0 6px 24px rgba(196, 168, 130, 0.2);
    }

    /* ============================================================
       VISUAL ENERGY
    ============================================================ */

    /* 1 — Hero gradient word */
    .hero__gradient-word {
      background: linear-gradient(135deg, #C4A882 0%, #5BB8D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* 2 — Service card icon glowing boxes */
    .services__card-icon {
      width: 44px;
      height: 44px;
      flex-shrink: 0;
      margin-bottom: 1rem;
      background: rgba(91, 184, 212, 0.08);
      border: 1px solid rgba(91, 184, 212, 0.2);
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(91, 184, 212, 0.08);
    }

    /* 3 — Hero primary CTA */
    .hero__btn-primary {
      background: linear-gradient(135deg, #C4A882 0%, #A06E3B 100%);
      border: 1px solid transparent;
      box-shadow: 0 4px 24px rgba(196, 168, 130, 0.3);
    }

    .hero__btn-primary:hover {
      background: linear-gradient(135deg, #D4B896 0%, #B07E4B 100%);
      border-color: transparent;
      color: #080F1E;
      box-shadow: 0 6px 32px rgba(196, 168, 130, 0.45);
      transform: translateY(-2px);
    }

    /* 4 — Section labels gradient */
    .expertise__label,
    .services__label,
    .industries__label,
    .industries__who-label,
    .case-studies__label,
    .workshops__label,
    .workshops__sub-label,
    .insights__label,
    .contact__label {
      background: linear-gradient(90deg, #C4A882 0%, #5BB8D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* 5 — Card hover gradient borders */
    .services__card:hover,
    .case-studies__showcase-card:hover,
    .insights__card:hover,
    .workshops__event-card:hover {
      border-color: transparent;
      background:
        linear-gradient(#111F38, #111F38) padding-box,
        linear-gradient(135deg, rgba(196, 168, 130, 0.5), rgba(91, 184, 212, 0.3)) border-box;
      box-shadow: 0 8px 32px rgba(91, 184, 212, 0.08), 0 16px 48px rgba(0, 0, 0, 0.25);
    }

    /* 6 — Expertise bridge enhanced glow */
    .expertise__bridge {
      box-shadow:
        0 0 40px rgba(196, 168, 130, 0.12),
        0 0 80px rgba(91, 184, 212, 0.06);
    }

    /* 7 — Featured event button */
    .workshops__event-btn--primary {
      background: linear-gradient(135deg, #4F46E5 0%, #5BB8D4 100%);
      color: #ffffff;
      border: 1px solid transparent;
      box-shadow: 0 4px 20px rgba(79, 70, 229, 0.3);
    }

    .workshops__event-btn--primary:hover {
      background: linear-gradient(135deg, #5B52F5 0%, #6BC8E4 100%);
      border-color: transparent;
      box-shadow: 0 6px 28px rgba(79, 70, 229, 0.45);
    }

    /* 8 — Nav CTA gradient + spark */
    .nav__cta {
      background: linear-gradient(135deg, #C4A882 0%, #D4B896 100%);
      border-color: transparent;
    }

    .nav__cta::before {
      content: '✦';
      font-size: 9px;
      opacity: 0.75;
    }

    /* ============================================================
       PUNCH — stronger gradient · glow orbs · metrics · arrows
    ============================================================ */

    /* 1 — Stronger gradient word + italic */
    .hero__gradient-word {
      background: linear-gradient(135deg, #E8C97A 0%, #38BDF8 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-style: italic;
    }

    /* 2 — Hero background orbs */
    .hero::before {
      content: '';
      position: absolute;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(56, 189, 248, 0.06) 0%, transparent 70%);
      top: -100px;
      right: -100px;
      pointer-events: none;
      z-index: 0;
    }

    .hero::after {
      content: '';
      position: absolute;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(196, 168, 130, 0.07) 0%, transparent 70%);
      bottom: 0;
      left: -50px;
      pointer-events: none;
      z-index: 0;
    }

    /* 3 — Hero primary CTA — real glow */
    .hero__btn-primary {
      background: linear-gradient(135deg, #C4A882 0%, #A07840 100%);
      border: 1px solid transparent;
      color: #080F1E;
      font-weight: 700;
      box-shadow: 0 4px 24px rgba(196, 168, 130, 0.4), 0 0 0 1px rgba(196, 168, 130, 0.2);
    }

    .hero__btn-primary:hover {
      background: linear-gradient(135deg, #D4B896 0%, #B08850 100%);
      border-color: transparent;
      color: #080F1E;
      box-shadow: 0 8px 40px rgba(196, 168, 130, 0.55), 0 0 0 1px rgba(196, 168, 130, 0.3);
      transform: translateY(-2px);
      transition: all 0.25s ease;
    }

    /* 4 — Capability card — gradient border + glow */
    .hero__capabilities {
      border: 1px solid transparent;
      background:
        linear-gradient(#111F38, #111F38) padding-box,
        linear-gradient(135deg, rgba(196, 168, 130, 0.5), rgba(56, 189, 248, 0.25)) border-box;
      box-shadow:
        0 0 0 1px rgba(196, 168, 130, 0.2),
        0 0 40px rgba(56, 189, 248, 0.06),
        0 0 80px rgba(196, 168, 130, 0.04);
    }

    /* "CORE CAPABILITIES" label — solid */
    .hero__cap-title {
      background: none;
      -webkit-background-clip: unset;
      -webkit-text-fill-color: unset;
      background-clip: unset;
      color: #C4A882;
    }

    /* Capability items — arrow instead of dot */
    .hero__cap-item::before {
      content: '→';
      color: #C4A882;
      font-size: 12px;
      font-family: var(--font-body);
      background: none;
      background-color: transparent;
      width: auto;
      height: auto;
      border-radius: 0;
      margin-top: 0;
      line-height: 1.4;
    }

    /* 5 — Metrics strip — number gradient + label split */
    .hero__metric {
      display: flex;
      align-items: baseline;
      gap: 0.35rem;
    }

    .hero__metric-num {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 700;
      display: inline-block;
      min-width: 3ch;
      line-height: 1;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, #C4A882 0%, #E8C97A 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hero__metric-label {
      font-family: var(--font-mono);
      font-size: 0.72rem;
      font-weight: 300;
      letter-spacing: 0.06em;
      color: var(--text-primary);
    }

    /* 7 — Nav link gradient underline on hover */
    .nav__link::after {
      height: 2px;
      bottom: -4px;
      background: linear-gradient(90deg, #C4A882, #38BDF8);
      background-color: transparent;
    }

    /* Nav CTA — dominant primary action */
    .nav__cta {
      background: linear-gradient(135deg, #C4A882 0%, #A07840 100%);
      color: #080F1E;
      font-weight: 700;
      font-size: 0.82rem;
      letter-spacing: 0.08em;
      padding: 0.75rem 1.5rem;
      border-radius: 6px;
      border: none;
      box-shadow:
        0 4px 20px rgba(196, 168, 130, 0.35),
        0 0 0 1px rgba(196, 168, 130, 0.2);
      transition: all 0.25s ease;
      cursor: pointer;
    }

    .nav__cta:hover {
      background: linear-gradient(135deg, #D4B896 0%, #B08850 100%);
      color: #080F1E;
      box-shadow:
        0 6px 30px rgba(196, 168, 130, 0.5),
        0 0 0 1px rgba(196, 168, 130, 0.3);
      transform: translateY(-1px);
    }

    .nav__cta::before {
      content: '✦';
      color: #080F1E;
      font-weight: 900;
      font-size: 9px;
      opacity: 1;
      margin-right: 2px;
    }

    /* ============================================================
       COURSES
    ============================================================ */
    .courses {
      background-color: #080F1E;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 110px 0;
    }

    .courses__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 48px;
    }

    .courses__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      background: linear-gradient(90deg, #C4A882 0%, #5BB8D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .courses__headline {
      font-family: var(--font-display);
      font-size: 44px;
      font-weight: 500;
      line-height: 1.15;
      color: #F8F4EE;
      margin: 0;
    }

    .courses__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      max-width: 520px;
      margin: 0;
    }

    .courses__filters {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 48px;
    }

    .courses__filter {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.1em;
      color: #6B8298;
      background: transparent;
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      padding: 6px 16px;
      cursor: pointer;
      white-space: nowrap;
      transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    }

    .courses__filter:hover {
      border-color: rgba(196, 168, 130, 0.35);
      color: #8FA3B8;
    }

    .courses__filter--active {
      background-color: rgba(196, 168, 130, 0.12);
      border-color: rgba(196, 168, 130, 0.4);
      color: #C4A882;
    }

    .courses__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    .courses__card {
      background-color: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.12);
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .courses__card:hover {
      transform: translateY(-4px);
      border-color: rgba(196, 168, 130, 0.35);
    }

    .courses__card-image {
      height: 200px;
      position: relative;
      overflow: hidden;
    }

    .courses__card-image--1 { background: linear-gradient(to bottom, rgba(8,15,30,0.05) 0%, rgba(8,15,30,0.25) 100%), url('images/course-power-platform.jpg') center/cover no-repeat; }
    .courses__card-image--2 { background: linear-gradient(to bottom, rgba(8,15,30,0.05) 0%, rgba(8,15,30,0.25) 100%), url('images/course-ai-copilot.jpg') center/cover no-repeat; }
    .courses__card-image--3 { background: linear-gradient(to bottom, rgba(8,15,30,0.05) 0%, rgba(8,15,30,0.25) 100%), url('images/course-d365-architecture.jpg') center/cover no-repeat; }
    .courses__card-image--udemy-1 { background: linear-gradient(to bottom, rgba(8,15,30,0.05) 0%, rgba(8,15,30,0.25) 100%), url('images/course-fo-basics.jpg') center/cover no-repeat; }
    .courses__card-image--udemy-2 { background: linear-gradient(to bottom, rgba(8,15,30,0.05) 0%, rgba(8,15,30,0.25) 100%), url('images/course-fo-advanced.jpg') center/cover no-repeat; }
    .courses__card-image--udemy-3 { background: linear-gradient(to bottom, rgba(8,15,30,0.05) 0%, rgba(8,15,30,0.25) 100%), url('images/course-fo-dev.jpg') center/cover no-repeat; }
    .courses__udemy-pill { position:absolute; bottom:12px; right:12px; font-family:var(--font-mono); font-size:10px; font-weight:600; color:#A435F0; background:rgba(164,53,240,0.12); border:1px solid rgba(164,53,240,0.35); border-radius:4px; padding:4px 10px; white-space:nowrap; }

    /* ============================================================
       HERO UDEMY STRIP — remove from here to closing comment to revert
    ============================================================ */
    .hero__udemy-strip {
      width: 100%;
      padding-top: 0.5rem;
      margin-top: 0;
    }
    .hero__udemy-strip-label {
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--accent-brass);
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .hero__udemy-strip-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: rgba(196, 168, 130, 0.2);
    }
    .hero__udemy-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.75rem;
    }
    .hero__udemy-card {
      background: rgba(17, 31, 56, 0.6);
      border: 1px solid rgba(196, 168, 130, 0.12);
      border-radius: 6px;
      padding: 0.75rem 1rem;
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      text-decoration: none;
      transition: border-color 0.2s ease, background 0.2s ease;
    }
    .hero__udemy-card:hover {
      border-color: rgba(196, 168, 130, 0.35);
      background: rgba(17, 31, 56, 0.9);
    }
    .hero__udemy-card-top {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    .hero__udemy-badge {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 600;
      color: var(--accent-brass);
      background: rgba(196, 168, 130, 0.08);
      border: 1px solid rgba(196, 168, 130, 0.25);
      border-radius: 4px;
      padding: 2px 7px;
      white-space: nowrap;
    }
    .hero__udemy-badge--bestseller {
      color: #F59E0B;
      background: rgba(245, 158, 11, 0.1);
      border-color: rgba(245, 158, 11, 0.3);
    }
    .hero__udemy-badge--toprated {
      color: #34D399;
      background: rgba(52, 211, 153, 0.1);
      border-color: rgba(52, 211, 153, 0.25);
    }
    .hero__udemy-badge--beginner {
      color: #34D399;
      background: rgba(52, 211, 153, 0.08);
      border-color: rgba(52, 211, 153, 0.2);
    }
    .hero__udemy-badge--intermediate {
      color: #38BDF8;
      background: rgba(56, 189, 248, 0.08);
      border-color: rgba(56, 189, 248, 0.2);
    }
    .hero__udemy-card-title {
      font-family: var(--font-body);
      font-size: 12px;
      font-weight: 500;
      color: #E8E2D9;
      line-height: 1.35;
    }
    .hero__udemy-card-meta {
      font-family: var(--font-mono);
      font-size: 10px;
      color: #6B8298;
    }
    .hero__udemy-card-cta {
      font-family: var(--font-mono);
      font-size: 10px;
      color: var(--accent-brass);
      margin-top: 0.2rem;
    }
    @media (max-width: 768px) {
      .hero__udemy-cards { grid-template-columns: 1fr; }
    }
    /* ============================================================
       END HERO UDEMY STRIP CSS
    ============================================================ */

    .courses__price-badge {
      display: none;
      position: absolute;
      bottom: 12px;
      right: 12px;
      background: rgba(8, 15, 30, 0.9);
      border: 1px solid rgba(196, 168, 130, 0.3);
      border-radius: 6px;
      padding: 6px 12px;
      font-family: var(--font-mono);
      font-size: 13px;
      color: #C4A882;
      font-weight: 600;
    }

    .courses__level-badge {
      position: absolute;
      bottom: 12px;
      left: 12px;
      border-radius: 100px;
      padding: 4px 12px;
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 600;
    }

    .courses__level-badge--beginner     { background: #064E3B; color: #34D399; }
    .courses__level-badge--intermediate { background: #1E3A5F; color: #60A5FA; }
    .courses__level-badge--advanced     { background: #3B1F5E; color: #A78BFA; }

    .courses__card-content { padding: 1.5rem; }

    .courses__card-category {
      font-family: var(--font-mono);
      font-size: 10px;
      color: #4A6278;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5rem;
    }

    .courses__card-title {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 500;
      line-height: 1.3;
      color: #F8F4EE;
      margin-bottom: 0.5rem;
    }

    .courses__card-instructor {
      font-family: var(--font-body);
      font-size: 13px;
      color: #6B8298;
      margin-bottom: 1rem;
    }

    .courses__card-meta {
      display: flex;
      gap: 1rem;
      font-family: var(--font-mono);
      font-size: 11px;
      color: #4A6278;
    }

    .courses__card-meta-item {
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }

    .courses__card-divider {
      height: 1px;
      background: rgba(196, 168, 130, 0.08);
      margin: 1rem 0;
    }

    .courses__card-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .courses__card-rating {
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 500;
      color: #C4A882;
      display: flex;
      align-items: center;
      gap: 0.25rem;
    }

    .courses__card-coming-soon {
      font-family: var(--font-mono);
      font-size: 10px;
      color: #4A6278;
      margin-left: 0.3rem;
    }

    .courses__card-cta {
      font-family: var(--font-mono);
      font-size: 11px;
      color: #C4A882;
      text-decoration: none;
      border-bottom: 1px solid rgba(196, 168, 130, 0.3);
      padding-bottom: 1px;
      transition: color 0.2s ease, border-color 0.2s ease;
    }

    .courses__card-cta:hover {
      color: #D9C4A0;
      border-bottom-color: rgba(196, 168, 130, 0.6);
    }

    .courses__cta-bar {
      margin-top: 48px;
      text-align: center;
    }

    .courses__cta-text {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      font-style: italic;
      color: #6B8298;
      margin-bottom: 1rem;
    }

    .courses__cta-note {
      font-family: var(--font-mono);
      font-size: 10px;
      color: #4A6278;
      margin-top: 0.8rem;
      display: block;
    }

    @media (max-width: 960px) {
      .courses__grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 640px) {
      .courses { padding: 70px 0; }
      .courses__grid { grid-template-columns: 1fr; }
      .courses__headline { font-size: clamp(1.75rem, 7vw, 2.5rem); }
    }

    /* ============================================================
       LEARN DROPDOWN — amber theme
    ============================================================ */
    .nav__item--learn:hover > .nav__link--learn { color: #F59E0B; }
    .nav__item--learn:hover > .nav__link--learn .nav__chevron { color: #F59E0B; transform: rotate(180deg); }

    .nav__dropdown--learn {
      width: 580px;
      padding: 1.5rem;
      left: -100px;
      border-color: rgba(245, 158, 11, 0.2);
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    }

    .learn-dl-label {
      font-family: var(--font-mono);
      font-size: 9px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #F59E0B;
      margin-bottom: 1rem;
    }

    .learn-dl-cards { display: flex; gap: 0.8rem; }

    .learn-dl-card {
      display: flex;
      flex-direction: column;
      flex: 1;
      background: #111F38;
      border: 1px solid rgba(245, 158, 11, 0.12);
      border-radius: 8px;
      padding: 0.9rem 1rem;
      text-decoration: none;
      transition: all 0.2s ease;
      cursor: pointer;
    }

    .learn-dl-card:hover {
      border-color: rgba(245, 158, 11, 0.4);
      background: rgba(245, 158, 11, 0.04);
      transform: translateY(-2px);
    }

    .learn-dl-card-top { display: flex; justify-content: space-between; align-items: center; }

    .learn-dl-level { font-family: var(--font-mono); font-size: 9px; border-radius: 100px; padding: 2px 8px; }

    .learn-dl-price { font-family: var(--font-display); font-size: 16px; font-weight: 600; color: #F8F4EE; display: none; }

    .learn-dl-card-title { font-family: var(--font-body); font-size: 13px; font-weight: 500; color: #E8E2D9; line-height: 1.3; margin-top: 0.5rem; }

    .learn-dl-card-meta { font-family: var(--font-mono); font-size: 10px; color: #4A6278; margin-top: 0.3rem; }

    .learn-dl-card-cta { font-family: var(--font-mono); font-size: 10px; margin-top: 0.6rem; }

    .learn-dl-divider { height: 1px; background: rgba(245, 158, 11, 0.1); margin: 1rem 0; }

    .learn-dl-community { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; }

    .learn-dl-community-link {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-family: var(--font-body);
      font-size: 13px;
      color: #8FA3B8;
      padding: 0.4rem 0.6rem;
      border-radius: 6px;
      transition: all 0.2s ease;
      text-decoration: none;
    }

    .learn-dl-community-link::before { content: '→'; color: #F59E0B; font-size: 10px; flex-shrink: 0; }

    .learn-dl-community-link:hover { color: #F59E0B; background: rgba(245, 158, 11, 0.05); }

    .learn-dl-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 0.8rem;
      padding-top: 0.8rem;
      border-top: 1px solid rgba(245, 158, 11, 0.08);
    }

    .learn-dl-footer-text { font-family: var(--font-mono); font-size: 10px; color: #4A6278; }

    .learn-dl-footer-link { font-family: var(--font-mono); font-size: 10px; color: #F59E0B; text-decoration: none; transition: color 0.2s; }
    .learn-dl-footer-link:hover { color: #FBBF24; }

    /* ============================================================
       LEARNING TEASER
    ============================================================ */
    .learning-teaser {
      background: #080F1E;
      border-top: 1px solid rgba(245, 158, 11, 0.12);
      padding: 100px 0;
    }

    .learning-teaser__header {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      margin-bottom: 56px;
    }

    .learning-teaser__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #F59E0B;
    }

    .learning-teaser__headline {
      font-family: var(--font-display);
      font-size: clamp(2rem, 3.5vw, 3rem);
      font-weight: 500;
      color: #F8F4EE;
      margin: 0;
    }

    .learning-teaser__subheadline {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.7;
      color: #8FA3B8;
      max-width: 520px;
      margin: 0;
    }

    .lt-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      margin-bottom: 3rem;
    }

    .lt-card {
      background: #111F38;
      border: 1px solid rgba(245, 158, 11, 0.12);
      border-radius: 10px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      text-decoration: none;
      transition: all 0.25s ease;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      background-size: cover;
      background-position: center;
    }
    .lt-card--p2   { background: linear-gradient(rgba(17,31,56,0.88), rgba(17,31,56,0.96)), url('images/course-power-platform.jpg') center/cover no-repeat; }
    .lt-card--ai   { background: linear-gradient(rgba(17,31,56,0.88), rgba(17,31,56,0.96)), url('images/course-ai-copilot.jpg') center/cover no-repeat; }
    .lt-card--d365 { background: linear-gradient(rgba(17,31,56,0.88), rgba(17,31,56,0.96)), url('images/course-d365-architecture.jpg') center/cover no-repeat; }

    .lt-card:hover {
      transform: translateY(-5px);
      border-color: rgba(245, 158, 11, 0.35);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
    }

    .lt-card__accent { position: absolute; top: 0; left: 0; right: 0; height: 3px; }
    .lt-card--p2   .lt-card__accent { background: #34D399; }
    .lt-card--ai   .lt-card__accent { background: #38BDF8; }
    .lt-card--d365 .lt-card__accent { background: #F59E0B; }

    .lt-badge-top { position: absolute; top: 1rem; right: 1rem; font-family: var(--font-mono); font-size: 9px; font-weight: 600; color: #080F1E; background: #F59E0B; border-radius: 4px; padding: 3px 8px; }

    .lt-card__top { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }

    .lt-card__level { font-family: var(--font-mono); font-size: 10px; border-radius: 100px; padding: 4px 12px; white-space: nowrap; }
    .lt-card--p2   .lt-card__level { color: #34D399; background: rgba(52,211,153,0.08);  border: 1px solid rgba(52,211,153,0.2);  }
    .lt-card--ai   .lt-card__level { color: #38BDF8; background: rgba(56,189,248,0.08);  border: 1px solid rgba(56,189,248,0.2);  }
    .lt-card--d365 .lt-card__level { color: #F87171; background: rgba(248,113,113,0.08); border: 1px solid rgba(248,113,113,0.2); }

    .lt-card__price { font-family: var(--font-display); font-size: 22px; font-weight: 700; color: #F8F4EE; white-space: nowrap; display: none; }

    .coming-soon-pill {
      display: inline-block;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 100px;
      padding: 0.3rem 0.9rem;
      font-family: var(--font-mono);
      font-size: 0.7rem;
      color: #8FA3B8;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: default;
      pointer-events: none;
    }

    .lt-card__title { font-family: var(--font-display); font-size: 20px; font-weight: 500; color: #F8F4EE; line-height: 1.3; margin-top: 1rem; }
    .lt-card__subtitle { font-family: var(--font-display); font-size: 16px; font-weight: 400; font-style: italic; margin-top: 0.4rem; }
    .lt-card--p2   .lt-card__subtitle { color: #F59E0B; }
    .lt-card--ai   .lt-card__subtitle { color: #38BDF8; }
    .lt-card--d365 .lt-card__subtitle { color: #F59E0B; }

    .lt-card__desc { font-family: var(--font-body); font-size: 14px; color: #8FA3B8; line-height: 1.7; margin-top: 0.8rem; flex: 1; }

    .lt-card__divider { height: 1px; background: rgba(245, 158, 11, 0.08); margin: 1.2rem 0; }

    .lt-card__meta { font-family: var(--font-mono); font-size: 11px; color: #4A6278; margin-bottom: 1.2rem; }
    .lt-meta-green { color: #34D399; }

    .lt-card__cta { display: block; font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.75rem; border-radius: 6px; text-align: center; transition: all 0.2s ease; }
    .lt-card--p2   .lt-card__cta { color: #34D399; background: rgba(52,211,153,0.08);  border: 1px solid rgba(52,211,153,0.25);  }
    .lt-card--p2   .lt-card__cta:hover { background: rgba(52,211,153,0.15); }
    .lt-card--ai   .lt-card__cta { color: #38BDF8; background: rgba(56,189,248,0.08);  border: 1px solid rgba(56,189,248,0.25);  }
    .lt-card--ai   .lt-card__cta:hover { background: rgba(56,189,248,0.15); }
    .lt-card--d365 .lt-card__cta { color: #F59E0B; background: rgba(245,158,11,0.08); border: 1px solid rgba(245,158,11,0.3); }
    .lt-card--d365 .lt-card__cta:hover { background: rgba(245,158,11,0.15); }

    .lt-bundle {
      background: linear-gradient(135deg, rgba(245,158,11,0.06) 0%, rgba(56,189,248,0.04) 100%);
      border: 1px solid rgba(245, 158, 11, 0.2);
      border-radius: 10px;
      padding: 1.5rem 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .lt-bundle__label { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: #F59E0B; margin-bottom: 4px; }
    .lt-bundle__headline { display: none; }
    .lt-bundle__sub { display: none; }
    .lt-bundle__actions { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }

    .lt-bundle__btn-primary { background: linear-gradient(135deg, #F59E0B, #D97706); color: #080F1E; font-family: var(--font-body); font-weight: 700; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.75rem 1.5rem; border-radius: 6px; border: none; box-shadow: 0 4px 20px rgba(245,158,11,0.3); text-decoration: none; display: inline-block; transition: all 0.25s ease; }
    .lt-bundle__btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(245,158,11,0.5); }

    .lt-bundle__btn-secondary { background: transparent; color: #8FA3B8; font-family: var(--font-body); font-weight: 500; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.75rem 1.5rem; border-radius: 6px; border: 1px solid rgba(255,255,255,0.1); text-decoration: none; display: inline-block; transition: all 0.25s ease; }
    .lt-bundle__btn-secondary:hover { color: #F59E0B; border-color: rgba(245,158,11,0.3); }

    @media (max-width: 900px) { .lt-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 600px) { .lt-grid { grid-template-columns: 1fr; } .learning-teaser { padding: 70px 0; } .lt-bundle { flex-direction: column; align-items: flex-start; } }

    /* ============================================================
       SERVICE DRAWER
    ============================================================ */
    #service-drawer-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.6); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); z-index:2000; opacity:0; transition:opacity 0.3s ease; }
    #service-drawer-overlay.active { opacity:1; }
    #service-drawer { position:fixed; top:0; right:0; width:520px; max-width:95vw; height:100vh; background:#0D1829; border-left:1px solid rgba(196,168,130,0.2); z-index:2001; transform:translateX(100%); transition:transform 0.4s cubic-bezier(0.16,1,0.3,1); overflow-y:auto; box-shadow:-20px 0 60px rgba(0,0,0,0.5); }
    #service-drawer.active { transform:translateX(0); }
    #service-drawer-inner { padding:2.5rem; position:relative; min-height:100%; }
    #drawer-close { position:absolute; top:1.5rem; right:1.5rem; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:6px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s; }
    #drawer-close:hover { background:rgba(255,255,255,0.1); border-color:rgba(196,168,130,0.3); }
    .drawer-label { font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:#C4A882; margin-bottom:0.8rem; }
    .drawer-title { font-family:'Playfair Display',serif; font-size:28px; font-weight:600; color:#F8F4EE; line-height:1.2; margin-bottom:1rem; }
    .drawer-divider { height:1px; background:rgba(196,168,130,0.15); margin:1.5rem 0; }
    .drawer-description { font-family:'IBM Plex Sans',sans-serif; font-size:15px; color:#8FA3B8; line-height:1.8; margin-bottom:1.5rem; }
    .drawer-section-label { font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:#4A6278; margin-bottom:0.8rem; margin-top:1.5rem; }
    .drawer-benefits { list-style:none; padding:0; margin:0 0 1.5rem; }
    .drawer-benefits li { display:flex; align-items:flex-start; gap:0.7rem; font-family:'IBM Plex Sans',sans-serif; font-size:14px; color:#8FA3B8; line-height:1.6; margin-bottom:0.6rem; }
    .drawer-benefits li::before { content:'→'; color:#C4A882; flex-shrink:0; margin-top:1px; }
    .drawer-steps { display:flex; flex-direction:column; gap:0; margin-bottom:1.5rem; }
    .drawer-step { display:flex; gap:1rem; align-items:flex-start; position:relative; }
    .drawer-step:not(:last-child)::after { content:''; position:absolute; left:15px; top:32px; width:1px; height:100%; background:rgba(196,168,130,0.2); }
    .drawer-step-num { width:32px; height:32px; min-width:32px; border-radius:50%; border:1px solid rgba(196,168,130,0.4); display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono',monospace; font-size:12px; color:#C4A882; background:rgba(196,168,130,0.06); margin-bottom:1.2rem; }
    .drawer-step-content { padding-top:4px; padding-bottom:1.2rem; }
    .drawer-step-title { font-family:'IBM Plex Sans',sans-serif; font-size:14px; font-weight:600; color:#E8E2D9; margin-bottom:0.2rem; }
    .drawer-step-desc { font-family:'IBM Plex Sans',sans-serif; font-size:13px; color:#6B8298; line-height:1.6; }
    .drawer-tech-stack { display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:2rem; }
    .drawer-tech-tag { padding:5px 12px; border-radius:100px; border:1px solid rgba(196,168,130,0.2); background:rgba(196,168,130,0.05); font-family:'IBM Plex Mono',monospace; font-size:11px; color:#8FA3B8; }
    .drawer-cta-area { margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(196,168,130,0.12); display:flex; gap:1rem; flex-wrap:wrap; }
    .drawer-cta-primary { flex:1; min-width:180px; background:linear-gradient(135deg,#C4A882,#A07840); color:#080F1E; font-family:'IBM Plex Sans',sans-serif; font-weight:700; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; padding:13px 24px; border-radius:6px; border:none; cursor:pointer; text-align:center; text-decoration:none; display:block; box-shadow:0 4px 20px rgba(196,168,130,0.3); transition:all 0.25s; }
    .drawer-cta-primary:hover { transform:translateY(-2px); box-shadow:0 6px 28px rgba(196,168,130,0.45); }
    .drawer-cta-secondary { flex:1; min-width:160px; background:transparent; color:#C4A882; font-family:'IBM Plex Sans',sans-serif; font-weight:500; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; padding:12px 24px; border-radius:6px; border:1px solid rgba(196,168,130,0.35); cursor:pointer; text-align:center; text-decoration:none; display:block; transition:all 0.25s; }
    .drawer-cta-secondary:hover { background:rgba(196,168,130,0.08); }
    #service-drawer::-webkit-scrollbar { width:4px; }
    #service-drawer::-webkit-scrollbar-track { background:transparent; }
    #service-drawer::-webkit-scrollbar-thumb { background:rgba(196,168,130,0.2); border-radius:2px; }

    /* ============================================================
       INSIGHT ARTICLE CARDS
    ============================================================ */
    .insight-card {
      display: flex;
      flex-direction: column;
      background: #111F38;
      border: 1px solid rgba(196, 168, 130, 0.1);
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      text-decoration: none;
      color: inherit;
      transition: all 0.25s ease;
    }

    .insight-card:hover {
      transform: translateY(-4px);
      border-color: rgba(196, 168, 130, 0.35);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    }

    .insight-card__accent {
      height: 3px;
      width: 100%;
      flex-shrink: 0;
    }

    .insight-card__body {
      padding: 1.8rem;
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .insight-card__category {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 400;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      margin-bottom: 0.75rem;
    }

    .insight-card__title {
      font-family: var(--font-display);
      font-size: 1.3rem;
      font-weight: 500;
      color: #F8F4EE;
      line-height: 1.35;
      margin-bottom: 0.75rem;
    }

    .insight-card__desc {
      font-family: var(--font-body);
      font-size: 0.9rem;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.7;
      flex: 1;
      margin-bottom: 1.4rem;
    }

    .insight-card__footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .insight-card__time {
      font-family: var(--font-mono);
      font-size: 0.7rem;
      color: #4A6278;
    }

    .insight-card__cta {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      transition: opacity 0.2s ease;
    }

    .insight-card:hover .insight-card__cta {
      opacity: 0.8;
    }

    .insights__article-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.5rem;
      margin-bottom: 3rem;
    }

    @media (max-width: 480px) {
      .insights__article-grid { grid-template-columns: 1fr; }
    }

    /* ============================================================
       SCROLL REVEAL ANIMATION CLASSES
    ============================================================ */
    .reveal,
    .reveal-left,
    .reveal-right,
    .reveal-scale {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
    .reveal-scale.visible { opacity: 1; transform: scale(1); }

    .delay-1 { transition-delay: 0.1s; }
    .delay-2 { transition-delay: 0.2s; }
    .delay-3 { transition-delay: 0.3s; }

    /* Hero right column — own GPU layer, fully isolated from background animation */
    .hero__right {
      position: relative;
      z-index: 2;
      isolation: isolate;
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    /* Photo and capabilities card — permanently static, no animation or transition */
    .hero__founder-photo-wrap,
    .hero__founder-photo,
    .hero__capabilities {
      animation: none !important;
      transition: none !important;
      opacity: 1 !important;
    }
    .delay-4 { transition-delay: 0.4s; }
    .delay-5 { transition-delay: 0.5s; }
    .delay-6 { transition-delay: 0.6s; }

    /* ============================================================
       NAV DROPDOWNS & MEGA-MENU
    ============================================================ */
    .nav__item {
      position: relative;
      list-style: none;
    }

    /* Chevron indicator */
    .nav__chevron {
      font-size: 10px;
      color: #6B8298;
      margin-left: 4px;
      display: inline-block;
      transition: transform 0.2s ease;
      vertical-align: middle;
      line-height: 1;
    }

    .nav__item--has-dropdown:hover .nav__chevron {
      transform: rotate(180deg);
    }

    /* Dropdown panel */
    .nav__dropdown {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      background: #0D1829;
      border: 1px solid rgba(196, 168, 130, 0.15);
      border-radius: 8px;
      padding: 0.8rem 0;
      min-width: 220px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
      z-index: 1100;
      pointer-events: none;
    }

    .nav__item--has-dropdown:hover .nav__dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      pointer-events: auto;
    }

    /* Dropdown items */
    .nav__dropdown-item {
      display: block;
      padding: 0.6rem 1.2rem;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 400;
      color: #8FA3B8;
      text-decoration: none;
      transition: color 0.2s ease, background-color 0.2s ease;
      white-space: nowrap;
    }

    .nav__dropdown-item:hover {
      color: #C4A882;
      background-color: rgba(196, 168, 130, 0.05);
    }

    /* Dropdown item with sub-label */
    .nav__dropdown-item-title {
      display: block;
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 500;
      color: #E8E2D9;
      white-space: nowrap;
      transition: color 0.2s ease;
    }

    .nav__dropdown-item-sub {
      display: block;
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 400;
      color: #4A6278;
      margin-top: 2px;
      white-space: nowrap;
      transition: color 0.2s ease;
    }

    .nav__dropdown-item:hover .nav__dropdown-item-title { color: #C4A882; }
    .nav__dropdown-item:hover .nav__dropdown-item-sub   { color: #6B8298; }

    /* Mega-menu overrides */
    .nav__dropdown--mega {
      width: 480px;
      padding: 0;
    }

    .nav__mega-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 1.5rem 1.5rem 0.8rem;
      gap: 0;
    }

    .nav__mega-label {
      font-family: var(--font-mono);
      font-size: 9px;
      font-weight: 400;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #4A6278;
      padding: 0 0.8rem;
      margin: 0.5rem 0;
    }

    .nav__mega-footer {
      border-top: 1px solid rgba(196, 168, 130, 0.1);
      padding: 0.8rem;
    }

    .nav__mega-all {
      font-family: var(--font-mono);
      font-size: 10px;
      color: #C4A882;
      text-decoration: none;
      padding: 0 0.4rem;
      transition: color 0.2s ease;
    }

    .nav__mega-all:hover {
      color: #D9C4A0;
    }

    /* ============================================================
       IMAGES — hero photo, founder, workshop bg, article img
    ============================================================ */

    /* Hero right column stacked layout */
    .hero__right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 1.5rem;
    }

    /* Photo wrapper — handles clip + overlays */
    .hero__founder-photo-wrap {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      width: 100%;
      max-width: 340px;
      height: 520px;
      border: 1px solid rgba(196, 168, 130, 0.2);
      box-shadow:
        0 0 0 1px rgba(196, 168, 130, 0.1),
        0 20px 60px rgba(0, 0, 0, 0.4);
    }

    .hero__founder-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
      filter: brightness(0.85) contrast(1.05) saturate(0.8);
    }

    /* Top/bottom gradient overlay */
    .hero__photo-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        180deg,
        rgba(8, 15, 30, 0.3) 0%,
        rgba(8, 15, 30, 0.0) 40%,
        rgba(8, 15, 30, 0.0) 60%,
        rgba(8, 15, 30, 0.5) 100%
      );
      pointer-events: none;
    }

    /* Left-edge blend into hero background */
    .hero__photo-overlay-left {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        rgba(8, 15, 30, 0.6) 0%,
        transparent 30%
      );
      pointer-events: none;
    }

    /* Hero background texture */
    .hero__texture {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.55;
      filter: grayscale(60%) brightness(0.6);
      z-index: 0;
      pointer-events: none;
    }

    /* Workshop event card background image */
    .workshops__event-card--featured {
      position: relative;
    }

    .workshops__event-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.08;
      border-radius: inherit;
      pointer-events: none;
      z-index: 0;
    }

    .workshops__event-card--featured > *:not(.workshops__event-bg) {
      position: relative;
      z-index: 1;
    }

    /* Insights featured article image */
    .insights__featured-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.4) grayscale(15%);
      z-index: 0;
    }

    .insights__featured-image-label {
      position: relative;
      z-index: 1;
    }

    /* ============================================================
       FOUNDER SECTION
    ============================================================ */
    .founder {
      background-color: #0D1829;
      border-top: 1px solid rgba(196, 168, 130, 0.12);
      padding: 80px 0;
    }

    .founder__layout {
      display: grid;
      grid-template-columns: 40fr 60fr;
      gap: 4rem;
      align-items: start;
    }

    .founder__photo {
      width: 100%;
      height: 480px;
      object-fit: cover;
      object-position: center top;
      border-radius: 12px;
      border: 1px solid rgba(196, 168, 130, 0.2);
      box-shadow:
        0 0 0 1px rgba(196, 168, 130, 0.1),
        0 20px 60px rgba(0, 0, 0, 0.4);
      display: block;
    }

    .founder__label {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      background: linear-gradient(90deg, #C4A882 0%, #5BB8D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      display: block;
      margin-bottom: 1rem;
    }

    .founder__name {
      font-family: var(--font-display);
      font-size: 42px;
      font-weight: 600;
      line-height: 1.1;
      color: #F8F4EE;
      margin: 0 0 0.5rem;
    }

    .founder__title {
      font-family: var(--font-body);
      font-size: 16px;
      font-weight: 400;
      color: #C4A882;
      margin: 0 0 1.5rem;
    }

    .founder__bio {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 400;
      color: #8FA3B8;
      line-height: 1.8;
      margin-bottom: 1.5rem;
    }

    .founder__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 2rem;
    }

    .founder__tag {
      padding: 5px 14px;
      border: 1px solid rgba(196, 168, 130, 0.2);
      border-radius: 100px;
      font-family: var(--font-body);
      font-size: 12px;
      font-weight: 400;
      color: #8FA3B8;
      background-color: rgba(196, 168, 130, 0.05);
    }

    .founder__links {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      flex-wrap: wrap;
    }

    .founder__linkedin {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 400;
      color: #C4A882;
      text-decoration: none;
      border-bottom: 1px solid rgba(196, 168, 130, 0.3);
      padding-bottom: 2px;
      transition: color 0.2s ease, border-color 0.2s ease;
    }

    .founder__linkedin:hover {
      color: #D9C4A0;
      border-bottom-color: rgba(196, 168, 130, 0.6);
    }

    @media (max-width: 960px) {
      .founder__layout {
        grid-template-columns: 1fr;
      }

      .founder__photo {
        height: 360px;
        max-width: 380px;
      }

      .hero__founder-photo {
        max-width: 100%;
        height: 340px;
      }
    }

    /* Hover bridge — prevents dropdown closing on mouse travel */
    .nav__dropdown {
      top: 100%;                /* sit flush against the nav item */
      padding-top: 10px;        /* visual gap becomes padding, not a real gap */
    }

    .nav__item--has-dropdown::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 12px;             /* transparent bridge over the padding gap */
      background: transparent;
    }

    /* Close with 150ms delay; open immediately */
    .nav__dropdown {
      transition: opacity 0.25s ease 0.15s,
                  visibility 0.25s ease 0.15s,
                  transform 0.25s ease 0.15s;
    }

    .nav__item--has-dropdown:hover .nav__dropdown {
      transition: opacity 0.25s ease 0s,
                  visibility 0.25s ease 0s,
                  transform 0.25s ease 0s;
    }

    /* Mobile submenu groups */
    .nav__mobile-toggle {
      width: 100%;
      text-align: left;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: none;
      border: none;
      border-bottom: 1px solid var(--bg-border);
      cursor: pointer;
      font-family: var(--font-body);
      font-size: 0.95rem;
      font-weight: 500;
      color: var(--text-secondary);
      padding: 0.85rem 0;
      transition: color var(--transition-fast);
    }

    .nav__mobile-toggle:hover {
      color: var(--accent-brass);
    }

    .nav__mobile-sub {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.32s ease;
    }

    .nav__mobile-sub.open {
      max-height: 600px;
    }

    .nav__mobile-sublink {
      display: block;
      font-family: var(--font-body);
      font-size: 0.875rem;
      font-weight: 400;
      color: #6B8298;
      padding: 0.5rem 0 0.5rem 1.25rem;
      text-decoration: none;
      border-bottom: 1px solid rgba(26, 46, 74, 0.5);
      transition: color 0.2s ease;
    }

    .nav__mobile-sublink:last-child {
      border-bottom: none;
      margin-bottom: 0.4rem;
    }

    .nav__mobile-sublink:hover {
      color: #C4A882;
    }

    /* ============================================================
       REVIEWS DRAWER
    ============================================================ */

    /* Review badge button on cards */
    .rv-badge-btn {
      display: inline-flex; align-items: center; gap: 5px;
      font-family: var(--font-mono); font-size: 9px; font-weight: 500;
      letter-spacing: 0.12em; text-transform: uppercase;
      color: #C4A882;
      background: rgba(196,168,130,0.08);
      border: 1px solid rgba(196,168,130,0.25);
      border-radius: 100px;
      padding: 3px 10px;
      cursor: pointer;
      transition: background 0.2s, border-color 0.2s;
      white-space: nowrap;
    }
    .rv-badge-btn:hover { background: rgba(196,168,130,0.15); border-color: rgba(196,168,130,0.45); }
    .rv-badge-btn .rv-count { opacity: 0.7; }

    /* Overlay */
    #rv-overlay {
      display: none; position: fixed; inset: 0;
      background: rgba(0,0,0,0.55); z-index: 2000;
      opacity: 0; transition: opacity 0.35s ease;
    }
    #rv-overlay.rv-active { opacity: 1; }

    /* Drawer */
    #rv-drawer {
      display: none; position: fixed; top: 0; right: 0;
      width: 520px; max-width: 95vw; height: 100vh;
      background: #0D1829;
      border-left: 1px solid rgba(196,168,130,0.2);
      z-index: 2001;
      transform: translateX(100%);
      transition: transform 0.38s cubic-bezier(0.16,1,0.3,1);
      box-shadow: -20px 0 60px rgba(0,0,0,0.5);
      overflow-y: auto;
    }
    #rv-drawer.rv-active { transform: translateX(0); }

    #rv-inner { padding: 2rem; }

    #rv-close {
      position: absolute; top: 1.25rem; right: 1.25rem;
      background: none; border: none; cursor: pointer;
      color: #8FA3B8; padding: 6px;
      transition: color 0.2s;
    }
    #rv-close:hover { color: #C4A882; }

    #rv-item-name {
      font-family: var(--font-mono); font-size: 10px;
      letter-spacing: 0.2em; text-transform: uppercase;
      color: #C4A882; margin-bottom: 0.4rem;
    }

    .rv-avg {
      display: flex; align-items: center; gap: 8px;
      margin-bottom: 1.5rem; padding-bottom: 1.25rem;
      border-bottom: 1px solid rgba(196,168,130,0.1);
    }
    .rv-avg-num  { font-family: var(--font-mono); font-size: 22px; color: #F8F4EE; font-weight: 600; }
    .rv-avg-count{ font-size: 12px; color: #4A6278; }

    /* Stars */
    .rv-star-display { color: rgba(196,168,130,0.25); font-size: 16px; }
    .rv-star-display.rv-star-on { color: #F59E0B; }

    /* Review items */
    .rv-review {
      padding: 1rem 0;
      border-bottom: 1px solid rgba(26,46,74,0.6);
    }
    .rv-review-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 0.4rem; }
    .rv-reviewer { font-size: 13px; font-weight: 500; color: #E8E2D9; }
    .rv-stars { display: flex; gap: 1px; }
    .rv-date { font-family: var(--font-mono); font-size: 10px; color: #4A6278; margin-left: auto; }
    .rv-comment { font-size: 13px; color: #8FA3B8; line-height: 1.6; }

    .rv-loading, .rv-empty {
      font-size: 13px; color: #4A6278;
      padding: 2rem 0; text-align: center;
    }

    /* Write form */
    .rv-form-wrap {
      margin-top: 1.5rem; padding-top: 1.5rem;
      border-top: 1px solid rgba(196,168,130,0.1);
    }
    .rv-form-label {
      font-family: var(--font-mono); font-size: 10px;
      letter-spacing: 0.15em; text-transform: uppercase;
      color: #C4A882; margin-bottom: 0.75rem;
    }
    .rv-star-picker { display: flex; gap: 4px; margin-bottom: 0.3rem; }
    .rv-star-btn {
      background: none; border: none; cursor: pointer;
      font-size: 28px; color: rgba(196,168,130,0.25);
      padding: 0; line-height: 1; transition: color 0.15s, transform 0.1s;
    }
    .rv-star-btn:hover, .rv-star-btn.rv-star-on { color: #F59E0B; transform: scale(1.1); }
    .rv-star-hint { font-size: 11px; color: #4A6278; margin-bottom: 0.75rem; min-height: 16px; }

    .rv-textarea {
      width: 100%; min-height: 100px;
      background: #152036; border: 1px solid rgba(196,168,130,0.15);
      border-radius: 6px; padding: 0.75rem 1rem;
      font-family: var(--font-body); font-size: 13px; color: #E8E2D9;
      resize: vertical; outline: none;
      transition: border-color 0.2s;
    }
    .rv-textarea::placeholder { color: #4A6278; }
    .rv-textarea:focus { border-color: rgba(196,168,130,0.4); }

    .rv-form-error { font-size: 12px; color: #F87171; min-height: 18px; margin: 0.4rem 0; }

    .rv-submit-btn {
      width: 100%;
      background: linear-gradient(135deg, #C4A882, #B8956E);
      color: #0D1829; border: none; border-radius: 6px;
      padding: 0.8rem; font-family: var(--font-mono);
      font-size: 11px; font-weight: 500; letter-spacing: 0.12em;
      text-transform: uppercase; cursor: pointer;
      transition: opacity 0.2s; margin-top: 0.5rem;
    }
    .rv-submit-btn:hover { opacity: 0.88; }
    .rv-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; }

    .rv-thankyou {
      margin-top: 1.5rem; padding: 1rem;
      background: rgba(52,211,153,0.08);
      border: 1px solid rgba(52,211,153,0.2);
      border-radius: 6px; font-size: 13px; color: #34D399;
      text-align: center;
    }

    .rv-signin-prompt {
      margin-top: 1.5rem; padding-top: 1.5rem;
      border-top: 1px solid rgba(196,168,130,0.1);
      text-align: center;
    }
    .rv-signin-btn {
      display: inline-block;
      background: linear-gradient(135deg, #C4A882, #B8956E);
      color: #0D1829; text-decoration: none;
      padding: 0.7rem 1.5rem; border-radius: 6px;
      font-family: var(--font-mono); font-size: 11px;
      font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
    }

    /* ============================================================
       CONTENT PROTECTION
    ============================================================ */
    img, video {
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
    }