/* Company hero only: four fields on the approved shared platform. */
html body.public-site.public-design-page.page-securepoint #public-main.publishing-main.company-v5 .company-v5__hero-art.company-platform {
  --cp-ink:#153e70;--cp-muted:#55749a;--cp-blue:#1266d8;--cp-orange:#ff7419;
  --cp-line:#91b4df;--cp-top-a:#f0f6fd;--cp-top-b:#e0ecf9;
  --cp-side-a:#bad1ef;--cp-side-b:#91b3df;--cp-hub-a:#fff;--cp-hub-b:#cfdef2;
  --cp-border:#a6c3e8;--cp-shadow:#37669d26;
  display:block;width:100%;max-width:620px;height:auto;min-height:0;margin:0;
  justify-self:end;color:var(--cp-ink);container:company-platform / inline-size;
}
html[data-theme="dark"] body.public-site.public-design-page.page-securepoint #public-main.publishing-main.company-v5 .company-v5__hero-art.company-platform {
  --cp-ink:#e1efff;--cp-muted:#97b3d4;--cp-blue:#7ab6ff;--cp-orange:#ff934d;
  --cp-line:#466b94;--cp-top-a:#203951;--cp-top-b:#0f2034;
  --cp-side-a:#1b324c;--cp-side-b:#102238;--cp-hub-a:#35516f;--cp-hub-b:#162a42;
  --cp-border:#50749c;--cp-shadow:#00060e80;
}
#company-hero .company-platform .cp-scene {
  position:relative;width:100%;aspect-ratio:620 / 500;margin-bottom:8px;isolation:isolate;container-type:inline-size;
}
#company-hero .company-platform .cp-atmosphere {
  position:absolute;inset:7% 5% 4%;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--cp-blue) 12%,transparent),transparent 65%);
}
html body.public-site.public-design-page.page-securepoint #public-main.publishing-main.company-v5 .company-platform svg.cp-ground {
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;
  overflow:visible;pointer-events:none;
}
#company-hero .company-platform .cp-face-bright {stop-color:var(--cp-top-a);}
#company-hero .company-platform .cp-face-dark {stop-color:var(--cp-top-b);}
#company-hero .company-platform .cp-side-bright {stop-color:var(--cp-side-a);}
#company-hero .company-platform .cp-side-dark {stop-color:var(--cp-side-b);}
#company-hero .company-platform .cp-hub-bright {stop-color:var(--cp-hub-a);}
#company-hero .company-platform .cp-hub-dark {stop-color:var(--cp-hub-b);}
#company-hero .company-platform .cp-floor-shadow {fill:var(--cp-shadow);}
#company-hero .company-platform .cp-base-low {fill:var(--cp-blue);opacity:.06;}
#company-hero .company-platform .cp-base-top,
#company-hero .company-platform .cp-base-side {stroke:var(--cp-border);stroke-width:1.2;stroke-linejoin:round;}
#company-hero .company-platform .cp-floor-grid {fill:none;stroke:var(--cp-line);stroke-width:.7;opacity:.19;}
#company-hero .company-platform .cp-route-under {fill:none;stroke:var(--cp-blue);stroke-width:8;opacity:.04;}
#company-hero .company-platform .cp-route {
  fill:none;stroke:var(--cp-line);stroke-width:1.5;opacity:.78;stroke-linecap:round;stroke-linejoin:round;
}
#company-hero .company-platform .cp-spoke {stroke-dasharray:2 6;opacity:.55;}
#company-hero .company-platform .cp-daises>path:nth-child(odd) {fill:var(--cp-side-a);stroke:var(--cp-border);stroke-width:1;}
#company-hero .company-platform .cp-daises>path:nth-child(even) {fill:var(--cp-top-a);stroke:var(--cp-border);stroke-width:1;}
#company-hero .company-platform .cp-hub-bottom {fill:var(--cp-side-b);stroke:var(--cp-border);stroke-width:1;}
#company-hero .company-platform .cp-hub-top {stroke:var(--cp-border);stroke-width:1.2;}
#company-hero .company-platform .cp-hub-ring {fill:none;stroke:var(--cp-blue);stroke-width:.8;opacity:.32;}
#company-hero .company-platform .cp-crosses {fill:none;stroke:var(--cp-line);stroke-width:1;opacity:.55;}
#company-hero .company-platform .cp-sparks {fill:var(--cp-orange);opacity:.75;}
#company-hero .company-platform .cp-asset {position:absolute;pointer-events:none;filter:drop-shadow(0 12px 12px var(--cp-shadow));z-index:2;}
#company-hero .company-platform .cp-asset img {display:block;width:100%;height:100%;object-fit:contain;}
#company-hero .company-platform .cp-asset .cp-dark {display:none;}
html[data-theme="dark"] body.page-securepoint #company-hero .company-platform .cp-light {display:none;}
html[data-theme="dark"] body.page-securepoint #company-hero .company-platform .cp-asset .cp-dark {display:block;}
#company-hero .company-platform .cp-lock {left:50%;top:0;width:20.65%;height:32.2%;transform:translateX(-50%);}
#company-hero .company-platform .cp-infra {left:6.5%;top:25.38%;width:23.55%;height:31%;}
#company-hero .company-platform .cp-cloud {right:4%;top:31.96%;width:28.39%;height:22.4%;}
#company-hero .company-platform .cp-ax {left:50%;top:65.2%;width:21.61%;height:18.4%;transform:translateX(-50%);}
#company-hero .company-platform .cp-brand {
  position:absolute;left:50%;top:54.99%;transform:translate(-50%,-50%);display:flex;
  flex-direction:column;align-items:center;gap:5px;z-index:3;text-align:center;pointer-events:none;
}
#company-hero .company-platform .cp-brand b {font-size:clamp(12px,2.8cqw,17px);font-weight:750;line-height:1.4;letter-spacing:-.3px;white-space:nowrap;}
#company-hero .company-platform .cp-brand span {font-size:11px;line-height:1.5;color:var(--cp-muted);white-space:nowrap;}
#company-hero .company-platform .cp-labels {display:contents;}
#company-hero .company-platform .cp-label {
  position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;
  align-items:center;justify-content:center;gap:6px;
  color:var(--cp-ink);font-size:14px;font-weight:650;line-height:1.2;
  text-align:center;white-space:nowrap;pointer-events:none;
}
#company-hero .company-platform .cp-label::before {
  content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;
  background:var(--cp-orange);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-orange) 12%,transparent);
}
/* Names replace the four orange markers at the center of each pedestal. */
#company-hero .company-platform .cp-label-security {left:50%;top:33.2%;}
#company-hero .company-platform .cp-label-infra {left:16.7742%;top:56.4%;}
#company-hero .company-platform .cp-label-cloud {left:83.2258%;top:56.4%;}
#company-hero .company-platform .cp-label-ax {left:50%;top:86%;}
html body.public-site.public-design-page.page-securepoint #public-main.publishing-main.company-v5 .company-platform svg.cp-ai-illustration {
  display:block;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;
}
#company-hero .company-platform .cp-ai-face-bright {stop-color:var(--cp-hub-a);}
#company-hero .company-platform .cp-ai-face-dark {stop-color:var(--cp-top-b);}
#company-hero .company-platform .cp-ai-depth,
#company-hero .company-platform .cp-ai-face {stroke:var(--cp-border);stroke-width:1.5;stroke-linejoin:round;}
#company-hero .company-platform .cp-ai-folds {fill:none;stroke:var(--cp-line);stroke-width:2;stroke-linecap:round;}
#company-hero .company-platform .cp-ai-network {fill:var(--cp-top-a);stroke:var(--cp-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#company-hero .company-platform .cp-ai-network path {fill:none;}
#company-hero .company-platform .cp-ai-nodes {fill:var(--cp-orange);}
/* Use the illustration's available width, including the narrower tablet column. */
@container company-platform (max-width:410px) {
  #company-hero .company-platform .cp-label {font-size:12px;}
  #company-hero .company-platform .cp-brand span {display:none;}
  #company-hero .company-platform .cp-ax {height:17%;}
}
@media (max-width:600px) {
  html body.public-site.public-design-page.page-securepoint #public-main.publishing-main.company-v5 .company-v5__hero-art.company-platform {max-width:390px;justify-self:center;}
}
