/* app section — scoped under .app-wrap (desktop) / .app-wrap-m (mobile).
   Both artboards use absolute positioning (pixel-stable Figma transcription).
   Skipped: *, html/body resets, img{display:block} — already in tokens.css / hero.css. */

/* ── desktop «приложение» (7832:62774, 1440×1011) ───────────────────── */
.app-wrap{position:relative;width:1440px;height:1011px;background:#ffffff}
.app-wrap-m{display:none}

.app-wrap .d-title{position:absolute;left:140px;top:110px;max-width:620px;
  font-size:38px;line-height:41.8px;color:#333333}
.app-wrap .d-sub{position:absolute;left:140px;top:218px;max-width:620px;
  font-size:18px;line-height:26.64px;color:#333333}
.app-wrap .d-para{position:absolute;left:140px;top:312px;max-width:663px;
  font-size:16px;line-height:23.68px;color:#333333}
.app-wrap .d-badge{position:absolute;left:140px;top:472px;width:42px;height:42px}
.app-wrap .d-feat{position:absolute;left:140px;top:542px;max-width:465px;
  font-size:20px;line-height:28px;color:#333333}
.app-wrap .d-feat-desc{position:absolute;left:140px;top:590px;max-width:429px;
  font-size:16px;line-height:24.32px;color:#333333}
.app-wrap .d-arrows{position:absolute;left:140px;top:702px;display:flex;gap:30px}
.app-wrap .d-arrows img{width:25px;height:20px}
.app-wrap .d-phone{position:absolute;left:853px;top:110px;width:377px;height:649px}
.app-wrap .d-qr{position:absolute;left:606px;top:472px;width:198px;height:198px}
.app-wrap .d-qr-cap{position:absolute;left:632px;top:686px;max-width:146px;text-align:center;
  font-size:15px;line-height:22.8px;color:#767575}
.app-wrap .d-card{position:absolute;left:803px;top:739px;width:477px;height:100px;
  background:#9bf0f5;border-radius:12px}
.app-wrap .d-card-title{position:absolute;left:831px;top:763px;max-width:421px;text-align:center;
  font-size:24px;line-height:25.92px;color:#333333}
.app-wrap .d-card-note{position:absolute;left:815px;top:855px;max-width:453px;text-align:center;
  font-size:15px;line-height:22.8px;color:#767575}
.app-wrap .d-num{position:absolute;left:1250px;top:727px;width:40px;height:40px;border-radius:50%;
  background:#ffffff;box-shadow:0 4px 4px rgba(0,0,0,.25)}
.app-wrap .d-num-1{position:absolute;left:1265px;top:734px;text-align:center;
  font-size:20px;line-height:30.4px;color:#333333}
.app-wrap .d-secure{position:absolute;left:140px;top:855px;max-width:408px;white-space:pre-line;
  font-size:15px;line-height:22.8px;color:#767575}
.app-wrap .d-stores{position:absolute;left:140px;top:784px;width:471px;height:55px}
.app-wrap .d-stores img{width:100%;height:100%;display:block}
.app-wrap .d-stores a{position:absolute;top:0;height:100%;width:149px}
.app-wrap .d-stores .st-appstore{left:0}
.app-wrap .d-stores .st-gplay{left:161px}
.app-wrap .d-stores .st-rustore{left:322px}
.app-wrap .fw-med{font-weight:500}

/* ── mobile «приложение (1)» (8068:5848, 375×1611) ──────────────────── */
@media(max-width:767px){
  .app-wrap{display:none}
  .app-wrap-m{display:block}
}
.app-wrap-m{position:relative;width:375px;height:1611px;background:#ffffff}
.app-wrap-m .m-title{position:absolute;left:28px;top:64px;max-width:317px;
  font-size:24px;line-height:26.4px;color:#333333}
.app-wrap-m .m-sub{position:absolute;left:29px;top:166px;max-width:316px;
  font-size:18px;line-height:26.64px;color:#333333}
.app-wrap-m .m-stores{position:absolute;left:28px;top:286px;width:316px;height:122px}
.app-wrap-m .m-stores img{width:100%;height:100%;display:block}
.app-wrap-m .m-stores a{position:absolute;height:55px;width:149px}
.app-wrap-m .m-stores .st-appstore{left:0;top:0}
.app-wrap-m .m-stores .st-gplay{left:161px;top:0}
.app-wrap-m .m-stores .st-rustore{left:0;top:67px}
.app-wrap-m .m-secure{position:absolute;left:28px;top:420px;max-width:264px;white-space:pre-line;
  font-size:12px;line-height:18.24px;color:#767575}
.app-wrap-m .m-para{position:absolute;left:28px;top:480px;max-width:319px;
  font-size:14px;line-height:20.72px;color:#333333}
.app-wrap-m .m-badge{position:absolute;left:166px;top:701px;width:42px;height:42px}
.app-wrap-m .m-feat{position:absolute;left:99px;top:763px;max-width:177px;text-align:center;
  font-size:18px;line-height:23.4px;color:#333333}
.app-wrap-m .m-feat-desc{position:absolute;left:26px;top:806px;max-width:322px;text-align:center;
  font-size:12px;line-height:16.8px;color:#333333}
.app-wrap-m .m-arrows{position:absolute;left:148px;top:889px;width:78px;height:20px}
.app-wrap-m .m-phone{position:absolute;left:43px;top:941px;width:289px;height:484px}
.app-wrap-m .m-card{position:absolute;left:28px;top:1425px;width:319px;height:74px;
  background:#9bf0f5;border-radius:12px}
.app-wrap-m .m-card-title{position:absolute;left:51px;top:1445px;max-width:272px;text-align:center;
  font-size:16px;line-height:17.28px;color:#333333}
.app-wrap-m .m-num{position:absolute;left:316px;top:1408px;width:40px;height:40px;border-radius:50%;
  background:#ffffff;box-shadow:0 4px 4px rgba(0,0,0,.25)}
.app-wrap-m .m-num-1{position:absolute;left:331px;top:1415px;text-align:center;
  font-size:20px;line-height:30.4px;color:#333333}
.app-wrap-m .m-card-note{position:absolute;left:28px;top:1511px;max-width:319px;text-align:center;
  font-size:12px;line-height:18.24px;color:#767575}
.app-wrap-m .fw-med{font-weight:500}