.home-explainer{position:relative;z-index:5;background-color:#121316;padding-block:5rem;border-top:2px solid var(--v20-neon);box-shadow:0 -10px 30px #00ff8826}.explainer-head{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem;margin-bottom:3rem;padding-right:.5rem}.explainer-head__text{text-align:right}.explainer-head .section-divider{width:150px;margin-left:auto;margin-block:.6rem}.explainer-head:hover .section-divider{width:200px}.explainer-icon{flex-shrink:0;width:auto;height:64px;transform:scale(1.5)}.explainer-eyebrow{margin:0 0 .5rem;color:var(--v20-neon);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.explainer-title{margin:0;color:#fff;font-weight:700;text-transform:uppercase;font-size:clamp(2rem,4vw,3rem)}.explainer-title .text-neon{color:var(--v20-neon)}.explainer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.explainer-card{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:1.5rem;background:var(--v20-card-bg);border:1px solid var(--v20-border);border-radius:12px;color:inherit;text-decoration:none;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.explainer-card:hover{cursor:pointer;background:#2a2e35;border-color:var(--v20-neon);transform:translateY(-10px);box-shadow:0 10px 30px #00ff881a}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1.5rem;background:#00ff881a;border:2px solid rgba(0,255,136,.3);border-radius:50%;transition:background-color .3s ease,box-shadow .3s ease}.icon-wrapper svg{width:2.5rem;height:2.5rem;fill:var(--v20-neon);transition:fill .3s ease}.explainer-card:hover .icon-wrapper{background:var(--v20-neon);box-shadow:0 0 20px var(--v20-neon)}.explainer-card:hover .icon-wrapper svg{fill:#000}.explainer-card__title{margin:0 0 1rem;color:#fff;font-weight:700;text-transform:uppercase;font-size:1.35rem}.explainer-card__text{margin:0;color:#9ca3af;line-height:1.7}.explainer-card__text strong{color:#fff}@media(min-width:768px){.explainer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.explainer-head{justify-content:center;padding-right:0}.explainer-head__text{text-align:center}.explainer-head .section-divider{margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-explainer.css.map */