.hero{gap:70px;padding-top:64px;padding-bottom:74px}
.hero-demo{width:100%;max-width:450px;justify-self:end;min-width:0}
.demo-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--blue)}
.demo-player{position:relative;border:1px solid #d4deeb;border-radius:24px;overflow:hidden;background:var(--pale);box-shadow:0 18px 42px #1825360c}
.demo-player video{display:block;width:100%;aspect-ratio:720/1000;background:var(--pale)}
.demo-play{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:90%;border:1px solid #ffffff66;border-radius:100px;padding:17px 22px;color:#fff;background:#151515;font-size:14px;font-weight:600;box-shadow:0 8px 30px #0003}
.demo-play[hidden]{display:none}.demo-play>span{font-size:15px}.demo-play:hover{background:var(--blue)}
.hero-demo>p{font-size:11px;color:var(--muted);line-height:1.6;margin:15px 3px 0}
.demo-transcript{border:0}.demo-transcript summary{font-size:11px;font-weight:400;padding:10px 28px 8px 3px;color:var(--blue)}.demo-transcript summary:after{font-size:16px;top:6px}.demo-transcript p{font-size:12px;margin:4px 3px 0;line-height:1.6}
video:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.story-card{display:flex;flex-direction:column;padding:26px 24px 20px}.story-card .card-label h3{min-height:58px;margin-bottom:24px}.story-card video{display:block;width:100%;height:440px;object-fit:contain;background:#101722;border-radius:16px}.story-card figcaption{font-size:10px;line-height:1.6;margin-top:20px}.story-cue{display:flex;flex-direction:column;justify-content:center;min-height:440px;gap:25px;padding:24px 4px}.story-cue h4{font-size:48px;letter-spacing:-2px;line-height:1;margin:0}.story-cue>p{font-size:25px;letter-spacing:-.5px;line-height:1.45;margin:0}.story-cue .text-link{margin-top:15px;color:var(--blue)}.capture-note{max-width:790px;margin:23px auto 0;line-height:1.7}
.coaching-section{grid-template-columns:.8fr 1.2fr;gap:64px}.coaching-closeup{min-height:560px;padding:42px 26px 25px}.coaching-closeup .feature-detail{max-width:none;padding:0;gap:32px}.coaching-closeup h3{font-size:32px}.coaching-closeup img{border-radius:17px;box-shadow:0 12px 32px #1825360b}.coaching-closeup>span{font-size:10px;text-align:center;line-height:1.6}.coaching-closeup .feature-detail>p{font-size:16px}
@media(max-width:1100px){.hero{gap:40px}.demo-heading{font-size:8px;letter-spacing:.7px}.demo-play{font-size:12px;padding:14px 16px}.story-card video{height:390px}.story-cue{min-height:390px}.story-cue>p{font-size:22px}}
@media(max-width:850px){.hero{gap:30px}.hero-demo{max-width:360px}.demo-heading{font-size:7px}.demo-play{font-size:11px;gap:8px;bottom:60px}.hero-demo>p{font-size:10px}.story-card video{height:370px}.story-cue{min-height:370px}.story-cue h4{font-size:40px}.story-cue>p{font-size:23px}.coaching-section{grid-template-columns:1fr 1.2fr;gap:30px}.coaching-closeup{padding:30px 18px}.coaching-closeup h3{font-size:27px}}
@media(max-width:620px){.hero{gap:35px;padding-top:40px;padding-bottom:50px}.hero-demo{max-width:350px;text-align:left}.demo-heading{font-size:8px;letter-spacing:1px}.demo-player{border-radius:20px}.demo-play{font-size:13px}.hero-demo>p{font-size:10px}.gallery{grid-template-columns:repeat(3,300px)}.story-card{padding:24px 20px 18px}.story-card .card-label h3{font-size:23px}.story-card video{height:400px}.story-cue{min-height:400px}.story-cue>p{font-size:25px}.capture-note{max-width:none}.coaching-section{grid-template-columns:1fr;gap:28px}.coaching-closeup{min-height:440px;padding:30px 16px}.coaching-closeup h3{font-size:28px}.coaching-closeup .feature-detail{gap:26px}.coaching-closeup>span{font-size:9px}}
