/* Cyber Security
   Built-in template pack. Loaded dynamically from /templates/cybersecurity/template.css.
   Template CSS should control layout accents, page imagery, icons, and section-specific styling.
   The visual builder and media picker can still edit/select assets inside this folder. */
html[data-template="cybersecurity"] body {
  --template-hero-image:url('/templates/cybersecurity/images/hero.png');
  --template-background-image:url('/templates/cybersecurity/images/backgrounds/honeycomb-background.webp');
}
html[data-template="cybersecurity"] .hero-card img {
  object-position:center;
}
html[data-template="cybersecurity"] .hero-card:after {
  content:"Security operations";
  position:absolute;
  right:18px;
  bottom:18px;
  border:1px solid var(--border);
  border-radius:999px;
  padding:.45rem .75rem;
  background:color-mix(in srgb, var(--panel) 76%, transparent);
  color:var(--muted);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.03em;
}
html[data-template="cybersecurity"] .feature-split-hero .feature-art,
html[data-template="cybersecurity"] .image-frame {
  position:relative;
  overflow:hidden;
}
html[data-template="cybersecurity"] .feature-split-hero .feature-art:before,
html[data-template="cybersecurity"] .image-frame:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 24% 16%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 16rem);
  pointer-events:none;
  z-index:1;
}
html[data-template="cybersecurity"] .service-logo img[src*="/templates/cybersecurity/"],
html[data-template="cybersecurity"] .media-tile img[src*="/templates/cybersecurity/"] {
  filter:saturate(1.05) contrast(1.04);
}
html[data-template="cybersecurity"] .card h3:before {
  content:"";
  display:inline-block;
  width:.55rem;
  height:.55rem;
  margin-right:.45rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  vertical-align:middle;
}
html[data-template="cybersecurity"] .cta-band {
  background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, transparent), color-mix(in srgb, var(--accent) 12%, transparent));
}