Act as an information architect and front-end engineer. Build a mega menu for {{business_name}}, grouping these destinations: {{key_pages}}. Style: {{visual_style}}. If there are fewer than about 15 destinations, tell me and suggest simple dropdowns instead. Content: 3 to 5 groups per panel, each with a short heading; every link has a one-line description of up to 60 characters; one featured slot per panel with a real item (a recent case study or guide), not an ad. Interaction: - top-level items are buttons with aria-expanded controlling their panel (disclosure pattern); don't use role menu for site navigation - click or Enter or Space opens; Escape closes and returns focus to the button; Tab moves through the panel in reading order, and tabbing past the end closes it - hover intent: open after 150ms, keep open for 300ms after leaving, and a safe zone so a diagonal move toward the panel doesn't close it - only one panel open at a time; clicking outside closes Layout: 1280: full-width panel under the header, content on the 12-column grid at max 1200px, groups 3 columns each and featured 3; panel height capped at 70vh with its own scroll. Under 1024: no mega menu; the same groups become accordions inside the mobile menu. Type: group headings 12 to 13px, uppercase, 0.06em tracking, full-contrast color; links 15 to 16px weight 500; descriptions 14px in a muted token at 4.5:1. Rows 40px. States: hover background one surface step up, focus-visible ring, current section marked; long descriptions clamp to 1 line on hover-capable screens only. Motion: panel fades and moves 8px in 180ms ease-out; opacity only under prefers-reduced-motion. Avoid: an icon in a gradient circle beside every link, panels that open on page load, a gap between button and panel that closes it, descriptions that repeat the link text.