@font-face{font-family:ChimtiProducts;src:url('/chimti-hero-flow-assets/plus-jakarta-sans-semibold.woff2') format('woff2');font-weight:600;font-display:swap}

/* Continue the same wave behind the complete product selector and preview. */
.chimti-hero-flow{height:468.7px}
.chimti-hero-flow__wash{height:576px;background:linear-gradient(#ddecfc,#fff)}
.chimti-products{position:relative;z-index:3;padding:152px 40px 112px;font:400 16px/1.4 ChimtiFlow,Inter,Arial,sans-serif;letter-spacing:-.02em;color:#0b0b0b}
.chimti-products *{box-sizing:border-box}
.chimti-products__container{width:100%;max-width:1280px;margin:auto}
.chimti-products :is(h2,h3,h4,p){display:flow-root;margin:0;font:inherit;letter-spacing:inherit}
.chimti-products :is(h2,h3,h4,p)::before{content:"";display:table;margin-bottom:calc(-.5lh + .36em)}
.chimti-products :is(h2,h3,h4,p)::after{content:"";display:table;margin-bottom:calc(-.5lh + .41em)}
.chimti-products__heading{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;color:white}
.chimti-products__heading h2{font:600 48px/1.3 ChimtiProducts,Arial,sans-serif;letter-spacing:-.02em}
.chimti-products__heading p{max-width:500px}
.chimti-products__tabs{display:flex;flex-direction:column;gap:32px;margin-top:96px}
.chimti-products__dock-wrap{display:flex;justify-content:center}
.chimti-products__dock{display:flex;align-items:flex-end;justify-content:center;height:64px;border-radius:16px;background:#ffffff66}
.chimti-products__dock-item{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:64px;aspect-ratio:1;transform-origin:bottom center;transition:width .5s cubic-bezier(.16,1,.3,1)}
.chimti-products__dock-item.is-near{width:80px}
.chimti-products__dock-item.is-emphasized{width:96px}
.chimti-products__dock button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:6.08px;border:0;background:transparent;cursor:pointer;appearance:none;overflow:visible}
.chimti-products__dock button>img{display:block;width:100%;height:auto;pointer-events:none}
.chimti-products__dock button:focus-visible{outline:2px solid #0a81d9;outline-offset:3px;border-radius:18px}
.chimti-products__tooltip{position:absolute;z-index:2;top:0;left:50%;transform:translate(-50%,-80%);padding:4px 10px;border-radius:8px;background:#fff;color:#000;font:500 14px/1.6 ChimtiFlow,Arial,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.chimti-products__tooltip::after{content:"";position:absolute;bottom:-4px;left:calc(50% - 4px);width:8px;height:8px;transform:rotate(45deg);background:white}
.is-emphasized .chimti-products__tooltip{opacity:1;transform:translate(-50%,-120%)}
.chimti-products__panels{position:relative}
.chimti-products__panel{display:flex;flex-direction:column;gap:48px;width:100%;padding:48px 64px;border:1px solid #0000000d;border-radius:16px;background:#ffffff80;backdrop-filter:blur(24px);overflow:hidden;outline-offset:4px}
.chimti-products__panel[hidden]{display:none}
.chimti-products__panel.is-entering{animation:chimti-product-enter .4s ease both}
.chimti-products__panel.is-leaving{position:absolute;inset:0;pointer-events:none;animation:chimti-product-leave .4s ease both}
.chimti-products__panel-top,.chimti-products__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.chimti-products__content{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.chimti-products__product-icon{display:block;width:48px;height:48px}
.chimti-products__text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}
.chimti-products__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chimti-products__title-row h3{font:600 20px/1.3 ChimtiProducts,Arial,sans-serif;letter-spacing:-.03em}
.chimti-products__text>p,.chimti-products__features p{color:#505050}
.chimti-products__badge{display:inline-flex;align-items:center;gap:2px;padding:3px 8px 3px 4px;min-height:26px;border:1px solid #ff000033;border-radius:99px;background:#fffafa;color:#e71919;font:500 12px/1 ChimtiFlow,Arial,sans-serif;white-space:nowrap}
.chimti-products__badge>svg{display:block;width:20px;height:20px}
.chimti-products__cta{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:42px;padding:0 16px;border:1px solid #ffffff66;border-radius:12px;background:linear-gradient(100deg,#18b9fe,#0a81d9 70%,#0058be);color:#fff;text-decoration:none;font:500 14px/1.4 ChimtiFlow,Arial,sans-serif;transition:filter .2s}
.chimti-products__cta:hover{filter:brightness(.94)}
.chimti-products__cta:focus-visible{outline:3px solid #0a81d9;outline-offset:3px}
.chimti-products__cta img{display:block;width:20px;height:20px}
.chimti-products__image-wrap{position:relative;grid-column:span 2;aspect-ratio:715/493}
.chimti-products__image{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;aspect-ratio:1272/795;object-fit:cover;border:1px solid #efefef;border-radius:16px}
.chimti-products__features>div{display:flex;flex-direction:column;gap:16px}
.chimti-products__features h4{font:600 16px/1.4 ChimtiFlow,Arial,sans-serif}
.chimti-products__features p{font-size:14px}
@keyframes chimti-product-enter{from{opacity:0}to{opacity:1}}
@keyframes chimti-product-leave{from{opacity:1}to{opacity:0}}
@media(max-width:991px){
 .chimti-products__panel{padding:32px}
 .chimti-products__panel-top{display:flex;flex-direction:column}
 .chimti-products__image-wrap{width:100%;height:512px;aspect-ratio:auto}
 .chimti-products__features{gap:32px}
}
@media(max-width:767px){
 .chimti-hero-flow{height:293.3px}
 .chimti-products{padding:96px 24px 64px;font-size:14px}
 .chimti-products__heading h2{font-size:36px}
 .chimti-products__heading p{max-width:500px}
 .chimti-products__tabs{margin-top:48px;gap:16px}
 .chimti-products__dock{width:100%;max-width:640px;background:transparent;border-radius:0}
 .chimti-products__dock-item{flex:1 1 0;width:auto;min-width:0}
 .chimti-products__dock-item.is-near{width:auto}
 .chimti-products__dock-item.is-emphasized{flex-grow:1.5;width:auto}
 .chimti-products__dock button{padding:4%}
 .chimti-products__dock-item:nth-child(-n+3) .chimti-products__tooltip{left:0;transform:translate(0,-80%)}
 .chimti-products__dock-item:nth-last-child(-n+3) .chimti-products__tooltip{left:auto;right:0;transform:translate(0,-80%)}
 .chimti-products__dock-item:nth-child(-n+3).is-emphasized .chimti-products__tooltip,.chimti-products__dock-item:nth-last-child(-n+3).is-emphasized .chimti-products__tooltip{transform:translate(0,-120%)}
 .chimti-products__dock-item:nth-child(-n+3) .chimti-products__tooltip::after{left:14px}
 .chimti-products__dock-item:nth-last-child(-n+3) .chimti-products__tooltip::after{left:auto;right:14px}
 .chimti-products__panel{padding:24px}
 .chimti-products__panel-top{gap:16px}
 .chimti-products__product-icon,.chimti-products__features{display:none}
 .chimti-products__title-row h3{font:500 14px/1.4 ChimtiFlow,Arial,sans-serif;letter-spacing:normal}
 .chimti-products__image-wrap{width:155%;height:auto;aspect-ratio:715/493}
}
@media(max-width:479px){
 .chimti-products{padding:104px 16px 64px}
 .chimti-products__heading h2{font-size:32px}
 .chimti-products__heading{gap:16px}
 .chimti-products__dock{height:52px;align-items:center}
 .chimti-products__image-wrap{width:130%}
}
@media(prefers-reduced-motion:reduce){
 .chimti-products__dock-item,.chimti-products__tooltip,.chimti-products__cta{transition:none}
 .chimti-products__panel.is-entering,.chimti-products__panel.is-leaving{animation:none}
}