/* Keep the app anchor clear of the sticky header and category menu. */
.app-promo{scroll-margin-top:170px}
/* Compact web-app invitation in the public menu */
.app-promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);align-items:center;min-height:350px;margin-top:48px;overflow:hidden;border:1px solid rgba(227,192,132,.45);border-radius:26px;background:radial-gradient(circle at 74% 40%,rgba(191,143,72,.22),transparent 38%),linear-gradient(125deg,#3c2d21,#76512f);box-shadow:0 24px 60px rgba(12,9,7,.18)}
.app-promo::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#ead3a8 1px,transparent 1px);background-size:24px 24px}
.app-promo-copy{position:relative;z-index:1;padding:clamp(30px,5vw,60px);max-width:650px}
.app-promo-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 12px;border:1px solid rgba(245,220,165,.46);border-radius:99px;color:#f3d89f;font-size:.78rem;font-weight:700;letter-spacing:.04em}
.app-promo h3{margin:0 0 12px;color:#fff7ea;font-size:clamp(1.65rem,2.6vw,2.65rem);line-height:1.45}
.app-promo-copy>p{max-width:38ch;margin:0 0 25px;color:#f0e3cf;font-size:1rem;line-height:1.9}
.app-promo-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:10px 22px;border-radius:13px;color:#352516;background:#f3d891;text-decoration:none;font-weight:700;box-shadow:0 8px 22px rgba(20,13,8,.17);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.app-promo-link:hover{color:#302114;background:#ffe5a8;transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,13,8,.25)}
.app-promo-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.app-promo-link span{font-size:1.3rem;line-height:1}
.app-promo-preview{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:flex-start;max-height:350px;overflow:hidden;padding:25px 16px 0;pointer-events:none}
.app-promo-phone{width:min(100%,255px);padding:7px;border:1px solid rgba(255,255,255,.58);border-radius:30px;background:#f9f6f0;box-shadow:0 20px 45px rgba(18,13,10,.38);transform:rotate(-5deg) translateY(12px)}
.app-promo-phone img{display:block;width:100%;height:auto;border-radius:23px}
@media(max-width:700px){.app-promo{grid-template-columns:minmax(0,1fr) 200px;min-height:320px}.app-promo-copy{padding:26px}.app-promo-preview{max-height:320px}.app-promo-phone{width:195px}.app-promo h3{font-size:1.65rem}}
@media(max-width:540px){.app-promo{display:flex;flex-direction:column;align-items:stretch;min-height:0;margin-top:38px;border-radius:20px}.app-promo-copy{padding:27px 24px 12px}.app-promo-eyebrow{margin-bottom:12px}.app-promo h3{font-size:1.55rem}.app-promo-copy>p{margin-bottom:18px;font-size:.92rem}.app-promo-link{min-height:48px}.app-promo-preview{height:155px;max-height:155px;align-self:center;width:100%;padding-top:12px}.app-promo-phone{width:210px;transform:rotate(-4deg) translateY(7px)}}
@media(prefers-reduced-motion:reduce){.app-promo-link{transition:none}}