/*
 * Homepage security product previews
 *
 * The product windows read as layered dark application surfaces. Their depth
 * comes from tonal contrast and shadow rather than visible outlines, matching
 * the borderless treatment used throughout the refreshed site mockups.
 */

.cavbot-security .security-visual {
  background: linear-gradient(145deg, #030611 0%, #070d1c 100%);
}


.cavbot-security .security-product-window {
  border: 0;
  background: linear-gradient(145deg, #050b20 0%, #020616 100%);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.48);
}


.cavbot-security .security-window-topbar {
  border-bottom: 0;
  background: rgba(255, 255, 255, 0.045);
}


.cavbot-security :is(.verify-mock, .guard-mock, .safe-mock) {
  background: rgba(2, 5, 15, 0.38);
}


.cavbot-security .security-product-icon {
  border: 0;
  background: rgba(78, 168, 255, 0.14);
}


.cavbot-security .verify-tiles button {
  border: 0;
  background: rgba(118, 143, 202, 0.14);
  box-shadow: none;
}


.cavbot-security .guard-alert {
  border: 0;
  background: rgba(255, 255, 255, 0.055);
}


.cavbot-security .guard-policy-grid div {
  border: 0;
  background: rgba(117, 139, 191, 0.105);
}


.cavbot-security .guard-footer button {
  border: 0;
  background: rgba(78, 168, 255, 0.16);
}


.cavbot-security .safe-stats div {
  border: 0;
  background: rgba(117, 139, 191, 0.105);
}


.cavbot-security .safe-file-row {
  border: 0;
  background: rgba(255, 255, 255, 0.055);
}


.cavbot-security .safe-file-icon {
  border: 0;
  background: rgba(78, 168, 255, 0.14);
}


@media (max-width: 640px) {
  .cavbot-security .security-product-window {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.44);
  }
}