.app-promotion-dialog{width:min(740px,90vw);max-height:90dvh;overflow:auto;margin:auto;padding:42px 42px 24px;border:1px solid #ffffff30;border-radius:22px;background:linear-gradient(130deg,#151617,#080a0c);color:#fff;box-shadow:0 24px 100px #0008}
.app-promotion-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}
.app-promotion-close{position:absolute;right:14px;top:12px;width:44px;height:44px;background:none;border:0;color:#aaa;font-size:28px;cursor:pointer}
.app-promotion-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.app-promotion-eyebrow{font-size:11px;letter-spacing:2px;color:#bbb;margin:0 0 18px}
.app-promotion-copy h2{font:500 42px/1.08 'Manrope',sans-serif;letter-spacing:-1.5px;margin:0 0 20px}
.app-promotion-copy h2 em{font-family:Georgia,serif;font-weight:400}
.app-promotion-copy>p:not(.app-promotion-eyebrow){font-size:14px;line-height:1.6;color:#bbb}
.app-promotion-copy ul{list-style:none;padding:0;margin:24px 0}
.app-promotion-copy li{display:flex;align-items:center;gap:14px;margin:17px 0}
.app-promotion-copy li>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#ffffff10;font-size:16px}
.app-promotion-copy strong{display:block;font-size:14px;font-weight:500}
.app-promotion-copy small{display:block;font-size:12px;color:#aaa;margin-top:3px}
.app-promotion-store{display:inline-flex;min-height:50px}.app-promotion-store img{display:block}
.app-promotion-phone{width:220px;height:440px;padding:7px;border:2px solid #555;border-radius:37px;background:#050505;box-shadow:10px 10px 20px #0008;transform:rotate(3deg)}
.app-promotion-phone-screen{height:100%;border-radius:29px;background:linear-gradient(#080808e0,#08080833,#080808d9),url('media/hero.webp') 65% center/cover;filter:grayscale(1);display:flex;align-items:center;flex-direction:column;padding:58px 8px 25px;text-align:center}
.app-promotion-phone-screen strong{margin-top:12px;font-size:18px;letter-spacing:2px}.app-promotion-phone-screen small{font-size:7px;letter-spacing:2px}.app-promotion-phone-screen p{margin-top:auto;font-size:13px;line-height:1.4}
.app-promotion-continue{display:block;width:100%;margin-top:28px;padding:14px;border:0;border-top:1px solid #ffffff18;background:none;color:#bbb;font:14px 'DM Sans',sans-serif;cursor:pointer;min-height:44px}
.app-promotion-dialog a:focus-visible,.app-promotion-dialog button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-height:650px){.app-promotion-dialog{padding:24px 36px 12px}.app-promotion-phone{height:360px;width:190px}.app-promotion-copy h2{font-size:34px}.app-promotion-copy ul{margin:12px 0}.app-promotion-copy li{margin:10px 0}.app-promotion-continue{margin-top:14px}}
@media(max-width:900px){
 .app-promotion-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;margin:0;max-height:60dvh;padding:26px 20px max(10px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}
 .app-promotion-dialog::before{content:'';position:absolute;top:8px;left:calc(50% - 20px);width:40px;height:4px;border-radius:3px;background:#ffffff30}
 .app-promotion-dialog::backdrop{background:#0005;backdrop-filter:none}
 .app-promotion-layout{grid-template-columns:minmax(0,1fr) 105px;gap:14px}
 .app-promotion-close{top:7px;right:7px}
 .app-promotion-eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 10px}
 .app-promotion-copy h2{font-size:27px;letter-spacing:-.8px;margin:0 0 10px}
 .app-promotion-copy>p:not(.app-promotion-eyebrow){display:none}
 .app-promotion-copy ul{margin:12px 0}.app-promotion-copy li{gap:8px;margin:8px 0}
 .app-promotion-copy li>span{width:22px;height:22px;font-size:11px}.app-promotion-copy strong{font-size:11px}.app-promotion-copy small{font-size:10px}
 .app-promotion-phone{width:105px;height:225px;border-radius:20px;padding:4px;transform:rotate(3deg)}
 .app-promotion-phone-screen{border-radius:14px;padding:25px 3px 12px}.app-promotion-phone-screen img{width:22px;height:22px}
 .app-promotion-phone-screen strong{font-size:9px;letter-spacing:1px;margin-top:7px}.app-promotion-phone-screen small{font-size:4px;letter-spacing:.8px}.app-promotion-phone-screen p{font-size:9px}
 .app-promotion-store{min-height:44px}.app-promotion-store img{width:120px;height:40px;align-self:center}
 .app-promotion-continue{font-size:12px;margin-top:12px;padding:10px}
}