/* Reserve the completed slide layout before Slick and image decoding finish. */
.top-slide-box:not(.sp-top-slide-box) .top-slide{height:auto;aspect-ratio:2286/1053}
.sp-image-slider .slide-img:not(.slick-initialized){aspect-ratio:1755/2048;padding-bottom:36px;box-sizing:content-box}
.sp-image-slider .slide-img:not(.slick-initialized)>li:first-child{position:relative;width:100%}
.top-slide .slide-img:not(.slick-initialized)>li:not(:first-child){visibility:hidden}
/* A real header surface gives assistive contrast analysis the same backdrop users see. */
:is(#features,#usageflow,#boutfees):is(.kn-home-guidance,.kn-home-commerce)::before{content:none}
:is(#features,#usageflow,#boutfees):is(.kn-home-guidance,.kn-home-commerce)>.kn-section-header{grid-column:1;grid-row:1;box-sizing:border-box;width:calc(100% - 80px);max-width:1160px;margin:34px auto 12px;padding:0 0 11px;border:1px solid #244761;border-top:4px solid #38c7e4;border-radius:14px;background:linear-gradient(115deg,#0a2744,#123f66);box-shadow:0 6px 18px #0a274414}
:is(#features,#usageflow,#boutfees):is(.kn-home-guidance,.kn-home-commerce)>.kn-section-header>.topre-title{box-sizing:border-box;width:100%;margin:0;padding:16px 15px 12px;background:none;text-align:center}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.topre-title .h2-pin{color:#fff}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.topre-title :is(.kn-guidance-eyebrow,.kn-commerce-eyebrow){color:#7ce3ff}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn{display:flex;gap:8px;box-sizing:border-box;width:min(calc(100% - 32px),440px);margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn>.btn{display:flex;flex:1 1 0;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:48px;width:auto;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:#ffffff12;color:#edf7ff;opacity:1;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;box-shadow:none}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn>.btn.is-active{background:#fff;color:#0065af;box-shadow:0 2px 6px #00142626}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn>.btn.btn-02.is-active{color:#006b90}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn>.btn:not(.is-active):hover{background:#ffffff26;color:#fff}
:is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn>.btn:focus-visible{outline:3px solid #7ce3ff;outline-offset:3px}
@media(max-width:768px){
 :is(#features,#usageflow,#boutfees):is(.kn-home-guidance,.kn-home-commerce)>.kn-section-header{width:calc(100% - 32px);margin:22px auto 10px;border-radius:12px}
 :is(#features,#usageflow,#boutfees):is(.kn-home-guidance,.kn-home-commerce)>.kn-section-header>.topre-title{padding:14px 11px 12px}
 :is(#features,#usageflow,#boutfees)>.kn-section-header>.tab-btn{width:min(calc(100% - 22px),440px)}
 #boutfees>.kn-section-header>.tab-btn>.btn{min-height:44px;padding:9px 8px;font-size:15px}
}
/* Larger invisible hit boxes keep the existing dot positions and appearance. */
.top-slide .slick-dots li button,.voice-container .slick-dots li button{box-sizing:content-box;padding:10px 0;margin-top:-10px;margin-bottom:-10px;background-clip:content-box!important}