/* Cyber services: navigation, dedicated pages and the connected-security visual. */
.cyber-nav-panel{width:395px;left:auto;right:-40px;padding:12px;background:linear-gradient(150deg,#202948,#111a36);color:#f4f2ff;border:1px solid #535779;box-shadow:0 22px 55px #14244640;max-height:calc(100vh - 155px);overflow-y:auto}
.nav-certifications{padding:10px 9px 7px;border:1px solid #a2a7c43d;border-radius:10px;background:#ffffff09}.nav-group-label{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffcd5f;padding:0 9px 4px}.cyber-nav-panel svg{width:20px;height:20px;flex-shrink:0;color:#b493ff}.nav-group-label svg,.nav-certifications>a svg{color:#ffcd5f}.nav nav .cyber-nav-panel a{display:flex;align-items:center;gap:12px;color:#f4f2ff;font-size:13px!important;line-height:1.4;padding:11px 9px;border:0}.nav nav .cyber-nav-panel a:hover,.nav nav .cyber-nav-panel a:focus-visible{background:#ffffff13;color:#fff;outline-color:#c6a6ff}.nav-protection{padding:7px 9px 4px}.nav nav .cyber-nav-panel .cyber-overview{font-size:11px!important;color:#bbccee;border-top:1px solid #ffffff1c;border-radius:0;justify-content:space-between;margin:0 8px;padding:13px 10px 4px}.cyber-footer-links{border-top:1px solid var(--line);padding:26px 0}.cyber-footer-links h3{font-size:13px;margin:0 0 16px}.cyber-footer-links>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 22px}.cyber-footer-links a{font-size:11px;color:#4a5f7e;line-height:1.6}.cyber-footer-links a:hover{text-decoration:underline;color:#1263b5}.cyber-card-kicker{display:block;font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--icon-main);margin-top:16px}.cyber-service-catalog .service-page-link{display:flex;flex-direction:column;height:100%}.cyber-service-catalog .service-page-link h3{font-size:23px;line-height:1.3;min-height:60px;margin-top:12px}.cyber-service-catalog .service-description{flex:1;min-height:120px}.cyber-service-catalog .service-toggle{margin-top:25px}.detail-scheme-mark{width:85%;height:150px;object-fit:contain;transform:rotate(3deg)}.certification-visual{background:#fff;border:1px solid #fff;box-shadow:0 25px 60px #414e8f1c}.certification-visual .detail-visual-label{background:#edf3fc;color:#27457b}.scheme-source{font-size:11px!important;color:#60718a}.scheme-source a{text-decoration:underline;text-underline-offset:3px}.certification-detail{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-top:20px}.certification-detail p{font-size:14px;line-height:1.8}.cert-price-list{border:1px solid var(--line);border-radius:14px;padding:10px 28px;background:linear-gradient(125deg,#f0faff,#f4efff)}.cert-price-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #dce3ef;font-size:16px}.cert-price-list small{display:block;font-size:11px;font-weight:400;color:#536782}.cert-price-list strong{font-size:25px;text-align:right;font-weight:600}.cert-price-list>p{font-size:10px;margin:15px 0}.assurance-levels{padding-top:10px}.assurance-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 15px}.assurance-level-grid article{border:1px solid var(--line);padding:35px;border-radius:14px;background:linear-gradient(135deg,#effaff,#f3edff)}.assurance-level-grid h3{font-size:26px;margin:14px 0}.assurance-level-grid p{font-size:14px}.product-details-link{display:block;font-size:12px;margin-top:17px;text-align:center;color:#31579b}.product-details-link:hover{text-decoration:underline}.health-check-section{padding-top:10px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.health-check-section>div>p{font-size:14px;line-height:1.8}.health-check-form{background:linear-gradient(135deg,#f5fbff,#f7f4ff);padding:30px;border:1px solid #dce3ef;border-radius:16px}.health-check-form fieldset{background:#fff;padding:18px 16px 0;margin-bottom:24px}.health-check-form legend{font-size:14px;line-height:1.6}.health-check-form fieldset label{font-size:12px;cursor:pointer;margin-right:16px;display:inline-flex}.health-check-form .number{color:#6c62b6}.health-check-form input[type=radio]{accent-color:#6d49ca}.health-check-form .result{background:#e5eaff;border:1px solid #cfd9f5}.health-check-form .result h2{font-size:28px}.health-check-form .result p,.health-check-form .result li{font-size:13px;line-height:1.7}.health-check-form .result ul{padding-left:20px}.health-check-form .result .button{font-size:12px;margin-top:15px}
/* An original illustration of connected protection, with live service shortcuts. */
.connected-security-art{height:490px;position:relative;isolation:isolate}.connected-security-art:before{content:'';position:absolute;inset:9% 5%;background:radial-gradient(ellipse,#bff9ff80,transparent 68%);filter:blur(20px);border-radius:50%}.security-connected-visual{width:116%;max-width:none;height:115%;position:absolute;top:-9%;left:-9%;object-fit:contain;filter:drop-shadow(0 20px 30px #584a9c16);animation:security-breathe 9s ease-in-out infinite}.security-float-card{position:absolute;z-index:2;display:flex;gap:12px;align-items:center;padding:15px 18px;border:1px solid #fff9;border-radius:16px;background:linear-gradient(130deg,#fffffff2,#e9f6ffd9);box-shadow:0 15px 35px #3857a024;backdrop-filter:blur(14px);transition:transform .25s,box-shadow .25s;animation:security-float 7s ease-in-out infinite}.security-float-card:hover{box-shadow:0 20px 45px #3857a03d;animation-play-state:paused;transform:translateY(-5px)}.security-float-card:focus-visible{outline:3px solid #5b4bb5;outline-offset:4px}.security-float-card svg{width:36px;height:36px;flex-shrink:0;filter:drop-shadow(0 3px 4px #1d4bc92a)}.security-float-card strong{display:block;font-weight:600;font-size:13px;color:#203a65;line-height:1.4}.security-float-card small{display:block;font-size:10px;color:#526780;margin-top:3px}.security-float-card .float-arrow{font-size:15px;color:#7182b6;margin-left:5px}.security-float-card.card-cloud{top:10%;left:-7%;transform:rotate(-3deg)}.security-float-card.card-assurance{right:-6%;top:45%;animation-delay:-2s;background:linear-gradient(130deg,#fffffff2,#eee5ffd9)}.security-float-card.card-people{bottom:2%;left:3%;animation-delay:-4s}.security-art-caption{position:absolute;left:40%;right:0;bottom:-5%;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#385883;text-align:center}.security-art-caption:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#5c61d6;margin-right:8px;vertical-align:middle}
@keyframes security-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes security-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:1150px){.connected-security-art{height:420px}.security-float-card{padding:12px;gap:8px}.security-float-card strong{font-size:11px}.security-float-card small{font-size:9px}.security-float-card svg{width:30px;height:30px}.security-float-card.card-cloud{left:-6%}.security-float-card.card-assurance{right:-4%}.cyber-nav-panel{right:-80px}}
@media(max-width:1000px){.nav nav.open{max-height:calc(100dvh - 115px);overflow-y:auto}.cyber-nav-panel{width:100%;max-height:none;margin-top:14px}.cyber-footer-links>div{grid-template-columns:repeat(2,1fr)}.health-check-section{gap:35px;grid-template-columns:1fr 1.3fr}.certification-detail{gap:40px}.connected-security-art{max-width:500px;width:100%;margin:auto}.security-float-card.card-cloud{left:0}.security-float-card.card-assurance{right:0}.cyber-service-catalog .service-page-link h3{font-size:21px}}
@media(max-width:700px){.cyber-nav-panel{padding:9px}.nav nav .cyber-nav-panel a{font-size:12px!important}.nav-certifications{padding:10px 5px 5px}.nav-protection{padding:7px 5px 4px}.cyber-service-catalog .service-page-link h3{min-height:0}.cyber-service-catalog .service-description{min-height:0}.health-check-section,.certification-detail{grid-template-columns:1fr;gap:28px}.health-check-form{padding:24px 18px}.health-check-form fieldset label{margin-right:13px;font-size:12px}.assurance-level-grid{grid-template-columns:1fr}.assurance-level-grid article{padding:28px}.detail-scheme-mark{height:130px;width:80%}.connected-security-art{height:390px;margin-top:12px}.security-float-card{padding:12px 14px}.security-float-card strong{font-size:12px}.security-float-card small{font-size:9px}.security-float-card.card-cloud{top:8%;left:0}.security-float-card.card-assurance{top:48%;right:-1%}.security-float-card.card-people{bottom:0;left:3%}.security-art-caption{font-size:8px;bottom:-7%;left:10%}.security-connected-visual{width:111%;left:-5.5%}.hero-shortcuts{margin-top:55px}}
@media(max-width:400px){.connected-security-art{height:335px}.security-float-card{padding:10px;gap:7px}.security-float-card strong{font-size:10px}.security-float-card small{font-size:8px}.security-float-card svg{width:26px;height:26px}.security-float-card.card-cloud{left:-2%}.security-float-card.card-assurance{right:-2%}.security-float-card .float-arrow{margin-left:0}.cyber-footer-links>div{grid-template-columns:1fr}.nav nav .cyber-nav-panel a{font-size:11px!important;gap:9px}.cyber-nav-panel svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.security-connected-visual,.security-float-card{animation:none;transition:none}.security-float-card:hover{transform:none}}

.security-float-card .float-arrow{display:inline-block;transform:rotate(-45deg)}

/* Match the Telecoms dropdown with a white, accessible service menu. */
.cyber-nav-panel{background:#fff;color:#172d51;border:1px solid #dce3ef;width:320px;right:0;padding:14px;box-shadow:0 20px 45px #172d5124}
.nav-certifications{background:transparent;border:0;border-bottom:1px solid #dce3ef;border-radius:0;padding:0 0 8px}.nav-protection{padding:8px 0 0}.nav-group-label{color:#31579b;padding:8px 10px}.cyber-nav-panel svg,.nav-group-label svg,.nav-certifications>a svg{color:#6953bb}
.nav nav .cyber-nav-panel a{color:#172d51;padding:10px;font-size:12px!important;border-radius:6px}.nav nav .cyber-nav-panel a:hover,.nav nav .cyber-nav-panel a:focus-visible{background:#edf5ff;color:#174c91;outline-color:#31579b}.nav nav .cyber-nav-panel .cyber-overview{color:#1a58a0;border-top:1px solid #dce3ef;margin:8px 0 0;padding:12px 10px}
@media(max-width:1000px){.cyber-nav-panel{width:100%;right:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

header{position:relative;z-index:100}
