/* Android app promotion; shares the website's cream and gold tokens. */
.app-promo{padding-bottom:0}
.app-promo-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);box-shadow:0 12px 40px #8c6b2d07}
.app-promo-copy{min-width:0;padding:42px 44px}
.app-promo-identity{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.app-promo-identity>img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;flex-shrink:0}
.app-promo-identity .eyebrow{margin:0;font-size:9px;letter-spacing:.15em;color:var(--gold)}
.app-promo-copy h2{font-size:clamp(27px,2.8vw,38px);line-height:1.17;margin:0 0 18px;letter-spacing:-.045em}
.app-promo-description{font-size:14px;line-height:1.75;max-width:430px;margin:0 0 26px}
.app-promo-features{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:19px 0 0;border-top:1px solid var(--line)}
.app-promo-features li{display:flex;align-items:center;gap:7px;font-size:11px;color:#57564e;line-height:1.5}
.app-promo-features li:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--gold)}
.app-promo-download{min-width:0;padding:38px 28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#f7efdf,#fbf7ed);border-left:1px solid var(--line)}
.app-promo-download h3{font-size:22px;letter-spacing:-.035em;line-height:1.3;margin:0 0 9px}
.app-promo-download-intro{font-size:12px;line-height:1.6;margin:0 0 26px}
.app-promo-download-options{display:flex;align-items:center;justify-content:space-between;gap:12px}
.app-promo-store{min-width:0;flex:1;max-width:190px}
.app-promo-badge{display:block;width:190px;max-width:100%;border-radius:8px;margin-left:-10px}
.app-promo-badge img{display:block;width:100%;height:auto}
.app-promo-store p{font-size:10px;line-height:1.5;margin:6px 0 0;color:var(--muted)}
.app-promo-or{align-self:stretch;display:flex;align-items:center;position:relative;font-size:10px;color:#83755b;padding:0 8px}
.app-promo-or:before,.app-promo-or:after{content:'';position:absolute;width:1px;background:#dfd3ba;left:50%;height:calc(50% - 15px)}
.app-promo-or:before{top:0}.app-promo-or:after{bottom:0}
.app-promo-qr{flex-shrink:0;margin:0;text-align:center}
.app-promo-qr a{display:block;width:132px;height:132px;background:#fff;border:1px solid #e2d6bd;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #77571b08}
.app-promo-qr img{display:block;width:100%;height:100%}
.app-promo-qr figcaption{margin-top:9px;font-size:10px;line-height:1.5;color:var(--muted)}
.app-promo-badge:hover{opacity:.85}
@media(max-width:1100px){.app-promo-copy{padding:34px 28px}.app-promo-download{padding:30px 22px}.app-promo-features{gap:10px 15px}.app-promo-qr a{width:112px;height:112px}.app-promo-copy h2{font-size:31px}}
@media(max-width:850px){.app-promo-panel{grid-template-columns:1fr}.app-promo-copy{padding:32px}.app-promo-description{max-width:540px}.app-promo-download{border-left:0;border-top:1px solid var(--line);padding:28px 32px}.app-promo-download-options{max-width:400px;width:100%;justify-content:flex-start;gap:24px}.app-promo-store{max-width:190px}.app-promo-qr a{width:132px;height:132px}}
@media(max-width:480px){.app-promo-panel{border-radius:18px}.app-promo-copy{padding:26px 22px}.app-promo-identity{margin-bottom:20px;gap:12px}.app-promo-identity>img{width:50px;height:50px;border-radius:12px}.app-promo-identity .eyebrow{font-size:8px}.app-promo-copy h2{font-size:clamp(25px,7vw,31px)}.app-promo-description{font-size:13px;margin-bottom:22px}.app-promo-features{gap:9px 14px;padding-top:16px}.app-promo-features li{font-size:10px}.app-promo-download{padding:26px 22px}.app-promo-download h3{font-size:20px}.app-promo-download-intro{font-size:11px;margin-bottom:20px}.app-promo-download-options{gap:8px;justify-content:space-between}.app-promo-store{max-width:165px}.app-promo-badge{width:175px;max-width:calc(100% + 8px)}.app-promo-store p{font-size:9px}.app-promo-or{padding:0 5px}.app-promo-qr a{width:110px;height:110px}.app-promo-qr figcaption{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.app-promo-badge{transition:opacity .2s}}
