.coach-ai-plan-intro {
  display: grid;
  grid-template-columns: 180px 1fr auto;
  gap: 1.35rem;
  align-items: center;
  margin: 0 2.2rem 1.5rem;
  padding: 1rem 1.15rem;
  border: 1px solid #9bdfff;
  border-radius: .85rem;
  background: linear-gradient(110deg, #eefaff, #f4f5ff);
}

.coach-ai-plan-intro > img {
  display: block;
  width: 180px;
  height: auto;
}

.coach-ai-plan-intro > div {
  display: grid;
  gap: .25rem;
}

.coach-ai-plan-intro strong {
  color: #061f43;
  font-size: .95rem;
}

.coach-ai-plan-intro span {
  color: #526982;
  font-size: .8rem;
  line-height: 1.45;
}

.coach-ai-plan-intro > b {
  padding: .5rem .7rem;
  border-radius: 2rem;
  background: #09254b;
  color: #fff;
  font-size: .7rem;
  letter-spacing: .03em;
  white-space: nowrap;
}

.ai-category th {
  background: linear-gradient(90deg, #071b3d, #0b3663);
  color: #fff !important;
}

@media (max-width: 760px) {
  .coach-ai-plan-intro {
    grid-template-columns: 1fr;
    margin: 0 1.5rem 1.5rem;
  }
  .coach-ai-plan-intro > b { width: max-content; }
}

.coach-ai-showcase { position:relative; overflow:hidden; background:radial-gradient(circle at 84% 12%,rgba(28,132,213,.22),transparent 28rem),radial-gradient(circle at 8% 85%,rgba(211,32,50,.16),transparent 24rem),#071628; color:#fff; }
.coach-ai-showcase::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
.coach-ai-heading,.coach-ai-demo,.coach-ai-disclaimer { position:relative; z-index:1; }
.coach-ai-heading { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(18rem,.58fr); gap:2.25rem; align-items:center; margin-bottom:2rem; }
.coach-ai-heading>div { display:grid; grid-template-columns:minmax(12rem,18rem) minmax(0,1fr); gap:1.6rem; align-items:center; }
.coach-ai-heading h2 { margin:0; color:#fff; }
.coach-ai-heading h2 em { color:#e02538; font-style:normal; }
.coach-ai-heading>p { margin:0 0 .5rem; color:#c7d5e6; font-size:1.05rem; line-height:1.7; }
.coach-ai-showcase-logo { display:block; width:100%; height:auto; box-sizing:border-box; margin:0; padding:.55rem .7rem; border:1px solid rgba(255,255,255,.72); border-radius:12px; background:#fff; filter:drop-shadow(0 10px 22px rgba(0,0,0,.26)); }
.coach-ai-demo { display:flex; flex-direction:column; gap:.8rem; }
.coach-ai-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; }
.coach-ai-tab { position:relative; overflow:hidden; display:grid; grid-template-columns:1.75rem 1fr; gap:.55rem; align-items:center; width:100%; min-height:4.25rem; padding:.72rem .8rem; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.045); color:#fff; text-align:left; cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.coach-ai-tab:hover,.coach-ai-tab:focus-visible { border-color:rgba(94,188,255,.62); transform:translateY(-2px); }
.coach-ai-tab.is-active { border-color:rgba(238,51,70,.84); background:linear-gradient(135deg,rgba(224,37,56,.2),rgba(21,94,151,.2)); box-shadow:inset 3px 0 0 #e02538; }
.coach-ai-tab.is-active::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; transform-origin:left; background:linear-gradient(90deg,#e02538,#10c6f4); animation:coach-ai-progress 6s linear forwards; }
.coach-ai-demo.is-paused .coach-ai-tab.is-active::after { animation-play-state:paused; }
.coach-ai-tab>span:first-child { color:#5ebcff; font-family:"Oswald",sans-serif; font-weight:700; }
.coach-ai-tab strong,.coach-ai-tab small { display:block; }
.coach-ai-tab strong { font-size:.88rem; line-height:1.2; }
.coach-ai-tab small { margin-top:.2rem; color:#9fb2c9; font-size:.7rem; line-height:1.3; }
.coach-ai-stage { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:#f7f9fc; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.coach-ai-browser { background:#dbe4ef; }
.coach-ai-browser-bar { display:grid; grid-template-columns:4.5rem minmax(10rem,1fr) auto; align-items:center; gap:1rem; min-height:48px; padding:.55rem 1rem; border-bottom:1px solid #c6d2df; color:#56697e; }
.coach-ai-browser-bar .real-app-address { max-width:24rem; margin:0 auto; }
.coach-ai-real { display:inline-flex; align-items:center; gap:.4rem; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.coach-ai-real i { width:.48rem; height:.48rem; border-radius:50%; background:#27b873; box-shadow:0 0 0 4px rgba(39,184,115,.14); }
.coach-ai-bar-actions { display:flex; align-items:center; gap:.9rem; }
.coach-ai-playback { display:inline-flex; align-items:center; gap:.35rem; padding:.45rem .65rem; border:1px solid #bdcbd9; border-radius:999px; background:#fff; color:#24394e; font:inherit; font-size:.7rem; font-weight:800; cursor:pointer; }
.coach-ai-playback:hover,.coach-ai-playback:focus-visible { border-color:#1475b6; color:#0b68a8; }
.coach-ai-screen { position:relative; height:clamp(19rem,36vw,33rem); overflow:hidden; background:#071628; }
.coach-ai-screen img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; transition:opacity .2s ease,transform .35s ease; }
.coach-ai-screen:not(.is-changing) img { animation:coach-ai-image-drift 6s ease-in-out both; }
.coach-ai-screen[data-mode="mobile"] { background:radial-gradient(circle,#174166,#071628 68%); }
.coach-ai-screen[data-mode="mobile"] img { width:auto; max-width:92%; margin:0 auto; object-fit:contain; padding:1rem; filter:drop-shadow(0 18px 25px rgba(0,0,0,.35)); }
.coach-ai-screen.is-changing img { opacity:.55; transform:scale(.985); }
.coach-ai-screen[data-feature="schedule"]::before { content:"AI reviews each imported game"; position:absolute; z-index:2; left:50%; bottom:1rem; transform:translateX(-50%); width:max-content; max-width:calc(100% - 2rem); padding:.55rem .85rem; border-radius:999px; background:rgba(8,24,42,.92); color:#fff; font-size:.72rem; font-weight:800; box-shadow:0 8px 24px rgba(0,0,0,.3); animation:coach-ai-label-in .4s ease both; }
.coach-ai-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.78fr) auto; gap:.75rem 1.5rem; align-items:center; padding:1.5rem 1.7rem; color:#0c1b2d; }
.coach-ai-story>p:first-child { grid-column:1/-1; margin:0; color:#1475b6; font-size:.73rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.coach-ai-story h3 { margin:0; font-size:clamp(1.2rem,2vw,1.8rem); line-height:1.15; }
.coach-ai-story>p:not(:first-child) { margin:0; color:#53677e; line-height:1.55; }
.coach-ai-story ul { display:none; }
.coach-ai-story .button { white-space:nowrap; }
.coach-ai-disclaimer { margin:1.1rem 0 0; color:#9fb2c9; font-size:.82rem; text-align:right; }

@media (max-width:960px) {
  .coach-ai-heading { grid-template-columns:1fr; gap:1rem; }
  .coach-ai-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coach-ai-tab:hover { transform:none; }
  .coach-ai-story { grid-template-columns:1fr auto; }
  .coach-ai-story>p:not(:first-child) { grid-column:1/-1; }
}

@media (max-width:640px) {
  .coach-ai-heading { margin-bottom:1.8rem; }
  .coach-ai-heading>div { grid-template-columns:1fr; gap:1rem; }
  .coach-ai-heading>p { font-size:.98rem; }
  .coach-ai-showcase-logo { width:min(16rem,78%); }
  .coach-ai-tabs { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:.3rem; }
  .coach-ai-tab { min-width:72%; min-height:4rem; scroll-snap-align:start; }
  .coach-ai-browser-bar { grid-template-columns:3rem 1fr; padding:.45rem .65rem; }
  .coach-ai-browser-bar .real-app-address { min-width:0; }
  .coach-ai-real { display:none; }
  .coach-ai-bar-actions { gap:.35rem; }
  .coach-ai-playback { padding:.42rem .55rem; }
  .coach-ai-screen { height:22rem; }
  .coach-ai-screen[data-mode="desktop"] img { width:145%; max-width:none; object-position:48% top; }
  .coach-ai-story { display:block; padding:1.25rem; }
  .coach-ai-story h3 { margin:.45rem 0 .65rem; }
  .coach-ai-story .button { margin-top:1rem; width:100%; justify-content:center; }
  .coach-ai-disclaimer { text-align:left; line-height:1.5; }
}

@media (prefers-reduced-motion:reduce) {
  .coach-ai-tab,.coach-ai-screen img { transition:none; }
  .coach-ai-tab.is-active::after,.coach-ai-screen:not(.is-changing) img,.coach-ai-screen[data-feature="schedule"]::before { animation:none; }
}

@keyframes coach-ai-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes coach-ai-image-drift { 0% { transform:scale(1); } 55% { transform:scale(1.025); } 100% { transform:scale(1.012); } }
@keyframes coach-ai-label-in { from { opacity:0; transform:translate(-50%,8px); } to { opacity:1; transform:translate(-50%,0); } }
