/* Readable content and generous native screens in medium browser windows. */
@media(min-width:601px) and (max-width:1100px){
 html body .ypc-sequence-morph .story-copy--play{top:clamp(76px,11svh,110px);width:min(620px,calc(100% - 64px));max-width:620px;}
 html body .ypc-sequence-morph .story-copy--play p{max-width:560px;font-size:18px!important;line-height:1.6!important;}
 html body .ypc-sequence-morph .story-copy h2{font-size:36px!important;line-height:1.15!important;}
 html body :is(#iphone-library,#pose-explore,#iphone-builder,#class-explore,.ys-feature--practice){padding-block:56px!important;}
 html body :is(.ys-feature-copy,.ysb-copy,.ys-pose-heading,#class-explore)>p{font-size:18px!important;line-height:1.6!important;}
 html body :is(.ys-feature-copy,.ysb-copy,.ys-pose-heading,#class-explore)>h2{font-size:36px!important;line-height:1.15!important;margin-bottom:20px!important;}
 html body .landing-phone{width:min(430px,100%);}
 html body #iphone-library .has-integrated-phone,
 html body #class-explore .has-integrated-phone,
 html body #iphone-builder .has-integrated-phone{width:min(430px,100%)!important;max-width:430px!important;}
 html body #pose-explore .ys-pose-sticky,
 html body #iphone-builder.ysb-section{gap:40px!important;}
 html body .product__info-wrapper{padding-left:28px;}
 html body .ys-product-description p{font-size:17px;line-height:1.6;}
 html body #faq p{font-size:17px;line-height:1.6;}
 html body .ys-brand-relationship p{font-size:18px!important;line-height:1.6!important;}
}
@media(min-width:601px) and (max-width:900px){
 html body :is(#iphone-library,#iphone-builder,#class-explore,.ys-feature--practice){display:flex!important;flex-direction:column!important;align-items:center!important;gap:32px!important;padding-inline:24px!important;}
 html body :is(#iphone-library,#iphone-builder,#class-explore,.ys-feature--practice)>:is(.ys-feature-copy,.ysb-copy){order:0!important;max-width:560px;width:100%;text-align:center!important;}
 html body :is(#iphone-library,#iphone-builder,#class-explore,.ys-feature--practice)>:not(.ys-feature-copy,.ysb-copy){order:1!important;}
 html body #class-explore>header{width:100%;max-width:560px;text-align:center;}
 html body #pose-explore .ys-pose-sticky{grid-template-columns:1fr!important;gap:32px!important;}
 html body #pose-explore .ys-pose-heading{max-width:560px!important;text-align:center!important;margin:auto!important;}
 html body .ys-feature--practice .ys-feature-visual{width:min(480px,100%);}
 html body .product{gap:28px;}
 html body .product__info-wrapper{padding-left:16px;}
}
@media(min-width:601px) and (max-width:1100px){
 html body .ys-plan-copy small{font-size:14px;line-height:1.4;}
 html body .ys-plan-price small{font-size:12px;}
 html body .ys-plan-pricing{gap:4px;}
 html body .ypc-sequence-morph .story-copy--build p{font-size:18px!important;line-height:1.6!important;}
}
@media(prefers-reduced-motion:reduce) and (min-width:601px) and (max-width:1100px){
 html body .ypc-sequence-morph .story-copy--play{position:static;}
 html body .ypc-sequence-morph .reduced-player{width:min(900px,calc(100vw - 64px));}
}
@media(min-width:601px) and (max-width:1100px){
 html body #class-explore>header p{font-size:18px!important;line-height:1.6!important;}
 html body #class-explore>header h2{font-size:36px!important;line-height:1.15!important;}
 html body .ys-plan-comparison tbody th{font-size:16px;line-height:1.5;}
 html body .ys-brand-relationship p{font-size:18px!important;line-height:1.6!important;}
}
/* Footer reflows without widening the narrowest phone layouts. */
html body .site-footer{box-sizing:border-box;width:100%;min-width:0;}
html body .site-footer-copyright{min-width:0;overflow-wrap:anywhere;}
html body .site-footer nav{flex-wrap:wrap;}

/* Alternate each visible feature pair, including the integrated app screens. */
@media(min-width:901px){
 html body #iphone-library>.ys-feature-copy{grid-column:2!important;grid-row:1!important;}
 html body #iphone-library>.ys-feature-visual{grid-column:1!important;grid-row:1!important;}
 html body #pose-explore .ys-pose-heading{grid-column:1!important;grid-row:1!important;}
 html body #pose-explore .landing-phone{grid-column:2!important;grid-row:1!important;}
 html body #iphone-builder>.ysb-copy{grid-column:2!important;grid-row:1!important;}
 html body #iphone-builder>.ysb-scene{grid-column:1!important;grid-row:1!important;}
 html body #class-explore>.ys-class-explore-copy{grid-column:1!important;grid-row:1!important;}
 html body #class-explore>.ys-class-explore-visual{grid-column:2!important;grid-row:1!important;}
 html body .ys-feature--practice>.ys-feature-copy{grid-column:2!important;grid-row:1!important;}
 html body .ys-feature--practice>.ys-feature-visual{grid-column:1!important;grid-row:1!important;}
}
@media(min-width:601px) and (max-width:1100px){
 html body #class-explore .ys-class-explore-copy p{font-size:18px!important;line-height:1.6!important;}
 html body #class-explore .ys-class-explore-copy h2{font-size:36px!important;line-height:1.15!important;}
}
@media(min-width:601px) and (max-width:900px){
 html body #class-explore>.ys-class-explore-copy{order:0!important;width:100%;max-width:560px;text-align:center;}
}
@media(min-width:901px){
 html body .ys-highlights-inner>.ys-feature--practice{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);}
}

/* Smaller screens sit within the same quiet ambient backdrop as setup. */
html body :is(#iphone-library,#pose-explore,#iphone-builder,#class-explore) .has-integrated-phone.landing-mockup-container{
 position:relative!important;isolation:isolate;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;
 width:min(100%,460px)!important;max-width:460px!important;padding:36px!important;margin:0 auto!important;
 border-radius:36px!important;background:#eee8de!important;overflow:hidden!important;
}
html body :is(#iphone-library,#pose-explore,#iphone-builder,#class-explore) .landing-mockup-container::before{
 content:""!important;position:absolute;inset:-28px;z-index:-1;pointer-events:none;
 background:linear-gradient(#f7f7f37a,#f7f7f37a),url("create-practice-background.png") center/cover no-repeat;
 filter:blur(18px) saturate(.9);opacity:.82;
}
html body .landing-mockup-container .landing-phone{width:min(280px,100%)!important;box-shadow:0 12px 30px #263e2d1a;}
@media(min-width:901px){html body #pose-explore .landing-mockup-container{grid-column:2;grid-row:1;}}
@media(max-width:749px){
 html body :is(#iphone-library,#pose-explore,#iphone-builder,#class-explore) .has-integrated-phone.landing-mockup-container{
  padding:28px 24px!important;border-radius:28px!important;max-width:350px!important;
 }
 html body .landing-mockup-container .landing-phone{width:min(240px,100%)!important;border-radius:22px;}
}