.featuregrid{counter-reset:feature-card;gap:18px}
.featuregrid .card{counter-increment:feature-card;min-height:220px;padding:25px;position:relative;overflow:hidden;isolation:isolate;border-color:rgba(76,139,179,.34);background:linear-gradient(145deg,rgba(11,35,56,.96),rgba(6,24,41,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.featuregrid .card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 43px 42px,var(--icon-aura,rgba(38,213,255,.18)),transparent 31%);opacity:.7;transition:opacity .24s ease,transform .24s ease;pointer-events:none}
.featuregrid .card:after{content:counter(feature-card,decimal-leading-zero);position:absolute;right:18px;top:18px;color:rgba(153,209,229,.26);font-size:.68rem;font-weight:850;letter-spacing:.12em}
.featuregrid .card:hover{transform:translateY(-5px);border-color:var(--icon-edge,#39d8f8);box-shadow:0 24px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)}
.featuregrid .card:hover:before{opacity:1;transform:scale(1.08)}
.featuregrid .icon{--icon-main:#45e1ff;--icon-deep:#087fbc;width:66px;height:66px;display:grid;place-items:center;margin-bottom:24px;position:relative;border:1px solid color-mix(in srgb,var(--icon-main) 42%,transparent);border-radius:19px;color:var(--icon-main);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-main) 23%,#0a2033),color-mix(in srgb,var(--icon-deep) 18%,#061827));box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -10px 22px rgba(0,0,0,.16),0 14px 30px color-mix(in srgb,var(--icon-main) 14%,transparent)}
.featuregrid .icon:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--icon-main) 20%,transparent);border-radius:14px}
.featuregrid .icon:after{content:"";position:absolute;width:19px;height:2px;left:10px;top:9px;border-radius:9px;background:linear-gradient(90deg,rgba(255,255,255,.65),transparent);transform:rotate(-35deg);opacity:.52}
.featuregrid .feature-icon{width:32px;height:32px;position:relative;z-index:1;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--icon-main) 40%,transparent))}
.featuregrid .card:nth-child(5n+2){--icon-aura:rgba(77,126,255,.17);--icon-edge:#6f9cff}.featuregrid .card:nth-child(5n+2) .icon{--icon-main:#83a9ff;--icon-deep:#3159d8}
.featuregrid .card:nth-child(5n+3){--icon-aura:rgba(52,231,185,.15);--icon-edge:#5ae2bc}.featuregrid .card:nth-child(5n+3) .icon{--icon-main:#67e8c3;--icon-deep:#118c72}
.featuregrid .card:nth-child(5n+4){--icon-aura:rgba(171,111,255,.16);--icon-edge:#ad82ff}.featuregrid .card:nth-child(5n+4) .icon{--icon-main:#bd9aff;--icon-deep:#7745d3}
.featuregrid .card:nth-child(5n){--icon-aura:rgba(255,180,68,.13);--icon-edge:#efb75e}.featuregrid .card:nth-child(5n) .icon{--icon-main:#ffd078;--icon-deep:#b66a19}
.featuregrid .card h3{position:relative;margin:0 0 9px;font-size:1.03rem;letter-spacing:-.01em}.featuregrid .card p{position:relative;margin:0;color:#91bfd0;line-height:1.62}
@media(max-width:720px){.featuregrid .card{min-height:205px}.featuregrid .icon{width:60px;height:60px}.featuregrid .feature-icon{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.featuregrid .card,.featuregrid .card:before{transition:none}}