/* Scoped to the public Coach landing; product and Centros styles stay unchanged. */
.coach-showcase-page { --coach-showcase-accent:var(--gradB); --coach-showcase-pink:var(--gradA); --coach-showcase-surface:#14141e; }
[data-theme="light"] .coach-showcase-page { --coach-showcase-surface:#fff; }
.coach-showcase-page [hidden] { display:none !important; }
.coach-showcase-page a:focus-visible, .coach-showcase-page button:focus-visible, .coach-showcase-page summary:focus-visible { outline:3px solid var(--coach-showcase-accent); outline-offset:5px; }
.coach-showcase-page .marketing-hero { gap:40px; padding:62px 0 80px; grid-template-columns:1.05fr 1fr; }
.coach-showcase-page .marketing-button-primary { color:#111017; }
.coach-showcase-section-nav { display:flex; flex-wrap:wrap; gap:12px 28px; padding:16px 0; border-top:1px solid var(--stroke); border-bottom:1px solid var(--stroke); }
.coach-showcase-section-nav a { font-size:.8rem; text-decoration:none; color:var(--landing-muted); padding:5px 0; }
.coach-showcase-invite { display:grid; gap:7px; margin-top:24px; font-size:.86rem; }
.coach-showcase-invite a { width:fit-content; font-weight:750; text-underline-offset:5px; }
.coach-showcase-invite span { color:var(--landing-muted); font-size:.76rem; }
.coach-showcase-chip { border:1px solid var(--stroke); border-radius:30px; padding:5px 9px; color:var(--landing-muted); font-size:.68rem; white-space:nowrap; }
.coach-showcase-label { display:block; color:var(--coach-showcase-accent); font-size:.67rem; font-weight:800; letter-spacing:.1em; }
.coach-showcase-carousel { margin-top:32px; border:1px solid var(--stroke); border-radius:24px; overflow:hidden; background:var(--panel); }
.coach-showcase-scenes { display:flex; flex-wrap:wrap; gap:8px; padding:16px; border-bottom:1px solid var(--stroke); }
.coach-showcase-scenes button { flex:1; min-width:125px; padding:13px 10px; min-height:48px; border:1px solid color-mix(in srgb,var(--landing-ink) 24%,transparent); border-radius:10px; background:var(--coach-showcase-surface); color:var(--landing-ink); font:inherit; font-size:.92rem; font-weight:800; cursor:pointer; }
.coach-showcase-scenes button[aria-current="true"] { color:#111017; background:linear-gradient(100deg,var(--gradA),var(--gradB)); border-color:transparent; box-shadow:0 5px 16px rgba(255,59,189,.18); }
.coach-showcase-scenes button:not([aria-current="true"]):hover { background:color-mix(in srgb,var(--coach-showcase-accent) 10%,var(--coach-showcase-surface)); }
.coach-showcase-slide { display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center; padding:40px; min-height:460px; }
.coach-showcase-slide + .coach-showcase-slide { border-top:1px solid var(--stroke); }
.coach-showcase-slide-copy h3 { margin:18px 0; font-size:clamp(1.9rem,3.2vw,2.7rem); line-height:1.1; letter-spacing:-.055em; }
.coach-showcase-slide-copy p { color:var(--landing-muted); font-size:.95rem; line-height:1.7; }
.coach-showcase-slide-copy ul { display:grid; gap:12px; margin:24px 0 0; padding:0; list-style:none; color:var(--landing-muted); font-size:.82rem; line-height:1.55; }
.coach-showcase-slide-copy li { padding-left:18px; position:relative; }
.coach-showcase-slide-copy li::before { content:'↗'; color:var(--coach-showcase-pink); position:absolute; left:0; }
.coach-showcase-carousel-controls { display:flex; align-items:center; gap:10px; padding:16px 24px; border-top:1px solid var(--stroke); }
.coach-showcase-counter { color:var(--coach-showcase-accent); font-size:.8rem; font-weight:800; }
.coach-showcase-control-hint { flex:1; font-size:.75rem; color:var(--landing-muted); }
.coach-showcase-carousel-controls button { display:grid; place-items:center; width:46px; height:46px; border:1px solid var(--stroke); border-radius:50%; background:var(--coach-showcase-surface); color:var(--landing-ink); font-size:1.2rem; cursor:pointer; }
.coach-showcase-carousel button:hover { border-color:var(--coach-showcase-accent); }
.coach-showcase-mobile-callout { margin-top:24px; padding:40px; border:1px solid var(--stroke); border-radius:18px; background:radial-gradient(ellipse at 100% 100%,#2ee5ff13,transparent 65%); }
.coach-showcase-mobile-callout h3 { margin:16px 0; font-size:2rem; letter-spacing:-.04em; line-height:1.15; }
.coach-showcase-mobile-callout p { max-width:620px; color:var(--landing-muted); line-height:1.65; }
.coach-showcase-mobile-callout a { font-size:.9rem; font-weight:700; text-underline-offset:5px; }
.coach-showcase-page .marketing-step a { overflow-wrap:anywhere; text-underline-offset:3px; }
.coach-showcase-faq { margin-top:32px; border-top:1px solid var(--stroke); }
.coach-showcase-faq details { border-bottom:1px solid var(--stroke); }
.coach-showcase-faq summary { cursor:pointer; font-weight:750; font-size:1rem; padding:24px 8px; line-height:1.5; }
.coach-showcase-faq summary::marker { color:var(--coach-showcase-pink); }
.coach-showcase-faq p { max-width:800px; margin:0; padding:0 8px 24px; color:var(--landing-muted); line-height:1.75; font-size:.95rem; }
.coach-showcase-faq a { overflow-wrap:anywhere; text-underline-offset:4px; }
.coach-showcase-contact .marketing-actions { justify-content:center; }
.coach-showcase-email { display:inline-block; font-size:clamp(1rem,2.6vw,1.7rem); font-weight:800; text-underline-offset:7px; overflow-wrap:anywhere; max-width:100%; }
.coach-showcase-contact .coach-showcase-contact-note { font-size:.78rem; max-width:540px; margin-top:24px; }
.coach-showcase-page .marketing-footer > div { display:flex; flex-wrap:wrap; gap:18px; }
.coach-showcase-sr-only, .coach-showcase-skip:not(:focus) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.coach-showcase-skip:focus { display:block; padding:12px; background:var(--coach-showcase-surface); }
.coach-showcase-page section[id], .coach-showcase-slide[id] { scroll-margin-top:24px; }
@media (max-width:900px) {
  .coach-showcase-page .marketing-hero { grid-template-columns:1fr; gap:38px; }
  .coach-showcase-slide { gap:24px; padding:28px; }
}
@media (max-width:650px) {
  .coach-showcase-slide { grid-template-columns:1fr; padding:24px 18px; min-height:0; }
  .coach-showcase-slide-copy h3 { font-size:2rem; }
  .coach-showcase-slide-copy ul { margin-top:18px; }
  .coach-showcase-scenes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px; }
  .coach-showcase-scenes button { min-width:0; font-size:.82rem; padding:12px 6px; }
  .coach-showcase-mobile-callout { padding:28px 22px; }
  .coach-showcase-mobile-callout h3 { font-size:1.7rem; }
  .coach-showcase-carousel-controls { padding:16px; }
}
@media (max-width:380px) {
}
@media (prefers-reduced-motion:reduce) {
  .coach-showcase-page *, .coach-showcase-page *::before, .coach-showcase-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .coach-showcase-page .marketing-button:hover { transform:none; }
}

/* Captures use the original app CSS in shared/landing-coach-showcase/examples.html.
   Keep the desktop view wide; select a separately rendered mobile viewport. */
.coach-showcase-real-hero { min-width:0; margin:0; padding:18px; border:1px solid var(--stroke); border-radius:20px; background:var(--coach-showcase-surface); box-shadow:0 28px 70px #0002; }
.coach-showcase-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.coach-showcase-real-hero figcaption, .coach-showcase-real-preview figcaption { color:var(--landing-muted); font-size:.76rem; line-height:1.6; margin-top:16px; }
.coach-showcase-slide { grid-template-columns:1fr; gap:26px; }
.coach-showcase-slide-copy { display:grid; grid-template-columns:1fr 1fr; column-gap:40px; align-items:start; }
.coach-showcase-slide-copy > .coach-showcase-label, .coach-showcase-slide-copy > h3 { grid-column:1; }
.coach-showcase-slide-copy > p { grid-column:2; grid-row:1 / span 2; margin:0; }
.coach-showcase-slide-copy > ul { grid-column:2; grid-row:3; margin-top:8px; }
.coach-showcase-slide-copy h3 { grid-row:2 / span 2; margin-bottom:0; }
.coach-showcase-real-preview { min-width:0; margin:0; }
.coach-showcase-capture { display:block; border-radius:12px; overflow:hidden; }
.coach-showcase-capture img { display:block; width:100%; height:auto; }
.coach-showcase-capture--light { display:none; }
[data-theme="light"] .coach-showcase-capture--dark { display:none; }
[data-theme="light"] .coach-showcase-capture--light { display:block; }
.coach-showcase-real-preview figcaption span { display:block; margin-top:3px; }
@media (max-width:900px) {
  .coach-showcase-real-preview { max-width:390px; width:100%; justify-self:center; }
}
@media (max-width:650px) {
  .coach-showcase-slide-copy { display:block; }
  .coach-showcase-slide-copy h3 { margin:18px 0; }
  .coach-showcase-slide-copy > p { margin:0 0 18px; }
  .coach-showcase-slide-copy > ul { margin-top:18px; }
  .coach-showcase-real-preview { max-width:390px; width:100%; justify-self:center; }
}

.coach-showcase-page .marketing-footer a { overflow-wrap:anywhere; }
.coach-showcase-page .marketing-actions { flex-wrap:wrap; }

/* The access section needs its own padding: the shared section rule has none horizontally. */
.coach-showcase-page .marketing-client-access {
  padding:clamp(32px,5vw,52px) clamp(24px,5vw,48px);
  text-align:center;
}
.coach-showcase-page .marketing-client-access .marketing-section-heading {
  margin:0 auto;
}
.coach-showcase-page .marketing-client-access .marketing-eyebrow {
  margin:0 0 16px;
}
.coach-showcase-page .marketing-client-access .marketing-section-heading > p:not(.marketing-eyebrow) {
  max-width:58ch;
  margin:18px auto 0;
}
.coach-showcase-page .marketing-client-access .marketing-button {
  margin-top:24px;
  max-width:100%;
}