/* Dedicated menu onboarding, sharing the marketing site's brand tokens. */
.menu-download-hero { padding: 68px 0 44px; background: linear-gradient(145deg, #fff8f1, #fff 65%); }
.dl-wrap { max-width: 880px; margin-inline: auto; text-align: center; }
.menu-download-hero h1 { margin: 22px 0; font-size: clamp(34px, 4.5vw, 58px); line-height: 1.18; letter-spacing: -.035em; }
html[dir="rtl"] .menu-download-hero h1 { letter-spacing: 0; line-height: 1.35; }
.menu-download-lede { max-width: 670px; margin-inline: auto; color: var(--muted); font-size: 18px; line-height: 1.75; }
.dl-badges { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
.dl-badge { display: inline-flex; align-items: center; gap: 14px; background: #111; color: #fff; padding: 14px 22px; border-radius: 14px; text-decoration: none; min-width: 220px; }
.dl-badge:hover { background: #333; }
.dl-badge:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
.dl-badge svg { flex-shrink: 0; }
.dl-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.dl-text small { font-size: 12px; }
.dl-text strong { font-size: 21px; }
.menu-download-free { margin: 24px 0 0; font-size: 14px; line-height: 1.9; color: var(--muted); }
.menu-download-free strong { color: var(--text, #111); }
.menu-download-steps { padding: 44px 0 64px; }
.menu-download-steps h2 { text-align: center; }
.menu-download-note { margin: 32px auto 16px; max-width: 680px; text-align: center; color: var(--muted); }
.menu-download-links { display: flex; flex-wrap: wrap; gap: 16px 28px; justify-content: center; }
.menu-download-links a { color: var(--orange-600); font-weight: 600; }
#menu-pricing { scroll-margin-top: 90px; }
@media (max-width: 520px) {
 .menu-download-hero { padding-top: 40px; }
 .menu-download-lede { font-size: 16px; }
 .dl-badges { gap: 12px; }
 .dl-badge { width: 100%; max-width: 300px; justify-content: center; }
}

.menu-download-audience { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 24px auto; max-width: 750px; text-align: start; }
.menu-download-audience > div { padding: 18px; border: 1px solid #eadfd3; border-radius: 16px; background: #fff; }
.menu-download-audience strong { color: #38281c; font-size: 16px; }
.menu-download-audience p { margin: 7px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.menu-download-qr { max-width: 330px; margin: 30px auto 0; padding: 16px 20px 20px; border: 1px solid #eadfd3; border-radius: 20px; background: #fff; }
.menu-download-qr a { display: block; }
.menu-download-qr img { display: block; width: 264px; max-width: 100%; height: auto; box-sizing: border-box; padding: 32px; margin-inline: auto; background: #fff; image-rendering: pixelated; }
.menu-download-qr figcaption strong { display: block; font-size: 15px; color: #38281c; }
.menu-download-qr figcaption span { display: block; margin-top: 8px; font-size: 13px; line-height: 1.7; color: var(--muted); }
@media (max-width: 600px) { .menu-download-audience { grid-template-columns: 1fr; } }