/* Mobile-only layout: keep the approved desktop composition unchanged. */
.mobile-rail-status{display:none}
.mobile-swipe-hint{display:none}
/* Keep every creator thumbnail circular, including the square source image. */
body #app .global-reach-cards .reach-creator-photo img{aspect-ratio:1;width:100%;height:auto;min-height:0;border-radius:50%;object-fit:cover;object-position:center;background:#eef3fa}
@media(max-width:760px){
  body #app .mobile-swipe-hint{display:block;margin:10px 0 8px;text-align:right;color:#99005f;font-size:12px;font-weight:700;letter-spacing:.04em}
  body header{gap:12px;padding-inline:20px}
  body header>.solid{padding:9px 12px;font-size:12px;gap:8px}
  body header .menu{flex:none;min-width:40px;min-height:44px}
  body #app .mobile-service-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:2px 0 12px;scrollbar-width:thin;min-width:0}
  body #app .mobile-service-rail>article{scroll-snap-align:start;min-width:0;height:auto;margin:0}
  body #app .capabilities .capability-card{padding:24px;border-radius:18px}
  body #app .capabilities .capability-card h3{font-size:25px;margin:18px 0 14px}
  body #app .capabilities .capability-card p{font-size:15px;line-height:1.8}
  body #app .capabilities .capability-keywords{font-size:13px;margin-top:24px;padding-top:16px}
  .mobile-rail-status{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#71717e;margin:10px 0 0}
  body #app .hero{padding-bottom:92px}
  body #app .hero .slide:first-child h1{white-space:normal;font-size:32px;line-height:1.4}
  body #app .hero .slide:first-child h1 br{display:block}
  body #app .hero:has(.slide:first-child.current){min-height:620px;padding-top:54px}
  body #app .hero .carousel-controls.carousel-controls{inset:auto 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:auto}
  body #app .hero .carousel-controls .dots{position:static;transform:none;gap:8px}
  body #app .hero .arrows{display:flex;gap:8px}
  body #app .hero .carousel-controls .arrows button[data-dir]{position:static;transform:none;width:44px;min-width:44px;height:44px;font-size:22px}
  body #app .hero .actions{flex-wrap:wrap;gap:12px}
  body #app .hero .actions>*{padding:12px 16px;font-size:14px}
  body #app .hero .board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body #app .hero .board-grid small{overflow-wrap:anywhere}
  body #app .global-page .global-focus{height:auto;min-height:0;padding:48px 24px}
  body #app .global-page .global-focus .slide{grid-template-columns:minmax(0,1fr);gap:28px}
  body #app .global-page .global-focus h1{font-size:34px}
  body #app .global-page .global-focus .hero-board{min-width:0;padding:24px}
  body #app .cta{flex-direction:column;align-items:flex-start}
  body #app .cta h2{font-size:28px;line-height:1.4}
  body #app .cases-focus h1{font-size:30px;line-height:1.45;text-wrap:balance}
  body #app .account-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body #app .account-examples figure{min-width:0}
  body #app .account-examples figcaption{font-size:11px;line-height:1.5;padding:8px 5px}
  body #contact-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;width:calc(100% - 32px)}
  body #app .home-business .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body #app .home-business .business{min-width:0}
  body #app .home-business .business-head{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:16px 12px;gap:6px}
  body #app .home-business .business-head strong{font-size:clamp(22px,6vw,30px)}
  body #app .home-business .business-head small{font-size:10px;letter-spacing:.04em;overflow-wrap:anywhere}
  body #app .home-business .business-body{padding:16px 12px}
  body #app .home-business .business-body h3{font-size:17px;line-height:1.35}
  body #app .home-business .business-body p{font-size:12px;line-height:1.65}
  body #app .home-business .business-body a{font-size:12px}
  body #app .workflow-grid.workflow-eight{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body #app .workflow-grid.workflow-eight>article{min-width:0}
  body #app .workflow-grid.workflow-eight h3{font-size:16px;overflow-wrap:anywhere}
  body #app .workflow-grid.workflow-eight p{font-size:12px;line-height:1.6}
  body #app .services-page .services-platform-band{min-height:0;aspect-ratio:2/1;padding:16px 12px;background-size:cover;background-position:center;background-color:#061737}
  body #app .services-page .services-platform-scene{gap:clamp(10px,2.8vw,22px)}
  body #app .services-page .services-platform-band h2{font-size:clamp(18px,4.6vw,26px)}
  body #app .services-page .services-band-logos{gap:clamp(3px,1.4vw,8px);height:auto;flex-wrap:nowrap}
  body #app .services-page .services-band-logos span:nth-child(n){width:clamp(34px,9vw,48px);height:clamp(34px,9vw,48px)}
  body #app .services-page .services-band-logos span:nth-child(n) img{width:68%;height:68%;object-fit:contain}
  body #app .global-media-steps{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(68vw,270px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px}
  body #app .global-media-steps article{min-width:0;scroll-snap-align:start}
  body #app .global-media-steps h3{display:block;margin:8px 0;font-size:17px}
  body #app .global-media-steps b,body #app .global-media-steps p{font-size:12px;line-height:1.6}
  body #app .global-ads-layout .ads-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body #app .global-ads-layout .ads-goals article{min-width:0;padding:16px 10px}
  body #app .global-ads-layout .ads-goals h3{font-size:17px;line-height:1.4}
  body #app .global-ads-layout .ads-goals p{font-size:11px;line-height:1.6}
  body #app .global-creator-pillars{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max(140px,43vw);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:10px}
  body #app .global-creator-pillars article{min-width:0;padding:15px 10px;scroll-snap-align:start}
  body #app .global-creator-pillars h3{font-size:15px;line-height:1.4}
  body #app .global-creator-pillars p{font-size:11px;line-height:1.55}
  body #app .global-creator-tiers{display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:min(72vw,260px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px}
  body #app .global-creator-tiers article{scroll-snap-align:start;min-width:0}
  body #app .global-creator-tiers .creator-portraits span{width:68px;height:68px;aspect-ratio:1}
  body #app .global-content-showcase .global-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px}
  body #app .global-content-showcase .global-content-grid article{min-width:0;padding:16px 12px!important}
  body #app .global-content-showcase .global-content-grid h3{font-size:16px;line-height:1.4}
  body #app .global-content-showcase .global-content-grid p,body #app .global-content-showcase .global-content-grid li{font-size:11px;line-height:1.6}
  body #app .global-reach-cards .reach-creator-photo{grid-template-rows:repeat(2,minmax(0,1fr))!important}
  body #app .cases-page .cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:auto;gap:8px;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}
  body #app .cases-page .cases-featured-row{display:contents}
  body #app .cases-page .cases-featured-row[hidden]{display:none}
  body #app .cases-page .case-framework{min-width:0;scroll-snap-align:none}
  body #app .cases-page .case-framework-copy{padding:10px 8px}
  body #app .cases-page .case-framework-copy h3{font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
  body #app .cases-page .case-placeholder-tags{gap:4px}
  body #app .cases-page .case-placeholder-tags span{font-size:10px;padding:4px 5px}
  body #app .cases-page .case-detail-button,body #app .cases-page .case-featured-action{box-sizing:border-box;min-width:0;width:100%;gap:3px;padding:8px 5px;font-size:10px;line-height:1.25}
  body #app .cases-page .case-framework-copy p{font-size:11px;line-height:1.5}
  body footer.site-footer{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;min-height:0;padding:40px 20px 32px;gap:18px;background:#1b1b20;overflow:hidden}
  body footer.site-footer .footer-logo,body footer.site-footer .footer-nav,body footer.site-footer .footer-copyright,body footer.site-footer .footer-top{position:static;transform:none;grid-column:auto;grid-row:auto;margin:0;padding-top:0;justify-self:auto;align-self:center}
  body footer.site-footer .footer-nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:0;width:100%;max-width:none;background:transparent}
  body footer.site-footer .footer-nav a{color:#dfdfe4;font-size:clamp(10px,2.8vw,13px);padding:0 8px;white-space:nowrap}
  body footer.site-footer .footer-copyright{text-align:center;line-height:1.8;color:#bcbcc3}
  body footer.site-footer .footer-top{margin-top:4px}
}