/* Match the Managed IT introduction / graphic / service-list rhythm. */
#cyber360 .layer-system.reveal{opacity:1;transform:none;visibility:visible}
#cyber360{padding:clamp(5rem,8vw,8rem) clamp(1.25rem,7vw,8rem);grid-template-columns:minmax(0,1fr) minmax(270px,.85fr) minmax(0,1.25fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}
#cyber360 .cyber-intro{position:static;max-width:none}#cyber360 .cyber-intro h2{font-size:clamp(2.6rem,3.6vw,4.8rem);margin:1.6rem 0 2rem}#cyber360 .cyber-intro>p:not(.kicker){margin:0 0 2rem;line-height:1.75}
#cyber360 .layer-system{display:contents}#cyber360 .cyber-shield,#cyber360 .section-study-cyber{width:100%;max-width:440px;margin:0;min-width:0;justify-self:center}#cyber360 .layer-controls{grid-column:auto;display:flex;flex-direction:column;min-width:0;width:100%}
#cyber360 .layer{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 .5rem;min-height:92px;padding:1rem .5rem;border-right:0}#cyber360 .layer>span{grid-row:1/3;display:block;margin:0}#cyber360 .layer strong{font-size:clamp(1rem,1.25vw,1.2rem)}#cyber360 .layer small{display:block;margin-top:.3rem;line-height:1.6}#cyber360 .layer:hover,#cyber360 .layer:focus-visible,#cyber360 .layer.active{padding-left:.5rem}
@media(min-width:701px) and (max-width:1199px){#cyber360{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}#cyber360 .cyber-intro{grid-column:1/-1;max-width:850px}#cyber360 .cyber-intro h2{font-size:clamp(3rem,5vw,4.5rem)}}
@media(max-width:700px){#cyber360{grid-template-columns:minmax(0,1fr);gap:2.5rem}#cyber360 .cyber-shield,#cyber360 .section-study-cyber{max-width:380px}#cyber360 .cyber-intro h2{font-size:clamp(2.5rem,9vw,3.8rem)}}
