.c-hero-menu { position: relative; padding: 40px 0; background: #f0f0f0; color: #333; font-family: var(--perform-font-sans); }
.c-hero-menu *, .c-hero-menu *::before, .c-hero-menu *::after { box-sizing: border-box; }
.c-hero-menu__inner { width: calc(100% - var(--perform-content-gutter) - var(--perform-content-gutter)); max-width: var(--perform-content-width); margin-inline: auto; }
.c-hero-menu__intro { border-top: 2px solid #6a0dad; padding-top: 25px; margin-bottom: 25px; }
.c-hero-menu__intro h3 { margin: 0; font-size: 20px; font-weight: 700; color: #333; line-height: 1.4; }
.c-hero-menu__intro p { margin: 5px 0 0; font-size: 14px; color: #666; line-height: 1.8; }
.c-hero-menu__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.c-hero-menu__item { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 0; padding: 10px 15px; background: #fff; border: 2px solid #000066; text-align: center; text-decoration: none; }
.c-hero-menu__item:hover, .c-hero-menu__item:focus-visible { background: #e6e6ff; }
.c-hero-menu__item:focus-visible { outline: 2px solid #500088; outline-offset: 3px; }
.c-hero-menu__title { display: block; margin-bottom: 5px; color: #000066; font-size: 20px; font-weight: 700; line-height: 1.8; }
.c-hero-menu__description { display: block; margin-top: 8px; padding-inline: 10px; color: #666; font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.c-hero-menu__tagline { margin-top: 15px; text-align: right; }
.c-hero-menu__tagline p { margin: 0; color: #999; font-size: 12px; letter-spacing: .05em; line-height: 1.8; }


@media (max-width: 767px) {
 .c-hero-menu__grid { grid-template-columns: minmax(0, 1fr); }
 .c-hero-menu__item { min-height: 75px; padding: 5px; }
 .c-hero-menu__title { font-size: 16px; }
 .c-hero-menu__description { line-height: 1.3; }
}