.shield-hero{position:relative;overflow:hidden;padding:clamp(4rem,10vw,7.5rem) 0 clamp(2.5rem,6vw,4rem)}.shield-hero:before{content:"";position:absolute;inset:-20% 10% auto;height:70%;background:radial-gradient(closest-side,color-mix(in oklab,var(--eh-accent-vivid) 26%,transparent),transparent);pointer-events:none}.shield-gradient{background:linear-gradient(110deg,#fff 10%,var(--eh-accent-vivid) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.shield-mark{position:relative;display:inline-grid;place-items:center;width:132px;height:132px;color:var(--eh-accent-vivid)}.shield-mark svg{position:relative;overflow:visible}.shield-mark>i{position:absolute;inset:10%;border:1.5px solid;border-radius:50%;opacity:0;animation:shield-wave 3.6s cubic-bezier(0,0,.2,1) 1s infinite}.shield-mark>i:nth-child(2){animation-delay:2.2s}.shield-mark>i:nth-child(3){animation-delay:3.4s}.shield-mark__fill{fill:color-mix(in oklab,currentColor 16%,transparent);animation:shield-fade .8s ease .4s both}.shield-mark__edge,.shield-mark__tick{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-linecap:round;stroke-linejoin:round}.shield-mark__edge{stroke-width:2.2;animation:shield-draw 1.1s cubic-bezier(.22,1,.36,1) both}.shield-mark__tick{stroke-width:3.2;animation:shield-draw .55s cubic-bezier(.22,1,.36,1) .75s both}@keyframes shield-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes shield-fade{0%{opacity:0}}@keyframes shield-wave{0%{transform:scale(.7);opacity:.5}60%,to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion:reduce){.shield-mark>i{display:none}.shield-mark__edge,.shield-mark__fill,.shield-mark__tick{animation:none}}