/* Touch layouts are scoped to narrow screens; desktop art direction is unchanged. */
@media(max-width:900px){
 :root{--mobile-gutter:max(16px,5vw);--hero-heading-size:clamp(32px,8.2vw,60px)}
 html{scroll-padding-top:calc(88px + env(safe-area-inset-top,0px))}
 body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body>.announcement{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:10px;line-height:1.5;letter-spacing:.06em}
 body>header.site-header{min-height:0;grid-template-columns:72px minmax(0,1fr) 44px;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
 body>header.site-header>.logo img{width:72px}
 body>header.site-header.is-compact{padding-top:calc(7px + env(safe-area-inset-top,0px));padding-bottom:7px}
 body>header.site-header.is-compact>.logo img{width:64px}
 body>header.site-header>.header-actions{min-width:0;max-width:100%}
 body>header.site-header .fb-site-kit{min-height:48px;gap:7px;font-size:14px}
 body>header.site-header>nav{padding:20px var(--mobile-gutter) calc(24px + env(safe-area-inset-bottom,0px));max-height:calc(var(--overlay-height,100dvh) - var(--header-menu-top,88px));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
 .site-header nav>a{min-height:48px;font-size:17px!important}
 .site-header .mobile-menu-extra>div a{min-height:48px;font-size:16px}
 .hero.hero{grid-template-columns:minmax(0,1fr);min-height:0}
 .hero.hero .hero-copy{order:0;min-width:0;padding:34px var(--mobile-gutter) 26px}
 .hero.hero .hero-copy h1{font-size:var(--hero-heading-size);line-height:1.03;letter-spacing:-.045em;margin:24px 0 20px}
 .hero.hero .hero-copy>p{font-size:17px;line-height:1.65}
 .hero.hero .hero-composition{order:1;min-height:0;min-width:0;height:auto;padding:8px var(--mobile-gutter) 24px}
 .hero-art{width:min(100%,390px);max-width:100%;height:auto;flex-shrink:1}
 .hero-wave{left:-75%;top:-12%;width:150%;height:125%}
 .hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px}
 .hero-actions :is(.button,.text-link){min-height:48px;align-items:center;justify-content:center;display:inline-flex}
 .hero.hero .hero-copy .hero-capabilities{margin-top:20px;font-size:15px}
 .hero.hero .hero-copy .hero-audience{font-size:14px}
 .section{padding:48px var(--mobile-gutter)}
 .section-top{min-width:0;gap:24px}
 .section-top>div,.custom-title,.custom-options,.trust-copy,.trust-proof,.request-copy,.request-contact,.request-action{min-width:0}
 .custom,.request,#about.trust{grid-template-columns:minmax(0,1fr);gap:30px}
 .custom h2{font-size:clamp(26px,7.2vw,42px);line-height:1.08;letter-spacing:-.035em}
 .custom-options>div{gap:16px;padding:24px 0}
 .custom-options h3{font-size:20px;overflow-wrap:break-word}
 .custom-title>.button{min-height:48px}
 .process .section-top{display:block}
 .process .process-intro{margin:22px 0 0;max-width:none;grid-column:auto}
 .process .process-intro .process-lead-time{font-size:clamp(21px,5.6vw,26px)}
 .steps{grid-template-columns:minmax(0,1fr);gap:28px}
 .steps span,.steps h3{min-height:0}
 .steps p{font-size:16px;margin-bottom:0}
 .trust h2{font-size:clamp(26px,6.8vw,42px);letter-spacing:-.035em}
 .trust-stats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
 .trust-geography{min-width:0}.trust-route>div{min-width:0}
 .trust-stat-label{font-size:16px}
 #request.request-final{grid-template-areas:'copy' 'action' 'contact';grid-template-columns:minmax(0,1fr);gap:30px}
 .request h2{font-size:clamp(29px,7.6vw,44px);overflow-wrap:break-word;letter-spacing:-.035em}
 .request-regions,.request-chats .bigser-messenger-group{grid-template-columns:minmax(0,1fr);gap:20px}
 .request-region .region-phone{min-height:48px;font-size:clamp(20px,5.6vw,25px)}
 .request-chats .bigser-messenger-chat{min-height:80px;padding:16px;gap:16px}
 .request-chats .bigser-messenger-chat>span{min-width:0}
 footer.site-footer{padding:40px var(--mobile-gutter) calc(24px + env(safe-area-inset-bottom,0px))}
 .site-footer .footer-columns,.footer-regions{grid-template-columns:minmax(0,1fr);gap:28px}
 .footer-contact-group,.footer-socials{grid-column:auto}
 .site-footer .footer-region address,.site-footer .footer-region .footer-phones a,.site-footer a,.site-footer .bigser-messenger-text{font-size:16px}
 .site-footer :is(a,.bigser-messenger-text){min-height:48px}
 .site-footer .footer-bottom{flex-direction:column;gap:8px;font-size:12px}
 .site-footer .footer-bottom span:last-child{text-align:left;font-size:12px}
 #quiz{position:fixed;inset:var(--overlay-top,0px) 0 auto;margin:0;width:100%;max-width:100%;height:100vh;height:var(--overlay-height,100dvh);max-height:100vh;max-height:var(--overlay-height,100dvh);border:0;border-radius:0;overflow:hidden}
 #quiz .quiz-shell{height:100%;max-height:100%;min-height:0}
 #quiz .quiz-header{flex-shrink:0;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 10px}
 #quiz .quiz-header span{font-size:11px;min-width:0}
 #quiz .quiz-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;flex-shrink:0}
 #quiz .quiz-progress{flex-shrink:0;padding:12px 16px 0}
 #quiz #quiz-form{flex:1;min-height:0;padding-top:0}
 #quiz #quiz-content{flex:1;min-height:0;padding:20px 16px 24px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:24px}
 #quiz h2{font-size:clamp(23px,5.7vw,32px);overflow-wrap:break-word}
 #quiz .quiz-options,#quiz .quiz-messengers{grid-template-columns:minmax(0,1fr)}
 #quiz .quiz-options .quiz-option{min-height:52px;gap:16px!important;padding:14px 16px!important}
 #quiz .quiz-footer{flex-shrink:0;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
 #quiz .quiz-footer button{min-height:48px;min-width:0}
 #quiz .quiz-footer .button{padding:12px 18px}
 #quiz #quiz-error{flex-shrink:0;max-height:25%;overflow-y:auto;margin:8px 0;padding:0 16px}
 #quiz .quiz-request-details>div{grid-template-columns:minmax(0,1fr);gap:3px}
 #quiz .quiz-channel-notice{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto}
 #quiz .quiz-channel-notice-card{max-height:100%;overflow-y:auto;padding:24px}
 #quiz .quiz-messenger{min-height:52px}#quiz .quiz-messenger img{width:26px;height:26px}
 #messenger-contact-notice{max-height:calc(var(--overlay-height,100dvh) - 32px);overflow-y:auto}
 #flipbook{inset:var(--overlay-top,0px) 0 auto;height:100vh;height:var(--overlay-height,100dvh)}
 #flipbook .fb-top{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))}
 #flipbook .fb-brand{grid-column:1;grid-row:1;min-width:0;gap:0}
 #flipbook .fb-brand img{width:88px;max-width:100%}
 #flipbook .fb-brand span{display:none}
 #flipbook .fb-top-actions{display:contents}
 #flipbook .fb-top-actions .fb-kit{grid-column:2;grid-row:1;min-height:44px;max-width:none;font-size:13px;padding:8px;gap:7px}
 #flipbook .fb-kit-label{display:none}#flipbook .fb-kit-label-short{display:inline}
 #flipbook .fb-top-actions [data-fb=close]{grid-column:3;grid-row:1;width:44px;min-height:44px;padding:0}
 #flipbook .fb-top-actions .fb-accent{grid-column:1/-1;grid-row:2;max-width:none;min-height:44px;font-size:14px;padding:10px 14px}
 #flipbook .fb-bottom{padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));gap:6px;justify-content:center;flex-direction:column}
 #flipbook .fb-pagination{width:100%;min-width:0;gap:6px;justify-content:center}
 #flipbook .fb-page-label{font-size:12px;gap:5px;min-width:0}
 #flipbook #fb-page-input{width:46px;font-size:16px;padding:8px 2px}
 #flipbook #fb-range{font-size:12px}
 #flipbook .fb-tools{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;gap:6px}
 #flipbook .fb-tools :is(button,a){padding:8px;font-size:12px}
 #flipbook .fb-tools :is([data-fb=zoom],[data-fb=zoom-out],[data-fb=fullscreen]){width:44px;flex-shrink:0}
 #flipbook .fb-edge{display:none}
 #flipbook .fb-stage{background:#181818;filter:none}
 #flipbook .fb-book-position{filter:drop-shadow(0 8px 12px #0007)}
 #flipbook .fb-panel{width:100%;backdrop-filter:none;background:#202020}
 #flipbook .fb-panel-body{min-height:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
 #flipbook .fb-panel-head{padding:12px 16px}
 #flipbook .fb-panel-tabs{padding:8px 16px}
 #flipbook .fb-intro{max-width:calc(100% - 24px);white-space:normal;text-align:center;bottom:10px;padding:10px}
 #flipbook .fb-status{bottom:calc(116px + env(safe-area-inset-bottom,0px));font-size:13px;padding:10px 12px}
 #flipbook.fb-controls-hidden .fb-bottom{display:none}
 #flipbook.fb-controls-hidden .fb-brand,#flipbook.fb-controls-hidden .fb-kit{visibility:hidden}
 #flipbook .fb-hotspot:before{width:max(100%,44px);height:max(100%,44px)}
 .reveal-pending,.reveal-entering{--entrance-y:16px;--entrance-duration:1100ms}
 p.reveal-pending,p.reveal-entering{--entrance-y:14px;--entrance-duration:1000ms}
}
@media(max-width:430px){
 .hero-actions{flex-direction:column!important;align-items:stretch!important}
 .hero-actions :is(.button,.text-link){width:100%;text-align:center}
 .section-top h2{font-size:clamp(28px,7.6vw,34px)}
 .trust-global{grid-template-columns:minmax(0,1fr);gap:18px}
 .trust-global .trust-origin:after,.trust-global .trust-route:before,.trust-global .trust-route:after{display:none}
 .trust-global .trust-routes{padding-left:0}.trust-global .trust-route{padding-left:0}
}
@media(max-width:340px){
 .trust-stats{grid-template-columns:minmax(0,1fr)}
 #flipbook .fb-pagination{gap:4px}
 #flipbook .fb-tools{column-gap:4px}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
 #flipbook .fb-top{grid-template-columns:minmax(72px,1fr) auto auto 44px;gap:6px;padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px}
 #flipbook .fb-top-actions .fb-accent{grid-column:3;grid-row:1;font-size:12px;min-height:44px}
 #flipbook .fb-top-actions [data-fb=close]{grid-column:4}
 #flipbook .fb-bottom{flex-direction:row;flex-wrap:wrap}
 #flipbook .fb-pagination{width:auto;flex:1}
 #flipbook .fb-tools{width:auto;flex:1}
 #quiz .quiz-header{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:4px}
 #quiz .quiz-progress{padding-top:4px}
 #quiz .quiz-progress progress{margin-top:4px}
 #quiz .quiz-footer{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
}
@media(hover:none),(pointer:coarse){
 .collection .collection-caption,.collection .card-bottom{opacity:1;transform:none}
 .collections .collection{translate:0 0;scale:1}
 .collections.has-active-collection .collection:not(.is-active){opacity:1;filter:none}
 .collection-particles{display:none}
 .button:hover{transform:none}
}
@media(max-width:900px){
 .section,.hero.hero .hero-copy,.hero.hero .hero-composition,footer.site-footer{padding-left:max(var(--mobile-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--mobile-gutter),env(safe-area-inset-right,0px))}
 #quiz :is(.quiz-header,.quiz-progress,#quiz-content,.quiz-footer,#quiz-error){padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}

@media(max-width:900px){
 #flipbook .fb-stage:focus-visible{box-shadow:inset 0 0 0 2px #ff7900}
 .request-final .quiz-launch{padding:26px 22px;min-width:0}
 .request-final .quiz-launch h3{font-size:21px;overflow-wrap:break-word}
 .request-final .quiz-launch .button{width:100%;min-height:54px}
}
