/* Ajustes finais da primeira dobra carregados apos landing-reference.css. */
#loginOverlay .apk-native-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "eyebrow action"
        "title action"
        "metrics metrics" !important;
    align-items: center !important;
    width: min(100%, 610px) !important;
    max-width: 610px !important;
    gap: 0.28rem 0.8rem !important;
    padding: 0.78rem 0.9rem !important;
    border: 1px solid rgba(134, 255, 195, 0.34) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(135deg, rgba(5, 44, 39, 0.82), rgba(3, 93, 72, 0.54)),
        radial-gradient(circle at 92% 12%, rgba(109, 255, 184, 0.22), transparent 24%) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

#loginOverlay .apk-native-eyebrow {
    grid-area: eyebrow !important;
    color: #a7e861 !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

#loginOverlay .apk-native-card strong {
    grid-area: title !important;
    color: #ffffff !important;
    font-size: clamp(0.96rem, 1vw, 1.08rem) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

#loginOverlay .apk-native-metrics {
    grid-area: metrics !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.42rem !important;
    margin-top: 0.18rem !important;
}

#loginOverlay .apk-native-metrics span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    padding: 0.28rem 0.46rem !important;
    border: 1px solid rgba(167, 232, 97, 0.2) !important;
    border-radius: 999px !important;
    background: rgba(0, 31, 27, 0.42) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    line-height: 1 !important;
}

#loginOverlay .apk-native-play-link {
    grid-area: action !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.46rem !important;
    min-height: 42px !important;
    padding: 0.5rem 0.72rem !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
    background: #071915 !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

#loginOverlay .real-preview-card > .text-center:first-child {
    background:
        radial-gradient(circle at 15% 8%, rgba(132, 255, 190, 0.28), transparent 26%),
        radial-gradient(circle at 88% 4%, rgba(35, 211, 171, 0.32), transparent 28%),
        linear-gradient(135deg, #063b35 0%, #0a8f70 42%, #087264 68%, #04362f 100%) !important;
    border-bottom: 1px solid rgba(175, 255, 215, 0.72) !important;
}

#loginOverlay .real-preview-card > .text-center:first-child .text-white {
    color: #f7fffb !important;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.38), 0 0 18px rgba(118, 255, 186, 0.28) !important;
}

#loginOverlay .hero-trust-item:first-child strong,
#loginOverlay .hero-section .hero-trust-rail .hero-trust-item:first-child strong {
    font-size: clamp(0.78rem, 0.74vw, 0.94rem) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

#loginOverlay .hero-trust-item:first-child span,
#loginOverlay .hero-section .hero-trust-rail .hero-trust-item:first-child span {
    font-size: clamp(0.68rem, 0.62vw, 0.8rem) !important;
    line-height: 1.1 !important;
}

@media (min-width: 1180px) and (max-width: 1599.98px) {
    #loginOverlay .apk-native-card {
        width: min(100%, 560px) !important;
        max-width: 560px !important;
        padding: 0.68rem 0.78rem !important;
    }
}

@media (max-width: 767.98px) {
    #loginOverlay .apk-native-card {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "eyebrow"
            "title"
            "action" !important;
        justify-items: center !important;
        width: min(100%, 348px) !important;
        text-align: center !important;
    }

    #loginOverlay .apk-native-metrics {
        display: none !important;
    }

    #loginOverlay .apk-native-play-link {
        width: min(100%, 240px) !important;
        margin-top: 0.32rem !important;
    }
}

/* Play Store movido para o topo do rail lateral do mockup. */
#loginOverlay .hero-trust-rail {
    min-height: clamp(500px, 38vw, 620px) !important;
    padding-top: clamp(1rem, 1.2vw, 1.35rem) !important;
    padding-bottom: clamp(1rem, 1.2vw, 1.35rem) !important;
    gap: clamp(0.58rem, 0.8vw, 0.9rem) !important;
}

#loginOverlay .hero-trust-item {
    min-height: clamp(86px, 7.6vw, 118px) !important;
    align-items: center !important;
    text-align: center !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

#loginOverlay .hero-trust-item + .hero-trust-item {
    padding-top: clamp(0.72rem, 0.9vw, 1rem) !important;
}

#loginOverlay .hero-trust-play {
    cursor: pointer;
}

#loginOverlay .hero-trust-play .play-store-mark--rail {
    width: clamp(1.45rem, 1.65vw, 1.9rem);
    height: clamp(1.45rem, 1.65vw, 1.9rem);
    flex-basis: clamp(1.45rem, 1.65vw, 1.9rem);
    margin-bottom: 0.5rem;
    filter: drop-shadow(0 0 10px rgba(167, 232, 97, 0.42));
}

#loginOverlay .hero-trust-play strong {
    font-size: clamp(0.7rem, 0.66vw, 0.82rem) !important;
}

#loginOverlay .hero-trust-play span:not(.play-store-mark) {
    font-size: clamp(0.66rem, 0.58vw, 0.76rem) !important;
}

#loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child strong,
#loginOverlay .hero-trust-rail .hero-trust-play:first-child strong {
    font-size: clamp(0.82rem, 0.78vw, 0.96rem) !important;
    line-height: 1.05 !important;
}

#loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child span:not(.play-store-mark),
#loginOverlay .hero-trust-rail .hero-trust-play:first-child span:not(.play-store-mark) {
    font-size: clamp(0.76rem, 0.68vw, 0.86rem) !important;
    line-height: 1.05 !important;
}

@media (min-width: 1180px) and (max-width: 1319.98px) {
    #loginOverlay .hero-trust-rail {
        min-height: 430px !important;
        gap: 0.45rem !important;
    }

    #loginOverlay .hero-trust-item {
        min-height: 82px !important;
    }
}

/* Ajuste v26: rail lateral em painel tech glass como a referencia. */
@media (min-width: 1180px) {
    #loginOverlay .hero-section .hero-visual-col {
        display: grid !important;
        grid-template-columns: minmax(320px, 360px) clamp(190px, 14vw, 248px) !important;
        align-items: stretch !important;
        justify-content: end !important;
        gap: clamp(0.72rem, 1.05vw, 1.15rem) !important;
    }

    #loginOverlay .hero-section .hero-visual-col .real-preview-card {
        width: min(100%, 360px) !important;
        max-width: 360px !important;
        align-self: stretch !important;
    }

    #loginOverlay .hero-section .hero-visual-col .hero-trust-rail {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        isolation: isolate !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-self: start !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: clamp(1rem, 1.35vw, 1.55rem) !important;
        gap: clamp(0.7rem, 0.95vw, 1.05rem) !important;
        border: 1px solid rgba(157, 255, 231, 0.82) !important;
        border-radius: clamp(26px, 2.7vw, 42px) !important;
        background:
            radial-gradient(circle at 48% 9%, rgba(102, 255, 205, 0.22), transparent 22%),
            radial-gradient(circle at 96% 31%, rgba(32, 255, 151, 0.22), transparent 18%),
            linear-gradient(145deg, rgba(22, 176, 136, 0.28), transparent 30%),
            linear-gradient(180deg, rgba(1, 56, 50, 0.94), rgba(0, 24, 25, 0.94)) !important;
        box-shadow:
            inset 0 0 0 2px rgba(111, 255, 212, 0.18),
            inset 0 0 52px rgba(35, 255, 164, 0.12),
            0 0 0 1px rgba(255, 255, 255, 0.08),
            0 0 32px rgba(82, 255, 190, 0.58),
            0 0 84px rgba(16, 185, 129, 0.24),
            0 26px 70px rgba(0, 0, 0, 0.36) !important;
        backdrop-filter: blur(18px) saturate(1.2) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail::before,
    #loginOverlay .hero-section .hero-trust-rail::after {
        content: "" !important;
        position: absolute !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail::before {
        inset: 0 !important;
        background:
            linear-gradient(90deg, rgba(91, 255, 207, 0.16) 1px, transparent 1px) 12% 0 / 52px 100% no-repeat,
            linear-gradient(180deg, rgba(91, 255, 207, 0.16) 1px, transparent 1px) 0 90% / 100% 46px no-repeat,
            radial-gradient(circle at 50% 96%, rgba(108, 255, 196, 0.78) 0 3px, transparent 4px),
            radial-gradient(circle at 45% 96%, rgba(108, 255, 196, 0.78) 0 3px, transparent 4px),
            radial-gradient(circle at 55% 96%, rgba(108, 255, 196, 0.78) 0 3px, transparent 4px);
        opacity: 0.48 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail::after {
        inset: 1px !important;
        border-radius: inherit !important;
        background:
            radial-gradient(circle, rgba(97, 255, 195, 0.72) 0 1.5px, transparent 2px) calc(100% - 2.1rem) 2.2rem / 0.72rem 0.72rem no-repeat,
            linear-gradient(112deg, rgba(255, 255, 255, 0.14), transparent 34%) !important;
        opacity: 0.64 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail > * {
        position: relative !important;
        z-index: 1 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item {
        width: 100% !important;
        min-height: 0 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        text-align: left !important;
        text-shadow: 0 3px 12px rgba(0, 0, 0, 0.56) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item + .hero-trust-item {
        border-top: 0 !important;
        padding-top: 0 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: clamp(130px, 11.8vw, 190px) !important;
        padding: clamp(0.75rem, 1vw, 1.2rem) 0.5rem clamp(1rem, 1.2vw, 1.35rem) !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(106, 255, 191, 0.36) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play::after {
        content: "" !important;
        position: absolute !important;
        left: 22% !important;
        right: 22% !important;
        bottom: -2px !important;
        height: 4px !important;
        border-radius: 999px !important;
        background: #7dffd0 !important;
        box-shadow: 0 0 12px #7dffd0, 0 0 28px rgba(33, 255, 157, 0.82) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .play-store-mark--rail {
        width: clamp(3rem, 4.2vw, 4.85rem) !important;
        height: clamp(3rem, 4.2vw, 4.85rem) !important;
        flex: 0 0 clamp(3rem, 4.2vw, 4.85rem) !important;
        margin: 0 0 clamp(0.75rem, 1vw, 1.05rem) !important;
        filter: drop-shadow(0 0 12px rgba(80, 177, 255, 0.65)) drop-shadow(0 0 24px rgba(39, 255, 154, 0.5)) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play strong,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child strong {
        color: #ffffff !important;
        font-size: clamp(1.08rem, 1.72vw, 2rem) !important;
        font-weight: 950 !important;
        line-height: 1.02 !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play span:not(.play-store-mark),
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child span:not(.play-store-mark) {
        margin-top: 0.22rem !important;
        color: #6dffc0 !important;
        font-size: clamp(0.98rem, 1.52vw, 1.78rem) !important;
        font-weight: 950 !important;
        line-height: 1.02 !important;
        white-space: nowrap !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) {
        display: grid !important;
        grid-template-columns: clamp(3.2rem, 4.3vw, 5.2rem) minmax(0, 1fr) !important;
        grid-template-areas:
            "icon title"
            "icon detail" !important;
        align-items: center !important;
        gap: clamp(0.72rem, 1vw, 1.1rem) !important;
        min-height: clamp(105px, 8.2vw, 142px) !important;
        padding: clamp(0.72rem, 1vw, 1rem) clamp(0.72rem, 0.95vw, 1.05rem) !important;
        border: 1px solid rgba(82, 255, 198, 0.72) !important;
        border-radius: 14px !important;
        clip-path: polygon(7% 0, 93% 0, 100% 12%, 100% 88%, 93% 100%, 7% 100%, 0 88%, 0 12%) !important;
        background:
            radial-gradient(circle at 18% 50%, rgba(96, 255, 199, 0.2), transparent 34%),
            linear-gradient(145deg, rgba(7, 96, 79, 0.6), rgba(0, 35, 36, 0.8)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.04),
            inset 0 0 26px rgba(49, 255, 169, 0.08),
            0 0 18px rgba(29, 255, 154, 0.14) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play)::before {
        content: "" !important;
        position: absolute !important;
        left: 47% !important;
        top: -0.28rem !important;
        width: 0.7rem !important;
        height: 0.7rem !important;
        border-radius: 999px !important;
        background: #78ffc8 !important;
        box-shadow: 0 0 12px #78ffc8, 0 0 26px rgba(39, 255, 154, 0.72) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play)::after {
        content: "" !important;
        position: absolute !important;
        right: 0.8rem !important;
        top: 0.78rem !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
        background: radial-gradient(circle, rgba(99, 255, 196, 0.8) 0 1.5px, transparent 2px) 0 0 / 0.55rem 0.55rem !important;
        opacity: 0.88 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) i {
        grid-area: icon !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: clamp(3.2rem, 4.3vw, 5.2rem) !important;
        height: clamp(3.2rem, 4.3vw, 5.2rem) !important;
        margin: 0 !important;
        border: 1px solid rgba(101, 255, 199, 0.42) !important;
        border-radius: 999px !important;
        color: #8affcf !important;
        font-size: clamp(1.95rem, 3vw, 3.55rem) !important;
        background:
            radial-gradient(circle, rgba(81, 255, 181, 0.22), transparent 58%),
            rgba(0, 50, 45, 0.48) !important;
        box-shadow:
            inset 0 0 18px rgba(88, 255, 192, 0.14),
            0 0 0 1px rgba(87, 255, 197, 0.14),
            0 0 16px rgba(91, 255, 190, 0.34) !important;
        filter: drop-shadow(0 0 11px rgba(99, 255, 196, 0.78)) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        white-space: normal !important;
        text-wrap: balance !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        text-align: left !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong {
        grid-area: title !important;
        align-self: end !important;
        color: #ffffff !important;
        font-size: clamp(0.94rem, 1.38vw, 1.52rem) !important;
        font-weight: 950 !important;
        line-height: 1.04 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span b {
        grid-area: detail !important;
        align-self: start !important;
        color: #6dffc0 !important;
        font-size: clamp(0.9rem, 1.26vw, 1.42rem) !important;
        font-style: normal !important;
        font-weight: 950 !important;
        line-height: 1.08 !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span em {
        display: block !important;
        color: #ffffff !important;
        font-style: normal !important;
        font-size: clamp(0.82rem, 1.02vw, 1.18rem) !important;
        font-weight: 900 !important;
        line-height: 1.06 !important;
    }
}

@media (min-width: 1500px) {
    #loginOverlay .hero-section .row {
        grid-template-columns: minmax(0, 0.86fr) minmax(620px, 0.64fr) !important;
    }

    #loginOverlay .hero-section .hero-visual-col {
        grid-template-columns: minmax(360px, 420px) clamp(220px, 13.5vw, 270px) !important;
    }

    #loginOverlay .hero-section .hero-visual-col .real-preview-card {
        width: min(100%, 420px) !important;
        max-width: 420px !important;
    }
}

@media (min-width: 1180px) and (max-width: 1399.98px) {
    #loginOverlay .hero-section .row {
        grid-template-columns: minmax(0, 0.92fr) minmax(470px, 0.56fr) !important;
    }

    #loginOverlay .hero-section .hero-visual-col {
        grid-template-columns: minmax(300px, 315px) 150px !important;
        gap: 0.55rem !important;
    }

    #loginOverlay .hero-section .hero-visual-col .real-preview-card {
        width: min(100%, 315px) !important;
        max-width: 315px !important;
    }

    #loginOverlay .hero-section .hero-visual-col .hero-trust-rail {
        min-height: 0 !important;
        padding: 0.82rem !important;
        gap: 0.55rem !important;
        border-radius: 26px !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play {
        min-height: 108px !important;
        padding: 0.58rem 0.25rem 0.8rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .play-store-mark--rail {
        width: 2.35rem !important;
        height: 2.35rem !important;
        flex-basis: 2.35rem !important;
        margin-bottom: 0.48rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play strong,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child strong {
        font-size: 0.88rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play span:not(.play-store-mark),
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child span:not(.play-store-mark) {
        font-size: 0.82rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "icon"
            "title"
            "detail" !important;
        justify-items: center !important;
        gap: 0.36rem !important;
        min-height: 87px !important;
        padding: 0.62rem 0.46rem !important;
        text-align: center !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) i {
        width: 2.25rem !important;
        height: 2.25rem !important;
        font-size: 1.62rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span em {
        text-align: center !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong {
        font-size: 0.66rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span b {
        font-size: 0.66rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span em {
        font-size: 0.62rem !important;
    }
}

/* Ajuste v27: versao intermediaria para o Chrome 100% nao cortar o painel. */
@media (min-width: 1400px) and (max-width: 1699.98px) {
    #loginOverlay .hero-section .row {
        grid-template-columns: minmax(0, 0.82fr) minmax(520px, 0.58fr) !important;
        gap: clamp(1rem, 1.8vw, 2rem) !important;
    }

    #loginOverlay .hero-section .hero-visual-col {
        grid-template-columns: minmax(304px, 328px) 180px !important;
        gap: 0.62rem !important;
    }

    #loginOverlay .hero-section .hero-visual-col .real-preview-card {
        width: min(100%, 328px) !important;
        max-width: 328px !important;
    }

    #loginOverlay .hero-section .hero-visual-col .hero-trust-rail {
        min-height: 0 !important;
        padding: 0.86rem !important;
        gap: 0.58rem !important;
        border-radius: 30px !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play {
        min-height: 124px !important;
        padding: 0.62rem 0.35rem 0.9rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .play-store-mark--rail {
        width: 2.75rem !important;
        height: 2.75rem !important;
        flex-basis: 2.75rem !important;
        margin-bottom: 0.55rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play strong,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child strong {
        font-size: 1rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play span:not(.play-store-mark),
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-play:first-child span:not(.play-store-mark) {
        font-size: 0.94rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) {
        grid-template-columns: 2.55rem minmax(0, 1fr) !important;
        grid-template-areas:
            "icon title"
            "icon detail" !important;
        gap: 0.5rem !important;
        min-height: 93px !important;
        padding: 0.62rem 0.58rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) i {
        width: 2.55rem !important;
        height: 2.55rem !important;
        font-size: 1.82rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong {
        font-size: 0.72rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span b {
        font-size: 0.72rem !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span em {
        font-size: 0.68rem !important;
    }
}

@media (min-width: 1700px) {
    #loginOverlay .hero-section .row {
        grid-template-columns: minmax(0, 0.86fr) minmax(620px, 0.64fr) !important;
    }

    #loginOverlay .hero-section .hero-visual-col {
        grid-template-columns: minmax(360px, 420px) clamp(260px, 14vw, 296px) !important;
    }

    #loginOverlay .hero-section .hero-visual-col .hero-trust-rail {
        padding: clamp(1rem, 1vw, 1.15rem) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) {
        grid-template-columns: clamp(3.2rem, 3.25vw, 3.75rem) minmax(0, 1fr) !important;
        gap: clamp(0.56rem, 0.75vw, 0.86rem) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) i {
        width: clamp(3.2rem, 3.25vw, 3.75rem) !important;
        height: clamp(3.2rem, 3.25vw, 3.75rem) !important;
        font-size: clamp(2rem, 2.25vw, 2.65rem) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong {
        font-size: clamp(0.98rem, 1.05vw, 1.18rem) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span,
    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span b {
        font-size: clamp(0.94rem, 1vw, 1.12rem) !important;
    }

    #loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span em {
        font-size: clamp(0.88rem, 0.92vw, 1.02rem) !important;
    }
}

/* Ajuste v31: H1 sem quebra na primeira linha e subtitulo longo controlado. */
@media (min-width: 1180px) {
    #loginOverlay .hero-section .hero-copy-col .hero-title-main {
        max-width: min(100%, 58rem) !important;
        font-size: clamp(2.95rem, 3.55vw, 4.38rem) !important;
        line-height: 0.95 !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-title-main > .hero-title-line:first-child,
    #loginOverlay .hero-section .hero-copy-col .hero-title-main > .hero-title-line:nth-child(2),
    #loginOverlay .hero-section .hero-copy-col .hero-title-main > .hero-title-line:nth-child(2) > span {
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
        text-wrap: nowrap !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-title-main > .hero-title-line:first-child,
    #loginOverlay .hero-section .hero-copy-col .hero-title-main > .hero-title-line:nth-child(2) {
        font-size: 1.05em !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-title-main > .hero-title-line:nth-child(3) {
        font-size: 0.72em !important;
        margin-top: 0.12em !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-subtitle {
        width: min(100%, 54rem) !important;
        max-width: min(100%, 54rem) !important;
        font-size: clamp(0.92rem, 0.62rem + 0.5vw, 1.12rem) !important;
        line-height: 1.42 !important;
        font-weight: 650 !important;
        text-wrap: pretty !important;
    }
}

@media (min-width: 1700px) {
    #loginOverlay .hero-section .hero-copy-col .hero-title-main {
        max-width: min(100%, 62rem) !important;
        font-size: clamp(4rem, 4.05vw, 4.85rem) !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-subtitle {
        max-width: min(100%, 60rem) !important;
        font-size: clamp(1rem, 0.9vw, 1.18rem) !important;
    }
}

@media (max-width: 1179.98px) {
    #loginOverlay .hero-section .hero-copy-col .hero-subtitle {
        max-width: min(100%, 34rem) !important;
        font-size: clamp(0.96rem, 2.8vw, 1.08rem) !important;
        line-height: 1.36 !important;
    }
}

/* Ajuste v34: evita que os cards da copy avancem sobre o mockup no Chrome. */
@media (min-width: 1180px) {
    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid {
        box-sizing: border-box !important;
        display: grid !important;
        width: min(100%, 51rem) !important;
        max-width: 51rem !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.62rem, 0.72vw, 0.88rem) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid > .col,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid > .col {
        box-sizing: border-box !important;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        min-width: 0 !important;
        padding: clamp(0.74rem, 0.76vw, 0.92rem) !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid strong,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid strong {
        font-size: clamp(0.82rem, 0.78vw, 0.94rem) !important;
        line-height: 1.02 !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid small,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid small {
        font-size: clamp(0.68rem, 0.66vw, 0.76rem) !important;
        line-height: 1.18 !important;
    }
}

@media (min-width: 1700px) {
    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid {
        width: min(100%, 52rem) !important;
        max-width: 52rem !important;
    }
}

@media (min-width: 1180px) and (max-width: 1599.98px) {
    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid {
        width: min(100%, 49rem) !important;
        max-width: 49rem !important;
    }
}

/* Ajuste v36: ancora visual para fora e reserva folga real no Chrome 100%. */
@media (min-width: 1180px) {
    #loginOverlay .hero-section .hero-visual-col {
        justify-self: end !important;
        margin-left: auto !important;
        transform: translateX(clamp(1rem, 2.2vw, 2.5rem)) !important;
    }

    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid {
        width: min(100%, 47rem) !important;
        max-width: 47rem !important;
        gap: clamp(0.58rem, 0.7vw, 0.82rem) !important;
    }
}

@media (min-width: 1700px) {
    #loginOverlay .hero-section .hero-copy-col .hero-feature-grid,
    #loginOverlay .hero-section .hero-copy-col .row.row-cols-2.hero-feature-grid {
        width: min(100%, 49rem) !important;
        max-width: 49rem !important;
    }
}

/* Ajuste v38: textos do rail lateral sem corte e Play Store com aparencia de link. */
#loginOverlay .hero-section .hero-trust-rail .hero-trust-play {
    cursor: pointer !important;
    border-color: rgba(125, 255, 208, 0.64) !important;
    box-shadow:
        inset 0 -1px 0 rgba(125, 255, 208, 0.3),
        0 0 18px rgba(82, 255, 190, 0.18) !important;
}

#loginOverlay .hero-section .hero-trust-rail .hero-trust-play:hover,
#loginOverlay .hero-section .hero-trust-rail .hero-trust-play:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(125, 255, 208, 0.92) !important;
    box-shadow:
        inset 0 -1px 0 rgba(125, 255, 208, 0.36),
        0 0 26px rgba(82, 255, 190, 0.36) !important;
}

#loginOverlay .hero-section .hero-trust-rail .hero-trust-play .hero-trust-play-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.18rem !important;
    width: auto !important;
    min-height: 1.35rem !important;
    margin-top: 0.48rem !important;
    padding: 0.25rem 0.52rem !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    border-radius: 999px !important;
    background: #7dffd0 !important;
    color: #062b24 !important;
    font-size: clamp(0.62rem, 0.58vw, 0.72rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    box-shadow: 0 0 12px rgba(125, 255, 208, 0.52) !important;
}

#loginOverlay .hero-section .hero-trust-rail .hero-trust-play .hero-trust-play-cta i {
    font-size: 0.82em !important;
    line-height: 1 !important;
}

#loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) strong,
#loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span,
#loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span b,
#loginOverlay .hero-section .hero-trust-rail .hero-trust-item:not(.hero-trust-play) span em {
    max-width: 100% !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    letter-spacing: 0 !important;
}

@media (min-width: 1180px) and (max-width: 1399.98px) {
    #loginOverlay .hero-section .hero-visual-col {
        grid-template-columns: minmax(292px, 312px) minmax(164px, 176px) !important;
        gap: 0.48rem !important;
    }

    #loginOverlay .hero-section .hero-visual-col .real-preview-card {
        width: min(100%, 312px) !important;
        max-width: 312px !important;
    }

    #loginOverlay .hero-section .hero-visual-col .hero-trust-rail {
        padding-left: 0.72rem !important;
        padding-right: 0.72rem !important;
    }
}