/* 03 · Owner Benefits. Each illustration is one flattened Figma PNG. */
.owner-benefits{max-width:1440px;margin:auto;padding:20px;color:var(--ink);scroll-margin-top:20px}
.benefits-shell{display:flex;flex-direction:column;gap:40px;padding:40px;border-radius:30px;background:#fdefcb;overflow:hidden}
.benefits-intro{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.benefits-label{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px;color:var(--green)}
.benefits-intro h2{margin:0;max-width:538px;font-size:44px;line-height:1;font-weight:700;letter-spacing:-.88px}
.benefits-intro .button-split{width:322.5px;max-width:100%;color:#fff}
.benefits-intro .button-split>span:first-child{flex:1;text-align:center}
.benefits-intro .arrow-box{flex-shrink:0}
.benefits-carousel{width:100%;min-width:0}
.benefits-track{display:flex;gap:10px;width:100%;min-width:0}
.benefits-track:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:20px}
.benefit-card{flex:1 1 0;min-width:0;overflow:hidden;border-radius:30px;background:var(--paper)}
.benefit-card h3{margin:0;min-height:110px;padding:24px;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.28px;color:#00311f}
.benefit-card picture,.benefit-card img{display:block;width:100%}
.benefit-card img{height:auto;aspect-ratio:645/644}
.benefits-disclaimer{max-width:890px;font-size:16px;line-height:1.3;letter-spacing:-.32px;color:var(--muted)}
.benefit-pagination{display:none}
@media(min-width:1000px) and (max-width:1199px){.benefits-shell{padding:32px}.benefit-card h3{padding:20px;font-size:23px;min-height:116px}}
@media(max-width:999px){
 .owner-benefits{padding:16px}
 .benefits-shell{padding:32px 28px;gap:32px}
 .benefits-intro{align-items:center;text-align:center;gap:16px}
 .benefits-intro h2{font-size:36px;letter-spacing:-.72px}
 .benefits-carousel{display:flex;flex-direction:column;gap:32px;align-items:center}
 .benefits-track{width:calc(100% + 56px);padding:0 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 28px;scrollbar-width:none;overscroll-behavior-x:contain;--benefit-width:300px}
 .benefits-track::-webkit-scrollbar{display:none}
 .benefit-card{flex:0 0 var(--benefit-width);border-radius:20px;scroll-snap-align:start}
 .benefit-card:last-child{scroll-snap-align:end}
 .benefit-card h3{height:84px;min-height:84px;padding:20px;font-size:20px;line-height:1.1;letter-spacing:-.4px;color:var(--ink)}
 .benefit-card img{aspect-ratio:260/277}
 .benefit-pagination{display:flex;align-items:center;gap:6px;height:6px}
 .benefit-dot{position:relative;width:6px;height:6px;padding:0;border-radius:3px;background:#cfdcd5}
 .benefit-dot[aria-current=true]{width:20px;background:var(--green)}
 .benefit-dot::before{content:'';position:absolute;inset:-13px -3px}
 .benefit-dot:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
 .benefits-disclaimer{text-align:center;align-self:center}
}
@media(max-width:599px){
 .owner-benefits{padding:10px}
 .benefits-shell{padding:32px 20px}
 .benefits-intro{gap:12px}
 .benefits-label{font-size:16px;line-height:1.2;letter-spacing:0}
 .benefits-intro h2{font-size:26px;letter-spacing:-.52px;max-width:315px}
 .benefits-intro .button-split{width:auto}
 .benefits-track{width:calc(100% + 40px);padding:0 20px;scroll-padding:0 20px;--benefit-width:260px}
 .benefits-disclaimer{font-size:14px;letter-spacing:-.14px}
}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .benefits-track{padding-top:8px;margin-top:-8px}
 .benefit-card{transition:transform 600ms cubic-bezier(.25,.1,.25,1)}
 .benefit-card:hover{transform:translateY(-8px)}
}