#call-flow *{box-sizing:border-box}#call-flow{margin:0;background:#111419;color:#f6f7f8;font-family:Arial,sans-serif}#call-flow .wrap{max-width:1180px;margin:auto;padding:34px}#call-flow .top{display:flex;justify-content:space-between;border-bottom:1px solid #343940;padding-bottom:24px;font-size:12px;color:#a9afb9}#call-flow .brand{font-weight:900;font-size:23px;letter-spacing:-1px;color:white}#call-flow .eyebrow{font-size:11px;letter-spacing:2px;color:#f69b71;margin:44px 0 16px}#call-flow .journey-heading{font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;font-weight:500;margin:0 0 16px}#call-flow p{color:#aeb7c4;line-height:1.7;max-width:670px;font-size:15px}#call-flow .scene{margin-top:36px;border:1px solid #353b43;border-radius:16px;background:radial-gradient(ellipse at 53% 34%,#263039,#171c23 70%);padding:32px 24px}#call-flow .route{display:grid;grid-template-columns:1fr 65px 1fr 65px 1.2fr 65px 1.4fr;align-items:center;gap:0}#call-flow .station{text-align:center;position:relative}#call-flow .station .icon{height:115px;display:flex;align-items:center;justify-content:center}#call-flow .station svg{width:100px;height:100px;overflow:visible}#call-flow .station h2{font-size:15px;margin:16px 0 8px;font-weight:500}#call-flow .station small{color:#8b98a8;font-size:11px}#call-flow .wire{height:2px;background:#3c4754;position:relative;margin-top:-40px;overflow:hidden}#call-flow .wire:after{content:'';position:absolute;width:24px;height:2px;background:#ff965f;left:-24px;box-shadow:0 0 10px #ffa36a}#call-flow .wire.travel:after{animation:travel 1.4s linear infinite}@keyframes travel{to{left:100%}}#call-flow svg{fill:none;stroke:#8e9dab;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#call-flow .active svg{stroke:#ffc299;filter:drop-shadow(0 0 10px #ff965f44)}#call-flow .active h2{color:#ffc299}#call-flow .cloud{position:relative}#call-flow .cloud svg{width:130px}#call-flow .cloud .wordmark{position:absolute;top:64px;left:0;right:0;font-size:14px;font-weight:800;letter-spacing:1px;color:#f3f5f6}#call-flow .ivr{max-width:410px;margin:32px auto 0;border:1px solid #404b59;border-radius:9px;padding:18px 22px;background:#1c2530;opacity:.42;transition:opacity .4s,border-color .4s}#call-flow .ivr.on{opacity:1;border-color:#bd815c}#call-flow .ivr strong{font-size:12px;letter-spacing:1px;font-weight:500;color:#e9b08d}#call-flow .ivr p{font-size:15px;color:#e7eaf0;margin:10px 0}#call-flow .ivr .option{font-size:12px;color:#b1bbc8}#call-flow .ivr .option.selected{color:#ffc299}#call-flow .office{border:1px solid #44515f;border-radius:9px;padding:15px 8px;background:#202b35}#call-flow .office-title{font-size:10px;color:#c1c8d2;letter-spacing:1px}#call-flow .desks{display:flex;justify-content:center;gap:14px;margin-top:14px}#call-flow .desk{position:relative}#call-flow .desk svg{height:45px;width:35px}#call-flow .desk .person{display:block;margin:auto auto 5px;width:18px;height:18px;border-radius:50%;border:2px solid #768796}#call-flow .desk small{font-size:9px;display:block;margin-top:6px}#call-flow .ringing .desk svg{stroke:#ffc299;animation:ring .3s ease-in-out infinite alternate}#call-flow .ringing .desk:before{content:'';position:absolute;left:0;right:0;top:23px;height:38px;border:1px solid #f4a776;border-radius:50%;animation:ripple 1s ease-out infinite}#call-flow .answered .desk:nth-child(2) svg{stroke:#9bd8b8;filter:drop-shadow(0 0 6px #9bd8b855)}#call-flow .answered .desk:nth-child(2) .person{background:#9bd8b8;border-color:#9bd8b8}#call-flow .answered .desk:nth-child(2) small{color:#9bd8b8}@keyframes ring{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes ripple{from{transform:scale(.85);opacity:.7}to{transform:scale(1.45);opacity:0}}#call-flow .caption{margin-top:30px;padding-top:25px;border-top:1px solid #37414d;display:flex;gap:20px;align-items:center;min-height:105px}#call-flow .phase{color:#ffa36a;font-size:32px;font-weight:300;min-width:44px}#call-flow .caption h3{font-size:21px;font-weight:500;margin:0 0 6px}#call-flow .caption p{font-size:13px;margin:0}#call-flow .controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}#call-flow button{font:inherit;font-size:12px;border-radius:5px;border:1px solid #56616e;color:white;background:#252d38;min-height:44px;padding:12px 20px;cursor:pointer}#call-flow button.primary{background:#f48c52;color:#14181d;border-color:#f48c52}#call-flow button:focus-visible{outline:3px solid white;outline-offset:4px}#call-flow .dots{display:flex;gap:6px;margin-left:auto}#call-flow .dots button{padding:8px;width:32px;min-width:32px;background:transparent;border-color:transparent;color:#a4aeba}#call-flow .dots button[aria-current=true]{color:#ffc299;border-bottom-color:#ffc299}#call-flow .foot{font-size:11px;max-width:850px;color:#82909f;margin-top:25px}@media(max-width:850px){#call-flow .wrap{padding:24px}#call-flow .route{grid-template-columns:1fr 40px 1fr}#call-flow .route .cloud{grid-column:1}#call-flow .route .office-station{grid-column:3}#call-flow .wire:nth-child(4){grid-column:3;transform:rotate(90deg);width:45px;justify-self:center;margin:30px 0}#call-flow .route .cloud{grid-row:3}#call-flow .route .wire:nth-child(6){grid-row:3;grid-column:2}#call-flow .route .office-station{grid-row:3}#call-flow .scene{padding:25px 18px}#call-flow .station .icon{height:100px}#call-flow .ivr{margin-top:26px}#call-flow .caption h3{font-size:18px}#call-flow .dots{margin-left:0}}@media(max-width:450px){#call-flow .wrap{padding:20px 14px}#call-flow .top{font-size:9px;align-items:center}#call-flow .brand{font-size:20px}#call-flow .journey-heading{font-size:34px}#call-flow .station h2{font-size:12px}#call-flow .station small{font-size:9px}#call-flow .desks{gap:8px}#call-flow .desk svg{width:26px}#call-flow .office{padding:12px 5px}#call-flow .cloud svg{width:110px}#call-flow .scene{padding:22px 10px}#call-flow .station svg{height:85px}#call-flow .cloud .wordmark{top:56px;font-size:12px}#call-flow .caption{gap:10px}#call-flow .phase{font-size:26px;min-width:32px}#call-flow .controls{gap:8px}}@media(prefers-reduced-motion:reduce){#call-flow *{animation:none!important;transition:none!important}}#call-flow.paused *,#call-flow.paused *:before,#call-flow.paused *:after{animation-play-state:paused!important}#call-flow .cloud .wordmark{top:37px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px}#call-flow .cloud .wordmark img{width:43px;height:31px;object-fit:contain}#call-flow .menu-options{display:grid;gap:8px}#call-flow .ivr .option{padding:9px 10px;border:1px solid #3a4858;border-radius:5px;display:flex;gap:10px;align-items:center}#call-flow .ivr .option b{font-weight:500;color:#d7dfe9}#call-flow .ivr .option.selected{background:#443126;border-color:#c68f67}#call-flow #choice{display:none;font-size:10px;margin-left:auto}#call-flow .selected #choice{display:inline}#call-flow .ivr{max-width:440px}#call-flow .station small{line-height:1.5;display:block}@media(max-width:450px){#call-flow .cloud .wordmark{top:31px;font-size:9px}#call-flow .cloud .wordmark img{width:38px;height:28px}#call-flow .ivr .option{font-size:11px;padding:8px}#call-flow #choice{font-size:9px}}#call-flow .cloud .wordmark img{mix-blend-mode:screen}#call-flow .cloud .wordmark{top:43px}@media(max-width:450px){#call-flow .cloud .wordmark{top:36px}}#call-flow .controls{display:none!important}
#call-flow{background:transparent;font-family:inherit;min-width:0}#call-flow>.wrap{padding:0;max-width:none}#call-flow .eyebrow{margin-top:0}#call-flow .scene{border:0;background:transparent;padding:24px 0 0}#call-flow .route>*{min-width:0}#call-flow .caption{min-height:130px}#call-flow .foot{margin-bottom:0}@media(max-width:850px){#call-flow .route{grid-template-columns:1fr;gap:0}#call-flow .route .station,#call-flow .route .cloud,#call-flow .route .office-station{grid-column:1;grid-row:auto}#call-flow .route .wire{grid-column:1;grid-row:auto;width:2px;height:32px;transform:none;margin:18px auto;justify-self:center}#call-flow .wire:after{width:2px;height:12px;left:0;top:-12px}#call-flow .wire.travel:after{animation:journey-down 1.4s linear infinite}#call-flow .office{max-width:260px;margin:auto}#call-flow .station .icon{height:85px}#call-flow .caption{min-height:160px}#call-flow .journey-heading{font-size:30px}#call-flow .ivr .option{flex-wrap:wrap}}@keyframes journey-down{to{top:100%}}
#call-flow .station h2{letter-spacing:normal}#call-flow .caption h3{letter-spacing:normal}
/* Keep compact diagram labels independent of the site's display-heading typography. */
#call-flow .journey-heading{letter-spacing:normal;word-spacing:.04em;line-height:1.2}
#call-flow .station h2,#call-flow .caption h3{font-family:'DM Sans',Arial,sans-serif;letter-spacing:normal;word-spacing:.04em;line-height:1.4}
#call-flow p,#call-flow small,#call-flow .option{letter-spacing:normal;word-spacing:.03em}