.header.header--matte { background-color: #2e2e2e !important; color: #f2f2f2 !important; }
.intro__img img { display: block; width: 100%; height: auto !important; }
@media (max-width: 639px) { .intro__img { height: auto !important; padding-bottom: 0; overflow: hidden; } }
.section--benefits .items { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-start; gap: 1.5rem 1rem; }
.section--benefits .items__item { flex: 1 1 220px; max-width: 280px; margin-left: auto; margin-right: auto; }
.section--benefits .items__title { margin-bottom: 0; }
.section--benefits .items__icon { margin: 0.45em 0 0.55em; line-height: 0; }
.section--benefits .items__icon .icon { display: inline-block; vertical-align: middle; width: 1.75em; height: 1.75em; }
.section--benefits .items__desc { max-width: 22ch; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) {
.section--intro.section--benefits .items, .section--benefits .items { flex-flow: column nowrap; justify-content: flex-start; align-items: center; gap: 3.5rem 1rem; }
.section--intro.section--benefits .items__item, .section--benefits .items__item { flex: 0 0 auto; width: 100%; max-width: 100%; margin-bottom: 0; }
.section--benefits .items__icon { margin: 0.18em 0 0.55em; }
.section--benefits .items__desc { max-width: 22ch; margin-left: auto; margin-right: auto; opacity: 0.85; }
}

@media (max-width: 579px) { .section--intro.section--benefits .items, .section--benefits .items { gap: 3rem 1rem; } }
@media (max-width: 479px) { .section--intro.section--benefits .items, .section--benefits .items { gap: 2.5rem 1rem; } }
@media (max-width: 419px) { .section--intro.section--benefits .items, .section--benefits .items { gap: 2rem 1rem; } }
@media (max-width: 379px) { .section--intro.section--benefits .items, .section--benefits .items { gap: 1.6rem 1rem; } }
@media (max-width: 349px) { .section--intro.section--benefits .items, .section--benefits .items { gap: 1.25rem 1rem; } }

@media (min-width: 900px) {
.section--benefits .items__item { margin-bottom: 0; }
.section--benefits .items__icon .icon { width: 2em; height: 2em; }
}

.cta-mid { display: flex; justify-content: center; overflow: visible; padding: 0.8rem 1.6rem 3rem; }
.section--account .cta-mid { padding: 0.4rem 0 2rem; }
.cta-mid__btn { display: inline-flex; flex-flow: column nowrap; align-items: center; justify-content: center; position: relative; box-sizing: border-box; overflow: visible; flex: 0 0 auto; width: auto; min-width: min(42rem, calc(100vw - 4.8rem)); max-width: min(42rem, calc(100vw - 4.8rem)); padding: 1.5rem 3.2rem 1.7rem; border-radius: 999px; background: #29b672; color: #fff; text-align: center; text-decoration: none; box-shadow: 0 0.35em 0.7em rgba(0, 0, 0, 0.22); transition: background 0.2s ease, box-shadow 0.2s ease; -webkit-animation: pulse 6.5s ease-in-out infinite both; animation: pulse 6.5s ease-in-out infinite both; }
.cta-mid__btn:hover, .cta-mid__btn:focus { background: #1c7f4f; color: #fff; box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.28); }
.cta-mid__btn::before { background: url("/images/092/icon-hand-white.png") no-repeat center center transparent; -webkit-background-size: auto 100%; background-size: auto 100%; display: inline-block; content: ""; line-height: 5.6rem; height: 5.6rem; width: 5.6rem; left: auto; top: auto; right: -0.7rem; bottom: -1.4rem; position: absolute; -webkit-animation: up-down 2s infinite; animation: up-down 2s infinite; transform: rotate(-20deg); opacity: 1; pointer-events: none; z-index: 2; }
.cta-mid__btn:hover::before, .cta-mid__btn:focus::before { opacity: 0.85; }

@-webkit-keyframes pulse {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; }
50% { -webkit-transform: scale(0.97); transform: scale(0.97); }
}
@keyframes pulse {
0%, 100% { transform: scale(1); transform-origin: center center; }
50% { transform: scale(0.97); }
}
@-webkit-keyframes up-down {
40%, 55% { -webkit-transform: rotate(-20deg) scale3d(1, 1, 1); transform: rotate(-20deg) scale3d(1, 1, 1); }
46% { right: 1.4rem; bottom: 0.7rem; -webkit-transform: rotate(-20deg) scale3d(0.85, 0.85, 1); transform: rotate(-20deg) scale3d(0.85, 0.85, 1); }
}
@keyframes up-down {
40%, 55% { transform: rotate(-20deg) scale3d(1, 1, 1); }
46% { right: 1.4rem; bottom: 0.7rem; transform: rotate(-20deg) scale3d(0.85, 0.85, 1); }
}

.cta-mid__title { display: block; font-weight: 700; font-size: clamp(2rem, 5.2vw, 3.2rem); letter-spacing: 0.04em; line-height: 1.15; text-transform: uppercase; }
.cta-mid__sub { display: block; margin-top: 0.25rem; font-weight: 400; font-size: clamp(1.2rem, 3.1vw, 1.6rem); letter-spacing: 0.02em; line-height: 1.3; }
.section--banner { padding: 0; }
.banner { margin: 0; }
.banner__art { display: block; width: 100%; max-width: 800px; height: auto; }
.section--why-copy { text-align: center; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.section--why-copy .title, .section--why-copy .title * { font-weight: 700; }
.section--why-copy .why-copy__text { max-width: 700px; margin-left: auto; margin-right: auto; font-weight: 400; }
.section--why-copy .why-copy__text p, .section--why-copy .why-copy__text p span:not(.tdu) { font-weight: 400; }
.section--why-copy .why-copy__text strong, .section--why-copy .why-copy__text b { font-weight: 700; }
.section--why-copy .why-copy__text p + p { margin-top: 1em; }
.section--why-copy .why-copy__text, .section--why-copy .why-copy__text p:last-child { margin-bottom: 0; }
.section--why { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.section--why .why-list { display: flex; justify-content: center; align-items: stretch; max-width: none; margin: 0 auto; }
.section--why .why-list__item { box-sizing: border-box; width: 100%; max-width: 360px; margin: 0 auto; padding: 1.25em; }
.section--why .why-list__item .title { margin: 0 0 0.4em; padding: 0; line-height: 0; }
.section--why .why-list__item .title > span:not(.icon) { line-height: 1.2; }
.section--why .why-list__item .text { margin: 0; padding: 0; }
.section--diversify .diversify__figure { max-width: 360px; margin: 0 auto 0; width: 70%; }
.section--diversify .diversify__figure img { display: block; width: 100%; height: auto; }