.training-page{background:#0b0b0c}
.training-page .nav-links a[aria-current="page"]{color:#fff}
.training-page .nav-links a:focus-visible,
.training-page .evidence-marquee:focus-visible,
.training-page summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}

.training-hero{padding:94px 24px 86px;background:#0b0b0c;overflow:hidden}
.training-hero-in{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center}
.training-hero-copy{padding:26px 0}
.training-hero h1{max-width:690px;margin:0;font-size:58px;font-weight:600;line-height:1.08;letter-spacing:-.025em}
.training-hero-lead{max-width:610px;margin:26px 0 0;color:#aaaab0;font-size:19px;line-height:1.62}
.training-actions{display:flex;align-items:center;gap:14px;margin-top:34px}
.training-hero-media{position:relative;aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#171719;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.training-hero-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);pointer-events:none}
.training-hero-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.training-hero-slide{flex:0 0 100%;width:100%;height:100%;margin:0}
.training-hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88)}
.training-carousel-button{position:absolute;top:50%;z-index:2;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(16,16,18,.72);color:#fff;font-size:25px;line-height:1;opacity:0;transform:translateY(-50%);transition:opacity .2s ease,background .2s ease,transform .12s ease;cursor:pointer;backdrop-filter:blur(12px)}
.training-carousel-button.is-prev{left:16px}
.training-carousel-button.is-next{right:16px}
.training-hero-media:hover .training-carousel-button,.training-hero-media:focus-within .training-carousel-button{opacity:1}
.training-carousel-button:hover{background:rgba(28,28,30,.9)}
.training-carousel-button:active{transform:translateY(-50%) scale(.94)}
.training-carousel-button:focus-visible{opacity:1;outline:2px solid var(--red);outline-offset:3px}
.training-carousel-dots{position:absolute;left:50%;bottom:15px;z-index:2;display:flex;gap:7px;transform:translateX(-50%)}
.training-carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.46);transition:width .25s cubic-bezier(.16,1,.3,1),background .2s ease;cursor:pointer}
.training-carousel-dots button.is-active{width:22px;border-radius:999px;background:var(--red)}
.training-carousel-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}

.training-section{padding:118px 24px}
.training-section-in{width:min(var(--max),100%);margin:auto}
.training-section-head{max-width:760px;margin-bottom:66px}
.training-section h2,
.training-scenes h2,
.training-feedback h2{margin:0;font-size:44px;font-weight:600;line-height:1.13;letter-spacing:-.018em}

.training-thinking{background:#f5f5f7;color:#1d1d1f}
.training-thinking .kicker{color:#d72019}
.thought-list{border-bottom:1px solid rgba(0,0,0,.17)}
.thought-row{display:grid;grid-template-columns:72px minmax(260px,.9fr) minmax(320px,1.1fr);gap:44px;align-items:start;padding:38px 0;border-top:1px solid rgba(0,0,0,.17)}
.thought-no{padding-top:7px;color:#9a9a9f;font-size:12px;letter-spacing:.14em}
.thought-row h3{margin:0;font-size:27px;font-weight:600;line-height:1.25;letter-spacing:-.015em}
.thought-row p{max-width:600px;margin:0;color:#6e6e73;font-size:17px;line-height:1.66}

.training-custom{background:#111113}
.custom-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:100px;align-items:start}
.custom-copy h2{margin:0;font-size:46px;font-weight:600;line-height:1.13;letter-spacing:-.02em}
.custom-copy>p:last-child{max-width:590px;margin:28px 0 0;color:#aaaab0;font-size:18px;line-height:1.7}
.custom-list{margin:0;border-bottom:1px solid rgba(255,255,255,.17)}
.custom-list>div{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:28px 0;border-top:1px solid rgba(255,255,255,.17)}
.custom-list dt{color:#f5f5f7;font-size:16px;font-weight:600}
.custom-list dd{margin:0;color:#98989d;font-size:16px;line-height:1.55}

.training-scenes{padding:118px 0 126px;background:#050506;overflow:hidden}
.scenes-head,.feedback-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:60px;padding:0 24px}
.scenes-head>p,.feedback-head>p{max-width:390px;margin:0 0 4px;color:#86868b;font-size:16px;line-height:1.55}
.evidence-marquee{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.evidence-marquee+.evidence-marquee{margin-top:16px}
.evidence-track{display:flex;flex:none;width:max-content;gap:16px;will-change:transform;animation:evidence-left 56s linear infinite}
.evidence-set{display:flex;flex:none;gap:16px}
.scene-rail.reverse .evidence-track{animation-direction:reverse;animation-duration:64s}
.scene-frame{flex:0 0 390px;width:390px;height:258px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#171719}
.scene-frame.wide{width:500px;flex-basis:500px}
.scene-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.86);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .3s ease}
.scene-frame:hover img{transform:scale(1.025);filter:saturate(1)}

.training-feedback{padding:118px 0 128px;background:#f5f5f7;color:#1d1d1f;overflow:hidden}
.training-feedback .kicker{color:#d72019}
.feedback-head>p{color:#6e6e73}
.feedback-track{align-items:flex-start;animation-duration:82s}
.feedback-frame{position:relative;flex:0 0 auto;width:auto;height:520px;display:flex;align-items:flex-start;justify-content:center;margin:0;padding:20px;border:1px solid rgba(0,0,0,.1);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(33,33,38,.06);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.feedback-frame:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(33,33,38,.1)}
.feedback-frame img{width:auto;height:100%;max-width:none;object-fit:contain;object-position:center top}

.training-faq{background:#eeeef0;color:#1d1d1f}
.training-faq .kicker{color:#d72019}
.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:110px;align-items:start}
.training-faq h2{margin:0;font-size:42px;font-weight:600;line-height:1.15;letter-spacing:-.018em}
.faq-list{border-bottom:1px solid rgba(0,0,0,.17)}
.faq-list details{border-top:1px solid rgba(0,0,0,.17)}
.faq-list summary{position:relative;padding:29px 48px 29px 0;list-style:none;cursor:pointer;font-size:20px;font-weight:600;line-height:1.4}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;top:25px;right:2px;color:#8b8b90;font-size:28px;font-weight:300;line-height:1;transition:transform .25s ease}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{max-width:690px;margin:-3px 48px 30px 0;color:#6e6e73;font-size:16px;line-height:1.7}
.training-contact{min-height:590px;background:#09090a}

@keyframes evidence-left{to{transform:translate3d(calc(-50% - 8px),0,0)}}

@media (hover:hover){
  .evidence-marquee:hover .evidence-track{animation-play-state:paused}
}
.evidence-marquee:focus-within .evidence-track{animation-play-state:paused}

@media(max-width:900px){
  .training-hero-in,.custom-layout,.faq-layout{grid-template-columns:1fr;gap:54px}
  .training-hero{padding-top:70px}
  .training-hero-copy{padding:0}
  .training-hero h1{font-size:50px}
  .training-hero-media{aspect-ratio:16/9}
  .thought-row{grid-template-columns:52px minmax(220px,.8fr) minmax(280px,1.2fr);gap:26px}
  .scenes-head,.feedback-head{grid-template-columns:1fr;gap:22px}
  .faq-layout{gap:48px}
}

@media(max-width:680px){
  .training-hero{padding:64px 18px 66px}
  .training-hero-in{gap:46px}
  .training-hero h1{font-size:41px;line-height:1.1}
  .training-hero-lead{font-size:17px;line-height:1.58}
  .training-actions{align-items:stretch;flex-direction:column;width:100%}
  .training-actions .pill{width:100%}
  .training-hero-media{aspect-ratio:16/9;border-radius:20px}
  .training-section{padding:86px 18px}
  .training-section h2,.training-scenes h2,.training-feedback h2,.training-faq h2,.custom-copy h2{font-size:34px}
  .training-section-head{margin-bottom:46px}
  .thought-row{grid-template-columns:38px 1fr;gap:11px 10px;padding:29px 0}
  .thought-row h3{font-size:23px}
  .thought-row p{grid-column:2;font-size:16px}
  .custom-layout{gap:48px}
  .custom-copy>p:last-child{font-size:16px}
  .custom-list>div{grid-template-columns:88px 1fr;gap:18px;padding:23px 0}
  .custom-list dt,.custom-list dd{font-size:15px}
  .training-scenes,.training-feedback{padding:86px 0 92px}
  .scenes-head,.feedback-head{margin-bottom:42px;padding:0 18px}
  .evidence-marquee{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory;scrollbar-width:none}
  .evidence-marquee::-webkit-scrollbar{display:none}
  .evidence-track{padding:0 18px;animation:none}
  .evidence-set[aria-hidden="true"]{display:none}
  .scene-frame,.scene-frame.wide{width:310px;flex-basis:310px;height:215px;scroll-snap-align:center;border-radius:16px}
  .feedback-frame{height:470px;scroll-snap-align:center}
  .faq-layout{gap:40px}
  .faq-list summary{padding:24px 40px 24px 0;font-size:18px}
  .faq-list summary::after{top:21px}
  .faq-list details p{margin-right:12px;font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .training-hero-track{transition:none}
  .evidence-marquee{overflow-x:auto;mask-image:none}
  .evidence-track{animation:none}
  .evidence-set[aria-hidden="true"]{display:none}
  .scene-frame img,.feedback-frame{transition:none}
}