/* Artwork remains separate from accessible, responsive HTML copy and links. */
.hero.secure-cloud {padding:140px 0 64px;background:#fffafa}
.secure-cloud .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:24px;text-align:left}
.secure-cloud .hero-copy{position:relative;z-index:1}
.secure-cloud h1{font-size:clamp(38px,4.7vw,66px);line-height:1.05;letter-spacing:-.04em}
.secure-cloud h1 span{color:#c90019}
.secure-cloud .eyebrow{margin:0 0 24px;font-size:11px;letter-spacing:.1em}
.secure-cloud .eyebrow .dot{background:#c90019;animation:secureCloudPulse 1.55s ease-out infinite;box-shadow:none;flex-shrink:0}
@keyframes secureCloudPulse{
 0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(201,0,25,.32)}
 50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(201,0,25,.14)}
 100%{transform:scale(.92);box-shadow:0 0 0 10px rgba(201,0,25,0)}
}
@media(prefers-reduced-motion:reduce){.secure-cloud .eyebrow .dot{animation:none}}
.secure-cloud .lead{max-width:520px;margin:24px 0 0;font-size:16px;text-align:left;line-height:1.65}
.secure-cloud .hero-actions{justify-content:flex-start;margin-top:30px}
.secure-cloud-art{position:relative;overflow:hidden;aspect-ratio:950/690;min-width:0;border-radius:24px}
.secure-cloud-art img{position:absolute;max-width:none;width:187%;height:auto;right:0;bottom:0}
.secure-cloud-art .cloud-dark{display:none}
.secure-cloud #dashboard-preview{display:none}
html[data-theme="dark"] .hero.secure-cloud{background:#191b1d!important}
html[data-theme="dark"] .secure-cloud h1 span{color:#ff233b}
html[data-theme="dark"] .secure-cloud-art .cloud-dark{display:block}
html[data-theme="dark"] .secure-cloud-art .cloud-light{display:none}
@media(max-width:850px){
 .hero.secure-cloud{padding:112px 0 40px}
 .secure-cloud .hero-grid{grid-template-columns:1fr;gap:24px}
 .secure-cloud .hero-copy{text-align:center}
 .secure-cloud .eyebrow{margin:0 auto 20px}
 .secure-cloud .lead{margin:20px auto 0;text-align:center}
 .secure-cloud .hero-actions{justify-content:center}
 .secure-cloud-art{width:min(100%,650px);margin:auto}
}
