.mobile-service-title,.mobile-client-caption{display:none}
@media(max-width:900px){
 html{scroll-behavior:auto;scroll-padding-top:0}
 body{min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 header nav{padding:max(16px,env(safe-area-inset-top)) 20px 12px;gap:12px}
 nav .brand{gap:10px;font-size:13px}
 nav .links{gap:0 14px}
 nav .links a{min-height:44px;font-size:12px}
 main#top{min-height:620px;height:100svh}
 main#top h1{max-width:calc(100% - 40px);font-size:clamp(32px,8.2vw,50px);line-height:1.12}
 main#top .subtitle{bottom:max(40px,env(safe-area-inset-bottom));padding:0 24px}
 /* Native horizontal scrolling gives every brand a predictable tap target. */
 .trusted{height:max(780px,100svh);min-height:780px;--solo-phone-width:min(54vw,220px);--solo-phone-gap:18px}
 .trusted .logo-marquee{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:0;right:0;width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;mask-image:none;-webkit-mask-image:none;scrollbar-width:none;padding:10px 20px 16px;overscroll-behavior-x:contain}
 .trusted .logo-track{transform:none!important;width:max-content;animation:none!important}
 .trusted .logo-group{gap:18px!important;padding:0!important;align-items:center}
 .trusted .logo-group~.logo-group,.trusted .logo-speed-edge{display:none!important}
 .trusted .client-logo{width:120px!important;flex:0 0 120px!important;min-height:76px;padding:12px 8px;box-sizing:border-box;touch-action:pan-x pan-y;border-radius:12px;opacity:.65}
 .trusted .client-logo.is-selected{opacity:1;background:#ffffff14}
 .trusted .client-logo img{max-width:104px!important;max-height:38px!important;margin:0!important;object-fit:contain}
 .trusted .client-myx-note,.trusted .client-acquisition-note{font-size:10px!important}
 .trusted .client-preview-hint{font-size:13px;opacity:1;max-width:310px}
 .trusted h2,.trusted h2.light-reveal{top:39%;font-size:clamp(34px,8vw,48px)}
 .mobile-client-caption{display:block;position:absolute;top:74%;left:24px;right:24px;text-align:center;font-size:13px;line-height:1.6;color:#ffffffbf;z-index:3;pointer-events:none}
 .mobile-client-caption:empty{display:none}
 .trusted .xponential-subbrands{gap:12px!important}
 /* Keep the original flywheel, with room for its labels and central copy. */
 .services-about-stack{height:auto!important}
 .services-next{position:relative!important;top:auto!important;min-height:max(620px,100svh);height:auto!important;padding:80px 16px;overflow:hidden}
 .services-next .services-layout{position:relative!important;inset:auto!important;transform:none!important;width:min(100%,600px)!important;height:auto!important;aspect-ratio:1;display:block;flex-shrink:0;margin:0 auto}
 .services-next .service-visual,.services-next .flywheel-weight-photo{display:block!important}
 .mobile-service-title{display:none}
 .services-next .service-list{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block;transform:none!important;opacity:1!important;pointer-events:auto!important;border:0;border-radius:50%}
 .services-next .service-list::before{display:none}
 .services-next .service-list [role=tab]:nth-child(n){position:absolute!important;translate:none!important;transform:translate(-50%,-50%)!important;width:clamp(126px,35vw,180px);height:60px;min-height:44px;padding:0!important;border:0!important;border-radius:0;background:transparent!important;opacity:1!important;filter:none!important;animation:none!important;color:#ff3826;font-size:20px;letter-spacing:.18em;display:flex;align-items:center;justify-content:center;cursor:pointer}
 .services-next .service-list [role=tab]:nth-child(1){left:8%;top:36.4%}
 .services-next .service-list [role=tab]:nth-child(2){left:50%;top:6%}
 .services-next .service-list [role=tab]:nth-child(3){left:92%;top:36.4%}
 .services-next .service-list [role=tab]:nth-child(4){left:76%;top:85.6%}
 .services-next .service-list [role=tab]:nth-child(5){left:24%;top:85.6%}
 .services-next .service-list [role=tab]:nth-child(n)>span:not(.service-number):not(.service-arrow){display:block;width:clamp(140px,38vw,200px);height:auto;aspect-ratio:3;left:50%;top:50%;right:auto;transform:translate(-50%,-50%) rotate(var(--label-rotation,0deg))}
 .services-next .curved-service{width:100%;height:100%;font-size:20px}
 .services-next .service-list [role=tab]::after{content:none}
 .services-next .service-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;margin:0;padding:0;display:flex;align-items:center;justify-content:center;opacity:1!important;filter:none!important}
 .services-next .service-visual{inset:0;opacity:1}
 .services-next .service-visual::before,.services-next .service-visual::after{inset:7.4%}
 .services-next .services-layout::before{display:block!important;background:rgba(16,16,20,.68)!important}
 .services-next .service-detail{position:relative!important;inset:auto!important;width:52%!important;max-width:290px!important;height:auto!important;transform:none!important;margin:0;padding:0;opacity:1!important;filter:none!important;pointer-events:auto}
 .services-next .detail-copy{font-size:clamp(15px,3.9vw,23px)!important;line-height:1.5!important;min-height:0!important;margin:0;text-align:center;opacity:1!important;filter:none!important;color:#fff}
 .services-next .detail-label{display:none}
 /* Content can grow rather than collide with fixed viewport positions. */
 .section-four .scroll-story:not(.story-team){height:auto!important;min-height:620px}
 .section-four .scroll-story:not(.story-team) .story-scene{height:auto;min-height:620px;padding:84px 24px;gap:20px}
 .section-four .scroll-story:not(.story-team) h2{font-size:clamp(34px,8.7vw,46px);max-width:100%;padding:0;margin:0;transform:none!important}
 body .section-four .scroll-story:not(.story-team) p{position:static!important;width:100%!important;max-width:520px!important;padding:0!important;margin:0!important;transform:none!important;line-height:1.65!important}
 .section-four .scroll-story.story-team{height:800px!important;min-height:800px}
 .section-four .scroll-story.story-team::before{top:34%;width:128vw;max-width:none}
 .section-four .scroll-story.story-team .story-scene{height:800px;min-height:800px;display:flex;justify-content:flex-end;padding:0 24px 64px;gap:20px}
 .section-four .scroll-story.story-team h2{position:relative;inset:auto;margin:0;padding:0;font-size:38px;transform:none!important;max-width:100%}
 .section-four .story-team h2::before{inset:-20px -20px}
 body .section-four .scroll-story.story-team p{position:relative!important;inset:auto!important;width:100%!important;max-width:440px;padding:0;margin:0;transform:none!important;color:#ffffffb3;opacity:1!important}
 /* One copy of every person, arranged for a phone rather than a cropped orbit. */
 section.section-five{height:auto;min-height:0;padding:76px 24px;display:flex;flex-direction:column;gap:36px}
 .section-five .network-intro{width:100%;translate:none;margin:0}
 .section-five .network-intro h2{font-size:38px;line-height:1.15}
 .section-five .team-title-description{position:static!important;width:100%!important;max-width:520px;margin:22px auto 0;opacity:1!important;transform:none!important;color:#ff6658}
 .section-five .team-world-background{opacity:.4}
 .section-five .team-orbit-fade{position:relative;inset:auto;width:100%;mask-image:none;-webkit-mask-image:none;opacity:1!important}
 .section-five .team-orbit{position:relative;inset:auto;transform:none!important;width:100%;aspect-ratio:auto;animation:none!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:22px 16px}
 .section-five .team-orbit>svg{display:none}
 .section-five .team-orbit-person{position:relative;inset:auto;width:100%;aspect-ratio:1;max-width:68px;transform:none!important}
 .section-five .team-orbit-person img{position:relative;inset:auto;width:100%;height:100%;transform:none!important;animation:none!important;opacity:1}
 section.section-six{padding:54px 24px;min-height:0}
 .contact-section{height:auto;min-height:560px;padding:90px 24px 120px;display:flex;flex-direction:column;justify-content:center;gap:24px}
 .contact-section h2{font-size:clamp(38px,10vw,54px);line-height:1.1;max-width:100%;margin:0;translate:none;transform:none}
 .contact-section .contact-invitation{position:relative;inset:auto;margin:0;translate:none;transform:none;font-size:16px}
 .contact-section .contact-invitation a{min-height:48px;overflow-wrap:anywhere}
}
@media(max-width:360px){.section-five .team-orbit{gap:18px 12px}.section-five .network-intro h2{font-size:32px}.section-four .scroll-story.story-team h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-blurs span{animation:none!important}.team-orbit,.team-orbit-person img{animation:none!important}}
@media(max-width:900px){
 #about,#services,#clients,#contact{scroll-margin-top:0}
 .trusted .logo-marquee{opacity:1!important;filter:none!important}
 .trusted .xponential-brand-family{gap:12px!important;width:calc(100% - 40px)!important;left:20px;transform:none;justify-content:space-between}
 .trusted .xponential-brand-family img{max-width:46px;max-height:34px}
 .trusted .client-acquisition{font-size:10px!important}
}
@media(max-width:900px){
 .section-four .story-scene{opacity:1!important}
 .section-four .scroll-story p{opacity:1!important;filter:none!important;transition:none!important}
 .section-four .scroll-story h2{filter:none!important}
 .section-four .scroll-story.story-team h2{opacity:1!important;transition:none!important}
}
@media(max-width:900px){
 .section-four .scroll-story.story-team h2{font-size:clamp(26px,7.4vw,34px);white-space:nowrap}
 .section-five .team-orbit-person img{display:block}
 .section-five .team-orbit-person:nth-last-child(2){grid-column:2}
 .section-five .team-orbit-person:last-child{grid-column:3}
 .contact-section h2{max-width:310px}
 .contact-section .contact-invitation,.contact-section .contact-brand-mark{opacity:1!important}
 .partners-contact-stack>.section-six h2,.partners-contact-stack>.section-six .integration-logos{opacity:1!important;filter:none!important}
}
@media(max-width:900px){
 main#top{min-height:520px}
 .trusted{height:max(620px,100svh);min-height:620px}
 .trusted .client-preview-message{font-size:clamp(34px,10vw,58px)!important}
}
@media(max-width:900px){
 .trusted .hint-desktop{display:none!important}.trusted .hint-touch{display:inline!important}
}
@media(min-width:701px) and (max-width:900px){
 .services-next .services-layout{max-width:600px!important}
 .section-four .scroll-story:not(.story-team) p{font-size:18px!important}
 .section-four .scroll-story.story-team::before{width:95vw}
 .section-five .network-intro h2{font-size:46px}
 .section-five .team-orbit{max-width:700px;grid-template-columns:repeat(7,minmax(0,1fr));gap:30px 20px;margin:auto}
 .section-five .team-orbit-person:nth-last-child(2),.section-five .team-orbit-person:last-child{grid-column:auto}
}
@media(max-width:900px){
 nav .brand,nav .links a{min-height:44px}
 .trusted .client-logo{outline-offset:-3px}
 .services-next .service-list [role=tab]:focus-visible{outline:2px solid #ff3826;outline-offset:3px}
}
@media(max-width:900px) and (max-height:500px){.trusted{height:720px;min-height:720px}}
@media(max-width:900px){
}

/* Keep the mobile hero bold and on two deliberate lines. */
.hero-title-break{display:none}
@media(max-width:700px){
 main#top h1{max-width:100%;font-size:clamp(44px,16vw,88px);line-height:1.08}
 main#top h1 .hero-title-break{display:block}
}

/* The menu and portrait grid are progressive mobile enhancements. */
.mobile-menu-toggle,.mobile-team-grid{display:none}
@media(max-width:900px){
 header nav{position:relative;align-items:center}
 .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;padding:10px;margin-left:auto;background:none;border:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .mobile-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s ease}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
 nav.has-mobile-menu .links{display:none;position:absolute;top:calc(100% + 4px);left:16px;right:16px;max-width:none;padding:16px 22px;background:#101014f5;border:1px solid #ffffff20;border-radius:16px;box-shadow:0 16px 32px #0002;flex-direction:column;gap:2px;align-items:stretch;z-index:1}
 nav.has-mobile-menu.menu-open .links{display:flex}
 nav.has-mobile-menu .links a{font-size:22px;line-height:1.3;min-height:52px;display:flex;align-items:center}
 .services-next .service-list [role=tab][aria-selected=true],.services-next .service-list [role=tab]:focus-visible{color:white!important}
 .section-four .scroll-story.story-team{height:auto!important;min-height:0!important;padding-top:64px}
 .section-four .scroll-story.story-team::before{position:relative;display:block;left:auto;top:auto;transform:none;width:128%;margin:0 -14%;height:auto;aspect-ratio:1420/921}
 .section-four .scroll-story.story-team .story-scene{height:auto;min-height:0;justify-content:flex-start;margin-top:-12px;padding:0 24px 60px;gap:18px}
 .section-five .team-orbit-fade{display:none}
 .section-five .mobile-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:360px;width:100%;margin:0 auto;position:relative;z-index:1}
 .mobile-team-grid .mobile-team-cell{position:relative;aspect-ratio:1;width:100%;border-radius:50%;overflow:hidden;background:#241410;box-shadow:0 12px 24px #0002}
 .mobile-team-grid img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
 .mobile-team-grid .incoming-head{opacity:0}
}
@media(min-width:701px) and (max-width:900px){
 .section-four .scroll-story.story-team::before{width:95%;margin:0 auto}
 .section-five .mobile-team-grid{max-width:420px;gap:28px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span{transition:none}}

.mobile-trusted-break{display:none}
@media(max-width:900px){
 main#top::after{content:"";position:absolute;inset:0 0 auto;height:34%;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#ff3826 0%,rgba(255,56,38,.85) 22%,rgba(255,56,38,0) 100%)}
 .mobile-trusted-break{display:block}
 .trusted h2,.trusted h2.light-reveal{font-size:clamp(46px,13.5vw,86px);line-height:1.08;max-width:calc(100% - 40px);width:100%}
 .trusted .logo-marquee{bottom:max(52px,calc(env(safe-area-inset-bottom) + 24px))}
 .trusted .client-logo.is-selected{background:transparent!important;border-color:transparent;box-shadow:none}
}

@media(max-width:900px){
 .trusted .client-device-set{width:125vw!important;max-width:none!important;top:44%!important;overflow:visible;pointer-events:none}
 .trusted .client-phone-art.client-phone-trio{top:44%!important;--phone-height:min(54svh,85vw);max-width:none;pointer-events:none}
 .trusted.is-xponential .client-phone-art.client-phone-trio{--phone-height:min(54svh,64vw)}
 .trusted .mobile-client-caption{display:none}
 .services-next .flywheel-weight-photo,.services-next.service-blur-ready .flywheel-weight-photo,.services-next.services-leaving .flywheel-weight-photo{filter:none!important;transition:none}
 .services-next .service-visual::before,.services-next .service-visual::after{inset:0}
 .section-six .integration-logos img{max-width:105px!important;max-height:35px!important;width:auto;height:auto;object-fit:contain}
}

@media(max-width:900px){
 main#top{height:95svh;min-height:0}
 .trusted{height:95svh;min-height:0}
 .services-next{min-height:95svh;padding-block:56px}
 .section-four .scroll-story:not(.story-team){height:auto!important;min-height:95svh}
 .section-four .scroll-story:not(.story-team) .story-scene{height:auto;min-height:95svh;padding-block:64px}
 .section-four .scroll-story.story-team{min-height:95svh!important}
 section.section-five{min-height:95svh;padding-block:48px;justify-content:center;gap:28px}
 .section-five .mobile-team-grid{max-width:280px;gap:20px}
 section.section-six{height:auto;min-height:95svh;padding-block:48px;justify-content:center}
 .contact-section{height:auto;min-height:95svh;padding-block:64px}
}
@media(min-width:701px) and (max-width:900px){.section-five .mobile-team-grid{max-width:320px}}

@media(max-width:900px){
 main#top .subtitle,.section-four .scroll-story:not(.story-team) p,.section-five .team-title-description,.contact-section .contact-invitation{font-size:15px!important}
 body .section-four .scroll-story.story-team p{font-size:14px!important}
 section.section-six{height:10svh;min-height:0;padding:8px 16px;gap:8px;display:flex;flex-direction:column;justify-content:center}
 .section-six h2{font-size:10px;margin:0;line-height:1.2}
 section.section-six .integration-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center;width:100%;margin:0}
 .section-six .integration-logos a{min-width:0;display:flex;justify-content:center;align-items:center}
 .section-six .integration-logos img{max-width:100%!important;max-height:22px!important}
}
@media(max-width:900px){
 .section-five .network-intro .team-title-description{font-size:15px!important}
 section.section-six .integration-logos a{grid-column:auto!important;width:100%!important}
}
@media(max-width:900px){
 .services-next::before{content:"";display:block;position:absolute;inset:auto 0 0;height:40%;z-index:-2;pointer-events:none;background:url('assets/flywheel-gym-extended.optimized.retina.webp') center bottom/auto 800% no-repeat}
 .services-next .flywheel-weight-photo{mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
}
@media(max-width:900px){
 main#top::after{z-index:2;background:linear-gradient(to bottom,#ff3826 0%,#ff3826 12%,rgba(255,56,38,.85) 32%,rgba(255,56,38,0) 100%)}
 main#top h1,main#top .subtitle{z-index:3}
}
@media(max-width:900px){
 main#top::after{opacity:1!important;animation:none!important}
 .trusted{overflow:hidden}
 .trusted .client-device-set:not(:has(.hardware-ipad,.hardware-macbook,.hardware-watch,.curated-original)){width:max-content!important;max-width:none!important;height:auto!important;left:50%!important;top:44%!important;transform:translate(-50%,-50%)!important;overflow:visible!important;gap:16px!important;padding:0!important;justify-content:center!important}
 .trusted .client-device-set:not(:has(.hardware-ipad,.hardware-macbook,.hardware-watch,.curated-original))>.hardware-iphone{width:calc(76svh / 2.04445)!important;flex:0 0 calc(76svh / 2.04445)!important;position:relative!important;inset:auto!important;margin:0!important}
 .trusted .client-phone-art.client-phone-trio,.trusted.is-xponential .client-phone-art.client-phone-trio{--phone-height:76svh!important;left:50%!important;top:44%!important;transform:translate(-50%,-50%)!important;width:max-content!important;max-width:none!important;overflow:visible!important;padding:0!important;justify-content:center!important}
 .services-next .service-visual::after{inset:.5% -.3% -.3% .3%}
}
@media(max-width:900px){body .section-four .scroll-story.story-team p{color:#ff3826!important}}
@media(max-width:900px){
 section.section-six{padding-top:20px;justify-content:flex-start}
 section.section-six .integration-logos{gap:16px}
}
@media(max-width:900px){
 nav.has-mobile-menu .links{display:flex;left:auto;right:16px;width:50vw;max-width:calc(100vw - 32px);background:#2f0f0b;color:#ff3826;align-items:stretch;text-align:right;border-color:#ff382620;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 260ms ease,transform 260ms ease,visibility 260ms}
 nav.has-mobile-menu.menu-open .links{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
 nav.has-mobile-menu .links a{font-size:18px;justify-content:flex-end;min-height:48px}
}
@media(prefers-reduced-motion:reduce){nav.has-mobile-menu .links{transition:none}}
@media(max-width:900px){.section-four .scroll-story:first-child{background:#ff3826}}
@media(max-width:900px){
 .trusted .client-device-set:not(:has(.hardware-ipad,.hardware-macbook,.hardware-watch,.curated-original)){width:80vw!important;gap:8px!important}
 .trusted .client-device-set:not(:has(.hardware-ipad,.hardware-macbook,.hardware-watch,.curated-original))>.hardware-iphone{width:auto!important;flex:1 1 0!important;min-width:0}
 .trusted .client-phone-art.client-phone-trio{--phone-height:calc((80vw - 16px) / 1.32)!important;gap:8px!important}
 .trusted.is-xponential .client-phone-art.client-phone-trio{--phone-height:calc((80vw - 24px) / 1.76)!important;gap:8px!important}
 section.section-six{height:auto;min-height:10svh;padding-top:60px;padding-bottom:16px}
 section.section-six .integration-logos{gap:12px}
 .section-six .integration-logos img{max-height:26px!important}
}
@media(max-width:900px){
 .trusted .client-phone-art.client-phone-trio{display:grid!important;width:80vw!important;height:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;max-width:none!important}
 .trusted.is-xponential .client-phone-art.client-phone-trio{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:80vw!important;height:auto!important}
 .trusted .client-phone-trio .client-device{width:100%!important;height:auto!important;min-width:0;aspect-ratio:1350/2760;flex:none!important}
 .trusted .xponential-brand-family{left:10vw!important;right:auto;top:calc(44% - 20vw - 40px);bottom:auto;width:80vw!important;transform:none;gap:12px!important}
 .trusted .xponential-brand-family img{max-width:42px;max-height:26px}
}
@media(max-width:900px){.trusted .client-phone-trio .client-device .device-display{border-radius:14.5% / 7.1%!important}}
