/* Smartphone refinements. Business logic and desktop composition are preserved. */
.nav-links{display:contents}.mobile-table-hint{display:none}
@media(max-width:760px){
 html{scroll-padding-top:145px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{overflow-wrap:break-word}
 .wrap{width:calc(100% - 36px);max-width:100%;margin-inline:auto}
 main,section,article,.power-copy,.power-visual,.split-copy,.form-shell,.module-heading>div,.feature-card,.contact-grid>div{min-width:0}
 body:not(.terms-page)>header{height:auto;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:70px auto;column-gap:16px;padding:env(safe-area-inset-top,0px) max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));backdrop-filter:blur(14px)}
 body:not(.terms-page)>header .brand{grid-column:1;grid-row:1;width:76px;height:68px}
 header .brand img{width:66px;height:66px}
 body:not(.terms-page)>header nav{display:contents}
 body:not(.terms-page)>header nav>.button{grid-column:2;grid-row:1;justify-self:end;max-width:none;font-size:14px;min-height:44px;padding:10px 14px;text-align:center}
 .nav-links{grid-column:1/-1;grid-row:2;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;padding:0 0 7px}
 header .nav-links a,header .nav-links .nav-detail{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 12px;font-size:14px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;background:#0d1420}
 .hero-content{padding-top:32px;padding-bottom:20px;min-height:0}
 .hero h1{font-size:clamp(2rem,8.8vw,2.7rem);line-height:1.13;letter-spacing:-.035em}
 .hero h1 span{margin-top:17px}.hero h1 br{display:revert}
 .hero-lead{font-size:16px;line-height:1.7;margin:22px 0}
 .hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}
 .hero-actions .button{font-size:14px;padding:15px;min-height:50px}
 .hero-platforms{font-size:11px;line-height:1.6;letter-spacing:.08em;margin-top:20px}
 .eyebrow,.hero .eyebrow,.power .eyebrow,.universe-top .eyebrow{font-size:12px;letter-spacing:.08em}
 .device-scene{height:clamp(290px,80vw,365px);margin-top:22px;max-width:480px}
 .hero-tablet{width:88%;top:12px;left:0;transform:none;border-width:4px;border-radius:13px}
 .hero-phone{width:clamp(114px,30vw,148px);top:56px;right:2%;transform:rotate(3deg);border-width:4px;border-radius:22px}
 .hero-tablet .device-top{font-size:9px;line-height:1.5;padding:8px}.hero-phone .device-top{font-size:9px}
 .metrics>div,.metrics>div:first-child{padding:20px 12px}.metrics strong{font-size:clamp(22px,6vw,28px);line-height:1.2}.metrics span{display:block;font-size:13px;line-height:1.5}
 .universe{padding-block:38px 48px}.universe-top{gap:24px;padding-bottom:28px}.universe-top h2{font-size:28px}
 .switch button{font-size:15px;min-height:48px;padding:12px 9px}
 .section-title{margin:38px 0 26px}h2{font-size:clamp(29px,8vw,38px);line-height:1.15}h3,.power h3{font-size:clamp(26px,7vw,32px);line-height:1.15}
 .section-title p,.power p,.feature-card p,.module-heading p,.module-detail>p,.eco-grid p,.automation p,.faq details p,.contact p,.split-copy p{font-size:16px;line-height:1.75}
 .fine,.caption,.power p.fine,.feature-card p.fine,.contact p.fine,.split-copy p.fine{font-size:13px;line-height:1.65}
 .power{padding:22px 18px;gap:18px;border-radius:13px}.powers{gap:18px}
 .checklist li{font-size:15px;line-height:1.65;padding-bottom:13px}.checklist{margin:20px 0}
 .coach-demo{padding:20px 16px}.pill{font-size:11px;line-height:1.5}.coach-demo h4{font-size:24px}
 .coach-demo button{font-size:14px;min-height:60px;padding:14px 8px;gap:12px}.coach-demo time{font-size:13px}.coach-demo small{font-size:12px;line-height:1.5}
 .coach-capture{max-height:none}.window-bar{font-size:10px;line-height:1.5;padding:10px}
 .button,.button.small,.button.outline{font-size:14px;min-height:46px;padding:13px 16px}
 .module-heading{margin-top:44px}.module-heading p{max-width:none}
 .filters{gap:8px;width:100%}.filters button{font-size:14px;min-height:44px;padding:10px 13px}
 .search{font-size:14px;min-width:0}.module-controls{gap:20px}
 .module-list{max-height:280px;overscroll-behavior-y:contain;padding:8px}
 .module-item{font-size:15px;min-height:52px;padding:14px 10px;gap:10px}.module-item b{font-weight:500}.module-item span{font-size:12px}
 .module-detail{padding:22px 18px}.module-detail h3{font-size:27px}.detail-cta{font-size:14px;line-height:1.6;min-height:44px;padding-block:12px}
 .two-cards{gap:18px}.feature-card,.payment-demo{padding:23px 18px}
 .court-buttons{gap:6px}.court-buttons button{min-width:0;font-size:14px;min-height:74px;padding:12px 5px}.court-buttons span{font-size:11px;line-height:1.4}
 .banner{padding:24px 18px;gap:20px}.banner h3{font-size:25px}.banner .button{width:100%}
 .step{padding:20px 14px;gap:12px}.step h3{font-size:23px}.step p{font-size:15px;line-height:1.7}.step>span{font-size:12px}.step b{font-size:16px}
 .phone{width:min(230px,75%)}.floating-label{font-size:12px;line-height:1.6}.phone-stage{padding-inline:0}
 .play-lab{margin-top:45px}.demo-head{font-size:12px}.payment-demo label{font-size:14px}.duo-switch{gap:8px}.duo-switch button{flex:1;font-size:14px;min-height:48px;line-height:1.4;padding:10px 7px}
 .players{gap:5px}.player{min-width:0}.player small{font-size:11px}.player strong{font-size:15px}.payment-total{font-size:16px;line-height:1.7}
 input[type=range]{min-height:44px;margin:12px 0;cursor:pointer}
 .ping-demo{flex-direction:column;align-items:center;gap:20px;text-align:center}.ping-demo>div:last-child{width:100%}.ping-demo .button{width:100%}
 .eco-grid{grid-template-columns:1fr;gap:26px}.eco-grid h3{font-size:24px;margin-top:14px}.eco-number{font-size:13px}.ecosystem{padding-bottom:45px}.automation{padding:23px 18px;margin-top:25px}
 .comparison{padding-bottom:40px}.mobile-table-hint{display:block;font-size:13px;color:var(--muted)}.table-scroll{max-width:100%;border:1px solid var(--line);border-radius:10px;overscroll-behavior-x:contain}table{min-width:620px}th,td{font-size:14px;line-height:1.6;padding:16px}thead th{font-size:13px}
 .faq{padding-block:35px;gap:16px}.faq summary{font-size:16px;line-height:1.6;min-height:44px;padding-right:8px}.faq details{padding:15px 0}
 .contact{padding-block:42px}.contact h2{font-size:40px;line-height:1.12}.form-shell{padding:24px 18px}.form-progress{gap:8px}.form-progress span{font-size:11px;line-height:1.5}.form-row{grid-template-columns:1fr;gap:0}
 .form-shell label{font-size:15px;line-height:1.5;margin-bottom:20px}legend{font-size:27px;line-height:1.2;max-width:100%}
 input:not([type=range]),select,textarea{font-size:16px;line-height:1.5;min-height:48px;padding:13px 12px;scroll-margin-top:150px;max-width:100%}textarea{min-height:130px}
 .form-actions{flex-wrap:wrap;gap:10px}.form-actions .button{flex:1;min-width:110px;min-height:50px}.form-actions #form-submit{flex-basis:100%}#form-feedback{font-size:14px}
 footer{padding:25px 0 max(25px,env(safe-area-inset-bottom,0px))}footer .wrap{gap:18px}footer p,footer a{font-size:14px;line-height:1.65}.footer-links{gap:10px 20px;align-items:center}.text-button{font-size:14px;min-height:44px;text-align:left}.footer-links .button{width:100%}
 dialog{width:calc(100% - 20px);max-width:none;max-height:calc(100dvh - 24px);padding:12px;border-radius:12px;overscroll-behavior:contain}dialog form{position:sticky;top:0;z-index:1;background:#0f172a;padding-bottom:10px;margin-bottom:8px}.dialog-close{min-height:44px;font-size:15px;padding:12px 18px}#dialog-image{max-height:calc(100dvh - 145px);object-fit:contain}#legal-dialog p{font-size:16px}dialog p{font-size:13px}
 .terms-page header{padding-inline:18px;height:76px}.terms-page header .brand{width:76px}.terms-page header .button{font-size:14px}
 .terms-heading h1{font-size:clamp(30px,8vw,38px);line-height:1.15}.terms-heading .button{width:100%}.terms-layout{grid-template-columns:1fr;gap:30px}.terms-layout aside{position:static}.terms-nav nav{max-height:280px}.terms-nav nav a{min-height:44px;font-size:14px}.terms-content h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere;scroll-margin-top:100px}.terms-content h3{font-size:20px;overflow-wrap:anywhere}.terms-content blockquote{padding-inline:16px}.terms-end{flex-direction:column;align-items:start}.terms-end .button{width:100%}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 28px)}body:not(.terms-page)>header{padding-inline:14px;column-gap:8px;grid-template-columns:64px minmax(0,1fr)}body:not(.terms-page)>header .brand{width:64px}body:not(.terms-page)>header nav>.button{font-size:13px;padding:10px}.hero h1{font-size:30px}.power,.feature-card,.payment-demo,.form-shell{padding-inline:15px}.form-progress span{font-size:10px}.player small{font-size:10px}.metrics strong{font-size:22px}
}
@media(max-width:760px) and (orientation:landscape){body:not(.terms-page)>header{position:relative}.device-scene{max-width:430px}.hero-content{padding-top:25px}}
@media(hover:none){.button:hover,.screenshot:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.hero h1 br{display:initial}}

@media(max-width:760px){.nav-links::-webkit-scrollbar{display:none}}
@media(max-width:760px){fieldset{scroll-margin-top:145px}html:has(dialog[open]){overflow:hidden}}