/* ══════════════════════════════════════════════
       BETTROI — ROOT VARIABLES (mirrored from index)
    ══════════════════════════════════════════════ */
    :root {
      --primary:     #001F54;
      --secondary:   #475569;
      --theme:       #1855D4;
      --action:      #1855D4;
      --black:       #0A1128;
      --bg:          #0A1128;
      --border:      rgba(0,31,84,0.12);
      --white:       #FFFFFF;
      --bright-blue: #2967EA;
      --navy:        #001F54;
      --ink:         #0A1128;
      --off-white:   #F4F6F9;
      --cream:       #FEFCFB;
      --slate:       #475569;
      --lt-slate:    #94A3B8;
      --bt-border:   #E2E8F0;
    }

    /* ── Global resets ── */
    .custom-cursor { display: none !important; }
    body, body * { cursor: default !important; }
    a, button, [role="button"] { cursor: pointer !important; }
    .loader-wrap { background-color: var(--ink); }
    .loader-wrap svg path { fill: var(--ink); }
    .progress-wrap svg.progress-circle path { stroke: var(--bright-blue); }
    .progress-wrap::after { background-color: var(--navy); color: var(--bright-blue); }
    .rr-btn { background-color: var(--theme) !important; }
    .rr-btn-underline::after { background-color: var(--bright-blue); }

    /* ════════════════════ HEADER ════════════════════ */
    .header-area .header-main { border-bottom-color: rgba(255,255,255,0.08); }
    .header-nav-cta {
      font-size: 14px; font-weight: 500; color: #fff;
      letter-spacing: 0.05em; text-decoration: none;
      opacity: 0.88; transition: opacity .2s, color .2s;
    }
    .header-nav-cta:hover { opacity: 1; color: var(--bright-blue); }

    /* ════════════════════ ABOUT HERO ════════════════════ */
    .about-hero {
      background-color: var(--ink);
      padding: 180px 0 100px;
      position: relative;
      overflow: hidden;
    }
    .about-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 60% 50%, rgba(64,128,255,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .about-hero__eyebrow {
      display: block;
      font-size: 11px;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--bright-blue);
      margin-bottom: 28px;
    }
    .about-hero .section-title-2 {
      font-size: clamp(48px, 8vw, 110px);
      line-height: 1.0;
      color: #fff;
      font-weight: 700;
      margin-bottom: 0;
    }
    .about-hero .section-title-2 span { color: var(--bright-blue); font-family: var(--font_bdogrotesk) !important; font-style: normal; }
    .about-hero__lead { font-size: clamp(16px,1.7vw,20px); color: rgba(255,255,255,0.72); line-height: 1.8; max-width: 780px; margin-top: 34px; }
    .about-hero__media {
      margin-top: 80px;
      border-radius: 16px;
      overflow: hidden;
      height: 520px;
    }
    .about-hero__media img {
      width: 100%; height: 100%; object-fit: cover;
      display: block;
    }

    /* ════════════════════ WHO WE ARE ════════════════════ */
    .who-we-are { background-color: var(--off-white); padding: 100px 0; }
    .who-we-are__eyebrow {
      font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 40px; display: block;
    }
    .who-we-are__body {
      font-size: clamp(18px, 2.2vw, 26px);
      line-height: 1.7;
      color: var(--navy);
      font-weight: 400;
      max-width: 860px;
    }

    /* ════════════════════ STATS ════════════════════ */
    .about-stats { background-color: var(--navy); padding: 80px 0; }
    .about-stats__item { text-align: center; padding: 20px; }
    .about-stats__number {
      font-size: clamp(52px, 8vw, 96px);
      font-weight: 800;
      color: #fff;
      line-height: 1;
      letter-spacing: -0.02em;
      display: block;
    }
    .about-stats__number span { color: var(--bright-blue); }
    .about-stats__label {
      font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;
      color: rgba(255,255,255,0.55); margin-top: 12px; display: block;
    }
    .about-stats__divider {
      width: 1px; background: rgba(255,255,255,0.1); margin: 20px auto;
    }

    /* ════════════════════ MVS CARDS ════════════════════ */
    .mvs-section { background: #fff; padding: 100px 0; }
    .mvs-section__eyebrow {
      font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 16px; display: block;
    }
    .mvs-section__heading {
      font-size: clamp(32px, 4vw, 52px); font-weight: 700;
      color: var(--navy); margin-bottom: 60px; line-height: 1.2;
    }
    .mvs-card {
      background: var(--off-white);
      border-radius: 16px;
      padding: 44px 36px;
      height: 100%;
      border-top: 3px solid var(--bright-blue);
      transition: transform .3s ease, box-shadow .3s ease;
    }
    .mvs-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(0,31,84,0.1); }
    .mvs-card__icon {
      font-size: 32px; color: var(--bright-blue);
      margin-bottom: 24px; display: block;
    }
    .mvs-card__label {
      font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 12px; display: block;
    }
    .mvs-card__title {
      font-size: 24px; font-weight: 700; color: var(--navy);
      margin-bottom: 16px;
    }
    .mvs-card__text { font-size: 15px; line-height: 1.8; color: var(--slate); }

    /* ════════════════════ MARQUEE ════════════════════ */
    .marquee-text-area.rr-bg-primary { background-color: var(--bright-blue) !important; }
    .marquee-text-area .section-title,
    .marquee-text-area .section-title * { color: #fff !important; }

    /* ════════════════════ EXECUTIVE TEAM ════════════════════ */
    @media (min-width:992px){ .exec-team .exec-col5 { flex:0 0 20%; max-width:20%; } }
    .exec-team { background-color: var(--ink); padding: 100px 0; }
    .exec-team__eyebrow {
      font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 16px; display: block;
    }
    .exec-team__heading {
      font-size: clamp(32px, 4.5vw, 60px); font-weight: 700;
      color: #fff; margin-bottom: 60px; line-height: 1.2;
    }
    .exec-team__heading span { color: var(--bright-blue); }
    .exec-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 12px;
      padding: 28px 24px;
      text-align: center;
      transition: background .3s, border-color .3s, transform .3s;
      margin-bottom: 24px;
    }
    .exec-card:hover {
      background: rgba(64,128,255,0.1);
      border-color: rgba(64,128,255,0.4);
      transform: translateY(-4px);
    }
    .exec-initials {
      width: 72px; height: 72px;
      background: linear-gradient(135deg, var(--navy), var(--theme));
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 22px; font-weight: 700; color: #fff;
      margin: 0 auto 18px;
      letter-spacing: 0.02em;
    }
    .exec-photo {
      width: 100%;
      aspect-ratio: 3 / 4;
      border-radius: 12px;
      overflow: hidden;
      margin: 0 0 20px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
    }
    .exec-photo img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center top;
      display: block;
    }
    .exec-card { text-align: left; }
    .exec-card__name, .exec-card__role { padding: 0 4px; }
    .exec-card__name {
      font-size: 15px; font-weight: 600; color: #fff;
      margin-bottom: 6px; line-height: 1.3;
    }
    .exec-card__role {
      font-size: 12px; color: var(--lt-slate);
      letter-spacing: 0.05em; line-height: 1.5;
    }

    /* ════════════════════ PARTNERS / CLIENTS ════════════════════ */
    .network-section { padding: 100px 0; }
    .network-section.light { background: #fff; }
    .network-section.dark { background: var(--ink); }
    .network__eyebrow {
      font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 12px; display: block;
    }
    .network__heading {
      font-size: clamp(28px, 3.5vw, 44px); font-weight: 700;
      margin-bottom: 12px; line-height: 1.2;
    }
    .network-section.light .network__heading { color: var(--navy); }
    .network-section.dark .network__heading { color: #fff; }
    .network__intro {
      font-size: 16px; line-height: 1.7; margin-bottom: 56px;
    }
    .network-section.light .network__intro { color: var(--slate); }
    .network-section.dark .network__intro { color: rgba(255,255,255,0.6); }
    .logo-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 1px;
      background: var(--bt-border);
      border: 1px solid var(--bt-border);
      border-radius: 12px;
      overflow: hidden;
    }
    .network-section.dark .logo-grid {
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.08);
    }
    .logo-cell {
      background: #fff;
      display: flex; align-items: center; justify-content: center;
      padding: 28px 20px;
      min-height: 90px;
      transition: background .25s;
    }
    .network-section.dark .logo-cell { background: #fff; }
    .logo-cell:hover { background: var(--off-white); }
    .network-section.dark .logo-cell:hover { background: var(--off-white); }
    .logo-cell img {
      max-height: 52px; max-width: 150px;
      object-fit: contain;
      opacity: 0.9; transition: opacity .25s, transform .25s;
    }
    .logo-cell:hover img { opacity: 1; transform: scale(1.04); }
    .logo-cell--text {
      font-size: 13px; font-weight: 600; color: var(--navy);
      letter-spacing: 0.04em;
    }
    .network-section.dark .logo-cell--text { color: rgba(255,255,255,0.7); }

    /* ════════════════════ TRANSDEFY ════════════════════ */
    .transdefy-section {
      background: linear-gradient(135deg, var(--ink) 0%, var(--navy) 100%);
      padding: 100px 0;
      position: relative; overflow: hidden;
    }
    .transdefy-section::before {
      content: '';
      position: absolute; inset: 0;
      background: radial-gradient(ellipse at 80% 50%, rgba(64,128,255,0.12), transparent 60%);
    }
    .transdefy__eyebrow {
      display: inline-block;
      font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--bright-blue); background: rgba(64,128,255,0.12);
      border: 1px solid rgba(64,128,255,0.3);
      border-radius: 100px; padding: 6px 16px;
      margin-bottom: 28px;
    }
    .transdefy__heading {
      font-size: clamp(32px, 4.5vw, 60px); font-weight: 700;
      color: #fff; line-height: 1.15; margin-bottom: 24px;
    }
    .transdefy__body {
      font-size: 16px; line-height: 1.8;
      color: rgba(255,255,255,0.7); margin-bottom: 16px;
      max-width: 560px;
    }
    .transdefy__partner-label {
      font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 28px; display: block;
    }
    .transdefy__pills {
      display: flex; flex-wrap: wrap; gap: 10px;
      margin-bottom: 40px;
    }
    .transdefy__pill {
      font-size: 12px; font-weight: 600;
      color: rgba(255,255,255,0.85);
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 100px; padding: 8px 18px;
      letter-spacing: 0.04em;
    }
    .transdefy__cta {
      display: inline-flex; align-items: center; gap: 10px;
      background: var(--bright-blue); color: #fff;
      padding: 16px 32px; border-radius: 6px;
      font-size: 15px; font-weight: 600;
      text-decoration: none;
      transition: background .25s, transform .25s;
    }
    .transdefy__cta:hover {
      background: #5a9dff; color: #fff;
      transform: translateY(-2px);
    }
    .transdefy__person {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px; padding: 40px 36px;
      text-align: center; height: 100%;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
    }
    .transdefy__avatar {
      width: 180px; aspect-ratio: 3 / 4;
      border-radius: 14px; overflow: hidden;
      margin: 0 auto 24px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
    }
    .transdefy__avatar img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center top; display: block;
    }
    .transdefy__person-name {
      font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 6px;
    }
    .transdefy__person-role {
      font-size: 13px; color: var(--bright-blue); letter-spacing: 0.05em;
    }

    /* ════════════════════ CONTACT FORM ════════════════════ */
    .contact-form-section { background: var(--off-white); padding: 100px 0; }
    .contact-form-section__eyebrow {
      font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--bright-blue); margin-bottom: 16px; display: block;
    }
    .contact-form-section__heading {
      font-size: clamp(28px, 3.5vw, 48px); font-weight: 700;
      color: var(--navy); margin-bottom: 12px;
    }
    .contact-form-section__sub {
      font-size: 16px; color: var(--slate); margin-bottom: 48px; line-height: 1.6;
    }
    .bt-form .form-control {
      background: #fff; border: 1px solid var(--bt-border);
      border-radius: 8px; padding: 16px 20px;
      font-size: 15px; color: var(--navy);
      transition: border-color .25s, box-shadow .25s;
      margin-bottom: 20px;
    }
    .bt-form .form-control:focus {
      border-color: var(--bright-blue);
      box-shadow: 0 0 0 3px rgba(64,128,255,0.12);
      outline: none;
    }
    .bt-form .form-control::placeholder { color: var(--lt-slate); }
    .bt-form textarea.form-control { resize: vertical; min-height: 140px; }
    .bt-form .form-select {
      background: #fff; border: 1px solid var(--bt-border);
      border-radius: 8px; padding: 16px 20px;
      font-size: 15px; color: var(--navy);
      margin-bottom: 20px;
    }
    .bt-form__submit {
      background: var(--navy); color: #fff;
      border: none; border-radius: 8px;
      padding: 17px 40px; font-size: 15px; font-weight: 600;
      letter-spacing: 0.04em;
      transition: background .25s, transform .25s;
      cursor: pointer !important;
    }
    .bt-form__submit:hover { background: var(--bright-blue); transform: translateY(-2px); }
    .contact-info-card {
      background: var(--navy); border-radius: 16px;
      padding: 48px 40px; height: 100%;
    }
    .contact-info-card__heading {
      font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 32px;
    }
    .contact-info-item {
      display: flex; align-items: flex-start; gap: 16px;
      margin-bottom: 28px;
    }
    .contact-info-item__icon {
      width: 42px; height: 42px; flex-shrink: 0;
      background: rgba(64,128,255,0.15); border-radius: 8px;
      display: flex; align-items: center; justify-content: center;
      color: var(--bright-blue); font-size: 16px;
    }
    .contact-info-item__label {
      font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
      color: rgba(255,255,255,0.45); margin-bottom: 4px; display: block;
    }
    .contact-info-item__value {
      font-size: 15px; color: #fff; font-weight: 500;
    }
    .contact-info-item__value a { color: #fff; text-decoration: none; }
    .contact-info-item__value a:hover { color: var(--bright-blue); }

    /* ════════════════════ FOOTER ════════════════════ */
    .footer-area { background-color: #fff !important; }
    .footer-area, .footer-area * { color: var(--navy) !important; }
    .footer-area .title,
    .footer-area .title span,
    .footer-area .title div { color: var(--navy) !important; }
    .footer-area .footer-widget-box.content .title,
    .footer-area .footer-widget-box.content .title span,
    .footer-area .footer-widget-box.content .title div { color: var(--bright-blue) !important; }
    .footer-area .footer-nav-list li a:hover { color: var(--bright-blue) !important; }
    .footer-area .rr-btn-underline,
    .footer-area .rr-btn-underline::before { color: var(--navy) !important; }
    .footer-area .copyright-area { background-color: var(--off-white); border-top-color: var(--bt-border); }
/* a11y AA contrast overrides */
.exec-team__eyebrow{color:#4080FF}
.contact-info-item__label{color:#96A5C0}

/* a11y AA v2 */
section.exec-team .exec-team__eyebrow{color:#4080FF !important}
.network-section.light .network__eyebrow{color:#2967EA !important}
.network-section.dark .network__eyebrow{color:#4080FF !important}

/* Stats: numbers and suffixes in one blue (bright on the navy strip) */
.about-stats .about-stats__number{color:#4080FF !important}

/* Who-we-are square image under the eyebrow */
.who-we-are__media{margin-top:28px;max-width:320px}
.who-we-are__media img{width:100%;height:auto;border-radius:16px;display:block}

/* White/light partner logos sit on a navy tile so they stay visible */
.logo-cell--dark{background:#0E1B3D}
.logo-cell--dark img{filter:none}

/* Xverse partner section (mirrors Transdefy) */
.transdefy__person-meta{display:block;margin-top:6px;font-size:13px;color:#96A5C0;letter-spacing:.02em}