.mobile-video-hint{display:none}
@media(max-width:760px){
 html{scroll-padding-top:86px;scroll-padding-bottom:90px}
 body{overflow-x:clip}
 .nav-inner{gap:12px}
 .nav-links .lang{min-height:44px;min-width:44px}
 .hero-grid{padding-top:32px;padding-bottom:20px;gap:12px}
 .hero-content{width:100%;min-width:0}
 .hero .eyebrow{font-size:9px;letter-spacing:1.7px}
 .hero h1{width:100%;min-width:0;font-size:clamp(56px,15.5vw,67px);line-height:.94;margin-top:24px;margin-bottom:22px}
 .hero h1 span{max-width:100%}
 .hero h1 .outline{z-index:0}
 .hero-sub{font-size:16px;line-height:1.5;margin-bottom:10px}
 .hero-copy{width:100%;font-size:12px;line-height:1.8;margin-bottom:21px}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .hero .actions>*{min-width:0}
 .hero .actions .btn{min-height:49px;font-size:11px;padding:12px 10px;gap:8px}
 .hero .actions .btn svg{width:18px;height:18px}
 .hero-note{font-size:8px;gap:10px;margin-top:14px}
 .hero-art{height:420px;max-width:360px;transform:scale(.82);margin:16px 0 -62px}
 .phone{left:55px;top:5px}
 .note-sticker{font-size:25px;padding:16px 19px;left:-3px}
 .paid-sticker{font-size:26px;right:-4px;bottom:0;padding:14px 18px}
 .orbit-note{display:none}
 .spark{right:0;top:16px;width:42px;height:42px}
 .ticker-inner{font-size:17px;letter-spacing:.4px;gap:11px;justify-content:space-between;padding-top:2px;min-height:48px}
 .ticker-inner i{font-size:16px}
 .steps-section{padding-top:38px;padding-bottom:39px}
 .section-head h2{font-size:35px;line-height:1.05}
 .step{padding:21px 21px 23px;gap:0 14px}
 .step p{font-size:12px;line-height:1.8}
 .step h3{font-size:27px}
 .contact-box{padding:25px 20px 22px}
 .contact-intro h2{font-size:39px}
 .contact-intro p{font-size:12px;line-height:1.8}
 .contact-card{min-height:85px;padding:17px 15px}
 .contact-title{font-size:16px}
 .contact-description{font-size:11px}
 .contact-arrow{width:20px;height:20px}
 .contact-foot a{min-height:30px;padding:8px 0}
 .showcase{padding-top:39px;padding-bottom:37px}
 .mobile-video-hint{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#737b88;margin:0 0 13px}
 .mobile-video-hint .swipe-arrows{font-size:17px;letter-spacing:7px;color:#242b36}
 .video-grid{gap:13px;margin-right:-22px;padding-right:22px;padding-bottom:14px;scroll-snap-stop:always;overscroll-behavior-x:contain}
 .video-card{flex-basis:79%;max-width:340px;aspect-ratio:9/14}
 .video-tag{font-size:8px;padding:7px 9px}
 .play{width:52px;height:52px}
 .video-bottom{left:21px;bottom:23px}
 .video-title{font-size:32px}
 .showcase-note{font-size:10px;line-height:1.75}
 .final-inner h2{font-size:35px}
 .final-inner .btn{min-height:48px}
 .footer{padding-bottom:110px}
 .footer-inner{gap:18px}
 .mobile-cta{gap:11px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #0004}
 .mobile-cta .btn{min-height:48px;font-size:12px}
 dialog{width:calc(100% - 30px);max-height:calc(100dvh - 40px);border-radius:13px}
 .modal-image{height:min(39dvh,320px)}
 .modal-close{width:40px;height:40px}
 .modal-body .btn{min-height:49px}
}
@media(max-width:360px){
 .wrap{padding-left:18px;padding-right:18px}
 .nav-links .nav-join{display:none}
 .brand-name{font-size:20px}
 .hero h1{font-size:56px}
 .hero .eyebrow{font-size:8px;letter-spacing:1.2px}
 .hero .actions .btn{font-size:10px;padding-left:6px;padding-right:6px;gap:6px}
 .hero-note{font-size:7px;gap:9px}
 .hero-art{transform:scale(.75);margin-left:-15px;margin-right:-15px;margin-bottom:-90px}
 .ticker-inner{font-size:15px;gap:8px}
 .section-head h2{font-size:32px}
 .video-grid{margin-right:-18px;padding-right:18px}
 .contact-box{padding-left:17px;padding-right:17px}
 .contact-description{font-size:10px}
}