
/* One native sizing system: 90% of the approved homepage reference. */
@container(min-width:1200px){
 #ser-design[data-active-view] .ser-wrap{--ser-ui-scale:1.125;max-width:calc(1656px*var(--ser-ui-scale));padding-left:calc(55.2px*var(--ser-ui-scale));padding-right:calc(55.2px*var(--ser-ui-scale))}
 #ser-design[data-active-view="home"] .ser-wrap{--ser-home-scale:var(--ser-ui-scale)}
 #ser-design .ser-services-page{--ser-services-scale:var(--ser-ui-scale);padding-top:calc(32.2px*var(--ser-ui-scale));padding-bottom:calc(34.5px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-nav{padding-top:calc(9.2px*var(--ser-ui-scale));padding-bottom:calc(9.2px*var(--ser-ui-scale));gap:calc(27.6px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-logo{font-size:calc(25.3px*var(--ser-ui-scale));letter-spacing:calc(-1.15px*var(--ser-ui-scale));gap:calc(11.5px*var(--ser-ui-scale));min-height:calc(50.6px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-dot{width:calc(11.5px*var(--ser-ui-scale));height:calc(11.5px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-navlinks{font-size:calc(14.95px*var(--ser-ui-scale));gap:calc(36.8px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-navlinks a{min-height:calc(50.6px*var(--ser-ui-scale));padding:calc(11.5px*var(--ser-ui-scale)) 0}
 #ser-design[data-active-view] .ser-nav-actions{gap:calc(25.3px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-language-toggle button{width:calc(36.8px*var(--ser-ui-scale));min-height:calc(50.6px*var(--ser-ui-scale));font-size:calc(12.65px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-language-toggle button[aria-pressed="true"]::after{width:calc(18.4px*var(--ser-ui-scale));left:calc(9.2px*var(--ser-ui-scale));bottom:calc(9.2px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-navtalk{font-size:calc(13.8px*var(--ser-ui-scale));padding:calc(11.5px*var(--ser-ui-scale)) calc(21.85px*var(--ser-ui-scale))}
 #ser-design[data-active-view] .ser-footerline{font-size:calc(12.65px*var(--ser-ui-scale))}
 #ser-design[data-active-view="home"] .ser-home-intro h1{font-size:clamp(calc(39.1px*var(--ser-home-scale)),4.2952cqw,calc(69px*var(--ser-home-scale)))}
 #ser-design .ser-workflow-tabs button{font-size:calc(12.075px*var(--ser-services-scale))}
 #ser-design .ser-workflow-steps p{font-size:calc(14.95px*var(--ser-services-scale))}
 #ser-design .ser-workflow-contact{font-size:calc(14.95px*var(--ser-services-scale));min-height:calc(55.2px*var(--ser-services-scale));padding:calc(18.4px*var(--ser-services-scale)) calc(26.45px*var(--ser-services-scale));gap:calc(27.6px*var(--ser-services-scale));border-radius:calc(36.8px*var(--ser-services-scale))}
}
@container(min-width:1400px){#ser-design[data-active-view] .ser-wrap{--ser-ui-scale:1.35}}
@container(min-width:1700px){#ser-design[data-active-view] .ser-wrap{--ser-ui-scale:1.575}}
/* Services uses 80% of its previous desktop size so the comparison fits at once. */
@container(min-width:1200px){
 #ser-design[data-active-view="solutions"] .ser-wrap{--ser-ui-scale:.9}
 #ser-design[data-active-view="solutions"]>[data-ser-chrome].ser-wrap{max-width:1656px;padding-left:55.2px;padding-right:55.2px}
 #ser-design[data-active-view="solutions"] .ser-services-heading{margin-bottom:23px}
}
@container(min-width:1400px){#ser-design[data-active-view="solutions"] .ser-wrap{--ser-ui-scale:1.08}}
@container(min-width:1700px){#ser-design[data-active-view="solutions"] .ser-wrap{--ser-ui-scale:1.26}}
/* Four visible language choices and readable long labels on phones. */
@container(max-width:600px){
 #ser-design .ser-navlinks{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:9.2px 20.7px}
 #ser-design .ser-navtalk{grid-column:1/-1;grid-row:3;justify-self:start}
 #ser-design .ser-language-toggle{gap:0}
 #ser-design .ser-language-toggle button{width:36.8px;font-size:11.5px}
 #ser-design .ser-nav-actions .ser-navtalk{max-width:100%;white-space:normal}
 #ser-design .ser-form label{min-width:0}
 #ser-design .ser-form select{max-width:100%;width:100%}
}

