/* Phone layouts only. Desktop compositions retain their existing rules. */
@media(max-width:700px){
 body:is([data-page=index],[data-page=app]) main h1{overflow-wrap:normal;word-break:normal;text-wrap:balance}
 body[data-page=index] .hero{padding-top:24px}
 body[data-page=index] .hero h1{font-size:clamp(34px,9.2vw,46px);line-height:1.08;letter-spacing:-.045em;margin-bottom:20px;max-width:15ch}
 body[data-page=index] .hero h1 br{display:none}
 body[data-page=index] .hero .lead{font-size:17px;line-height:1.55;max-width:35ch}
 body[data-page=index] .hero .actions{display:flex;align-items:center;gap:16px 20px;margin-top:23px}
 body[data-page=index] .hero .actions .button{width:auto;min-height:48px;padding-inline:22px;font-size:14px}
 body[data-page=index] .hero .fine{margin-top:18px;font-size:12px;max-width:34ch}
 body[data-page=index] .hero .phone-showcase.approved-hero-art{min-height:0;height:clamp(355px,101vw,435px);margin-top:0}
 body[data-page=index] .approved-hero-art .phone-motion-stage{width:61%;max-width:215px;left:8%;bottom:16px}
 body[data-page=index] .approved-hero-art .phone-caption{left:8%;width:61%;font-size:9px;letter-spacing:.08em;bottom:0}
 body[data-page=index] .approved-scene-mark{right:4%;bottom:78px;width:24%}
 body[data-page=index] .approved-stone-scene{width:130%;left:-14%;height:100%;object-position:76% center}
 body[data-page=index] .connected-life{padding-top:28px;padding-bottom:32px}
 body[data-page=index] .connected-intro h2{font-size:30px;line-height:1.13;letter-spacing:-.035em;margin-bottom:16px}
 body[data-page=index] .connected-intro-copy p{font-size:16px;line-height:1.6}
 body[data-page=index] .connected-art figcaption{flex-wrap:wrap;gap:8px;padding:12px}
 body[data-page=index] .connected-art figcaption>span{max-width:100%;font-size:11px}
 body[data-page=index] .connected-art button{min-height:44px;font-size:13px}
 body[data-page=index] .home-walkthrough{padding-top:28px;padding-bottom:30px}
 body[data-page=index] .walk-controls>h2{font-size:32px;line-height:1.12}
 body[data-page=index] .home-walkthrough .tour-launch{gap:10px}
 body[data-page=index] .home-walkthrough .tour-launch :is(button,a){min-height:44px}
 body[data-page=index] .home-walkthrough .demo-try{font-size:14px}
 body[data-page=index] .home-walkthrough .walk-caption{padding:17px}
 body[data-page=index] .home-walkthrough .walkthrough-device{width:min(330px,100%)!important}
 body[data-page=index] .home-walkthrough .walk-panel{max-width:360px}
 body[data-page=index] .home-walkthrough .demo-disclosure{font-size:13px!important;line-height:1.55!important}
 body[data-page=index] .home-membership{padding-block:34px;gap:22px}
 body[data-page=index] .membership-heading h2{font-size:30px;max-width:22ch;line-height:1.16}
 body[data-page=index] .membership-options{grid-template-columns:1fr;gap:18px}
 body[data-page=index] .membership-options :is(p,li){font-size:15px;line-height:1.6}
 body[data-page=index] .membership-options h3{font-size:28px}
 body[data-page=index] .membership-plus .membership-availability{font-size:13px}
 body[data-page=index] .home-start{padding-block:27px 32px;gap:25px}
 body[data-page=index] .home-start h2{font-size:34px;line-height:1.12}
 body[data-page=app] .explore-hero{padding-top:25px;padding-bottom:24px;gap:0}
 body[data-page=app] .explore-hero h1{font-size:clamp(33px,8.7vw,45px);line-height:1.1;letter-spacing:-.045em;margin:17px 0 20px}
 body[data-page=app] .explore-hero-bottom p{font-size:17px;line-height:1.6;max-width:38ch;margin-bottom:22px}
 body[data-page=app] .explore-hero-bottom .button{font-size:14px;min-height:48px;padding-inline:22px}
 body[data-page=app] .app-intro-art{min-height:0;height:clamp(360px,103vw,470px);margin-top:22px}
 body[data-page=app] .app-intro-phone{width:54%;max-width:235px;left:0;top:5px}
 body[data-page=app] .app-intro-cards{width:46%;top:30px;gap:13px;right:0;transform:none}
 body[data-page=app] .app-intro-card{height:clamp(97px,27vw,125px);border-radius:13px;box-shadow:0 3px 0 #c7bdc9,0 9px 15px #31243e20}
 body[data-page=app] .app-intro-card>div{padding:15px 10px}
 body[data-page=app] .app-intro-card span{font-size:9px;line-height:1.25;letter-spacing:.025em;margin-bottom:10px;max-width:13ch}
 body[data-page=app] .app-intro-card b{font-size:16px;line-height:1.2}
 body[data-page=app] .app-intro-stones{width:115%;right:-8%;height:90%}
 body[data-page=app] .app-explorer{padding-top:26px;padding-bottom:35px}
 body[data-page=app] .explorer-heading{margin-bottom:22px}
 body[data-page=app] .explorer-heading h2{font-size:30px;line-height:1.14}
 body[data-page=app] .explorer-tabs>button{min-height:46px;padding-inline:13px}
 body[data-page=app] .device-stage{padding:15px 12px}
 body[data-page=app] .explorer-explanation{padding-top:17px}
}
@media(max-width:360px){
 body[data-page=index] .hero h1{font-size:33px}
 body[data-page=app] .explore-hero h1{font-size:32px}
 body[data-page=app] .app-intro-card b{font-size:14px}
 body[data-page=app] .app-intro-card span{font-size:8px}
 body[data-page=app] .app-intro-card>div{padding:13px 8px}
}