/* A product-led opening with fixed perspective and visible static defaults. */
.hero{padding-top:34px;overflow:hidden}
.audience-switch{margin-bottom:30px}
#hero-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);column-gap:60px;row-gap:26px;align-items:start;min-height:0}
.hero-copy{display:contents}
.hero h1{grid-column:1;grid-row:1;font-size:clamp(54px,5.3vw,84px);line-height:1.055;letter-spacing:-.04em;max-width:none;margin:0}
.hero h1 .opening-line{display:block;overflow:hidden;padding-bottom:.11em;margin-bottom:-.11em}
.hero h1 .opening-line+.opening-line{margin-top:0}
.hero h1 .opening-line>span{display:block;margin:0}
.hero-intro{grid-column:2;grid-row:1;align-self:center;margin:0;padding-top:4px}
.hero-intro>p{font-size:16px;line-height:1.75;max-width:43ch}
.hero-actions{gap:12px 20px;margin-top:22px}
.hero-actions .button{font-size:13px;min-height:52px;padding:14px 18px}
.hero-actions .text-link{font-size:13px}
.hero .hero-stage,.hero[data-audience=coach] .hero-stage,.hero[data-audience=player] .hero-stage{grid-column:1/-1;grid-row:2;width:100%;max-width:940px;margin:8px auto 0;isolation:isolate}
.device-scene{padding-top:66%;perspective:none}
.hero[data-audience=coach] .stage-portal{width:82%;left:1%;top:4%;transform:none}
.hero[data-audience=coach] .stage-course{width:20.5%;right:1%;top:22%;transform:none;border-radius:28px}
.hero[data-audience=player] .device-scene{padding-top:66%}
.hero[data-audience=player] .stage-portal{width:25%;left:24%;top:4%;max-width:none;transform:none}
.hero[data-audience=player] .stage-course{width:24%;right:24%;top:11%;max-width:none;transform:none}
.hero .stage-caption,.hero[data-audience=coach] .stage-caption,.hero[data-audience=player] .stage-caption{display:flex;justify-content:space-between;gap:16px;min-height:62px;margin:6px 0 0;padding:17px 0;position:relative}
.hero .stage-caption>span:first-child{font-size:14px}
.hero .stage-caption>span:nth-child(2){font-size:13px}
.opening-playing .device-scene{clip-path:inset(-20px -24px 0 -24px)}
.opening-playing .stage-caption{border-top-color:transparent}
.stage-caption::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:left center}
.audience-strip{grid-row:3;grid-column:1/-1;margin-top:34px}
.hero-integrations{grid-row:4;grid-column:1/-1;margin-top:36px;padding-bottom:52px}
.chapter-heading-reveal{overflow:clip;overflow-clip-margin:5px}
.intention-flow .process-current strong{font-weight:750}
body.motion-enabled .intention-flow li:not(:last-child)::before{width:2px;left:4.5px}
body.motion-enabled .process-point{transition:background-color 200ms ease,transform 250ms cubic-bezier(.16,1,.3,1)}
body.motion-enabled .process-current .process-point{transform:scale(1.3)}
@media(min-width:1600px){#hero-panel{column-gap:80px}.hero h1{font-size:84px}.hero-intro>p{font-size:17px}}
@media(max-width:1100px){
 #hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(290px,.85fr);column-gap:36px;row-gap:28px}
 .hero h1{font-size:clamp(48px,5.25vw,62px)}
 .hero .hero-stage{max-width:840px}
 .hero-intro>p{font-size:15px}
 .hero-actions{gap:8px 14px;margin-top:18px}
 .hero-actions .button{font-size:12px}
}
@media(max-width:950px) and (min-width:701px){
 #hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(260px,.9fr);column-gap:28px}
 .hero h1{font-size:46px}
 .hero-intro>p{font-size:14px;line-height:1.65}
 .hero .hero-stage{max-width:780px}
 .hero[data-audience=coach] .stage-course{border-radius:24px}
}
@media(max-width:700px){
 .hero{padding-top:20px}.audience-switch{margin-bottom:26px}
 #hero-panel{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0;min-height:0}
 .hero h1{grid-column:1;grid-row:1;font-size:clamp(32px,10vw,50px);line-height:1.08;letter-spacing:-.04em;max-width:16ch}
 .hero-intro{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-items:flex-start;margin-top:22px;padding:0}
 .hero-intro>p{font-size:16px;line-height:1.75;max-width:44ch}
 .hero-actions{order:-1;margin:0 0 22px;gap:10px 18px;flex-wrap:wrap}
 .hero-actions .button{font-size:13px;min-height:52px;padding:14px 18px}
 .hero-actions .text-link{font-size:13px}
 .hero .hero-stage,.hero[data-audience=coach] .hero-stage,.hero[data-audience=player] .hero-stage{grid-column:1;grid-row:2;margin:28px 0 0;max-width:500px;justify-self:center}
 .device-scene{padding-top:82%}
 .hero[data-audience=coach] .stage-portal{width:88%;left:0;top:4%;transform:none}
 .hero[data-audience=coach] .stage-course{width:27%;right:0;top:19%;border-width:3px;border-radius:18px;transform:none}
 .hero[data-audience=player] .device-scene{padding-top:91%}
 .hero[data-audience=player] .stage-portal{width:37%;left:10%;top:2%;max-width:none}
 .hero[data-audience=player] .stage-course{width:36%;right:10%;top:9%;max-width:none}
 .hero .stage-caption,.hero[data-audience=coach] .stage-caption,.hero[data-audience=player] .stage-caption{display:flex;flex-wrap:wrap;min-height:54px;gap:3px 12px;margin-top:8px;padding:14px 0}
 .hero .stage-caption>span:first-child{font-size:12px}
 .hero .stage-caption>span:nth-child(2){font-size:11px;text-align:right}
 .audience-strip{grid-row:4;margin-top:32px;gap:14px 22px;font-size:13px}
 .hero-integrations{grid-row:5;margin-top:30px;padding-bottom:38px}
}
@media(max-width:370px){.hero h1{font-size:clamp(30px,10vw,37px)}.hero-actions .button{font-size:12px}.hero .stage-caption>span:nth-child(2){text-align:left}.hero[data-audience=coach] .stage-course{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.opening-line,.chapter-heading-reveal{overflow:visible!important}.opening-playing .device-scene{clip-path:none!important}.process-point{transform:none!important}}

/* Fixed three-quarter presentation; no pointer tracking or repeated rotation. */
.hero[data-audience=coach] .stage-portal{transform:perspective(1600px) rotateY(-9deg) rotateZ(-2deg);transform-origin:50% 70%}
.hero[data-audience=coach] .stage-course{transform:rotate(5deg);transform-origin:50% 70%}
@media(max-width:700px){.hero[data-audience=coach] .stage-portal{transform:perspective(1100px) rotateY(-7deg) rotateZ(-2deg)}.hero[data-audience=coach] .stage-course{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.hero[data-audience=coach] .stage-portal{transform:perspective(1600px) rotateY(-9deg) rotateZ(-2deg)!important}.hero[data-audience=coach] .stage-course{transform:rotate(5deg)!important}}