/* Original Verity-IT Hero benefit mechanism. Existing SVG/text/href retained.
   Scope: ONLY the existing four-link .uv3-nav benefit component. */
body :is(.uv3-nav,.vit-hero .vit-icons){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:670px}
body :is(.uv3-nav,.vit-hero .vit-icons) a{position:relative;isolation:isolate;z-index:0;display:flex;align-items:center;gap:26px;box-sizing:border-box;min-width:0;min-height:50px;padding:5px 20px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;color:#fff;text-decoration:none}
body :is(.uv3-nav,.vit-hero .vit-icons) a::before{content:"";position:absolute;inset:0 auto auto 0;box-sizing:border-box;width:80px;height:100%;background:#0c178d;border:2px solid #fff;border-radius:5px 10px;transform:skew(0.035turn);transform-origin:center;clip-path:none;transition:all 1s;z-index:-1;pointer-events:none}
body :is(.uv3-nav,.vit-hero .vit-icons) a:is(:hover,:focus-visible,:active)::before{width:100%;background:#ff9337}
body .uv3-nav a>span:first-child{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;border:0;border-radius:0;background:transparent;transform:none}
body :is(.uv3-nav,.vit-hero .vit-icons) a img{transform:none}
body .vit-hero .vit-icons a>img{flex:none;margin:0}
body :is(.uv3-nav,.vit-hero .vit-icons) a:focus-visible{outline:2px solid #33e6ff;outline-offset:5px}
/* Keep the icon clear so the ONE moving background and border stay visible.
   Use the existing important layer; never override generic buttons or images. */
@layer verity-button-palette{body :is(.uv3-nav,.vit-hero .vit-icons) a{background:transparent!important}body .uv3-nav a>span:first-child{background:transparent!important}}
@media(max-width:991.98px){body :is(.uv3-nav,.vit-hero .vit-icons){grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr))}}
@media(prefers-reduced-motion:reduce){body :is(.uv3-nav,.vit-hero .vit-icons) a::before{transition:none}}