.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:#243e28;font-size:17px}.language-select{width:120px;max-width:100%;font:inherit;font-size:12px;color:#243e28;background:transparent;border:1px solid #9eaba2;border-radius:7px;padding:9px 5px;cursor:pointer}.language-select:focus-visible{outline:2px solid #006ba6;outline-offset:3px}.language-select option{background:#fff;color:#18231f}.translation-note{font-size:11px;line-height:1.6;color:#52635c;width:100%;margin:0}.translation-note a{color:#005e9e;text-decoration:underline}.footer{flex-wrap:wrap}.navigation{gap:18px}.nav-links{gap:20px;font-size:12px}.navigation .button.small{font-size:12px;padding:13px 16px;gap:14px}.request-languages{display:flex;justify-content:flex-end;margin-block:10px 22px}.request-shell>.translation-note{margin-top:25px;text-align:center}.request-languages .language-select{width:190px}
html:not([lang=en]) body{font-family:Arial,"Noto Sans",system-ui,sans-serif}html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{font-family:Arial,"Noto Sans",system-ui,sans-serif;letter-spacing:-.035em}html:not([lang=en]) .hero h1{font-size:clamp(52px,5.8vw,86px);line-height:1.08;overflow-wrap:anywhere}html:not([lang=en]) .agent-title h2{font-size:22px;line-height:1.18;overflow-wrap:anywhere}.agent-card{height:auto;min-height:440px}.agent-title{min-width:0}.hero-copy,.conversation-copy,.section-head>*{min-width:0}.button,.actions .text-link{white-space:normal}.hero .intro{font-size:17px}html:not([lang=en]) .eyebrow{letter-spacing:.1em}html:not([lang=en]) .scenario-choices button{white-space:normal}.flow-visual,.knowledge-visual,.insight-paper{overflow-wrap:anywhere}.tile h3,.section-head h2,.final-cta h2,.conversation-copy h2{overflow-wrap:anywhere}input[type=email],input[name=website],input[type=tel]{direction:ltr;text-align:start}
html[dir=rtl] .hero-copy{padding-left:0;padding-right:14px}html[dir=rtl] .bubble.caller{margin-left:0;margin-right:40px}html[dir=rtl] .bubble.agent{margin-right:0;margin-left:25px}html[dir=rtl] .footer p{margin-left:0;margin-right:auto}html[dir=rtl] .connections,html[dir=rtl] .card-stack{direction:ltr}html[dir=rtl] .agent-card{direction:rtl}html[dir=rtl] .step-number,html[dir=rtl] .agent-meta,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .request-consent{text-align:right}
@media(max-width:1100px){.navigation{gap:12px}.nav-links{gap:12px}.navigation .button.small{padding:11px;font-size:11px}.language-select{width:106px}}
@media(max-width:920px){.nav-links{display:none}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;width:33px;height:40px;padding:5px}.menu span{width:22px;height:1px;background:#243e28}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:24px;z-index:10;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center}.navigation .button.small{margin-inline-start:auto}.navigation{position:relative}}
@media(max-width:760px){.navigation{gap:9px}.navigation .brand img{width:52px}.navigation .button.small{max-width:116px;font-size:10px;padding:9px;gap:7px}.language-select{width:93px;font-size:11px;padding:8px 3px}.language-control{gap:3px}.language-control>span[aria-hidden]{display:none}html:not([lang=en]) .hero h1{font-size:clamp(43px,10.6vw,68px)}html:not([lang=en]) .hero-copy,html[dir=rtl] .hero-copy{padding-inline:0}html:not([lang=en]) .agent-title h2{font-size:21px}.agent-card{min-height:375px}.nav-links.open{top:84px}html:not([lang=en]) .section-head h2{font-size:36px}.scenario-choices{flex-wrap:wrap}.request-fields{min-width:0}}
@media(max-width:360px){.navigation{gap:6px}.navigation .brand img{width:45px}.navigation .button.small{max-width:94px;font-size:9px;padding:8px;gap:0}.navigation .button.small span{display:none}.language-select{width:82px;font-size:10px}.menu{width:27px}html:not([lang=en]) .hero h1{font-size:43px}.request-languages .language-select{width:180px}}
html[dir=rtl] .brand{margin-right:0;margin-left:auto}html[dir=rtl] .footer nav{margin-left:0;margin-right:auto}html[dir=rtl] .source-line>span:last-child{margin-left:0;margin-right:auto}
html[dir=rtl] body,html[lang=hi] body,html[lang=bn] body,html[lang=ta] body,html[lang=th] body{line-height:1.65}
@media(max-width:760px){html[dir=rtl] .footer nav{margin-right:0}}
html[lang=dz] body,html[lang=dv] body{line-height:1.7}html[lang=dz] h1,html[lang=dz] h2,html[lang=dv] h1,html[lang=dv] h2{line-height:1.35}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links a{overflow-wrap:anywhere}
html:not([lang=en]) .hero h1{hyphens:auto;text-wrap:balance}@media(max-width:360px){html:not([lang=en]) .hero h1{font-size:34px;line-height:1.15}}
/* Keep the anti-spam field hidden without creating RTL scroll overflow. */
.request-card .honey{left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}
html[dir=rtl] .request-intro li{padding-left:0;padding-right:52px}html[dir=rtl] .request-intro li:before{left:auto;right:0}
html[lang=dz] .hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.8;margin-top:40px}html[lang=dz] .agent-title h2{font-size:19px;line-height:1.8}html[lang=dz] .eyebrow{line-height:1.8}html[lang=dz] body{line-height:1.9}

/* Let translated cards size their container so the selector never touches them. */
.card-stack{height:auto;min-height:410px;padding-block:18px;--deck-offset:98px}
.ghost-card{transition:transform 520ms cubic-bezier(.22,.61,.36,1)}
.card-stack[data-scenario=staffing] .ghost-card.left{transform:translateX(calc(-1 * var(--deck-offset))) translateY(-10px) rotate(-12deg)}
.card-stack[data-scenario=staffing] .ghost-card.right{transform:translateX(var(--deck-offset)) translateY(9px) rotate(5deg)}
.card-stack[data-scenario=afterhours] .ghost-card.left{transform:translateX(calc(-1 * var(--deck-offset))) translateY(9px) rotate(-5deg)}
.card-stack[data-scenario=afterhours] .ghost-card.right{transform:translateX(var(--deck-offset)) translateY(-10px) rotate(12deg)}
@media(max-width:760px){.card-stack{height:auto;min-height:390px;padding-block:16px;--deck-offset:72px}}
@media(max-width:360px){.card-stack{--deck-offset:62px}}
@media(prefers-reduced-motion:reduce){.ghost-card{transition:none}}