/* Approved App concept v2. The real download links stay in HTML;
   the fictional phone/profile and two-age family portrait remain the approved artwork. */
.site-home #download.app-editorial {
    --app-backdrop: #080b10;
    padding: 0;
    background: var(--app-backdrop);
    overflow: hidden;
    isolation: isolate;
    font-family: 'Inter', sans-serif;
}
.site-home #download .app-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
    width: min(86%, 1536px);
    min-height: clamp(820px, 62.5vw, 1080px);
    margin-inline: auto;
    direction: ltr;
}
.site-home #download .app-copy {
    position: relative;
    z-index: 2;
    width: calc(100% + 42px);
    max-width: 810px;
    padding: 56px 0;
    text-align: start;
    animation: none;
}
.site-home #download .app-copy h2,
.site-home #download .app-copy p,
.site-home #download .app-buttons { animation: none; opacity: 1; text-shadow: none; }
.site-home #download .app-eyebrow {
    margin: 0 0 22px;
    color: #b1a1e9;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .36em;
    text-transform: uppercase;
}
.site-home #download .app-title {
    margin: 0;
    color: #f3f0f2;
    background: none;
    -webkit-text-fill-color: currentColor;
    font-family: 'Inter', sans-serif;
    font-size: clamp(48px, 5vw, 80px);
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: -.055em;
    text-shadow: none;
    text-wrap: balance;
}
.site-home #download .app-title > span { display: block; }
.site-home #download .app-title-accent {
    color: #c7a2d9;
    background: linear-gradient(100deg, #d9a2ac, #c7a2d6 56%, #a293f0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.site-home #download .app-description {
    max-width: 94%;
    margin: 34px 0 0;
    color: #b0aab9;
    font-size: clamp(18px, 1.45vw, 23px);
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: -.01em;
    text-wrap: pretty;
}
.site-home #download .app-features {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 0;
    margin: 52px 0 0;
    padding: 0;
    list-style: none;
}
.site-home #download .app-features li {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 28px 0 0;
    padding: 0 28px 0 0;
    border-right: 1px solid rgba(193, 184, 203, .4);
    color: #bab2c5;
    font-size: clamp(14px, 1.25vw, 20px);
    line-height: 1.5;
}
.site-home #download .app-features li:last-child { border: 0; margin: 0; padding: 0; }
.site-home #download .app-features svg { flex: none; width: 31px; height: 31px; }
.site-home #download .app-buttons {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    width: min(100%, 660px);
    max-width: 660px;
    margin: 50px 0 0;
}
.site-home #download .app-download-button {
    display: flex;
    flex: 1 1 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: auto;
    min-width: 0;
    min-height: 78px;
    margin: 0;
    padding: 14px 25px;
    border: 1.5px solid #d6a2af;
    border-radius: 40px;
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    text-align: start;
    font-family: 'Inter', sans-serif;
    transition: border-radius 220ms var(--site-ease-out, ease-out), background-color 180ms ease,
        border-color 180ms ease, transform 160ms ease;
}
.site-home #download .app-download-button::before,
.site-home #download .app-download-button::after { display: none; }
.site-home #download .app-download-button .download-btn-text { min-width: 0; text-align: start; align-items: flex-start; }
.site-home #download .app-download-button small {
    display: block;
    margin: 0 0 3px;
    color: inherit;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .25em;
    text-transform: uppercase;
    opacity: 1;
}
.site-home #download .app-download-button .download-btn-text > span {
    display: block;
    color: inherit;
    background: none;
    -webkit-text-fill-color: currentColor;
    font-family: 'Inter', sans-serif;
    font-size: clamp(18px, 1.45vw, 24px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}
.site-home #download .app-button-icon { flex: none; width: 32px; height: 36px; color: inherit; }
.site-home #download .app-play { background: #d4a0ad; color: #111016; }
.site-home #download .app-apk { background: transparent; color: #f3eff0; }
.site-home #download .app-download-button:focus-visible { outline: 2px solid #e5d2ee; outline-offset: 5px; }
.site-home #download .app-download-button.is-loading { cursor: progress; }
.site-home #download .app-platform {
    margin: 23px 0 0;
    color: #b3aabb;
    font-size: 16px;
    line-height: 1.5;
}
.site-home #download .app-download-status { max-width: 660px; margin: 14px 0 0; color: #b8afc5; font-size: 14px; line-height: 1.6; }
.site-home #download .app-download-status:empty { display: none; }
.site-home #download .app-download-status[data-state='error'] { color: #e6b5bd; }
.site-home #download .app-visual {
    position: relative;
    z-index: 1;
    display: block;
    width: 115.18%;
    max-width: none;
    margin: 0 0 0 -9%;
    padding: 0;
    align-self: center;
    animation: none;
    opacity: 1;
}
.site-home #download .app-visual-inner {
    position: relative;
    transition: transform 250ms var(--site-ease-out, ease-out);
}
.site-home.site-motion-ready #download .app-visual.site-reveal:not(.is-visible) { opacity: 0; }
.site-home #download .app-artwork {
    position: relative;
    width: 100%;
    aspect-ratio: 748 / 870;
    overflow: hidden;
    isolation: isolate;
    background: var(--app-backdrop);
    /* Keep the whole slanted photo and phone; remove only the original left-side copy. */
    clip-path: polygon(17.647058824% 0, 100% 0, 100% 100%, 0 100%, 0 51.724137931%, 17.647058824% 51.724137931%);
    pointer-events: none;
}
.site-home #download .app-artwork img {
    position: absolute;
    display: block;
    width: 212.032085561%;
    max-width: none;
    height: auto;
    left: -102.673796791%;
    top: -5.747126437%;
    mix-blend-mode: lighten;
    user-select: none;
}
.site-home #download .app-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    clip-path: inset(50%);
    white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
    .site-home #download .app-download-button:hover { border-radius: 14px; transform: translateY(-2px); }
    .site-home #download .app-play:hover { background: #e0b1bd; }
    .site-home #download .app-apk:hover { background: rgba(212, 165, 182, .09); border-color: #ecc4d0; }
    .site-home #download .app-download-button:active { transform: translateY(0) scale(.98); }
    .site-home #download .app-visual:hover .app-visual-inner { transform: translateY(-4px); }
}
html:is([lang='fr'], [lang='de'], [lang='ru']) .site-home #download .app-title { font-size: clamp(44px, 4.4vw, 70px); }
html:is([lang='zh'], [lang='ja'], [lang='ko']) .site-home #download .app-title { font-size: clamp(42px, 4.2vw, 66px); line-height: 1.25; }
html[lang='ar'] .site-home #download .app-copy { direction: rtl; }
html[lang='ar'] .site-home #download .app-eyebrow,
html[lang='ar'] .site-home #download .app-download-button small { letter-spacing: 0; }
@media (min-width: 1201px) and (max-width: 1450px) {
    .site-home #download .app-features li { gap: 12px; margin-right: 17px; padding-right: 17px; }
    .site-home #download .app-features svg { width: 27px; height: 27px; }
    .site-home #download .app-buttons { margin-top: 38px; }
    .site-home #download .app-download-button { gap: 18px; padding-inline: 22px; min-height: 68px; }
}
@media (max-width: 1200px) {
    .site-home #download .app-layout { display: flex; flex-direction: column; width: min(86%, 760px); min-height: 0; padding: 80px 0 56px; gap: 32px; }
    .site-home #download .app-copy { width: 100%; max-width: none; padding: 0; }
    .site-home #download .app-title { font-size: clamp(38px, 6.8vw, 64px); }
    .site-home #download .app-description { max-width: 690px; margin-top: 28px; font-size: 19px; }
    .site-home #download .app-features { margin-top: 32px; }
    .site-home #download .app-features li { font-size: 16px; gap: 12px; padding-right: 20px; margin-right: 20px; }
    .site-home #download .app-features svg { width: 27px; height: 27px; }
    .site-home #download .app-buttons { width: min(100%, 660px); margin-top: 34px; }
    .site-home #download .app-download-button { min-height: 68px; }
    .site-home #download .app-download-button .download-btn-text > span { font-size: 20px; }
    .site-home #download .app-visual { width: min(108%, 748px); margin: 0; }
    html:is([lang='fr'], [lang='de'], [lang='ru'], [lang='zh'], [lang='ja'], [lang='ko']) .site-home #download .app-title { font-size: clamp(36px, 6vw, 58px); }
}
@media (max-width: 540px) {
    .site-home #download .app-layout { width: 88%; padding-top: 64px; gap: 24px; }
    .site-home #download .app-eyebrow { font-size: 10px; letter-spacing: .28em; margin-bottom: 18px; }
    .site-home #download .app-title { font-size: clamp(35px, 9vw, 48px); line-height: 1.1; }
    .site-home #download .app-description { font-size: 16px; margin-top: 24px; }
    .site-home #download .app-features { gap: 12px; margin-top: 26px; }
    .site-home #download .app-features li { margin: 0; padding: 0; border: 0; gap: 8px; font-size: 13px; }
    .site-home #download .app-features svg { width: 22px; height: 22px; }
    .site-home #download .app-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
    .site-home #download .app-download-button { min-height: 64px; gap: 10px; padding: 12px 13px; border-radius: 38px; }
    .site-home #download .app-button-icon { width: 23px; height: 27px; }
    .site-home #download .app-download-button small { font-size: 8px; letter-spacing: .15em; }
    .site-home #download .app-download-button .download-btn-text > span { font-size: 15px; }
    .site-home #download .app-platform { margin-top: 16px; font-size: 13px; }
    .site-home #download .app-visual { width: 112%; }
    html:is([lang='fr'], [lang='de'], [lang='ru'], [lang='zh'], [lang='ja'], [lang='ko']) .site-home #download .app-title { font-size: clamp(32px, 8vw, 43px); }
}
@media (prefers-reduced-motion: reduce) {
    .site-home #download .app-download-button,
    .site-home #download .app-visual-inner { transition: none; }
    .site-home #download .app-download-button:hover,
    .site-home #download .app-download-button:active,
    .site-home #download .app-visual:hover .app-visual-inner { transform: none; }
}