.home-page .hero-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; width: min(620px, calc(100vw - 96px)); max-width: none; }
.home-page a.hero-benefit { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 52px; padding: 6px 0; border: 0; border-radius: 0; background: transparent; text-align: left; text-decoration: none; color: #b3b8ca; cursor: pointer; transition: color .16s ease, transform .16s ease, text-shadow .16s ease; }
.home-page a.hero-benefit > span:not(.hero-benefit__icon) { font-size: 14px; font-weight: 500; line-height: 1.4; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.home-page a.hero-benefit > .hero-benefit__icon { flex: 0 0 20px; width: 20px; color: #af50ff; font-size: 22px; text-align: center; text-shadow: 0 0 14px rgba(159, 66, 255, .35); }
.home-page a.hero-benefit:hover, .home-page a.hero-benefit:focus-visible { color: #f5ecff; transform: translateY(-2px); text-shadow: 0 0 14px rgba(170, 102, 248, .38); }
.home-page a.hero-benefit:hover > span:not(.hero-benefit__icon), .home-page a.hero-benefit:focus-visible > span:not(.hero-benefit__icon) { text-decoration: underline; text-decoration-color: #ac64f5; }
.home-page a.hero-benefit:focus-visible { outline: 2px solid #bc88ff; outline-offset: 5px; }
@media (max-width: 1000px) { .home-page .hero-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 480px; gap: 8px 16px; } }
@media (max-width: 360px) { .home-page a.hero-benefit { gap: 7px; } .home-page a.hero-benefit > span:not(.hero-benefit__icon) { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { .home-page a.hero-benefit { transition: none; } .home-page a.hero-benefit:hover, .home-page a.hero-benefit:focus-visible { transform: none; } }