html{scroll-padding-top:120px}
.site-header{
  position:sticky;top:16px;z-index:50;width:89.8%;max-width:1293px;margin-left:auto;margin-right:auto;
  background:transparent;border-color:rgb(112 144 190 / .28);border-radius:24px;box-shadow:0 4px 20px #294f8212,0 1px 3px #294f8208;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transform:translateZ(0);
  transition:max-width 300ms cubic-bezier(0,0,.2,1),background-color 300ms cubic-bezier(0,0,.2,1),border-color 300ms cubic-bezier(0,0,.2,1);
}
.site-header::before{content:none}
.site-header.is-compact{max-width:640px}
.site-header:is(.is-compact,.is-expanding) .main-navigation{display:none}
.site-header.is-compact .menu-toggle{display:none}
.site-header.is-compact .header-actions{margin:0 0 0 auto;gap:24px}
.site-header.is-compact .language{display:flex}
.header-cta-compact{display:none}
.site-header.is-compact .header-cta-full{display:none}
.site-header.is-compact .header-cta-compact{display:inline}
.site-header.is-compact .header-cta{font-size:16px;min-height:44px;padding:0 20px;border-radius:16px}
.site-header.is-scrolled{background:rgb(255 255 255 / .1);border-color:rgb(112 144 190 / .28);box-shadow:0 4px 20px #294f8212,0 1px 3px #294f8208}
.site-header[data-on-dark="true"]{border-color:rgb(255 255 255 / .2)}
.site-header .main-navigation a:hover,.site-header .services-toggle:hover{color:#174bb4}
.site-header[data-on-dark="true"] :is(.main-navigation,.language,.brand-wordmark,.brand-wordmark small){color:#fff}
.site-header[data-on-dark="true"] .menu-toggle span{background:#fff}
.site-header[data-on-dark="true"] :is(.main-navigation a:hover,.services-toggle:hover){color:#a8d9ff}
.site-header[data-on-dark="true"] .service-links{color:#27314c}
.site-header[data-on-dark="true"] .service-links a:hover{color:#174bb4}
.site-header .brand-wordmark,.site-header .brand-wordmark small,.site-header .main-navigation,.site-header .language{transition:color 150ms ease}
.brand .brand-symbol{filter:drop-shadow(0 2px 4px #36558c10)}
.brand .brand-symbol>svg{width:46px;height:46px}
.brand .brand-wordmark,.footer-brand .brand .brand-wordmark{font-weight:750;letter-spacing:.15px}
.brand-wordmark small,.footer-brand .brand-wordmark small{font-weight:700;color:#415b82}
.hero{position:relative;isolation:isolate}
.hero-copy{z-index:2}
.hero-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.hero-ambient span{position:absolute;display:block;width:300px;height:230px;border-radius:44% 56% 58% 42% / 52% 42% 58% 48%;border:1px solid #ffffffd9;background:linear-gradient(135deg,#ffffff8a,#e1edff35 48%,#bddaff36);box-shadow:inset 8px 6px 18px #ffffffb3,inset -6px -7px 18px #6f9fe522,0 12px 38px #779bce12;opacity:.64;animation:ambient-glass-drift 16s ease-in-out infinite alternate}
.hero-ambient span:first-child{left:-115px;top:110px;transform:rotate(-24deg)}
.hero-ambient span:last-child{right:-100px;top:155px;width:260px;height:330px;animation-delay:-8s;opacity:.48}
.hero-art{animation:hero-glass-float 9s ease-in-out infinite;transform-origin:50% 65%}
.hero-shimmer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;-webkit-mask:var(--hero-mask,none) center/100% 100% no-repeat;mask:var(--hero-mask,none) center/100% 100% no-repeat}
.hero-shimmer>span{position:absolute;top:-30%;left:0;width:45%;height:160%;background:linear-gradient(110deg,transparent 30%,#ffffff00 42%,#ffffff8c 48%,#bce7ff33 53%,transparent 65%);animation:hero-glass-shimmer 15s ease-in-out infinite;opacity:0}
.hero-motion-toggle{display:inline-flex;align-items:center;gap:7px;margin:8px 5.1% 0 auto;padding:8px 12px;min-height:34px;border:1px solid #dce6f6;border-radius:12px;background:#ffffffb3;color:#607898;font-size:11px;position:relative;z-index:3;transition:background-color 150ms,color 150ms}
.hero-motion-toggle:hover{background:#fff;color:#2465e8}.hero-motion-toggle:focus-visible{outline:2px solid #3171ff;outline-offset:3px}
.hero-motion-toggle svg{width:12px;height:12px;fill:currentColor}
.hero-motion-controls{display:flex}
.hero-motion-toggle[hidden]{display:none}
.hero[data-motion-paused="true"] :is(.hero-art,.hero-ambient span,.hero-shimmer>span){animation-play-state:paused}
@keyframes hero-glass-float{0%,100%{transform:translate3d(0,0,0) rotate(-.25deg)}50%{transform:translate3d(0,-9px,0) rotate(.25deg)}}
@keyframes ambient-glass-drift{from{transform:translate3d(0,0,0) rotate(-24deg)}to{transform:translate3d(22px,-18px,0) rotate(-13deg)}}
@keyframes hero-glass-shimmer{0%,16%{transform:translate3d(-140%,0,0);opacity:0}22%{opacity:.5}45%{transform:translate3d(360%,0,0);opacity:.5}50%,100%{transform:translate3d(360%,0,0);opacity:0}}
@media(max-width:900px){html{scroll-padding-top:108px}.site-header{top:12px}.main-navigation{max-height:calc(100svh - 120px);overflow-y:auto;overscroll-behavior:contain}.hero-ambient span{width:210px;height:240px}.hero-ambient span:first-child{left:-135px;top:90px}.hero-ambient span:last-child{right:-160px;top:150px}.hero-art{animation-duration:11s}}
@media(max-width:900px){.site-header{width:calc(100% - 48px)}}
@media(max-width:540px){.site-header{width:calc(100% - 28px)}.site-header.is-compact .header-actions{gap:14px}.site-header.is-compact .language{font-size:12px}.site-header.is-compact .header-cta{font-size:12px;min-height:37px;padding:0 12px;border-radius:12px}}
@media(max-width:360px){.site-header.is-compact .header-actions{gap:10px}.site-header.is-compact .language{font-size:11px;gap:4px}.site-header.is-compact .header-cta{font-size:11px;padding:0 10px;min-height:35px}}
@media(max-width:900px){.site-header[data-on-dark="true"] .main-navigation{color:#27314c}.site-header[data-on-dark="true"] .main-navigation a:hover,.site-header[data-on-dark="true"] .services-toggle:hover{color:#174bb4}}
@media(max-width:540px){html{scroll-padding-top:98px}.site-header{top:10px}.hero-ambient{opacity:.65}.hero-ambient span:first-child{left:-160px}.hero-ambient span:last-child{right:-190px}.hero-motion-toggle{font-size:10px;margin-right:14px;padding:7px 10px}.hero-art{animation-name:hero-glass-float-mobile}}
@keyframes hero-glass-float-mobile{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.site-header.is-scrolled{background:#f8fbff}.hero-ambient{opacity:.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero :is(.hero-art,.hero-ambient span,.hero-shimmer>span){animation:none;transform:none}.hero-shimmer{display:none}.hero-motion-toggle{display:none}.site-header{transition:none}}
/* Native links cover each glass panel and its podium label. */
.hero-panel-link{position:absolute;display:block;z-index:4;border-radius:18px;color:inherit;outline:none;cursor:pointer}
.hero-panel-link-voice{left:14.5%;top:0;width:23%;height:75%;--label-delay:0ms}
.hero-panel-link-messaging{left:39%;top:7%;width:23%;height:75%;--label-delay:450ms}
.hero-panel-link-connectivity{left:65%;top:7%;width:24%;height:78%;--label-delay:900ms}
.hero-art .art-label{font-size:clamp(10px,1.175vw,16.25px);font-weight:650;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:#2c5b94;white-space:nowrap;text-shadow:0 1px 2px #ffffff80;padding:8px 4px;border-radius:6px;isolation:isolate;transform:translate(-50%,-8px) rotate(6deg);transition:color 180ms ease,text-shadow 180ms ease,background-color 180ms ease}
.hero-panel-link-voice .art-label{left:47.826%;top:89.333%}
.hero-panel-link-messaging .art-label{left:54.348%;top:89.333%}
.hero-panel-link-connectivity .art-label{left:55%;top:88.462%}
.hero-panel-link:is(:hover,:focus-visible) .art-label{color:#1478ed;text-shadow:0 0 14px #32a5ff77,0 1px 2px #fff;background:#d8edff45}
.hero-panel-link:focus-visible .art-label{outline:2px solid #2465e8;outline-offset:4px}
.hero-art:focus-within{animation-play-state:paused}
@media(max-width:480px){.hero-panel-link-connectivity .art-label{left:43%}}
.hero.labels-introduced .art-label::after{content:"";position:absolute;inset:1px -4px;z-index:-1;border-radius:8px;background:#73bfff38;box-shadow:0 0 16px #2a78ff44;pointer-events:none;opacity:0;animation:podium-label-light 1600ms ease-out both;animation-delay:var(--label-delay)}
.hero[data-motion-paused="true"] .art-label::after{animation-play-state:paused}
@keyframes podium-label-light{0%,100%{opacity:0}28%{opacity:.65}65%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.hero .art-label::after{animation:none!important;opacity:0}.hero-art .art-label{transition:none}}