.cyber-stage{position:relative;isolation:isolate;aspect-ratio:1;width:100%;min-width:0;overflow:hidden;touch-action:pan-y;cursor:grab;border-radius:2px;outline-offset:-4px}
.cyber-stage[data-dragging=true]{cursor:grabbing}
.cyber-stage canvas,.cyber-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.cyber-stage canvas{z-index:1;touch-action:pan-y}
.cyber-stage[data-render-state=ready] .cyber-poster{visibility:hidden}
.cyber-stage:not([data-render-state=ready]) canvas{visibility:hidden}
.cyber-stage [hidden]{display:none!important}
.cyber-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cybersecurity-hero{padding-block:32px!important;overflow:hidden}
.cybersecurity-hero .page-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px}
.cybersecurity-hero .cyber-stage{width:110%;margin-left:-5%}
.security-index{padding-block:32px;border-bottom:1px solid var(--line)}
.security-index .security-menu{border-left:0;padding-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.security-index .security-menu h2{grid-column:1/-1}
.security-menu-group h3{font-size:1.05rem;line-height:1.4;margin:0 0 20px;color:var(--ink)}
.security-menu-group .text-link svg{transform:rotate(135deg)}
.security-example{padding:38px 0 42px;border-top:1px solid var(--line)}
.security-example h3{font-family:Rufina,Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;margin-bottom:20px}
.security-example>p{max-width:75ch}
.security-example dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0}
.security-example dt{font-size:1.2rem;font-weight:500;color:var(--ink);margin-bottom:12px}
.security-example dd{margin:0}
.security-example dd p{margin-bottom:14px}
.security-example dd strong{font-weight:500;color:var(--ink)}
.security-example .security-example-note{font-size:.94rem;margin-bottom:0}
@media(max-width:50em){.cybersecurity-hero{padding-block:40px 20px!important}.cybersecurity-hero .page-hero-grid{grid-template-columns:1fr;gap:0}.cybersecurity-hero .cyber-stage{width:100%;margin:0}.security-index .security-menu{grid-template-columns:1fr;gap:26px}.security-example dl{grid-template-columns:1fr;gap:18px}.security-menu-group h3{margin-bottom:12px}}