/* Approved hero surfaces: the illustration and the entire hero share one background. */
body:not(.home):has(.pagehero[data-hero-visual]) main{padding-top:0}
.pagehero[data-hero-visual]{position:relative;isolation:isolate;padding-top:88px;padding-bottom:86px;background:var(--hero-base);color:var(--hero-ink)}
.pagehero[data-hero-visual]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--hero-surface)}
.pagehero[data-hero-visual="armis"]{--hero-base:#10343c;--hero-ink:#f2f8f4;--hero-muted:#bed4cd;--hero-surface:radial-gradient(ellipse at 85% 16%,#5e9d8d88,transparent 55%),linear-gradient(145deg,#0c252d 8%,#1b4952 60%,#0e3038)}
.pagehero[data-hero-visual="discovery"],.solution-preview-row[data-hero-visual="discovery"]{--hero-base:#e5eee8;--hero-ink:#14212b;--hero-muted:#49655f;--hero-surface:radial-gradient(ellipse at 80% 45%,#a4c6aeaa,transparent 60%),repeating-linear-gradient(0deg,transparent 0 34px,#6b9c8a0d 34px 35px)}
.pagehero[data-hero-visual="risk"],.solution-preview-row[data-hero-visual="risk"]{--hero-base:#e3eae6;--hero-ink:#14212b;--hero-muted:#49655f;--hero-surface:repeating-radial-gradient(ellipse at 76% 52%,transparent 0 31px,#5985770c 32px 33px,transparent 34px 46px),radial-gradient(ellipse at 76% 50%,#fcfff4 10%,#c4d8ca77 65%,transparent 75%)}
.pagehero[data-hero-visual="monitoring"],.solution-preview-row[data-hero-visual="monitoring"]{--hero-base:#122f3a;--hero-ink:#f2f8f4;--hero-muted:#bed4cd;--hero-surface:radial-gradient(ellipse at 14% 28%,#416a7d99,transparent 60%),repeating-linear-gradient(90deg,transparent 0 36px,#b4ddc608 37px 38px),linear-gradient(135deg,#172d3c,#164a4c)}
.pagehero[data-hero-visual="vulnerabilities"],.solution-preview-row[data-hero-visual="vulnerabilities"]{--hero-base:#e7ece2;--hero-ink:#14212b;--hero-muted:#49655f;--hero-surface:radial-gradient(ellipse at 78% 48%,#9abd9c66,transparent 65%),linear-gradient(155deg,#f7f9ef,#d6e2d8 80%)}
.pagehero[data-hero-visual] .breadcrumbs,.pagehero[data-hero-visual] .intro{color:var(--hero-muted)}
.pagehero[data-hero-visual] .headline:has(.interactive-visual){margin-top:72px;min-height:410px;gap:64px}
.pagehero h1{max-width:780px}
.pagehero[data-hero-visual] .intro{max-width:500px;line-height:1.6}
.pagehero[data-hero-visual] .actions{margin-top:36px}
.pagehero[data-hero-visual] .button.ink-outline{border-color:#0f5c6655;color:var(--hero-ink)}
.pagehero[data-hero-visual] .button.ink-outline:hover{background:#0f5c6610}
.pagehero[data-hero-tone="dark"] .actions>.button:first-child{background:#eef5ee;color:#123c42}
.pagehero[data-hero-tone="dark"] .actions>.button:first-child:hover{background:#d0e5d8}
.pagehero[data-hero-tone="dark"] .button.ink-outline{border-color:#c5dbd480}
.pagehero[data-hero-tone="dark"] .button.ink-outline:hover{background:#e4f0e410}
.pagehero[data-hero-visual] .interactive-visual{position:relative;max-width:none;overflow:visible;border:0;border-radius:0;background:transparent;padding-bottom:0}
.pagehero[data-hero-visual] .interactive-visual .visual-art{background:transparent;border-radius:0;overflow:visible}
.pagehero[data-hero-visual] .interactive-visual .visual-art::before,.pagehero[data-hero-visual] .interactive-visual .visual-grain{display:none}
.pagehero[data-hero-visual] .interactive-visual .visual-light{mask-image:radial-gradient(ellipse,#000 45%,transparent 75%)}
.pagehero[data-hero-visual] .interactive-visual .visual-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.pagehero[data-hero-visual] .headline:has(.interactive-visual){gap:30px}.pagehero[data-hero-visual]{padding-bottom:66px}}
@media(max-width:700px){.pagehero[data-hero-visual] .headline:has(.interactive-visual){margin-top:44px;min-height:0;gap:35px}.pagehero[data-hero-visual]{padding-bottom:40px}.pagehero[data-hero-visual] .interactive-visual{padding-bottom:0}.pagehero[data-hero-visual] .actions{margin-top:30px}.pagehero[data-hero-visual] .interactive-visual .visual-art{overflow:hidden}}
