/* RUNPO online coaching — kinetic sales layer */

.coaching-kinetic{
  --coach-lime:#c9ff38;
  --coach-violet:#7867ff;
  --coach-sky:#dff4ff;
}

.coaching-kinetic .coach-hero{
  min-height:min(900px,94vh);
  border-radius:0 0 clamp(34px,7vw,96px) clamp(34px,7vw,96px);
}

.coaching-kinetic .coach-hero::before{
  background:
    radial-gradient(circle at 74% 24%,rgba(255,208,0,.19),transparent 28%),
    linear-gradient(90deg,rgba(4,5,6,.97) 0%,rgba(4,5,6,.78) 46%,rgba(4,5,6,.19) 83%),
    linear-gradient(0deg,rgba(4,5,6,.96),transparent 62%);
}

.coaching-kinetic .coach-hero::after{
  right:-12vw;
  left:auto;
  top:8%;
  width:46vw;
  height:46vw;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:radial-gradient(circle,transparent 0 41%,rgba(255,208,0,.14) 41.2% 42%,transparent 42.2%);
  transform:rotate(-14deg);
}

.coaching-kinetic .coach-hero-side{
  border:1px solid rgba(255,255,255,.2);
  border-radius:26px 26px 26px 7px;
  box-shadow:0 24px 80px rgba(0,0,0,.2);
}

.coaching-kinetic .coach-metrics{
  gap:8px;
  overflow:visible;
  border:0;
  background:transparent;
  backdrop-filter:none;
}

.coaching-kinetic .coach-metric{
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(7,8,9,.64);
  backdrop-filter:blur(14px);
}

.coaching-kinetic .coach-metric:nth-child(2){border-radius:18px 38px 18px 18px}
.coaching-kinetic .coach-metric:nth-child(3){transform:translateY(8px)}

.coach-motion-band{
  position:relative;
  z-index:4;
  width:100%;
  margin-top:-3px;
  overflow:hidden;
  border-bottom:1px solid rgba(11,12,13,.16);
  background:var(--coach-yellow);
}

.coach-motion-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:24px;
  padding:17px 0;
  animation:coachTicker 24s linear infinite;
  will-change:transform;
}

.coach-motion-track span{
  font:800 18px/1 var(--coach-head);
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
}

.coach-motion-track i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--coach-ink);
}

@keyframes coachTicker{to{transform:translateX(-50%)}}

.coaching-kinetic .coach-problem-grid{
  gap:14px;
  padding:0;
  background:transparent;
}

.coaching-kinetic .coach-problem{
  border:1px solid var(--coach-line);
  border-radius:26px 26px 26px 7px;
}

.coaching-kinetic .coach-problem:nth-child(2){
  border-radius:54px 26px 26px 26px;
  background:var(--coach-sky);
  transform:translateY(24px);
}

.coaching-kinetic .coach-problem:nth-child(3){border-radius:26px 7px 54px 26px}

.coach-route-section{
  padding:clamp(84px,10vw,142px) 0;
  overflow:hidden;
  background:#ece9e1;
}

.coach-route-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:44px;
}

.coach-route-head .coach-section-title em{
  color:var(--coach-violet);
  font-style:normal;
}

.coach-route-controls{
  display:flex;
  gap:9px;
  padding-bottom:8px;
}

.coach-route-controls button{
  width:54px;
  height:54px;
  border:1px solid var(--coach-line);
  border-radius:50%;
  background:#fff;
  color:var(--coach-ink);
  font:700 24px/1 var(--coach-head);
  cursor:pointer;
  transition:transform .2s ease,background .2s ease;
}

.coach-route-controls button:hover{
  transform:translateY(-3px);
  background:var(--coach-yellow);
}

.coach-route-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(330px,42%);
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline mandatory;
  scrollbar-width:none;
  padding:3px max(4vw,calc((100vw - 1240px)/2)) 28px max(4vw,calc((100vw - 1240px)/2));
  margin-inline:calc(50% - 50vw);
}

.coach-route-rail::-webkit-scrollbar{display:none}

.coach-route-card{
  position:relative;
  min-height:570px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  padding:32px;
  border-radius:30px 30px 30px 8px;
  scroll-snap-align:start;
  color:var(--coach-ink);
  transition:transform .25s ease,box-shadow .25s ease;
}

.coach-route-card:hover{
  transform:translateY(-6px) rotate(-.35deg);
  box-shadow:0 28px 70px rgba(11,12,13,.14);
}

.coach-route-card.is-lime{background:var(--coach-lime)}
.coach-route-card.is-violet{background:var(--coach-violet);color:#fff;border-radius:30px 70px 30px 30px}
.coach-route-card.is-yellow{background:var(--coach-yellow);border-radius:70px 30px 30px 30px}
.coach-route-card.is-photo{color:#fff}

.coach-route-card.is-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(4,5,6,.94),rgba(4,5,6,.06) 70%);
}

.coach-route-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.coach-route-card > *:not(img){position:relative;z-index:1}

.coach-route-card > strong{
  position:absolute;
  top:82px;
  right:-.03em;
  font:900 clamp(104px,13vw,188px)/.72 var(--coach-head);
  letter-spacing:-.065em;
  opacity:.13;
}

.coach-route-card div{max-width:420px}

.coach-route-card h3{
  margin:0 0 13px;
  font:900 clamp(39px,4vw,62px)/.88 var(--coach-head);
  text-transform:uppercase;
}

.coach-route-card p{margin:0 0 26px;line-height:1.55;opacity:.72}
.coach-route-card b{font:600 10px/1 var(--coach-mono);letter-spacing:.1em;text-transform:uppercase}

.coaching-kinetic .coach-process{
  gap:10px;
  border:0;
}

.coaching-kinetic .coach-process-step{
  border:1px solid var(--coach-line-dark);
  border-radius:22px;
}

.coaching-kinetic .coach-process-step:nth-child(2){border-radius:54px 22px 22px 22px}
.coaching-kinetic .coach-process-step:nth-child(4){border-radius:22px 22px 54px 22px}

.coaching-kinetic .coach-data-panel,
.coaching-kinetic .coach-fit-card{
  border-radius:28px 28px 28px 8px;
}

.coaching-kinetic .coach-data-panel:last-child,
.coaching-kinetic .coach-fit-card:last-child{border-radius:28px 8px 62px 28px}

.coaching-kinetic .coach-trust{
  margin:0 clamp(0px,3vw,46px);
  overflow:hidden;
  border-radius:clamp(28px,5vw,72px);
}

.coaching-kinetic .coach-faq details{
  margin-bottom:10px;
  padding-inline:22px;
  border:1px solid var(--coach-line);
  border-radius:18px;
  background:#fff;
}

.coaching-kinetic .coach-faq details:last-child{border-bottom:1px solid var(--coach-line)}

.coaching-kinetic .coach-final-cta{
  margin:0 clamp(12px,3vw,46px) clamp(12px,3vw,46px);
  border-radius:clamp(28px,5vw,72px);
}

.coach-mobile-apply{display:none}

@media(max-width:980px){
  .coach-route-rail{grid-auto-columns:minmax(310px,68%)}
  .coaching-kinetic .coach-problem:nth-child(2){transform:none}
}

@media(max-width:680px){
  .coaching-kinetic{padding-bottom:72px}
  .coaching-kinetic .coach-hero{min-height:850px;border-radius:0 0 38px 38px}
  .coaching-kinetic .coach-hero::after{top:17%;right:-32vw;width:96vw;height:96vw}
  .coaching-kinetic .coach-hero-side{border-radius:22px 22px 22px 6px}
  .coaching-kinetic .coach-metrics{grid-template-columns:1fr 1fr}
  .coaching-kinetic .coach-metric:nth-child(3){transform:none}
  .coach-motion-track{animation-duration:18s}
  .coaching-kinetic .coach-problem-grid{gap:10px}
  .coach-route-head{align-items:flex-start}
  .coach-route-controls{display:none}
  .coach-route-rail{grid-auto-columns:84%;gap:12px;padding-left:20px;padding-right:20px}
  .coach-route-card{min-height:475px;padding:26px;border-radius:24px 24px 24px 7px}
  .coach-route-card.is-violet,.coach-route-card.is-yellow{border-radius:24px 48px 24px 24px}
  .coaching-kinetic .coach-process{gap:8px}
  .coaching-kinetic .coach-trust{margin-inline:12px}
  .coaching-kinetic .coach-final-cta{margin-inline:12px}
  .coach-mobile-apply{
    position:fixed;
    right:10px;
    bottom:10px;
    left:10px;
    z-index:99;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:11px 11px 11px 17px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:rgba(11,12,13,.94);
    box-shadow:0 18px 50px rgba(0,0,0,.28);
    color:#fff;
    backdrop-filter:blur(16px);
  }
  .coach-mobile-apply span{font-size:11px;line-height:1.35;color:rgba(255,255,255,.68)}
  .coach-mobile-apply b{display:block;color:#fff;font:700 15px/1 var(--coach-head);text-transform:uppercase}
  .coach-mobile-apply a{flex:none;padding:13px 17px;border-radius:12px;background:var(--coach-yellow);color:var(--coach-ink);font:700 11px/1 var(--coach-mono);text-transform:uppercase}
}

@media(prefers-reduced-motion:reduce){
  .coach-motion-track{animation:none}
  .coach-route-card,.coach-route-controls button{transition:none}
}