/* Shared guest-page invitation. The owner's screenshot remains unmodified. */
.yf-app-promo, .yf-app-promo * { box-sizing: border-box; }
.yf-app-promo { padding: 100px 20px 64px; background: #f4f8f5; color: #172f29; font-family: "Manrope", Arial, sans-serif; }
.yf-app-promo__card { position: relative; display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: center; gap: 56px; width: min(1180px, 100%); min-height: 360px; margin: 0 auto; padding: 40px 48px 40px 40px; border-radius: 24px; background: linear-gradient(110deg, #dbeee4, #eaf4ee 60%); }
.yf-app-promo__phone { position: absolute; left: 56px; bottom: 0; width: 252px; height: 420px; padding: 7px 7px 0; border: 2px solid #53635d; border-bottom: 0; border-radius: 38px 38px 0 0; background: #16231e; box-shadow: 0 -2px 0 #94a69c, 12px -12px 28px #14382b15; overflow: hidden; }
.yf-app-promo__screen { border-radius: 29px 29px 0 0; overflow: hidden; background: #f7f8f8; }
.yf-app-promo__screen img { display: block; width: 100%; height: auto; }
.yf-app-promo__copy { grid-column: 2; min-width: 0; display: grid; gap: 20px; justify-items: start; }
.yf-app-promo__copy h2 { margin: 0; max-width: 560px; color: #172f29; font: 600 clamp(25px, 2.6vw, 34px)/1.22 "Manrope", Arial, sans-serif; letter-spacing: -.035em; }
.yf-app-promo__copy p { margin: 0; max-width: 510px; color: #526a62; font-size: 14px; font-weight: 400; line-height: 1.7; }
.yf-app-promo .yf-store-badges { justify-content: flex-start; }
.yf-app-promo__link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #17694f; font-size: 13px; font-weight: 600; text-decoration: none; }
.yf-app-promo .yf-app-promo__link:hover { color: #031d13; text-decoration: none; }
.yf-app-promo__link { transition: color .18s ease; }
/* Own the boundary between these two landing sections, without changing other public pages. */
body.yf-landing-body #materials.yf26-materials-section { padding-bottom: 24px; }
.yf-app-promo--compact-lead { padding-top: 80px; }
.yf-app-promo__link:focus-visible { outline: 2px solid #188163; outline-offset: 4px; border-radius: 4px; }
@media (max-width: 1050px) {
    .yf-app-promo__card { grid-template-columns: 236px minmax(0, 1fr); gap: 32px; padding: 32px; }
    .yf-app-promo__phone { left: 32px; width: 224px; height: 412px; }
}
@media (max-width: 700px) {
    .yf-app-promo { padding: 72px 20px 40px; }
    .yf-app-promo--compact-lead { padding-top: 48px; }
    .yf-app-promo__card { display: flex; flex-direction: column; gap: 28px; padding: 0 20px 28px; border-radius: 20px; }
    .yf-app-promo__phone { position: relative; left: auto; bottom: auto; flex: none; width: 210px; height: 290px; margin-top: -36px; }
    .yf-app-promo__copy { gap: 16px; }
    .yf-app-promo__copy h2 { font-size: 26px; }
}

/* 29.09: a livelier promo — soft light, framed card, a real «Все способы скачать» button */
/* The phone rises above the card on purpose, so the card never clips; the soft light stays inside its rounded box. */
.yf-app-promo__card { overflow: visible; box-shadow: inset 0 0 0 1px rgba(23, 105, 79, .08), 0 24px 60px -34px rgba(20, 70, 52, .35); }
.yf-app-promo__card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(520px 420px at 12% 0%, rgba(101, 217, 174, .35), transparent 65%); pointer-events: none; }
.yf-app-promo__card > * { position: relative; }
.yf-app-promo__phone { position: absolute; }
.yf-app-promo__link {
    gap: 10px; min-height: 42px; padding: 0 8px 0 16px; border-radius: 999px;
    background: #fff; box-shadow: 0 0 0 1px rgba(23, 105, 79, .14), 0 8px 20px -12px rgba(20, 70, 52, .4);
    font-size: 13.5px; font-weight: 700; transition: box-shadow .2s ease, transform .2s ease, color .2s ease;
}
.yf-app-promo__link span[aria-hidden] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #17694f; color: #fff; transition: transform .2s ease; }
.yf-app-promo__link span[aria-hidden] svg { display: block; }
.yf-app-promo .yf-app-promo__link:hover { color: #0c4a37; box-shadow: 0 0 0 1px rgba(23, 105, 79, .28), 0 12px 26px -12px rgba(20, 70, 52, .45); }
.yf-app-promo__link:hover span[aria-hidden] { transform: translateX(2px); }
@media (max-width: 700px) {
    .yf-app-promo__phone { position: relative; }
    .yf-app-promo__copy { justify-items: center; text-align: center; }
    .yf-app-promo__copy h2, .yf-app-promo__copy p { margin-left: auto; margin-right: auto; }
    .yf-app-promo .yf-store-badges { justify-content: center; }
}

/* 01.10: taller phone that clearly steps out of the card; rounded like a modern device, screen starts at the app header. */
.yf-app-promo__phone { height: 452px; padding: 8px 8px 0; border-color: #3e4a45; border-radius: 42px 42px 0 0; box-shadow: 0 -2px 0 #94a69c, 0 -18px 40px -18px rgba(20, 56, 43, .35); }
.yf-app-promo__screen { border-radius: 34px 34px 0 0; }
@media (max-width: 1050px) { .yf-app-promo__phone { height: 436px; } }
@media (max-width: 700px) { .yf-app-promo__phone { height: 300px; margin-top: -52px; } }