:root {
  --container-max: 1240px;
  --blue: #1e4a66;
  --ink: #191919;
  --muted: #686868;
  --line: #c8c8c8;
  --line-dark: #858585;
  --paper: #fff;
  --wash: #f2f2f0;
  --soft: #fafaf9;
}

* { box-sizing: border-box; }
.brand-logo-picture { display: block; line-height: 0; }
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
button, input, select, textarea { color: inherit; font: inherit; border-radius: 0; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
h1, h2, h3, p { margin-top: 0; }
.site-shell { min-height: 100vh; }
.skip-link { z-index: 100; background: var(--ink); color: #fff; padding: 12px 16px; position: fixed; top: -100px; left: 20px; }
.skip-link:focus { top: 12px; }

.site-header { z-index: 20; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.98); grid-template-columns: minmax(280px,1fr) auto minmax(320px,1fr); align-items: center; min-height: 74px; padding: 0 4vw; display: grid; position: sticky; top: 0; }
.logo { text-align: left; cursor: pointer; background: transparent; border: 0; align-items: center; gap: 12px; padding: 0; font-weight: 700; display: inline-flex; }
.logo-mark { border: 1px solid var(--ink); letter-spacing: .08em; place-items: center; width: 52px; height: 32px; font-size: 10px; display: grid; }
.desktop-nav { align-items: stretch; height: 74px; display: flex; }
.desktop-nav button { cursor: pointer; background: transparent; border: 0; padding: 0 15px; font-size: 14px; position: relative; }
.desktop-nav button:hover { background: var(--wash); }
.desktop-nav button.active::after { content: ""; background: var(--ink); height: 2px; position: absolute; bottom: 17px; left: 15px; right: 15px; }
.header-actions { justify-content: flex-end; align-items: center; gap: 18px; display: flex; }
.language-switcher { display: flex; }
.language-switcher button { border: 0; border-right: 1px solid var(--line); cursor: pointer; background: transparent; padding: 2px 8px; font-size: 12px; }
.language-switcher button:last-child { border-right: 0; }
.language-switcher button.active { text-underline-offset: 4px; font-weight: 700; text-decoration: underline; }
.menu-button { border: 1px solid var(--ink); background: #fff; min-height: 40px; padding: 0 14px; font-weight: 700; display: none; }

.section, .hero { padding: 90px max(4vw, calc(50vw - 620px)); }
.section-grid { grid-template-columns: 1.05fr .95fr; align-items: center; gap: 7vw; min-height: 670px; display: grid; }
.eyebrow { color: var(--muted); letter-spacing: .15em; margin: 0 0 22px; font-size: 12px; font-weight: 700; }
h1 { letter-spacing: -.05em; max-width: 760px; margin-bottom: 26px; font-size: clamp(50px,6vw,86px); line-height: .99; }
h2 { letter-spacing: -.035em; margin-bottom: 16px; font-size: clamp(34px,4vw,54px); line-height: 1.04; }
h3 { margin-bottom: 14px; font-size: 22px; line-height: 1.2; }
.lead { color: #444; max-width: 650px; margin-bottom: 36px; font-size: 20px; line-height: 1.55; }
.body-copy { max-width: 620px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.button-row { flex-wrap: wrap; gap: 12px; display: flex; }
.button { border: 1px solid var(--ink); cursor: pointer; justify-content: center; align-items: center; gap: 24px; min-height: 50px; padding: 0 22px; font-weight: 700; display: inline-flex; }
.button:hover { outline: 2px solid var(--ink); outline-offset: 2px; }
.button-dark { background: var(--ink); color: #fff; }
.button-dark:hover { background: #333; }
.button-light { background: #fff; }
.button-light:hover { background: var(--wash); }
.button-small { min-height: 40px; padding: 0 17px; font-size: 14px; }
.button-inverse { color: var(--ink); background: #fff; border-color: #fff; }
.button-inverse:hover { background: #e7e7e7; outline-color: #fff; }
.placeholder { border: 1px solid var(--line-dark); color: #555; background: #ededed; flex-direction: column; justify-content: center; align-items: center; gap: 12px; min-height: 330px; display: flex; }
.hero-placeholder { min-height: 430px; }
.placeholder span { letter-spacing: .12em; font-size: 11px; }
.placeholder strong { text-align: center; font-size: 16px; }

.section-heading { max-width: 690px; margin-bottom: 45px; }
.section-heading > p:last-child { color: var(--muted); line-height: 1.6; }
.section-heading.compact { margin-bottom: 35px; }
.split-heading { justify-content: space-between; align-items: flex-end; gap: 28px; max-width: none; display: flex; }
.audience-grid { grid-template-columns: repeat(3,1fr); gap: 18px; display: grid; }
.wire-card { border: 1px solid var(--line); background: var(--paper); padding: 28px; }
.audience-card { cursor: pointer; flex-direction: column; min-height: 285px; display: flex; }
.audience-card:hover { border-color: var(--ink); }
.audience-card p { color: var(--muted); line-height: 1.6; }
.card-number { color: var(--muted); margin-bottom: 45px; font-size: 12px; display: block; }
.text-link { border: 0; border-bottom: 1px solid var(--ink); cursor: pointer; background: transparent; width: fit-content; margin-top: auto; padding: 3px 0; font-weight: 700; }
.text-link:hover { background: var(--wash); }
.section-muted { border-block: 1px solid var(--line); background: var(--wash); }
.section-dark { background: var(--ink); color: #fff; }
.section-dark .eyebrow, .section-dark p { color: #c9c9c9; }

.steps { border: 1px solid var(--line); color: var(--ink); background: #fff; grid-template-columns: repeat(5,1fr); display: grid; }
.step { border-right: 1px solid var(--line); flex-direction: column; gap: 28px; min-height: 150px; padding: 24px; display: flex; position: relative; }
.step:last-child { border-right: 0; }
.step span { color: var(--muted); font-size: 12px; }
.step b { z-index: 1; background: #fff; place-items: center; width: 19px; height: 19px; font-size: 15px; display: grid; position: absolute; top: 62%; right: -10px; }
.steps-vertical { grid-template-columns: 1fr; width: 100%; }
.steps-vertical .step { border-right: 0; border-bottom: 1px solid var(--line); grid-template-columns: 40px 1fr; align-items: center; min-height: 88px; display: grid; }
.steps-vertical .step:last-child { border-bottom: 0; }
.steps-vertical .step b { inset: auto auto -10px 34px; }
.category-grid { border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); grid-template-columns: repeat(3,1fr); display: grid; }
.category-card { border: 0; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); text-align: left; cursor: pointer; background: #fff; grid-template-columns: 32px 1fr auto; align-items: center; gap: 16px; min-height: 104px; padding: 22px; display: grid; }
.category-card:hover { background: var(--wash); }
.category-card span { color: var(--muted); font-size: 11px; }
.category-card strong { font-size: 20px; }
.category-card small { color: var(--muted); font-size: 11px; font-weight: 400; }
.category-skeleton { border-top: 0; min-height: 104px; background: linear-gradient(90deg, #f4f4f2 25%, #ececea 50%, #f4f4f2 75%); background-size: 200% 100%; animation: skeleton-shift 1.4s linear infinite; }
.source-status { color: var(--muted); align-items: center; gap: 9px; min-height: 28px; margin: -25px 0 18px; font-size: 11px; display: flex; }
.status-dot { border: 1px solid var(--line-dark); border-radius: 50%; background: var(--wash); width: 8px; height: 8px; }
.source-status.is-live .status-dot { background: var(--ink); border-color: var(--ink); }
.source-status.is-fallback .status-dot { background: #fff; }
@keyframes skeleton-shift { to { background-position: -200% 0; } }
.provider-directory-grid { grid-template-columns: repeat(3,1fr); gap: 18px; display: grid; }
.provider-directory-card { cursor: pointer; flex-direction: column; min-height: 470px; display: flex; }
.provider-directory-card:hover { border-color: var(--ink); }
.provider-card-placeholder { border: 1px solid var(--line); color: var(--muted); text-align: center; letter-spacing: .1em; background: #ededed; place-items: center; min-height: 150px; margin-bottom: 24px; font-size: 10px; line-height: 1.6; display: grid; }
.provider-type { color: var(--muted); letter-spacing: .1em; margin-bottom: 15px; font-size: 10px; font-weight: 700; }
.provider-directory-card p { color: var(--muted); line-height: 1.6; }
.provider-card-meta { border-top: 1px solid var(--line); justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; color: var(--muted); font-size: 11px; display: flex; }
.provider-directory-card .text-link { margin-top: 22px; }

.regional-section { min-height: 620px; }
.metric-row { border-top: 1px solid var(--line); grid-template-columns: repeat(3,1fr); margin-top: 38px; display: grid; }
.metric-row div { border-right: 1px solid var(--line); flex-direction: column; gap: 7px; padding: 20px 14px 0 0; display: flex; }
.metric-row div + div { padding-left: 14px; }
.metric-row div:last-child { border-right: 0; }
.metric-row span { color: var(--muted); font-size: 12px; }
.two-column-content { grid-template-columns: 1fr 1fr; align-items: start; gap: 10vw; display: grid; }
.two-column-content > div > p:not(.eyebrow) { max-width: 580px; margin-bottom: 30px; line-height: 1.7; }
.supporting-note { margin-top: 18px; font-size: 12px; }
.benefit-list { border-top: 1px solid #666; border-left: 1px solid #666; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; list-style: none; display: grid; }
.benefit-list li { border-bottom: 1px solid #666; border-right: 1px solid #666; align-items: center; gap: 14px; min-height: 85px; padding: 18px; font-weight: 700; display: flex; }
.benefit-list span { color: #bdbdbd; }
.company-section .steps { justify-self: end; max-width: 540px; }

.ecosystem { grid-template-columns: 1fr 70px 1.2fr 70px 1fr; align-items: stretch; max-width: 1040px; display: grid; }
.ecosystem-side { gap: 14px; display: grid; }
.ecosystem-side div, .ecosystem-core { border: 1px solid var(--line-dark); text-align: center; background: #fff; place-items: center; min-height: 86px; padding: 20px; font-weight: 700; display: grid; }
.ecosystem-core { border: 2px solid var(--ink); background: var(--ink); color: #fff; min-height: 186px; font-size: 22px; line-height: 1.4; }
.ecosystem-lines { flex-direction: column; justify-content: space-around; align-items: center; font-size: 22px; display: flex; }
.ecosystem-flow { border-top: 1px solid var(--line-dark); flex-wrap: wrap; gap: 14px; max-width: 1040px; margin-top: 30px; padding-top: 22px; font-size: 13px; font-weight: 700; display: flex; }
.ecosystem-flow span { color: var(--muted); }
.trust-grid { border: 1px solid var(--ink); grid-template-columns: repeat(5,1fr); display: grid; }
.trust-grid div { border-right: 1px solid var(--ink); flex-direction: column; gap: 42px; min-height: 145px; padding: 20px; display: flex; }
.trust-grid div:last-child { border-right: 0; }
.trust-grid span { color: var(--muted); font-size: 11px; }

.final-contact { border-top: 1px solid var(--line); grid-template-columns: .8fr 1.2fr; align-items: start; gap: 8vw; display: grid; }
.contact-intro { position: sticky; top: 120px; }
.intent-links { border-top: 1px solid var(--line); margin-top: 35px; }
.intent-links button { border: 0; border-bottom: 1px solid var(--line); cursor: pointer; text-align: left; background: #fff; justify-content: space-between; gap: 20px; width: 100%; padding: 16px 0; display: flex; }
.intent-links button:hover { background: var(--wash); }
.intent-links span { color: var(--muted); font-size: 12px; }
.intent-links strong { font-size: 13px; }
.form-panel { border: 1px solid var(--ink); background: #fff; padding: 32px; }
.compact-form { max-width: 720px; }
.audience-tabs { border: 0; margin: 0 0 30px; padding: 0; }
.audience-tabs legend { color: var(--muted); margin-bottom: 12px; font-size: 12px; font-weight: 700; }
.audience-tabs > div { grid-template-columns: repeat(3,1fr); display: grid; }
.audience-tabs button { border: 1px solid var(--line-dark); cursor: pointer; background: #fff; border-right: 0; min-height: 55px; padding: 8px; font-size: 12px; font-weight: 700; }
.audience-tabs button:last-child { border-right: 1px solid var(--line-dark); }
.audience-tabs button:hover { background: var(--wash); }
.audience-tabs button.active { background: var(--ink); color: #fff; }
.form-heading { border-bottom: 1px solid var(--line); flex-direction: column; gap: 5px; margin-bottom: 26px; padding-bottom: 22px; display: flex; }
.form-heading span { color: var(--muted); text-transform: uppercase; letter-spacing: .1em; font-size: 11px; }
.form-heading strong { font-size: 24px; }
.form-grid { grid-template-columns: 1fr 1fr; column-gap: 18px; display: grid; }
.field { flex-direction: column; gap: 9px; margin-bottom: 22px; font-size: 13px; font-weight: 700; display: flex; }
.field span { line-height: 1.4; }
.field-full { margin-bottom: 20px; }
input, select, textarea { border: 1px solid var(--line-dark); width: 100%; color: var(--ink); background: #fff; padding: 13px 12px; }
input, select { min-height: 47px; }
textarea { resize: vertical; line-height: 1.5; }
.consent { color: #444; align-items: flex-start; gap: 10px; margin: 22px 0; font-size: 12px; line-height: 1.5; display: flex; }
.consent input { flex: none; width: 17px; min-height: 17px; margin: 0; }
.consent small { color: var(--muted); }
.form-submit { width: 100%; }
.success-panel { align-content: center; place-items: start; min-height: 430px; display: grid; }
.success-mark { border: 1px solid var(--ink); place-items: center; width: 45px; height: 45px; margin-bottom: 25px; font-weight: 700; display: grid; }
.success-panel p { color: var(--muted); line-height: 1.7; }

body.catalogue-open main > section:not(#catalogue-page) { display: none; }
.catalogue-page { min-height: calc(100vh - 74px); background: var(--paper); }
.catalogue-page[hidden] { display: none; }
.catalogue-breadcrumbs { grid-area: breadcrumbs; color: var(--muted); align-items: center; flex-wrap: wrap; gap: 10px; padding: 0; font-size: 12px; display: flex; }
.catalogue-breadcrumbs a,
.catalogue-breadcrumbs button { border: 0; color: inherit; background: transparent; padding: 0; font: inherit; text-decoration: none; }
.catalogue-breadcrumbs button { cursor: pointer; }
.catalogue-breadcrumbs strong { color: var(--ink); font-weight: 400; }
.catalogue-hero { border-block: 1px solid var(--line); background: var(--soft); grid-template-columns: 1fr 210px; grid-template-areas: "breadcrumbs breadcrumbs" "copy summary"; align-items: end; gap: 30px 8vw; padding: 38px max(4vw, calc(50vw - 620px)) 75px; display: grid; }
.catalogue-hero > :nth-child(2) { grid-area: copy; }
.catalogue-hero h1 { margin-bottom: 20px; font-size: clamp(48px, 6vw, 76px); }
.catalogue-hero .lead { margin-bottom: 0; }
.catalogue-summary { border: 1px solid var(--ink); align-items: center; justify-content: center; min-height: 165px; padding: 23px; display: flex; }
.catalogue-summary span { color: var(--muted); letter-spacing: .12em; font-size: 10px; font-weight: 700; }
.catalogue-summary strong { font-size: 52px; line-height: 1; }
.catalogue-summary small { color: var(--muted); margin-top: auto; line-height: 1.45; }
.catalogue-body { grid-template-columns: 270px 1fr; gap: 42px; max-width: 1320px; margin: 0 auto; padding: 55px 4vw 100px; display: grid; }
.catalogue-sidebar { border: 1px solid var(--line); align-self: start; position: sticky; top: 105px; }
.catalogue-sidebar-heading { border-bottom: 1px solid var(--line); flex-direction: column; gap: 14px; padding: 20px; display: flex; }
.catalogue-sidebar-heading span { color: var(--muted); letter-spacing: .1em; font-size: 10px; font-weight: 700; }
.catalogue-sidebar-heading button { border: 0; border-bottom: 1px solid var(--ink); cursor: pointer; background: transparent; width: fit-content; padding: 0; font-size: 12px; }
.catalogue-sidebar-heading a { border-bottom: 1px solid var(--ink); width: fit-content; font-size: 12px; text-decoration: none; }
.catalogue-category-button { border: 0; border-bottom: 1px solid var(--line); cursor: pointer; text-align: left; background: #fff; justify-content: space-between; align-items: center; gap: 15px; width: 100%; min-height: 54px; padding: 12px 18px; font-size: 13px; display: flex; }
.catalogue-category-button:last-child { border-bottom: 0; }
.catalogue-category-button:hover { background: var(--wash); }
.catalogue-category-button.active { background: var(--ink); color: #fff; }
.catalogue-category-button small { opacity: .7; }
.catalogue-results-heading { border-bottom: 1px solid var(--ink); justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 18px; padding-bottom: 18px; display: flex; }
.catalogue-results-heading > div { flex-direction: column; gap: 6px; display: flex; }
.catalogue-results-heading span { color: var(--muted); letter-spacing: .1em; font-size: 10px; }
.catalogue-results-heading strong { font-size: 24px; }
.course-results-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; display: grid; }
.catalogue-course-card { border: 1px solid var(--line); background: #fff; flex-direction: column; min-height: 310px; padding: 24px; display: flex; }
.catalogue-course-card:hover { border-color: var(--ink); }
.course-card-topline { color: var(--muted); justify-content: space-between; gap: 18px; margin-bottom: 45px; font-size: 10px; display: flex; }
.catalogue-course-card h3 { font-size: 23px; }
.catalogue-course-card > p { color: var(--muted); margin-bottom: 26px; line-height: 1.6; }
.catalogue-course-meta { border-top: 1px solid var(--line); grid-template-columns: 1fr; gap: 12px; margin-top: auto; padding-top: 14px; display: grid; }
.catalogue-course-meta span { color: var(--muted); flex-direction: column; gap: 4px; font-size: 10px; display: flex; }
.catalogue-course-meta strong { color: var(--ink); font-size: 12px; }
.catalogue-course-actions { align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 22px; display: flex; }
.catalogue-course-actions a { border-bottom: 1px solid var(--ink); color: var(--ink); text-decoration: none; font-size: 12px; font-weight: 700; }
.catalogue-course-actions button { border: 0; border-bottom: 1px solid var(--line-dark); cursor: pointer; background: transparent; padding: 0; font-size: 12px; }
.catalogue-loading, .catalogue-empty { border: 1px solid var(--line); grid-column: 1 / -1; min-height: 260px; place-items: center; padding: 35px; text-align: center; display: grid; }
.catalogue-loading span { color: var(--muted); letter-spacing: .12em; font-size: 11px; }
.catalogue-empty p { color: var(--muted); line-height: 1.6; }
.catalogue-more { margin-top: 25px; width: 100%; }
.catalogue-more[hidden] { display: none; }

.site-footer { border-top: 1px solid var(--line); color: var(--muted); grid-template-columns: 1fr auto 1fr; align-items: center; gap: 50px; padding: 38px 4vw; font-size: 12px; display: grid; }
.footer-logo { color: var(--ink); }
.site-footer > div > p { margin: 15px 0 0; }
.footer-links { gap: 22px; display: flex; }
.footer-links button { cursor: pointer; background: transparent; border: 0; border-bottom: 1px solid transparent; padding: 3px 0; }
.footer-links button:hover { border-color: var(--ink); }
.footer-guide-link { color: inherit; border-bottom: 1px solid transparent; padding: 3px 0; text-decoration: none; }
.footer-guide-link:hover { border-color: var(--ink); }

.course-dialog { border: 1px solid var(--ink); border-radius: 0; width: min(620px, calc(100vw - 40px)); padding: 32px; }
.course-dialog::backdrop { background: rgba(25,25,25,.55); }
.course-dialog h2 { margin: 32px 0 20px; font-size: 42px; }
.course-dialog p { color: var(--muted); line-height: 1.7; margin-bottom: 30px; }
.dialog-heading { border-bottom: 1px solid var(--line); justify-content: space-between; gap: 20px; padding-bottom: 16px; font-size: 11px; font-weight: 700; display: flex; }
.dialog-heading > span { letter-spacing: .1em; }
.dialog-heading button { border: 0; border-bottom: 1px solid var(--ink); background: transparent; cursor: pointer; padding: 0; }
.toast { z-index: 50; border: 1px solid var(--ink); background: #fff; max-width: calc(100vw - 40px); padding: 14px 18px; position: fixed; right: 20px; bottom: 20px; font-size: 13px; transform: translateY(130%); transition: transform .18s ease; }
.toast.visible { transform: translateY(0); }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav { border-bottom: 1px solid var(--ink); background: #fff; height: auto; padding: 14px 4vw; display: none; position: absolute; top: 74px; left: 0; right: 0; }
  .desktop-nav.mobile-open { display: grid; }
  .desktop-nav button { text-align: left; min-height: 50px; }
  .desktop-nav button.active::after { width: 3px; height: auto; inset: 10px auto 10px 0; }
  .menu-button { align-items: center; display: inline-flex; }
  .section-grid { grid-template-columns: 1fr; padding-top: 70px; }
  .hero-placeholder { min-height: 300px; }
  .audience-grid, .category-grid, .provider-directory-grid { grid-template-columns: 1fr 1fr; }
  .catalogue-body { grid-template-columns: 230px 1fr; gap: 25px; }
  .course-results-grid { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 800px) {
  .section, .hero { padding: 70px 28px; }
  .section-grid { min-height: 0; }
  .two-column-content, .final-contact { grid-template-columns: 1fr; }
  .contact-intro { position: static; }
  .ecosystem { grid-template-columns: 1fr; gap: 12px; }
  .ecosystem-lines { flex-direction: row; min-height: 35px; }
  .ecosystem-lines span { transform: rotate(90deg); }
  .trust-grid { grid-template-columns: 1fr 1fr; }
  .trust-grid div { border-bottom: 1px solid var(--ink); }
  .catalogue-hero { grid-template-columns: 1fr; grid-template-areas: "breadcrumbs" "copy" "summary"; padding-inline: 28px; }
  .catalogue-summary { min-height: 135px; }
  .catalogue-body { grid-template-columns: 1fr; padding-inline: 28px; }
  .catalogue-sidebar { position: static; }
  #catalogue-category-nav { grid-template-columns: 1fr 1fr; display: grid; }
  .catalogue-category-button:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
  .catalogue-category-button:nth-child(odd) { border-right: 1px solid var(--line); }
}

@media (max-width: 600px) {
  .site-header { min-height: 68px; padding-inline: 18px; }
  .desktop-nav { padding-inline: 18px; top: 68px; }
  .logo > span:last-child { display: none; }
  .header-actions { gap: 8px; }
  .language-switcher button { padding-inline: 6px; }
  .section, .hero { padding: 58px 20px; }
  h1 { font-size: 47px; }
  h2 { font-size: 36px; }
  .lead { font-size: 18px; }
  .button-row .button { width: 100%; }
  .audience-grid, .category-grid, .provider-directory-grid, .steps, .benefit-list, .trust-grid, .form-grid { grid-template-columns: 1fr; }
  .step { border-right: 0; border-bottom: 1px solid var(--line); min-height: 92px; }
  .step b { display: none; }
  .split-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  .metric-row { grid-template-columns: 1fr; }
  .metric-row div, .metric-row div + div { border-right: 0; border-bottom: 1px solid var(--line); padding: 16px 0; }
  .company-section .steps { justify-self: stretch; }
  .audience-tabs > div { grid-template-columns: 1fr; }
  .audience-tabs button { border-right: 1px solid var(--line-dark); border-bottom: 0; }
  .audience-tabs button:last-child { border-bottom: 1px solid var(--line-dark); }
  .form-panel { padding: 22px; }
  .site-footer { grid-template-columns: 1fr; align-items: flex-start; gap: 28px; }
  .footer-links { flex-wrap: wrap; }
  .course-dialog { padding: 22px; }
  .catalogue-hero { padding: 55px 20px; }
  .catalogue-body { padding: 35px 20px 70px; }
  #catalogue-category-nav { grid-template-columns: 1fr; }
  .catalogue-category-button:nth-child(odd) { border-right: 0; }
  .catalogue-category-button:nth-last-child(2):nth-child(odd) { border-bottom: 1px solid var(--line); }
  .catalogue-results-heading { align-items: flex-start; flex-direction: column; }
  .catalogue-course-card { min-height: 285px; padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .toast { transition: none; }
  .category-skeleton { animation: none; }
}

/* Auvenda brand layer. */
@font-face { font-family: Inter; src: url("assets/auvenida/fonts/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/auvenida/fonts/Inter-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/auvenida/fonts/Inter-SemiBold.ttf") format("truetype"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "IBM Plex Serif"; src: url("assets/auvenida/fonts/IBMPlexSerif-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
:root { --ink: #11293e; --muted: #53626c; --line: #b8cad7; --line-dark: #1e4a66; --paper: #fff; --wash: #d8efec; --soft: #cfe0f4; --gold: #e5c363; }
body { font-family: Inter, Arial, sans-serif; } h1, h2, h3, .form-heading strong, .catalogue-summary strong { font-family: "IBM Plex Serif", Georgia, serif; font-weight: 600; } .auvenida-logo { width: 88px; height: auto; display: block; } .site-header { border-bottom: 0; background: var(--ink); color: #fff; min-height: 82px; } .logo { color: #fff; gap: 11px; } .logo > span:last-child { font-size: 9px; font-weight: 600; line-height: 1.25; max-width: 66px; } .desktop-nav { height: 82px; } .desktop-nav button { color: #fff; font-size: 11px; } .desktop-nav button:hover { background: rgba(255,255,255,.08); } .desktop-nav button.active::after { background: var(--gold); bottom: 14px; } .language-switcher button { color: #fff; border-color: rgba(255,255,255,.3); } .button { border: 0; min-height: 48px; font-size: 12px; } .button-dark { background: var(--gold); color: var(--ink); } .button-dark:hover { background: #f0cf70; } .button-light { border: 1px solid currentColor; color: var(--ink); } .menu-button { color: var(--ink); } .section, .hero { padding-top: 110px; padding-bottom: 110px; } .hero { color: #fff; background: var(--ink) url("assets/auvenida/bg-dark.svg") center/cover no-repeat; } .hero .eyebrow { color: var(--gold); } .hero h1 { max-width: 780px; font-size: clamp(56px, 6.5vw, 94px); } .hero .lead { color: #dce9f5; } .hero .button-light { color: #fff; border-color: rgba(255,255,255,.8); background: transparent; } .hero-placeholder { border: 0; background: transparent; color: #dce9f5; align-items: flex-end; min-height: 390px; padding: 35px; } .hero-placeholder span { border-top: 1px solid rgba(255,255,255,.45); width: 190px; padding-top: 14px; letter-spacing: .12em; line-height: 1.7; text-align: left; } .hero-placeholder strong { display:none; } .eyebrow { color: var(--line-dark); font-size: 10px; letter-spacing: .16em; } h2 { font-size: clamp(40px,4vw,62px); } .section-heading { max-width: 720px; } .wire-card { border-color: var(--line); } .audience-grid { gap: 0; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); } .audience-card { min-height: 320px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); border-top: 0; border-left: 0; padding: 26px; } .audience-card:hover { background: var(--ink); color: #fff; } .audience-card:hover p,.audience-card:hover .card-number { color: #dce9f5; } .section-muted { border: 0; background: var(--soft) url("assets/auvenida/bg-light.svg") center/cover no-repeat; } .section-dark { background: var(--ink) url("assets/auvenida/bg-dark.svg") center/cover no-repeat; } .section-dark .eyebrow { color: var(--gold); } .steps { border-color: rgba(17,41,62,.55); background: transparent; } .step { border-color: rgba(17,41,62,.42); min-height: 155px; } .step b { background: var(--soft); } .category-grid { border-color: var(--ink); } .category-card { border-color: var(--ink); } .category-card:hover { background: var(--wash); } .provider-directory-card { background: #fff; } .provider-card-placeholder { background: var(--pale, #d8efec); border-color: var(--line); } .benefit-list { border-color: rgba(255,255,255,.45); } .benefit-list li { border-color: rgba(255,255,255,.45); } .benefit-list span { color: var(--gold); } .ecosystem-core { border-color: var(--ink); background: var(--ink); } .trust-grid,.trust-grid div { border-color: var(--ink); } .form-panel { border-color: var(--ink); box-shadow: 0 18px 50px rgba(17,41,62,.12); } .audience-tabs button.active { background: var(--ink); } .catalogue-page { background: #fff; } .catalogue-hero { border: 0; color: var(--ink); background: var(--soft) url("assets/auvenida/bg-light.svg") center/cover no-repeat; } .catalogue-summary { border-color: var(--ink); background: #fff; } .catalogue-sidebar,.catalogue-course-card { border-color: var(--line); } .catalogue-category-button.active { background: var(--ink); } .catalogue-results-heading { border-color: var(--ink); } .catalogue-course-card:hover { border-color: var(--ink); box-shadow: 0 12px 26px rgba(17,41,62,.12); } .site-footer { border: 0; color: #cfe0f4; background: var(--blue); } .footer-logo { color: #fff; } .footer-links button,.footer-guide-link { color: #fff; } .prototype-label { color: var(--gold); }
@media (max-width: 1100px) { .desktop-nav { background: var(--ink); top: 82px; } .desktop-nav button { color: #fff; } }
@media (max-width: 600px) { .site-header { min-height: 66px; } .desktop-nav { top: 66px; } .logo > span:last-child { display: none; } .auvenida-logo { width: 76px; } .section, .hero { padding-top: 72px; padding-bottom: 72px; } .hero h1 { font-size: 51px; } .hero-placeholder { display: none; } .audience-grid { grid-template-columns: 1fr; } .audience-card { min-height: 240px; } .step b { background: transparent; } }
/* courses.html is a single catalogue view; direction selection only changes its filter. */
body.courses-page main > section:not(#catalogue-page) { display: none; }
body.courses-page .catalogue-page { min-height: calc(100vh - 82px); }
body.courses-page .site-footer { margin-top: 0; }
/* The course catalogue preserves the approved composition. */
.catalogue-hero { grid-template-columns: minmax(0,1fr) 270px; align-items: end; }
.catalogue-hero h1 { max-width: none; font-family: Inter,Arial,sans-serif; font-size: clamp(48px,4.2vw,72px); font-weight: 600; letter-spacing: -.045em; line-height: 1; }
.catalogue-hero .lead { max-width: 720px; font-family: Inter,Arial,sans-serif; font-size: 15px; line-height: 1.55; }
.catalogue-course-card h3,.catalogue-results-heading strong { font-family: Inter,Arial,sans-serif; font-weight: 600; }
@media (max-width: 800px) { .catalogue-hero { grid-template-columns: 1fr; } .catalogue-hero h1 { font-size: 48px; } }

/* Keep the landing course block in the approved layout. */
body.courses-page #courses .section-heading { max-width: none; margin-bottom: 46px; }
body.courses-page #courses .section-heading h2 {
  max-width: none;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(48px, 4.2vw, 72px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1;
}
body.courses-page #courses .button-light { min-height: 68px; padding-inline: 30px; font-size: 16px; white-space: nowrap; }
@media (max-width: 800px) {
  body.courses-page #courses .section-heading h2 { font-size: 48px; }
  body.courses-page #courses .button-light { min-height: 52px; font-size: 14px; }
}

/* Shared page container: one width token for the header and all catalogue blocks. */
.site-container { width: min(var(--container-max), calc(100% - 80px)); margin-inline: auto; }
.catalogue-hero { display:block; padding:0; }
.catalogue-hero-inner { display:grid; grid-template-columns:minmax(0,1fr) 270px; grid-template-areas:"breadcrumbs breadcrumbs" "copy summary"; align-items:end; gap:30px 8vw; padding-block:38px 75px; }
.catalogue-hero-inner > :nth-child(2) { grid-area:copy; }
.catalogue-body { width:min(var(--container-max),calc(100% - 80px)); max-width:none; margin-inline:auto; padding:55px 0 100px; }
.site-footer { display:block; padding:38px 0; }
.site-footer-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:50px; font-size:12px; }
.site-footer-inner > div:first-child { justify-self:start; }
.site-footer-inner > .footer-links { justify-self:end; }
@media (max-width:800px) {
  .site-container,.catalogue-body { width:min(var(--container-max),calc(100% - 40px)); }
  .catalogue-hero-inner { grid-template-columns:1fr; grid-template-areas:"breadcrumbs" "copy" "summary"; padding-block:28px 52px; }
  .catalogue-body { padding-block:35px 70px; }
  .site-footer-inner { grid-template-columns:1fr; gap:24px; }
  .site-footer-inner > .footer-links { justify-self:start; }
}

/* Catalogue footer mirrors the landing page footer. */
body.courses-page .site-footer { padding: 34px 0; }
body.courses-page .site-footer-inner { display: block; font-size: 14px; }
body.courses-page .footer-main { display: flex; align-items: center; gap: 25px; }
body.courses-page .footer-main > span { margin-right: auto; color: #b7c6d2; }
body.courses-page .footer-main > a { color: var(--gold); text-decoration: none; }
body.courses-page .footer-contact-row,
body.courses-page .footer-social-row { display: flex; align-items: center; justify-content: flex-end; gap: 25px; margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(207, 224, 244, .22); }
body.courses-page .footer-row-label { margin: 0 auto 0 0; color: #b7c6d2; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
body.courses-page .footer-contacts { display: flex; gap: clamp(28px, 5vw, 72px); }
body.courses-page .footer-contacts a { display: grid; gap: 7px; color: #fff; font-size: 15px; text-decoration: none; }
body.courses-page .footer-contacts a:hover { color: var(--gold); }
body.courses-page .footer-contacts span { color: #b7c6d2; font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
body.courses-page .social-links { display: flex; gap: 10px; }
body.courses-page .social-links a { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(207, 224, 244, .5); border-radius: 50%; color: #fff; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease; }
body.courses-page .social-links a:hover { border-color: var(--gold); background: var(--gold); color: var(--ink); transform: translateY(-2px); }
body.courses-page .social-links a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
body.courses-page .social-links svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 800px) {
  body.courses-page .footer-main { align-items: flex-start; flex-wrap: wrap; }
  body.courses-page .footer-main > span { order: 3; flex-basis: 100%; }
  body.courses-page .footer-contact-row,
  body.courses-page .footer-social-row { align-items: flex-start; flex-direction: column; gap: 16px; }
  body.courses-page .footer-contacts { align-items: flex-start; flex-direction: column; gap: 18px; }
}

/* Responsive catalogue controls. */
.catalogue-summary > div { display:flex; width:100%; min-height:117px; flex-direction:column; align-items:flex-start; gap:8px; }
.catalogue-summary strong { display:block; }
.catalogue-summary small { display:block; }
.catalogue-filter { position:sticky; top:105px; align-self:start; z-index:20; }
.catalogue-filter-toggle { display:none; }
.catalogue-sidebar { position:static; top:auto; background:#fff; }
.catalogue-category-button { color:var(--ink); text-decoration:none; }

body.admin-bar .catalogue-filter { top:137px; }

@media (max-width:800px) {
  .site-container,.catalogue-body { width:min(var(--container-max),calc(100% - 32px)); }
  .catalogue-hero-inner { padding-block:28px 48px; }
  .catalogue-summary { min-height:132px; }
  .catalogue-summary > div { min-height:84px; }
  .catalogue-summary strong { font-size:48px; }
  .catalogue-body { display:block; padding-block:24px 70px; }
  .catalogue-filter { top:66px; z-index:70; margin-bottom:24px; background:#fff; box-shadow:0 10px 24px rgba(17,41,62,.1); }
  .catalogue-filter-toggle { display:grid; grid-template-columns:1fr auto 18px; align-items:center; gap:12px; width:100%; min-height:64px; padding:12px 16px; border:1px solid var(--ink); background:var(--ink); color:#fff; text-align:left; }
  .catalogue-filter-toggle span { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
  .catalogue-filter-toggle strong { overflow:hidden; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
  .catalogue-filter-toggle i { width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-3px); transition:transform .2s ease; }
  .catalogue-filter.is-open .catalogue-filter-toggle i { transform:rotate(225deg) translate(-2px,-2px); }
  .catalogue-sidebar { display:none; max-height:calc(100dvh - 146px); overflow-y:auto; border-top:0; }
  .catalogue-filter.is-open .catalogue-sidebar { display:block; }
  .catalogue-results-heading { padding-top:8px; }
  body.admin-bar .catalogue-filter { top:112px; }
}