/* Approved mobile composition: live copy and links over one continuous scene. */
.hero-description-mobile{display:none}
.hero-journey h1{color:#111}
.hero-journey h1 .headline-accent{color:#164bff;font-style:normal}
.machine-gallery-dots{display:none}
@media(max-width:760px){
 .crm-section{display:flex;flex-direction:column}
 .crm-note{order:-1;margin:0 0 16px;text-align:center}
 a[href*="client-login"]{display:none!important}
 .repeat-section,.about-section>.repeat-section{display:none}
 .site-footer .footer-message{display:none}
 .about-cycle-toggle,.machine-cycle-toggle{display:none!important}
 .footprint-scene{touch-action:pan-y;user-select:none;-webkit-user-select:none}
 .machine-gallery-dots:not([hidden]){display:flex;justify-content:center;gap:0;margin-top:4px}
 .machine-gallery-dots button{border:0;background:transparent;display:grid;place-items:center;width:44px;height:44px;padding:0;cursor:pointer}
 .machine-gallery-dots button::before{content:'';width:7px;height:7px;border-radius:50%;background:#adb5c5}
 .machine-gallery-dots button[aria-pressed="true"]::before{background:#164bff;width:9px;height:9px}
 .machine-gallery-dots button:focus-visible,.faq-collection-toggle:focus-visible{outline:2px solid #164bff;outline-offset:3px}
 .faq-collection-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
 .faq-collection-symbol{font-size:32px;font-weight:400;min-width:44px;min-height:44px;display:grid;place-items:center}
 .faq-list[hidden]{display:none}
}
@media(max-width:760px){
 .header{padding-inline:24px}
 .header .brand{margin-left:0}
 .header .brand,.header .brand img{width:150px;height:48px}
 html:not([data-navigation='scrolled']) .header{background:transparent;border-color:transparent;backdrop-filter:none}
 html:not([data-navigation='scrolled']) .header .nav-cta{visibility:hidden;pointer-events:none}
 .mobile-menu-toggle{padding:8px;width:44px;margin-right:-8px}
 .mobile-menu-toggle span{font-size:27px;line-height:1}
 html:not([data-motion='on']) .hero-journey{margin-top:-64px;background:#f1f6fd}
 html:not([data-motion='on']) .hero-journey .hero-stage{
  position:relative;isolation:isolate;display:flex;flex-direction:column;
  min-height:max(100svh,216.2vw);height:auto;padding:88px 24px 24px;
  overflow:hidden;background:#f1f6fd;
 }
 html:not([data-motion='on']) .hero-journey .hero-film{
  position:absolute;inset:auto 0 0;height:216.2vw;width:100%;margin:0;
  z-index:-1;pointer-events:none;background:transparent;
 }
 html:not([data-motion='on']) .hero-journey .hero-film .film-fallback{
  width:100%;height:100%;object-fit:cover;object-position:center bottom;
 }
 html:not([data-motion='on']) .hero-copy>.eyebrow,
 html:not([data-motion='on']) .hero-journey .hero-description{display:none}
 html:not([data-motion='on']) .hero-journey h1{
  order:1;font-size:clamp(34px,11vw,54px);font-weight:850;line-height:.96;
  letter-spacing:-.04em;max-width:100%;margin:0 0 16px;text-wrap:initial;
 }
 html:not([data-motion='on']) .hero-journey h1 span{display:block}
 html:not([data-motion='on']) .hero-journey h1 span::after{content:none}
 .hero-description-mobile{display:block;order:2;margin:0;color:#303640;font-size:clamp(14px,4.05vw,19px);font-weight:450;line-height:1.35}
 .hero-description-mobile span{display:block}
 html:not([data-motion='on']) .hero-copy>.hero-actions{
  order:4;margin:0;padding-top:108vw;gap:18px;align-items:center;
  flex:1;display:flex;justify-content:space-between;align-items:flex-end;
 }
 .hero-copy>.hero-actions .button{min-height:50px;padding:13px 16px;gap:18px;border-radius:4px;font-size:14px;white-space:nowrap}
 .hero-copy>.hero-actions .text-link{min-height:50px;font-size:14px;font-weight:600;gap:14px;white-space:nowrap}
 .hero-copy>.hero-actions a span{font-size:25px}
 .crm-section{border-top:1px solid #e4e8ef}
}
@media(max-width:350px){
 html:not([data-motion='on']) .hero-journey .hero-stage{padding-inline:20px;padding-top:80px;padding-bottom:20px}
 .header{padding-inline:20px}
 html:not([data-motion='on']) .hero-journey h1{font-size:10.8vw}
 .hero-description-mobile{font-size:13px}
 html:not([data-motion='on']) .hero-copy>.hero-actions{gap:10px}
 .hero-copy>.hero-actions .button{padding:12px;font-size:13px;gap:10px}
 .hero-copy>.hero-actions .text-link{font-size:13px;gap:8px}
}

.mobile-campaign-points,.mobile-contact-toggle{display:none}
@media(max-width:760px){
 .pilot-scope .scope-list{display:none}
 .mobile-campaign-points{display:block;list-style:disc;margin:24px 0 0;padding:0 0 0 20px;font-size:18px;font-weight:550;line-height:1.45}
 .mobile-campaign-points>li{padding:0 0 14px 4px}
 .mobile-campaign-points>li:last-child{padding-bottom:0}
 .mobile-campaign-points>li::marker{color:#164bff}
 .pilot-copy>.preview-note{display:none}
 .mobile-contact-toggle:not([hidden]){display:inline-flex;justify-content:center;justify-self:start;min-height:48px;min-width:150px}
 .pilot form[hidden]{display:none}
}

.footer-links{grid-template-columns:180px 220px}
.footer-legal{display:flex;flex-wrap:wrap;gap:0 24px;flex-basis:100%;align-items:center}
.footer-legal a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
@media(max-width:760px){
 .footer-links{grid-template-columns:1fr 1fr}
 .footer-legal{gap:0 18px}
}

.footer-attribution{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#d8e1eb}
.footer-venture{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.footer-venture img{display:block;width:180px;height:auto;box-sizing:content-box;padding:0;background:transparent;border-radius:0}
@media(max-width:760px){
 .footer-bottom .footer-attribution{width:100%;gap:6px}
 .footer-bottom span.footer-venture{width:auto;order:initial}
 .footer-venture img{width:170px;padding:0}
}

/* Restore the full selector on desktop without changing the mobile gallery. */
.machine-mobile-only{display:none}
@media(min-width:761px){
 .machines-section .footprint-heading h2{max-width:none}
 .machines-section .footprint-presentation{margin-top:42px}
}
@media(max-width:760px){
 .machine-desktop-only{display:none!important}
 .machine-mobile-only{display:block}
}

/* Match the marker treatment used by the scrolling story captions. */
.hero-journey h1 .headline-marker{display:inline-block;color:#fff;font-style:normal;line-height:1.04;padding:.07em .12em .09em;margin-block:.04em .08em}
