.security-banner > .ai-mobile-copy {display: none;}
@media (max-width: 700px) {
  .hero .hero-actions {--hero-label-inset: 26px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; width: fit-content; max-width: 100%; gap: 8px;}
  .hero .hero-secondary {margin-left: var(--hero-label-inset);}
  .security-banner > .ai-detail-copy {display: none;}
  .security-banner > .ai-mobile-copy {display: block;}
}
@media (max-width: 600px) {
  .hero .hero-actions {--hero-label-inset: 20px;}
}