.card {
  position: relative;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  border-color: rgba(126, 173, 255, .34);
  background: linear-gradient(145deg, rgba(17, 35, 62, .98), rgba(7, 18, 35, .98));
  box-shadow: 0 14px 36px rgba(0, 0, 0, .22);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

a.card:hover,
a.card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(126, 173, 255, .8);
  box-shadow: 0 19px 42px rgba(0, 0, 0, .34);
}

a.card:focus-visible { outline: 3px solid #9dc1ff; outline-offset: 3px; }

.card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 42%;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), #67a4ff);
}

.card h3 {
  margin-bottom: 14px;
  color: #9dc1ff;
  font-size: 1.05rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.card-hook {
  display: block;
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.18;
}

@media (max-width: 760px) {
  .topbar nav { min-height: 64px; gap: 10px; }
  .topbar .brand { font-size: .8rem; line-height: 1.25; letter-spacing: .04em; }
  .topbar .navlinks { flex: 0 0 auto; }
  .topbar .button {
    width: auto;
    min-height: 42px;
    padding: 0 13px;
    font-size: .83rem;
    white-space: nowrap;
  }
  .grid { gap: 14px; }
  .card { padding: 23px 21px; }
  .card-hook { font-size: 1.25rem; }
}
.transport-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.transport-hero-visual{margin:0}.transport-hero-photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:16px;border:1px solid rgba(126,173,255,.42);box-shadow:0 22px 55px rgba(0,0,0,.42)}.transport-hero-visual figcaption{margin-top:10px;color:var(--muted);font-size:.88rem;line-height:1.45;text-align:center}.transport-hero-visual figcaption strong{color:#dce9ff}.workshop-actions{margin-top:24px}.road-family{background:#081221}.road-family-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center}.road-family-grid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:1px solid rgba(126,173,255,.38);box-shadow:0 20px 45px rgba(0,0,0,.36)}
.truck-show-photo-story{margin:0}.truck-show-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.truck-show-photo-pair img{aspect-ratio:3/4}.truck-show-photo-pair img:nth-child(2){margin-top:28px}.truck-show-photo-story figcaption{margin:14px auto 0;color:var(--muted);font-size:.88rem;line-height:1.45;text-align:center;max-width:44rem}
.fair-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.fair-hero-visual{margin:0}.fair-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:16px;border:1px solid rgba(126,173,255,.42);box-shadow:0 22px 55px rgba(0,0,0,.42)}.fair-hero-visual figcaption{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.45;text-align:center}
@media(max-width:800px){.transport-hero-grid,.road-family-grid{grid-template-columns:1fr}.transport-hero-grid{gap:30px}.road-family-grid{gap:34px}.transport-hero-photo,.transport-hero-grid>.page-visual{order:-1}.road-family-grid>img{width:min(88%,520px);margin:auto}.truck-show-photo-pair{width:min(94%,620px);margin:auto}.truck-show-photo-pair img{width:100%;margin:0}.truck-show-photo-pair img:nth-child(2){margin-top:22px}}
@media(max-width:800px){.fair-hero-grid{grid-template-columns:1fr;gap:28px}.fair-hero-visual{order:-1}}
.concept-showcase-section{padding-top:34px;padding-bottom:20px;background:#050b15}.concept-showcase{margin:0 auto;max-width:1120px}.concept-showcase img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:18px;border:1px solid rgba(126,173,255,.42);box-shadow:0 24px 60px rgba(0,0,0,.44)}.concept-showcase figcaption{margin:12px auto 0;color:var(--muted);font-size:.95rem;line-height:1.5;text-align:center}.concept-showcase figcaption strong{color:#dce9ff}
@media(max-width:760px){.concept-showcase-section{padding-top:22px}.concept-showcase img{border-radius:12px}.concept-showcase figcaption{font-size:.9rem;padding:0 8px}}
@media(max-width:1100px){
  .truck-expo-page{overflow-x:hidden}
  .truck-expo-page .wrap,.truck-expo-page .grid>*{min-width:0}
  .truck-expo-page .transport-hero-grid,.truck-expo-page .road-family-grid{grid-template-columns:minmax(0,1fr)}
  .truck-expo-page .transport-hero-grid{gap:30px}
  .truck-expo-page .transport-hero-visual{order:-1}
  .truck-expo-page .grid{grid-template-columns:minmax(0,1fr)}
  .truck-expo-page .card,.truck-expo-page .lead,.truck-expo-page h2{overflow-wrap:anywhere}
  .truck-expo-page .road-family-grid{gap:32px}
  .truck-expo-page .truck-show-photo-pair{width:100%;margin:0 auto}
  .truck-expo-page .truck-show-photo-pair img{width:100%;margin:0}
  .truck-expo-page .truck-show-photo-pair img:nth-child(2){margin-top:0}
}
@media(max-width:560px){
  .truck-expo-page .truck-show-photo-pair{grid-template-columns:1fr}
  .truck-expo-page .truck-show-photo-pair img{aspect-ratio:4/3;object-fit:cover}
}

.transport-hero-photo.transport-approved-photo{height:auto;aspect-ratio:auto;object-fit:contain}
.transport-road-story{scroll-margin-top:88px}
.transport-road-story .road-family-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px}
.transport-driver-portrait{width:100%;max-width:440px;margin-inline:auto}
.transport-driver-portrait img{height:auto;aspect-ratio:auto;object-fit:contain}
.owner-operator-workshops{scroll-margin-top:88px}
.card-detail-link{display:inline-block;margin-top:18px;color:#b9d4ff;font-weight:800;text-underline-offset:4px}
.card-detail-link:focus-visible{outline:3px solid #9dc1ff;outline-offset:5px}
.program-links{height:auto;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:10px;margin:24px 0}
.program-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid rgba(126,173,255,.5);border-radius:7px;background:rgba(10,107,255,.1);color:#c4dcff;font-size:1rem;font-weight:800;text-decoration:none;line-height:1.35}
.program-links a:hover{background:rgba(10,107,255,.2);border-color:#9dc1ff}
.program-links a:focus-visible{outline:3px solid #9dc1ff;outline-offset:3px}
#event-options,#mc-hosting{scroll-margin-top:88px}
.workshop-classroom-visual{margin:30px auto;max-width:960px}
.truck-expo-page .expo-feature-hero{grid-template-columns:minmax(0,1fr);gap:32px}
.truck-expo-page .expo-feature-hero .transport-hero-visual{order:0}
.approved-workshop-visual img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.company-workshops{scroll-margin-top:88px}
.trainer-workshops{scroll-margin-top:88px}
.program-options-grid,.company-workshop-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.company-workshop-options{margin:24px 0}
@media(max-width:760px){.program-options-grid,.company-workshop-options{grid-template-columns:minmax(0,1fr)}}
.workshop-key-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 36px;padding-left:22px;color:var(--muted);font-size:1.05rem;line-height:1.6;margin:24px 0}
.workshop-key-topics li{padding-left:4px}
@media(max-width:760px){.workshop-key-topics{grid-template-columns:minmax(0,1fr);gap:12px}}
.workshop-classroom-visual img,.expo-working-truck img{height:auto;aspect-ratio:auto;object-fit:contain}
.truck-expo-page .workshop-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.truck-expo-page .workshop-topic-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
  .transport-road-story .road-family-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .transport-driver-portrait{max-width:360px}
}