/* Product-led sliding cards with native touch/trackpad scrolling. */
.hero.hero-slideshow{background:#fffdf5;border-radius:0;padding:22px 0 25px;touch-action:auto}
.hero-slideshow .hero-slides{position:relative;display:flex;align-items:stretch;gap:20px;width:100%;padding:0 4%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:4%;scrollbar-width:none;transform:none!important;transition:none;will-change:auto;overscroll-behavior-x:contain;cursor:grab}
.hero-slides::-webkit-scrollbar{display:none}
.hero-slideshow .hero-panel{flex:0 0 100%;min-width:0;scroll-snap-align:center;border-radius:32px;overflow:hidden;isolation:isolate}
.hero-slideshow .hero-panel .hero-inner{min-height:660px;padding:42px 4.5%;gap:32px;max-width:1440px}
.hero-slideshow .hero-controls{position:relative;left:auto;bottom:auto;transform:none;width:max-content;max-width:94%;margin:20px auto 0;box-sizing:border-box;gap:16px;background:#061d5009;border:0;padding:11px 16px}
.hero-slideshow .hero-arrow{width:36px;height:36px;background:#061d50;color:#fffdf5;transition:transform .2s,background .2s}
.hero-arrow:hover{transform:scale(1.08);background:#163971}
.hero-arrow:focus-visible,.hero-dot:focus-visible,.hero-pause:focus-visible{outline:3px solid #227ac2;outline-offset:4px}
.hero-slideshow .hero-dots{gap:8px}
.hero-slideshow .hero-dot{position:relative;width:22px;height:28px;border:0;border-radius:15px;background:transparent;transition:width .35s}
.hero-dot::before{content:'';position:absolute;width:7px;height:7px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;background:#061d5045;transition:width .35s,background .35s}
.hero-slideshow .hero-dot[aria-current=true]{width:32px;background:transparent}
.hero-dot[aria-current=true]::before{width:25px;background:#061d50}
.hero-slide-count{font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap;border-left:1px solid #061d5025;padding-left:16px;color:#061d5080}
.hero-current{color:#061d50}
.hero-slideshow .hero-pause{border-left:0;padding:0 3px;min-width:35px}
.hero-drag-hint{margin:12px 0 0;text-align:center;color:#061d5099;font-size:10px;letter-spacing:.8px}
.banners-ready .hero-panel .hero-inner>div:first-child{opacity:.25;transform:translateY(20px);transition:opacity .65s ease,transform .8s cubic-bezier(.22,.7,.25,1)}
.banners-ready .hero-panel .hero-inner>div:last-child{opacity:.55;translate:0 14px;scale:.97;transition:opacity .7s ease,translate .9s cubic-bezier(.22,.7,.25,1),scale .9s cubic-bezier(.22,.7,.25,1)}
.banners-ready .hero-panel.is-active .hero-inner>div:first-child{opacity:1;transform:translateY(0)}
.banners-ready .hero-panel.is-active .hero-inner>div:last-child{opacity:1;translate:0 0;scale:1}
.hero-slideshow .hero-slides.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none;scroll-behavior:auto}
@media(max-width:1000px) and (min-width:621px){.hero-slideshow .hero-panel .hero-inner{gap:22px;min-height:600px}.hero-slideshow .hero-intro-heading,.hero-slideshow .slide-heading{font-size:clamp(36px,5vw,54px)}}
@media(max-width:620px){.hero.hero-slideshow{padding:14px 0 20px}.hero-slideshow .hero-slides{gap:12px;padding-inline:5%;scroll-padding-inline:5%}.hero-slideshow .hero-panel{border-radius:24px}.hero-slideshow .hero-panel .hero-inner{padding:30px 6% 32px;min-height:0;gap:25px}.hero-slideshow .hero-intro-heading,.hero-slideshow .slide-heading{font-size:clamp(35px,9.6vw,56px)}.hero-slideshow .hero-controls{gap:7px;padding:8px 11px;margin-top:16px}.hero-slideshow .hero-arrow{width:31px;height:31px}.hero-slideshow .hero-dots{gap:0}.hero-slide-count{padding-left:8px;font-size:9px}.hero-slideshow .hero-dot{width:19px}.hero-slideshow .hero-dot[aria-current=true]{width:27px}.hero-slideshow .hero-scene-lively .scene-label{font-size:7px}}
@media(hover:none){.hero-slides{cursor:auto}.hero-drag-hint .desktop-hint{display:none}}
@media(hover:hover){.hero-drag-hint .touch-hint{display:none}}
@media(prefers-reduced-motion:reduce){.banners-ready .hero-panel .hero-inner>div:first-child,.banners-ready .hero-panel .hero-inner>div:last-child{opacity:1;transform:none;translate:none;scale:1;transition:none}.hero-dot,.hero-dot::before,.hero-arrow{transition:none}}
.hero-slideshow .hero-drag-hint{width:100%;max-width:none;margin:12px 0 0;font-size:10px;line-height:1.5}