/* Shared editorial rhythm and accessible interaction finishes. */
:root{--ux-border:#dde6f0;--ux-muted:#4c6077;--ux-radius:20px}
body{font-feature-settings:"ss01";text-rendering:optimizeLegibility}a,button,summary,input,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1E88E5;outline-offset:4px}
.ux-skip{position:fixed;left:20px;top:-100px;padding:12px 18px;background:#fff;color:#0F2B5B;z-index:10000;border-radius:8px}.ux-skip:focus{top:12px}
.client-access-bar .site-language a,#portal-header .client-access-bar .site-language a{min-width:42px;min-height:36px;display:flex;align-items:center;justify-content:center}
#header .header-row{height:82px}#mobile-toggle{min-width:44px;min-height:44px}#mobile-menu{max-height:calc(100dvh - 140px);overflow-y:auto}
#main-content>section:not(#fleet-hero):not(.client-portal-card){padding-top:80px;padding-bottom:80px}
#fleet-hero .floating-shape{display:none}#fleet-hero .reveal{transform:none}#fleet-hero .text-white\/70{color:#d3e1f2}
.service-card{border-color:var(--ux-border)!important;border-radius:var(--ux-radius)!important;box-shadow:0 3px 12px #0f2b5b03}
.service-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 32px #0f2b5b0b!important}.service-card[aria-expanded=true]{border-color:#6ba3d5!important;background:#f7faff}
.service-card p,.service-detail{font-size:15px!important;line-height:1.7!important}.service-card h3{letter-spacing:-.02em}.service-card .service-icon{border-radius:14px}
.ux-industries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ux-industry{display:flex;flex-direction:column;padding:28px 24px;background:#fff;border:1px solid var(--ux-border);border-radius:var(--ux-radius);text-decoration:none;color:#0F2B5B;transition:border-color .2s,box-shadow .2s}
.ux-industry:hover{border-color:#75aada;box-shadow:0 12px 28px #0f2b5b0b}.ux-sector-number{font:600 14px/1.4 'Space Grotesk',sans-serif;color:#376e9e;margin-bottom:24px}.ux-industry h3{font:700 23px/1.2 'Space Grotesk',sans-serif;margin-bottom:14px}.ux-industry p{color:var(--ux-muted);font-size:15px;line-height:1.7;margin-bottom:24px}.ux-sector-action{margin-top:auto;font-size:14px;font-weight:600;color:#1264a6}
.client-portal-card{background:#eef5fd;border:1px solid #d4e4f6;border-left:4px solid #1E88E5;box-shadow:none;margin-top:48px;margin-bottom:48px}
.seo-contact>[class*=max-w]{background:#f6f9fd;border:1px solid var(--ux-border);border-radius:24px;padding:36px}.seo-contact .button{min-height:48px}.seo-contact .note{line-height:1.65}.seo-contact select{min-height:48px;background:white}
#contact.hero-gradient{background:#0F2B5B;animation:none}#contact .text-white\/70,#contact .text-white\/50{color:#d3e1f2}
.whatsapp-pulse::before{animation:none!important}.whatsapp-pulse{box-shadow:0 6px 20px #0f2b5b25}.trust-scroll{animation:none}
.card{border-radius:18px;overflow:hidden}.card:focus-visible{outline-offset:3px}.spec-table th,.spec-table td{line-height:1.6}
.panel{border-radius:20px}.shell>.hero{gap:44px}.shell .actions .button{min-height:48px}.brand img{object-fit:contain}
@media(max-width:1100px){.ux-industries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#main-content>section:not(#fleet-hero):not(.client-portal-card){padding-top:52px;padding-bottom:52px}.ux-industries{grid-template-columns:1fr}.ux-industry{padding:24px}.ux-sector-number{margin-bottom:14px}.seo-contact>[class*=max-w]{padding:24px;margin:0 16px}.service-card{padding:24px!important}#header .header-row{height:74px}#fleet-hero .fleet-method{margin-top:0}.client-portal-card{margin:24px 16px}footer{padding-bottom:88px!important}.site-language{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Industry imagery: full-width photograph with readable copy below. */
.ux-industries{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ux-industry{padding:0;overflow:hidden;display:flex;flex-direction:column}
.ux-industry-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e6edf2}
.ux-industry-copy{display:flex;flex:1;flex-direction:column;padding:26px 28px}
.ux-industry h3{font-size:26px;margin-bottom:12px}.ux-industry p{margin-bottom:20px}.ux-sector-action{padding-top:4px}
@media(max-width:700px){.ux-industries{grid-template-columns:1fr;gap:22px}.ux-industry{padding:0}.ux-industry-copy{padding:22px}.ux-industry h3{font-size:24px}}