/* Hero copy belongs on the dark, open side so the player remains visible. */
.hero::before {
  background:
    linear-gradient(90deg, rgba(3,8,14,.93) 0%, rgba(3,8,14,.72) 34%, rgba(3,8,14,.08) 64%, rgba(3,8,14,.2) 100%),
    linear-gradient(0deg, #050b13 0%, transparent 40%);
}
.hero-copy { margin-left:0; margin-right:auto; width:46%; padding:0 30px 0 64px; }
.api-status { position:fixed; z-index:30; left:50%; top:92px; transform:translateX(-50%); padding:8px 14px; border:1px solid #8a6423; border-radius:6px; background:#261b09; color:#ffd384; font-size:10px; font-weight:700; letter-spacing:.6px; box-shadow:0 8px 30px #0008; }
.coach-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.coach-card { min-height:220px; padding:24px; cursor:pointer; transition:.2s; position:relative; }
.coach-card:hover { transform:translateY(-3px); border-color:#315879; }
.coach-card .avatar { margin-bottom:20px; }
.coach-card h2 { margin:0 0 6px; font:700 25px var(--display); text-transform:uppercase; }
.coach-card p { color:var(--muted); font-size:11px; }
.coach-score { position:absolute; right:22px; top:22px; width:44px; height:44px; display:grid; place-items:center; border:2px solid var(--gold); border-radius:50%; color:var(--gold); font:700 16px var(--display); }
@media(max-width:1100px){.hero-copy{width:50%;padding-left:42px}.coach-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero::before{background:linear-gradient(0deg,#050b13 17%,rgba(3,8,14,.2) 80%)}.hero-copy{width:100%;padding:0 22px 77px}.coach-grid{grid-template-columns:1fr}.api-status{top:75px;width:calc(100% - 30px);text-align:center}}