.mobile-promo{isolation:isolate;position:relative;display:grid;grid-template-columns:300px minmax(0,1fr) 140px;align-items:center;gap:42px;overflow:hidden;margin:24px 0 32px;padding:38px 46px;border:1px solid #bda87966;border-radius:30px;background:radial-gradient(ellipse at 15% 100%,#37645488,transparent 60%),linear-gradient(120deg,#102b24,#101919 68%,#302b22);color:#fff;box-shadow:0 20px 60px #071c2522}
.mobile-promo h2,.mobile-promo h1{color:#fff!important;font-size:clamp(30px,3.7vw,52px)!important;line-height:1.12!important;letter-spacing:-.035em;margin:0 0 28px!important;font-weight:750;max-width:600px}
.mobile-phone{width:216px;max-width:100%;margin:auto;padding:8px;background:linear-gradient(135deg,#c2b8a0,#252d2b 28%,#776d59);border-radius:34px;transform:rotate(-7deg);box-shadow:16px 25px 35px #0007}
.mobile-phone img{display:block;width:100%;height:auto;border-radius:26px}
.mobile-promo .mobile-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 25px;border:1px solid #ead4a4;border-radius:14px;background:linear-gradient(135deg,#f5e5bd,#c4a567);color:#14271f!important;font-size:18px;font-weight:750;text-decoration:none;box-shadow:0 7px 18px #0003}
.mobile-cta svg{width:26px;height:26px;fill:currentColor}
.mobile-promo a:focus-visible{outline:3px solid white;outline-offset:6px}
.mobile-qr{display:block;background:white;padding:10px;border-radius:16px;width:140px;height:140px}
.mobile-qr img{display:block;width:100%;height:100%}
.mobile-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.mobile-info .panel{padding:28px;min-width:0}.mobile-info h2{font-size:24px}.mobile-info li{margin:12px 0;line-height:1.65}.mobile-info ol{padding-left:24px}.mobile-info p{line-height:1.65}.mobile-release{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.mobile-release span{padding:8px 12px;border-radius:30px;background:var(--panel-bg,#eef2ee);border:1px solid #98aa9866}.mobile-info a{overflow-wrap:anywhere}
@media(max-width:1000px){.mobile-promo{grid-template-columns:220px minmax(0,1fr);padding:32px;gap:28px}.mobile-qr{display:none}}
@media(max-width:600px){.mobile-promo{display:flex;flex-direction:column;gap:26px;padding:30px 22px;text-align:center;border-radius:24px}.mobile-promo-copy{display:contents}.mobile-promo h1,.mobile-promo h2{order:0;font-size:34px!important;margin:0!important}.mobile-phone{order:1;width:190px;transform:rotate(-4deg)}.mobile-promo .mobile-cta{order:2;width:100%}.mobile-info{grid-template-columns:1fr}.mobile-info .panel{padding:22px}}