.white-page .orange-hero-facts { display: flex; justify-content: space-between; }
.white-page .orange-hero-facts > div { min-width: 0; }
.white-page .orange-hero-facts > div:nth-child(2) { flex-shrink: 0; }
.white-page .orange-hero-facts > div:last-child { min-width: min-content; }
.white-page .orange-hero-facts .orange-sbp { white-space: nowrap; }
.white-page .white-hero-payment-label { white-space: nowrap; }
.white-page .black-arrow { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; vertical-align: middle; }
.white-hero h1 { font-size: clamp(48px, 5.2vw, 74px); letter-spacing: -2.8px; }
.white-hero-visual {
    position: relative; min-width: 0; height: 590px; overflow: hidden; isolation: isolate;
    border-radius: 30px; background: linear-gradient(145deg, #e4e3e2 0%, #bfc1c4 55%, #8e949c 100%);
    color: #24282d; box-shadow: inset 0 0 0 1px #ffffff50;
    display: flex; flex-direction: column; padding: 32px;
}
.white-hero-visual::before {
    content: ''; position: absolute; z-index: -1; width: 560px; height: 560px;
    left: 45%; top: -80px; border-radius: 50%; border: 1px solid #ffffff80;
    box-shadow: 0 0 0 55px #ffffff18, 0 0 0 110px #ffffff10;
}
.white-visual-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 22px; line-height: 1.2; max-width: 100%; }
.white-visual-heading > span { max-width: 260px; }
.white-visual-heading > img { flex-shrink: 0; }
.white-hero-card { display: block; width: 88%; max-width: 470px; height: auto; margin: auto; transform: rotate(-9deg); border-radius: 17px; filter: drop-shadow(0 24px 20px #22283135); }
.white-visual-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 20px; border-radius: 18px; background: #f3f1efed; }
.white-visual-modes > div { min-width: 0; }
.white-visual-modes strong { display: block; font-size: 19px; font-weight: 600; }
.white-visual-modes span { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: #555b64; }
.white-visual-wallets { min-height: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; margin-top: 22px; }
.white-visual-wallets img { object-fit: contain; }
.white-visual-wallets > span { display: flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; }
.white-scenes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.white-scenes .orange-scene { min-height: 440px; }
.white-scenes .orange-scene > div { left: 28px; right: 28px; }
.white-scenes .orange-scene h3 { font-size: 31px; }
.white-scenes .orange-scene p { font-size: 16px; }
.white-page .orange-wallet-image { height: 390px; width: 100%; object-fit: contain; }
.white-page .orange-wallet-circle { background: #d6d7d9; }
.white-page .orange-button-mobile-arrow .black-arrow { width: 16px; height: 16px; }
.white-page :is(a, summary):focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
@media (max-width: 1100px) {
    .white-hero-visual { padding: 26px; }
    .white-visual-heading { font-size: 20px; }
    .white-scenes .orange-scene > div { left: 22px; right: 22px; }
    .white-scenes .orange-scene h3 { font-size: 27px; }
}
@media (max-width: 800px) {
    .white-hero h1 { font-size: clamp(46px, 8vw, 68px); }
    .white-hero-visual { height: 570px; }
    .white-hero-card { max-width: 450px; width: 78%; }
    .white-scenes { grid-template-columns: 1fr; }
    .white-scenes .orange-scene { min-height: 380px; }
    .white-scenes .orange-scene h3 { font-size: 32px; }
}
@media (max-width: 540px) {
    .white-hero h1 { font-size: clamp(38px, 10.7vw, 57px); letter-spacing: -2px; }
    .white-hero-visual { height: 480px; padding: 24px 20px; border-radius: 24px; }
    .white-visual-heading { font-size: 18px; gap: 14px; }
    .white-visual-heading > span { max-width: 200px; }
    .white-hero-card { width: 90%; }
    .white-visual-modes { padding: 16px; gap: 12px; }
    .white-visual-modes strong { font-size: 17px; }
    .white-visual-modes span { font-size: 12px; }
    .white-visual-wallets { gap: 10px 14px; margin-top: 18px; }
    .white-visual-wallets > span { font-size: 12px; }
    .white-page .orange-wallet-image { height: 310px; }
}