:root{
    --kalyani-scroll-track:#fff0f7;
    --kalyani-scroll-thumb:#FF4D9D;
    --kalyani-scroll-thumb-dark:#B4004A;
    --kalyani-scroll-progress:0%;
    --kalyani-scroll-progress-scale:0;
}

html{
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:var(--kalyani-scroll-thumb) var(--kalyani-scroll-track);
}

body{
    overflow-x:hidden;
}

body::-webkit-scrollbar{
    width:14px;
}

body::-webkit-scrollbar-track{
    background:
        linear-gradient(180deg, #ffffff 0%, var(--kalyani-scroll-track) 48%, #ffffff 100%);
}

body::-webkit-scrollbar-thumb{
    min-height:70px;
    border:4px solid transparent;
    border-radius:999px;
    background:
        linear-gradient(180deg, var(--kalyani-scroll-thumb), var(--kalyani-scroll-thumb-dark))
        padding-box;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}

body::-webkit-scrollbar-thumb:hover{
    background:
        linear-gradient(180deg, #FF75B4, #FF4D9D 45%, #B4004A)
        padding-box;
}

.kalyani-scroll-progress{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:4px;
    z-index:2147483645;
    pointer-events:none;
    background:rgba(238,244,251,.72);
    transform:translateZ(0);
}

.kalyani-scroll-progress::before{
    content:'';
    position:absolute;
    inset:0 auto 0 0;
    width:100%;
    border-radius:0 999px 999px 0;
    background:linear-gradient(90deg, #FF4D9D, #F21E7C 52%, #B4004A);
    box-shadow:0 0 22px rgba(255,77,157,.32);
    transform:scaleX(var(--kalyani-scroll-progress-scale));
    transform-origin:left center;
}

.kalyani-scroll-pill{
    position:fixed;
    right:18px;
    top:50%;
    width:8px;
    height:92px;
    z-index:2147483645;
    pointer-events:none;
    border-radius:999px;
    background:rgba(238,244,251,.86);
    box-shadow:0 12px 34px rgba(15,23,42,.1);
    transform:translateY(-50%);
}

.kalyani-scroll-pill::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:100%;
    border-radius:999px;
    background:linear-gradient(180deg, #FF4D9D, #B4004A);
    box-shadow:0 0 18px rgba(255,77,157,.34);
    transform:scaleY(var(--kalyani-scroll-progress-scale));
    transform-origin:top center;
}

.kalyani-reveal{
    --kalyani-reveal-delay:0ms;
    opacity:0;
    will-change:transform, opacity;
    transition:
        opacity 1.05s cubic-bezier(.19,1,.22,1) var(--kalyani-reveal-delay),
        transform 1.05s cubic-bezier(.19,1,.22,1) var(--kalyani-reveal-delay);
}

.kalyani-reveal--up{
    transform:translate3d(0, 42px, 0);
}

.kalyani-reveal--left{
    transform:translate3d(-46px, 0, 0);
}

.kalyani-reveal--right{
    transform:translate3d(46px, 0, 0);
}

.kalyani-reveal--scale{
    transform:scale(.96);
}

.kalyani-reveal.is-visible{
    opacity:1;
    transform:translate3d(0, 0, 0) scale(1);
    will-change:auto;
}

.htmc-why-choose__track.kalyani-reveal{
    transform-origin:left center;
}

.htmc-why-choose__track.kalyani-reveal--up{
    transform:scaleX(.35);
}

.htmc-why-choose__track.kalyani-reveal.is-visible{
    transform:scaleX(1);
}

.industry-content.kalyani-reveal,
.gallery-card.kalyani-reveal,
.kalyani-product-card.kalyani-reveal,
.kalyani-solutions-card.kalyani-reveal{
    backface-visibility:hidden;
}

@media (max-width:767px){
    body::-webkit-scrollbar{
        width:8px;
    }

    .kalyani-scroll-pill{
        display:none;
    }
}

@media (prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto;
    }

    .kalyani-scroll-progress,
    .kalyani-scroll-pill{
        display:none;
    }

    .kalyani-reveal{
        opacity:1 !important;
        filter:none !important;
        transform:none !important;
        transition:none !important;
    }
}