.magic-bento-glow{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:650px;position:relative}.magic-bento-glow:before{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(168, 199, 172, calc(var(--glow-intensity) * .3)), transparent 60%);border-radius:inherit;pointer-events:none;z-index:0;filter:blur(28px);transition:opacity .4s;position:absolute;inset:-32px}.hero-bg{bottom:0}.hero-card.magic-bento-glow:before{display:none}.magic-bento-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(168, 199, 172, calc(var(--glow-intensity) * .8)), transparent 50%);border-radius:inherit;pointer-events:none;z-index:1;-webkit-mask-composite:xor;padding:4px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-card.magic-bento-glow:after{display:none}.magic-bento-glow:hover{box-shadow:0 0 80px 15px #a8c7ac26,0 0 160px 50px #a8c7ac0f}.hero-card.magic-bento-glow:hover{box-shadow:none}.magic-bento-particle{pointer-events:none;z-index:2;background:#a8c7ac80;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 10px 3px #a8c7ac4d}.magic-bento-ripple{pointer-events:none;z-index:2;background:radial-gradient(circle,#a8c7ac4d 0%,#0000 70%);border-radius:50%;position:absolute}
.glass-icons{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}@media (min-width:768px){.glass-icons{grid-template-columns:repeat(4,1fr)}}.glass-icon-item{perspective:400px;text-decoration:none;position:relative}.glass-icon-back{opacity:.4;transform-origin:50%;background:linear-gradient(135deg,#9cb4a3,#8ba793);border-radius:14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.glass-icon-front{color:#fff;min-height:48px;transform-style:preserve-3d;background:linear-gradient(135deg,#9cb4a3,#8ba793);border-radius:14px;flex-direction:row;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.glass-icon-front svg{flex-shrink:0;width:20px;height:20px}.glass-icon-label{color:#fff;font-size:.85rem;font-weight:600;line-height:1.3}@media (min-width:768px){.glass-icon-item:hover .glass-icon-back{transform:rotateX(12deg)rotateY(-12deg)scale(.95)}.glass-icon-item:hover .glass-icon-front{transform:translateZ(20px)rotateX(-4deg)rotateY(4deg);box-shadow:0 12px 28px #00000040}}@media (min-width:1280px){.glass-icon-front{gap:.625rem;min-height:52px;padding:.75rem 1.25rem}.glass-icon-front svg{width:22px;height:22px}.glass-icon-label{font-size:.9rem}}@media (max-width:480px){.glass-icons{gap:.5rem}.glass-icon-front{gap:.5rem;min-height:44px;padding:.5rem .75rem}.glass-icon-front svg{width:24px;height:24px}.glass-icon-label{font-size:.85rem}}