/* Compact mobile composition; the large desktop phone stage stays independent. */
.hero-mobile-photo,.mobile-demo-cta{display:none}
.hero h1 .hero-middle{color:inherit}
.back-to-top svg{flex:none}
.mobile-more{margin-top:12px}
.mobile-more summary{color:var(--mint);font-size:12px;cursor:pointer;min-height:36px;display:flex;align-items:center;gap:8px;list-style:none}
.mobile-more summary::-webkit-details-marker{display:none}
.mobile-more summary::after{content:'+';font-size:20px;font-weight:400}
.mobile-more[open] summary::after{content:'−'}
@media(max-width:650px){
 .wrap{padding-inline:20px}.site-header{height:68px}.site-header .brand{font-size:20px}.site-header .brand img{width:32px;height:32px}.site-header .button{font-size:11px;min-height:38px;padding-inline:12px}
 .hero.wrap{padding:0;gap:0}.hero-copy{position:relative;isolation:isolate;min-height:530px;padding:255px 24px 25px;overflow:hidden;background:#171d19}
 .hero-mobile-photo{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10171100 15%,#151c1830 35%,#151c18ed 59%,#151c18 82%),url('assets/activity-running-group.webp') 50% 23%/cover no-repeat}
 .hero .eyebrow{font-size:9px;letter-spacing:1.5px;gap:9px;color:#e0ece3}.hero .status-dot{width:6px;height:6px}
 .hero h1{font-size:clamp(42px,11.8vw,58px);letter-spacing:-2px;line-height:1.03;margin:14px 0 12px;max-width:100%}.hero h1 .hero-middle{display:none}
 .hero-lead{font-size:13px;line-height:1.65;max-width:300px;color:#d5ddd6}.hero-lead br{display:block}
 .hero-actions{margin-top:20px!important;gap:20px!important;flex-wrap:nowrap}.hero-actions .desktop-demo-cta{display:none}.hero-actions .mobile-demo-cta{display:inline-flex;min-height:46px;font-size:13px;padding:12px 28px;flex:1;max-width:220px}.hero-actions .text-link{font-size:11px;white-space:nowrap}
 .hero-note{font-size:10px;line-height:1.5;margin-top:11px;color:#a6b8ab}.hero-foot{display:none}
 .hero-stage{margin:0!important;padding:32px 20px 28px!important;gap:22px!important;height:auto!important;scroll-margin-top:16px;background:#181d19;border-top:1px solid var(--line)}
 .preview-intro .preview-live{font-size:8px}.preview-intro h2{font-size:23px;margin:12px 0 7px}.preview-intro p{font-size:11px;line-height:1.6}.hero-stage .phone,.hero-stage:hover .phone{width:min(285px,calc(100% - 30px))}.preview-controls{gap:12px}.preview-controls .button{font-size:11px;min-height:42px;padding:10px 18px}.preview-note{display:none}
 .sport-band .wrap{padding-block:16px;gap:22px}.sport-band span{font-size:9px}.section{padding-block:38px}.section-top{margin-bottom:16px}.section h2,.idea h2,.app-intro h2,.outlook h2{font-size:30px;line-height:1.13;letter-spacing:-1.2px}.idea-bottom{margin-top:20px;gap:20px}.idea-bottom>p{font-size:13px;line-height:1.7}.idea-bottom .small-label{font-size:9px}
 .steps{gap:0}.steps article{padding-block:16px}.steps h3{font-size:16px}.steps p{font-size:12px;line-height:1.65}.heading-row>p{margin-top:14px;font-size:12px;line-height:1.7}
 .sports-grid{display:grid;grid-auto-flow:column;grid-auto-columns:70%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-top:22px;gap:12px}.sport-card{scroll-snap-align:start;height:290px;border-radius:16px}.sport-card h3{font-size:25px;line-height:1.1}.sport-card-copy{left:18px;bottom:22px}.sport-card p{font-size:11px}.sport-card-top{left:18px;top:18px;font-size:9px}.sports-foot{margin-top:12px}.sports-foot p{font-size:11px}
 .app-intro h2{margin:14px 0}.app-intro>p:not(.small-note){font-size:12px}.app-intro .button{margin-top:18px;min-height:44px}.app-intro .small-note{font-size:10px}.app-explorer{margin-top:22px}.app-entry{padding-block:17px;gap:12px;grid-template-columns:minmax(0,1fr) 32px}.app-entry h3{font-size:17px;margin:7px 0}.app-entry p{font-size:12px;line-height:1.65}.entry-symbol{margin-top:18px}
 .training-usecases-heading{gap:14px;margin-bottom:22px}.training-usecases-heading h2{margin-top:14px}.training-usecases-heading>p{font-size:12px;line-height:1.7}.training-usecase{padding-block:18px}.training-usecase h3{font-size:22px;margin:10px 0 0;letter-spacing:-.6px}.training-usecase-label{font-size:9px}.training-usecase .mobile-more p,.outlook-list .mobile-more p{font-size:12px;line-height:1.7;margin-top:10px}.training-usecases-action{gap:10px;margin-top:22px}.training-usecases-action>p{font-size:10px}.training-usecases-action>.text-link{display:none}
 .pricing-toolbar{margin-top:22px}.pricing-toolbar>p{font-size:10px}.plan{padding:24px;border-radius:18px}.plan h3{font-size:27px;margin-top:18px}.price{font-size:36px;margin-top:14px}.plan-summary{font-size:12px;line-height:1.6;margin:8px 0 18px}.check-list{padding-top:18px;margin-bottom:18px}.check-list li{font-size:12px;line-height:1.6;margin-bottom:10px}.plan .button{min-height:44px}.shared-plans{gap:16px;padding-block:20px}.pricing-note,.comparison-note{font-size:10px;line-height:1.65}.comparison{margin-top:20px}
 .outlook>div>p{font-size:12px}.outlook-list{margin-top:20px}.outlook-list article{padding-block:18px}.outlook-list h3{margin:10px 0 0;font-size:18px}.closing{padding-block:36px}.closing h2{font-size:46px;margin:18px 0 22px}.footer{padding-top:25px;padding-bottom:85px}.footer-top{gap:14px;padding-bottom:20px}.footer-top p{display:none}.footer-bottom{font-size:10px;line-height:1.8}.footer-legal{gap:18px;font-size:11px}.footer-top .text-link{font-size:11px}.footer-bottom .text-link{font-size:10px}
}
@media(max-width:370px){.hero-copy{padding:225px 20px 25px;min-height:510px}.hero-actions{gap:16px!important}.hero-actions .mobile-demo-cta{padding-inline:20px}.hero h1{font-size:42px}.hero-stage .phone{width:265px}.sports-grid{grid-auto-columns:78%}}