/* Ofiki: страница приложения. Все правила принадлежат только этому экрану. */
.mobile-app-page{padding:12px 0 4px}
.mobile-app-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
.mobile-app-intro{min-width:0;padding:12px 0}
.mobile-app-intro .eyebrow{color:var(--accent);margin-bottom:20px}
.mobile-app-intro h1{font-size:clamp(32px,4.4vw,56px);line-height:1.08;letter-spacing:-.05em;margin-bottom:22px}
.mobile-app-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:44ch;margin-bottom:30px}
.mobile-app-platforms{display:grid;gap:12px;max-width:490px}
.mobile-app-android{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.mobile-app-platform-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mobile-app-platform-heading h2{font-size:21px;letter-spacing:-.025em;line-height:1.3;margin:0}
.mobile-app-platform-heading h2 span{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0}
.mobile-app-platforms p{font-size:14px;line-height:1.55;color:var(--muted);margin:10px 0 18px}
.mobile-app-available,.mobile-app-soon{font-size:12px;font-weight:600;white-space:nowrap;border-radius:30px;padding:5px 11px}
.mobile-app-available{background:#e4ede6;color:#234f3e}
.mobile-app-soon{background:#f2dfcc;color:#783b20;border:1px solid #ddba96}
.mobile-app-download{width:100%;gap:10px;min-height:52px;font-size:15px}
.mobile-app-file{display:block;margin-top:9px;font-size:12px;text-align:center;color:var(--muted)}
.mobile-app-ios{padding:19px 24px;border:1px solid var(--line);border-radius:18px}
.mobile-app-ios p{margin-bottom:0}
.mobile-app-hero-image{margin:0;justify-self:center;width:min(100%,345px)}
.mobile-app-hero-image img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 20px 50px #17352d1a}
.mobile-app-hero-image figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}
.mobile-app-work{margin-top:76px}
.mobile-app-section-heading{margin-bottom:28px}
.mobile-app-section-heading .eyebrow,.mobile-app-start .eyebrow{margin-bottom:10px}
.mobile-app-section-heading h2{font-size:clamp(25px,3vw,34px);max-width:26ch;margin:0}
.mobile-app-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mobile-app-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:24px;align-items:center;padding:24px;border-top:1px solid var(--line)}
.mobile-app-story img{display:block;width:100%;height:auto;border-radius:16px}
.mobile-app-story>div{min-width:0}
.mobile-app-story-number{display:block;font-size:12px;color:var(--accent);margin-bottom:14px;font-weight:600}
.mobile-app-story h3{font-size:21px;line-height:1.25;margin-bottom:12px}
.mobile-app-story p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:12px}
.mobile-app-story a{display:inline-block;font-size:13px;line-height:1.55;padding:8px 0;min-height:44px}
.mobile-app-start{margin-top:60px;background:var(--ink);color:var(--paper);padding:36px;border-radius:22px}
.mobile-app-start .eyebrow{color:#c7d2c9}
.mobile-app-start h2{font-size:clamp(25px,3vw,32px);margin:0}
.mobile-app-start ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:32px 0;counter-reset:app-start}
.mobile-app-start li{counter-increment:app-start;border-top:1px solid #ffffff35;padding-top:18px}
.mobile-app-start li:before{content:'0' counter(app-start);display:block;color:#c7d2c9;font-size:12px;margin-bottom:14px}
.mobile-app-start strong{display:block;font-size:16px;margin-bottom:8px}
.mobile-app-start li span{display:block;color:#dce4dd;font-size:14px;line-height:1.7}
.mobile-app-start-note{border-top:1px solid #ffffff35;margin:0;padding-top:20px;font-size:13px;color:#dce4dd}
.mobile-app-guest{display:flex;gap:32px;align-items:center;justify-content:space-between;margin-top:32px;padding:28px 0}
.mobile-app-guest h2{font-size:22px;margin-bottom:10px}
.mobile-app-guest p{max-width:62ch;margin:0;font-size:15px;line-height:1.65;color:var(--muted)}
.mobile-app-guest>.btn{flex-shrink:0}
@media(max-width:1000px){.mobile-app-stories{gap:28px}.mobile-app-story{grid-template-columns:1fr;padding:22px 0 0}.mobile-app-story img{max-width:230px;justify-self:center}.mobile-app-story>div{padding:0 4px}}
@media(max-width:720px){.mobile-app-page{padding-top:0}.mobile-app-hero{grid-template-columns:1fr;gap:36px}.mobile-app-intro{padding:0}.mobile-app-intro h1{font-size:clamp(32px,7.8vw,50px)}.mobile-app-lead{font-size:17px;margin-bottom:24px}.mobile-app-platforms{max-width:none}.mobile-app-hero-image{width:min(80%,320px)}.mobile-app-work{margin-top:52px}.mobile-app-start{margin-top:40px;padding:26px 24px}.mobile-app-start ol{grid-template-columns:1fr;gap:24px;margin:26px 0}.mobile-app-guest{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:12px}}
@media(max-width:480px){.mobile-app-android{padding:20px}.mobile-app-ios{padding:18px 20px}.mobile-app-stories{grid-template-columns:1fr;gap:36px}.mobile-app-story{gap:20px}.mobile-app-story img{max-width:260px;border-radius:16px}.mobile-app-story h3{font-size:21px}.mobile-app-story-number{margin-bottom:8px}}
@media(max-width:360px){.mobile-app-story{grid-template-columns:1fr}.mobile-app-story img{max-width:210px}.mobile-app-platform-heading h2{font-size:19px}.mobile-app-platform-heading{gap:8px}}