/* Screen layouts: portrait phone, tablet, desktop and compact landscape. */
/* Public marketing language selector: prevent clipped or hidden options on phones. */
@media(max-width:768px){
 #logimate-marketing .logimate-world-menu,
 #logimate-marketing .logimate-language-menu,
 .logimate-world-menu,.logimate-language-menu{display:flex!important;visibility:visible!important;opacity:1!important;max-width:100%!important;width:100%!important;min-width:0!important;flex-wrap:wrap!important;overflow:visible!important;position:relative!important;z-index:30!important}
 .logimate-world-menu label,.logimate-language-menu label{display:flex!important;flex:1 1 170px!important;min-width:0!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
 .logimate-world-menu select,.logimate-language-menu select{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;appearance:auto!important;-webkit-appearance:menulist!important;pointer-events:auto!important;color:#fff!important;background:#080e14!important}
 .logimate-world-menu button,.logimate-language-menu button{display:inline-flex!important;visibility:visible!important;min-width:44px!important;min-height:44px!important;flex:0 0 auto!important}
}

.mobile-nav{display:none}.reveal-brand{display:none}
@media(min-width:1500px){.film{height:min(850px,100svh)}}
@media(max-width:1099px) and (min-width:600px){
 .film{height:70vw;max-height:80svh;min-height:460px}
 .header{top:18px}.brand img{width:140px}.nav{gap:20px}
 .film .reveal{padding:70px 7%}.reveal h1{font-size:clamp(44px,6.7vw,70px)}
 .actions{max-width:600px}.cta{min-height:48px}.controls button{min-height:44px}
 .content{padding:65px 6%}.section-head{display:block}.contact-strip{padding:30px}
}
@media(max-width:749px){
 .fleet-options{grid-template-columns:repeat(2,1fr)}.fleet-options li{border-bottom:1px solid #36424b;min-height:60px;display:flex;align-items:center}.fleet-options li:nth-child(even){border-right:0}.fleet-options li:last-child{grid-column:1/-1}.fleet{margin-top:50px}
 .content{padding:55px 6%}.section-head{display:block}
 .paths{grid-template-columns:1fr}.path,.path+.path{padding:30px 0;border-left:0}
 .path+.path{border-top:1px solid #345061}.steps{grid-template-columns:1fr;margin:40px 0}
 .contact-strip{display:block;padding:25px}.contact-strip .cta{margin-top:14px;min-height:48px}
 .fallback{padding:30px 7%}.fallback h2{font-size:24px}.fallback p{font-size:12px}
}
@media(max-width:599px){
 .film{height:calc(min(72svh,620px) + 64px);min-height:530px}
 .film canvas{height:calc(100% - 64px)}.header{display:none}
 .film .reveal{bottom:64px;padding:30px 7%;background:linear-gradient(180deg,#03101a99,#03101af2)}
 .reveal-brand{display:block;width:145px;margin-bottom:30px}
 .reveal h1{font-size:clamp(30px,8.8vw,48px);margin:17px 0}
 .reveal .eyebrow{font-size:10px;line-height:1.6}
 .reveal p{display:block;font-size:13px;line-height:1.6;margin:0 0 8px}
 .reveal .actions{display:grid;gap:10px;margin-top:17px}
 .reveal .cta{min-height:48px;font-size:11px;padding:14px 16px;justify-content:space-between;gap:8px}
 .controls{bottom:6px;height:50px;left:5%;right:5%;gap:8px}
 .controls span{font-size:8px;max-width:35%;line-height:1.6;letter-spacing:.1em}
 .controls button{min-height:44px;min-width:44px;font-size:11px;padding:10px 13px}
 .line{bottom:64px}.intro-note{display:block;line-height:1.8;font-size:10px}.intro-note>span{display:block}
 .mobile-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6%;font-size:11px;border-bottom:1px solid #293a44}
 .mobile-nav img{width:85px}.mobile-nav a{display:flex;align-items:center;min-height:44px}
}
@media(max-width:359px){
 .reveal-brand{width:130px;margin-bottom:20px}.film .reveal{padding:24px 6%}
 .reveal .cta{font-size:10px}.controls span{max-width:25%;font-size:7px}.controls button{padding:10px 11px}
}
@media(orientation:landscape) and (max-height:550px) and (max-width:1099px){
 .film{height:calc(100svh + 64px);min-height:0;max-height:none}
 .film canvas{height:calc(100% - 64px)}.header{display:none}
 .film .reveal{bottom:64px;padding:20px 7%}.reveal-brand{display:none}
 .reveal .eyebrow{font-size:10px}.reveal h1{font-size:clamp(30px,5vw,48px);margin:10px 0}
 .reveal p{display:none}.reveal .actions{display:flex;max-width:none;gap:8px;margin-top:10px}
 .reveal .cta{font-size:11px;min-height:44px;padding:10px 15px;gap:10px}
 .controls{height:50px;bottom:6px}.controls button{min-height:44px}
 .line{bottom:64px}.mobile-nav{display:flex;align-items:center;justify-content:space-around;min-height:54px;font-size:12px}
 .mobile-nav img{width:90px}.mobile-nav a{min-height:44px;display:flex;align-items:center}
}
@media(orientation:landscape) and (max-height:360px) and (max-width:1099px){
 .film .reveal{padding:10px 6%}.reveal h1{font-size:30px;margin:8px 0}
 .reveal .eyebrow{font-size:9px}.reveal .cta{font-size:10px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header,.film .reveal{transition:none}}
@supports(padding:max(0px)){
 .controls{left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right))}
}
@media(min-width:600px) and (max-width:1099px){.header .nav{max-width:65%;flex-wrap:wrap;gap:0 16px;justify-content:flex-end}.header .nav a{font-size:12px}}

.brand img{width:68px;height:68px;object-fit:contain}.mobile-nav img{width:46px;height:46px;object-fit:contain}.reveal-brand{width:80px;height:80px;object-fit:contain;margin-bottom:16px}
@media(max-width:599px){.brand img{width:54px;height:54px}.page-header img{width:54px;height:54px}}
@media(max-width:599px){.film{height:calc(min(72svh,620px) + 88px)}.film canvas{height:calc(100% - 88px)}.film .reveal{bottom:88px}.film .controls{height:76px;align-items:center;flex-wrap:wrap;gap:0}.film .controls>span{max-width:none;flex-basis:100%}.film .controls>div{width:100%;justify-content:flex-start;gap:6px}.film .controls .background-control{font-size:11px;padding:8px 10px}}