.marketing-dark { --story-gold: #ecc68a; }
.marketing-dark .premium-header { background: #10141bd9; border-color: #ffffff25; }
.marketing-dark .main-nav { gap: 4px; }
.marketing-dark .main-nav a {
  position: relative;
  padding: 8px 13px;
  border-radius: 10px;
  color: #d6dce5;
  transition: background .22s ease, color .22s ease;
}
.marketing-dark .main-nav a.active {
  color: var(--story-gold);
  background: #ecc68a18;
  box-shadow: inset 0 0 0 1px #ecc68a35;
}
.marketing-dark .main-nav a:focus-visible,
.marketing-dark .path-card a:focus-visible { outline: 2px solid var(--story-gold); outline-offset: 3px; }
.marketing-dark .premium-hero-content h1 { line-height: 1.13; letter-spacing: -.045em; }
.marketing-dark .premium-hero-content p { max-width: 35ch; line-height: 1.85; }
.marketing-dark .premium-kicker { color: var(--story-gold); }
.marketing-dark .path-card {
  background: radial-gradient(ellipse at 90% 0%, #242c38 0%, #151b23 52%, #10141a 100%);
  border-color: #ffffff21;
  transition: opacity .55s ease, transform .55s ease, border-color .25s ease, box-shadow .25s ease;
}
.marketing-dark .path-card.featured { border-color: #ecc68a70; }
.marketing-dark .path-card:focus-within { border-color: var(--story-gold); }
.marketing-dark .path-card:nth-child(2).visible { transition-delay: .06s; }
.marketing-dark .path-card:nth-child(3).visible { transition-delay: .12s; }
.marketing-dark .path-card .path-meta { margin-block: 18px; }
.marketing-dark .path-card .path-meta span { border-color: #ffffff22; }
.marketing-dark .path-card a { display: inline-flex; min-height: 42px; align-items: center; }
.marketing-dark .premium-section-head h2 { text-wrap: balance; }
.marketing-dark .bridge-copy { max-width: 44ch; }
.path-showcase { border: 1px solid #ffffff22; border-radius: 28px; background: #10151d; overflow: hidden; }
.path-showcase[hidden] { display: none; }
.path-showcase:not([hidden]) + .path-grid { display: none; }
.showcase-controls { display: flex; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #ffffff16; }
.showcase-controls [role="tablist"] { display: flex; gap: 5px; min-width: 0; overflow-x: auto; }
.showcase-controls button {
  flex: 0 0 auto; min-height: 42px; padding: 7px 12px; border: 1px solid transparent;
  border-radius: 10px; background: transparent; color: #c8d0dd; font: inherit; white-space: nowrap; cursor: pointer;
}
.showcase-controls button[aria-selected="true"] { background: #ecc68a1a; border-color: #ecc68a42; color: #ffda9e; }
.showcase-controls button:focus-visible { outline: 2px solid #ecc68a; outline-offset: -3px; }
.showcase-arrows { display: flex; gap: 5px; }
.showcase-arrows button { border-color: #ffffff22; min-width: 42px; }
#trainingShowcasePanel { position: relative; isolation: isolate; overflow: hidden; background: #11151a; }
.carousel-backdrops, .carousel-backdrop { position: absolute; inset: 0; pointer-events: none; }
.carousel-backdrops { z-index: -1; overflow: hidden; }
.carousel-backdrop {
  opacity: 0;
  transform: scale(1.13);
  filter: blur(14px);
  transition: opacity .72s ease, transform 1s cubic-bezier(.2,.7,.2,1), filter .9s ease;
  background: radial-gradient(ellipse at 50% 26%, var(--light) 0%, var(--mid) 45%, #101216 92%);
}
.carousel-backdrop.active { opacity: 1; transform: scale(1); filter: blur(0); }
.theme-gold { --light: #7a6440; --mid: #29291f; --accent: #f1cc8d; }
.theme-blue { --light: #355c72; --mid: #182b38; --accent: #b7e0f8; }
.theme-red { --light: #79362f; --mid: #3b1c23; --accent: #ffb4a6; }
.theme-green { --light: #47654d; --mid: #202d26; --accent: #c5dfb8; }
.carousel-stage {
  position: relative;
  height: clamp(250px, 38vw, 460px);
  touch-action: pan-y;
  overflow: hidden;
}
.carousel-stage::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 70% 0 0;
  background: linear-gradient(transparent, #05080b95);
}
.carousel-bike {
  position: absolute; top: 50%; left: 50%; width: min(70%, 740px);
  display: grid; place-items: center; aspect-ratio: 1.55;
  border: 0; padding: 0; background: transparent; color: var(--accent);
  opacity: 0; pointer-events: none;
  transform: translate(-50%, -50%) scale(.46);
  filter: blur(8px);
  transition: transform .85s cubic-bezier(.22,.72,.18,1), opacity .65s ease, filter .68s ease;
  user-select: none;
}
.carousel-bike[data-position="center"] { z-index: 3; opacity: 1; filter: blur(0); transform: translate(-50%, -50%) scale(1); }
.carousel-bike[data-position="left"], .carousel-bike[data-position="right"] { z-index: 2; opacity: .65; filter: blur(1.6px); pointer-events: auto; cursor: pointer; }
.carousel-bike[data-position="left"] { transform: translate(-115%, -46%) scale(.59) rotate(-7deg); }
.carousel-bike[data-position="right"] { transform: translate(15%, -46%) scale(.59) rotate(7deg); }
.carousel-bike > span { position: absolute; z-index: -1; top: 6%; opacity: .28; font: 800 clamp(74px, 15vw, 215px)/.9 Manrope, sans-serif; }
.carousel-bike img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 18px 15px #0009); pointer-events: none; }
.carousel-bike small { position: absolute; bottom: 5%; padding: 4px 10px; border-radius: 20px; background: #10161bbb; font: 600 15px Cairo,sans-serif; }
.carousel-bike[data-position="center"] small { opacity: 0; }
.carousel-copy { display: grid; padding: 0 clamp(18px,5vw,56px) 28px; text-align: center; }
.carousel-info {
  grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(9px);
  transition: opacity .45s ease, transform .52s ease, visibility 0s linear .52s;
}
.carousel-info.active { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .12s,.12s,0s; }
.carousel-info h3 { margin: 3px 0 10px; font-size: clamp(32px,5vw,58px); line-height: 1.1; }
.carousel-info p { color: #e1e5ec; margin: 8px auto; max-width: 48ch; }
.carousel-info .showcase-hours { margin-block: 9px 16px; font-weight: 700; }
.carousel-info .btn { margin-top: 4px; }
@media (max-width: 650px) {
  .showcase-controls { gap: 4px; padding: 8px; }
  .showcase-controls button { padding-inline: 8px; font-size: 12px; }
  .showcase-arrows button { min-width: 32px; }
  .carousel-stage { height: 245px; }
  .carousel-bike { width: 85%; }
  .carousel-bike[data-position="left"] { transform: translate(-117%, -47%) scale(.56) rotate(-7deg); }
  .carousel-bike[data-position="right"] { transform: translate(17%, -47%) scale(.56) rotate(7deg); }
  .carousel-copy { padding-bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .carousel-bike, .carousel-backdrop, .carousel-info { transition: none; }
}
.marketing-dark .bridge-meter { position: absolute; }
.marketing-dark .bridge-meter::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -10px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--story-gold));
  transform-origin: right;
  transform: scaleX(var(--scroll-progress, 0));
}
@media (prefers-reduced-motion: no-preference) {
  .marketing-dark .premium-hero-content.visible > :is(h1, p, .hero-actions, .premium-trust) {
    animation: story-rise .55s cubic-bezier(.22,.68,.33,1) backwards;
  }
  .marketing-dark .premium-hero-content.visible > p { animation-delay: .07s; }
  .marketing-dark .premium-hero-content.visible > .hero-actions { animation-delay: .14s; }
  .marketing-dark .premium-hero-content.visible > .premium-trust { animation-delay: .21s; }
}
@keyframes story-rise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .marketing-dark .path-card.visible:hover { transform: translateY(-5px); border-color: #ecc68a88; box-shadow: 0 18px 55px #0005; }
}
@media (max-width: 1150px) {
  .marketing-dark .site-header.menu-open .main-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 5px; gap: 5px; }
  .marketing-dark .site-header.menu-open .main-nav a { text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-dark .path-card, .marketing-dark .main-nav a { transition: none; }
}