/* Preserve the Figma 2 + 4 layout. Only the border effect is masked, never the art. */
.tg-home-sections .tg-benefit{
 --tg-glow-x:50%;--tg-glow-y:50%;--tg-glow-strength:1;
 border-radius:20px;isolation:isolate;overflow:visible;
}
.tg-home-sections .tg-benefit__art{object-fit:contain;overflow:visible;z-index:2}
.tg-home-sections .tg-benefit::before,.tg-home-sections .tg-benefit::after{
 content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;
 pointer-events:none;opacity:0;z-index:0;
 background:radial-gradient(circle 170px at var(--tg-glow-x) var(--tg-glow-y),#fffce1 0%,#b3e645 28%,#e5213d 58%,transparent 100%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 transition:opacity .45s var(--tg-ease);
}
.tg-home-sections .tg-benefit::after{inset:-1px;padding:3px;filter:blur(9px)}
@media(hover:hover) and (pointer:fine){
 .tg-home-sections .tg-benefit:hover::before{opacity:var(--tg-glow-strength)}
 .tg-home-sections .tg-benefit:hover::after{opacity:calc(var(--tg-glow-strength)*.45)}
}
/* Align grid cells to the exported card geometry, allowing the artwork overhang. */
@media(min-width:981px){
 .tg-home-sections .tg-benefits__grid{box-sizing:border-box;width:870px;padding-right:44px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .tg-home-sections .tg-benefit--large{width:calc(100% - 2px)}
 .tg-home-sections .tg-benefit--small{width:100%}
}
/* Extra room between mobile rows keeps the floating icons clear of the next card. */
@media(max-width:760px){.tg-home-sections .tg-benefits__grid{row-gap:48px}}
@media(prefers-reduced-motion:reduce){
 .tg-home-sections .tg-benefit::before,.tg-home-sections .tg-benefit::after{transition:none}
}