.hero{min-height:700px;padding:72px 0}
.hero-bg{background:url('easybook-benefits-poster.jpg') center/cover no-repeat}
.hero-bg video[hidden]{display:none}
.hero:after{background:linear-gradient(90deg,rgba(5,28,17,.9),rgba(5,28,17,.77) 38%,rgba(5,28,17,.2) 75%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:64px;align-items:end}
.hero h1{font-size:clamp(3.15rem,5.5vw,5.5rem)}
.benefit-caption{padding:26px;background:rgba(5,35,22,.83);border:1px solid rgba(255,255,255,.24);border-radius:22px;color:#fff;backdrop-filter:blur(8px)}
.benefit-label{font-size:.875rem;font-weight:800;letter-spacing:.08em;color:var(--yellow)}
.benefit-caption h2{font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.18;letter-spacing:-.025em;margin:14px 0;overflow-wrap:anywhere}
.hero .benefit-caption p{font-size:1rem;line-height:1.55;margin:0 0 18px;min-height:4.65em}
.benefit-link{font-weight:750;font-size:1rem;text-decoration:underline;text-underline-offset:4px;display:inline-block;line-height:1.45}
.benefit-playback{display:block;margin-top:22px;padding:10px 15px;color:white;background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:10px;font-size:.875rem;cursor:pointer}
.benefit-playback:focus-visible,.benefit-link:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media(max-width:1000px){.hero-grid{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.finder{grid-template-columns:1fr 1fr}.finder button{grid-column:1/-1}.benefit-caption{padding:22px}}
@media(max-width:700px){.hero{padding:44px 0;min-height:0}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-grid>div{max-width:none}.hero:after{background:linear-gradient(180deg,rgba(5,28,17,.87),rgba(5,28,17,.62))}.hero-bg video{object-position:center}.benefit-caption{max-width:100%;background:rgba(5,35,22,.86)}.benefit-caption h2{font-size:1.65rem}.hero .benefit-caption p{min-height:0}.hero h1{font-size:clamp(3rem,11vw,4.8rem)}}
@media(prefers-reduced-motion:reduce){.hero-bg{background-image:url('easybook-benefits-poster.jpg')}.hero-bg video:not([hidden]){display:block}html{scroll-behavior:auto}}

/* Keep picture cards in place when the pointer crosses their edges. */
.cat{transition:border-color .2s,box-shadow .2s}
.cat:hover{transform:none}
/* Reserve caption space so scene changes do not resize the background. */
.benefit-caption h2{min-height:4.72em}
.hero .benefit-caption p{min-height:6.2em}

.hero-bg>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:none;transition:none;transform:none}