.connectors-hero{position:relative;isolation:isolate;min-height:610px;padding-top:92px;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 30%,#0b568e 0,#003d73 25%,var(--blue) 54%,var(--deep) 100%)}
.connectors-hero-grid{position:relative;z-index:2;min-height:518px;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr);gap:80px;align-items:center;padding-bottom:76px}
.connectors-hero-copy{max-width:780px}.connectors-hero-copy h1{margin:0;font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-.045em}.connectors-hero-copy>p:last-child{max-width:690px;margin:24px 0 0;color:#e6f0f6;font-size:clamp(21px,2vw,29px);line-height:1.36;font-weight:600}
.connector-facts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0}.connector-facts:before{content:"";position:absolute;left:9%;right:9%;top:49px;height:1px;background:rgba(255,255,255,.35)}.connector-facts div{position:relative;text-align:center}.connector-facts dt{position:relative;z-index:1;width:100px;height:100px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(0,46,93,.58);font-size:38px;line-height:1;font-weight:800;letter-spacing:-.05em;box-shadow:0 0 0 10px rgba(255,255,255,.025)}.connector-facts dd{margin:0;color:#d8e8f2;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.connector-route{position:absolute;left:-8%;right:-8%;bottom:86px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,205,230,.14) 18%,rgba(255,255,255,.65) 72%,transparent)}.connector-route:after{content:"";position:absolute;right:22%;top:-7px;width:13px;height:13px;border-top:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7);transform:rotate(45deg)}
.has-motion .connectors-hero .connector-route{animation:connector-route-in 2.4s cubic-bezier(.2,.72,.2,1) .25s both}.has-motion .connector-facts div{animation:connector-fact-in 1s cubic-bezier(.2,.72,.2,1) both}.has-motion .connector-facts div:nth-child(2){animation-delay:.12s}.has-motion .connector-facts div:nth-child(3){animation-delay:.24s}@keyframes connector-route-in{from{opacity:0;clip-path:inset(-18px 100% -18px 0)}25%{opacity:1}to{opacity:1;clip-path:inset(-18px -18px -18px 0)}}@keyframes connector-fact-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.connector-network{padding:80px 0 118px;background:#fff}.network-heading{max-width:820px;margin:0 auto 36px;text-align:center}.network-heading h2{margin:0;font-size:clamp(36px,4.1vw,58px);line-height:1.08;letter-spacing:-.04em}
.network-map{position:relative;height:720px;max-width:1200px;margin:0 auto}.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.network-lines path{fill:none;stroke:#b8cbd9;stroke-width:1;stroke-dasharray:5 9}.network-hub{position:absolute;z-index:3;left:50%;top:360px;width:252px;height:252px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 70% 28%,#0b568e,var(--blue) 54%,var(--deep));box-shadow:0 26px 64px rgba(0,31,64,.2)}.network-hub:before,.network-hub:after,.hub-ring{content:"";position:absolute;border:1px solid #d4e1e9;border-radius:50%}.network-hub:before{inset:-25px}.network-hub:after{inset:-52px;border-color:#edf2f5}.hub-ring{inset:-80px;border-color:#f4f7f9}.network-hub img{position:relative;z-index:1;width:174px;height:auto}
.connector-card{position:absolute;z-index:2;width:280px;min-height:146px;padding:25px 28px 22px;overflow:hidden;border:1px solid #c8d7e2;background:#fff;box-shadow:0 14px 36px rgba(0,38,74,.07);transition:transform .35s cubic-bezier(.2,.72,.2,1),border-color .35s ease,box-shadow .35s ease}.connector-card:after{content:"";position:absolute;left:27px;bottom:-1px;width:52px;height:2px;background:var(--blue);transition:width .35s ease}.connector-card:hover{transform:translateY(-5px);border-color:#91aec2;box-shadow:0 22px 46px rgba(0,38,74,.12)}.connector-card:hover:after{width:calc(100% - 54px)}.connector-card p{position:relative;z-index:1;margin:0 0 8px;color:#678097;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.connector-card h3{position:relative;z-index:1;margin:0;color:var(--blue);font-size:21px;line-height:1.14}.connector-card strong{position:relative;z-index:1;display:block;margin-top:9px;color:#526b83;font-size:15px}.country-code{position:absolute;right:13px;top:0;color:#edf3f7;font-size:64px;line-height:1;font-weight:800;letter-spacing:-.08em}.connector-card-1{left:2%;top:56px}.connector-card-2{right:2%;top:56px}.connector-card-3{left:0;top:287px}.connector-card-4{right:0;top:287px}.connector-card-5{left:2%;top:518px}.connector-card-6{right:2%;top:518px}
.has-motion .connector-network:not(.is-visible) .connector-card,.has-motion .connector-network:not(.is-visible) .network-hub{opacity:0}.has-motion .connector-network:not(.is-visible) .connector-card:nth-of-type(1),.has-motion .connector-network:not(.is-visible) .connector-card:nth-of-type(3),.has-motion .connector-network:not(.is-visible) .connector-card:nth-of-type(5){transform:translateX(-16px)}.has-motion .connector-network:not(.is-visible) .connector-card:nth-of-type(2),.has-motion .connector-network:not(.is-visible) .connector-card:nth-of-type(4),.has-motion .connector-network:not(.is-visible) .connector-card:nth-of-type(6){transform:translateX(16px)}.has-motion .connector-network.is-visible .connector-card,.has-motion .connector-network.is-visible .network-hub{opacity:1;transform:none;transition:opacity .75s ease,transform .9s cubic-bezier(.2,.72,.2,1),border-color .35s ease,box-shadow .35s ease}.has-motion .connector-network.is-visible .network-hub{transform:translate(-50%,-50%);transition-delay:.08s}.has-motion .connector-network.is-visible .connector-card-3,.has-motion .connector-network.is-visible .connector-card-4{transition-delay:.12s}.has-motion .connector-network.is-visible .connector-card-5,.has-motion .connector-network.is-visible .connector-card-6{transition-delay:.24s}
.connectors-page .footer-angle{background:#fff}
@media(max-width:1180px){.connectors-hero-grid{grid-template-columns:minmax(470px,1fr) minmax(380px,.78fr);gap:32px}.connector-facts dt{width:86px;height:86px;font-size:32px}.connector-facts:before{top:42px}.connector-card{width:250px}}
@media(max-width:860px){.connectors-hero{min-height:690px;padding-top:78px}.connectors-hero-grid{min-height:612px;grid-template-columns:1fr;gap:38px;align-content:center;padding-top:45px;padding-bottom:112px}.connectors-hero-copy h1{font-size:58px}.connector-facts{max-width:560px}.connector-network{padding:72px 0 100px}.network-heading{margin-bottom:54px}.network-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.network-lines{display:none}.network-hub{position:relative;left:auto;top:auto;width:auto;height:190px;grid-column:1/-1;transform:none;border-radius:0}.network-hub:before,.network-hub:after,.hub-ring{display:none}.network-hub img{width:190px}.connector-card{position:relative;inset:auto;width:auto;min-height:150px}.has-motion .connector-network.is-visible .network-hub{transform:none}}
@media(max-width:560px){.connectors-hero-copy h1{font-size:44px}.connectors-hero-copy>p:last-child{font-size:21px}.connector-facts dt{width:70px;height:70px;font-size:27px}.connector-facts:before{top:34px}.connector-facts dd{font-size:10px}.network-map{grid-template-columns:1fr}.network-hub{grid-column:auto}.connector-card,}
@media(prefers-reduced-motion:reduce){.has-motion .connectors-hero .connector-route,.has-motion .connector-facts div{animation:none;opacity:1;clip-path:none;transform:none}.has-motion .connector-network .connector-card,.has-motion .connector-network .network-hub{opacity:1;transition:none}.has-motion .connector-network .network-hub{transform:translate(-50%,-50%)}.connector-card:hover{transform:none}}
.has-motion .connector-network.is-visible .connector-card:hover{transform:translateY(-5px)}
@media(max-width:860px) and (prefers-reduced-motion:reduce){.has-motion .connector-network .network-hub{transform:none}}

/* Mobile cards must stretch, including the centred last tablet card. */
@media(max-width:560px){.network-map .connector-card{width:100%;min-width:0;justify-self:stretch}.connector-card h3{overflow-wrap:anywhere}}