.home-video{margin-top:28px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:#f0f3e9;text-align:left}
.home-video-copy h2{font-size:18px;line-height:1.4;margin:0 0 5px;letter-spacing:0}
.home-video-copy p{font-size:14px;line-height:1.6;margin:0;color:#43553f}
.home-video details{margin-top:16px}
.home-video summary{display:inline-flex;gap:12px;min-height:44px;font-size:13px;padding:12px 18px;cursor:pointer;list-style:none}
.home-video summary::-webkit-details-marker{display:none}
.home-video summary::marker{content:""}
.home-video summary:focus-visible{outline:3px solid #173f34;outline-offset:4px}
.home-video details[open] summary span{transform:rotate(90deg)}
.home-video-frame{display:flex;justify-content:center;margin-top:20px}
.home-video video{display:block;width:min(100%,315px);height:auto;aspect-ratio:9/16;border-radius:14px;background:#173f34}
.home-video-link{margin:12px 0 0;text-align:center;font-size:13px}
.home-video-link a{text-underline-offset:3px}
@media(max-width:640px){.home-video{padding:18px}.home-video-copy h2{font-size:17px}.home-video summary{width:100%;justify-content:center}.home-video video{width:100%;max-width:315px}}

/* Keep the offer steps high on the page, centred above the introduction video. */
.home-offers{padding-top:0;padding-bottom:32px;max-width:1000px}
.home-offers .section-heading{max-width:850px;margin-inline:auto;text-align:center}
.home-offers .how-grid{margin:24px auto 0;max-width:900px}
.home-offers .how-grid article{text-align:center}
.home-offers .how-grid p{margin-inline:auto}
.home-offers>p{text-align:center;font-size:13px;line-height:1.7}
.home-video-section{max-width:850px;padding-bottom:32px}
.home-video-section .home-video{margin-top:0}

/* Keep the introduction within the second offer step. */
.home-offers .home-video-inline{margin:16px 0 0;padding:0;border:0;border-radius:0;background:none;text-align:center}
.home-video-copy h4{font-size:16px;line-height:1.4;margin:0 0 5px;letter-spacing:0}
