.cs-mockup-wrapper{justify-content:center;align-items:center;gap:30px;display:flex;position:relative}.cs-phone-mockup{filter:drop-shadow(0 20px 40px #00000026);width:260px;transition:transform .3s,z-index 0s linear .1s;position:relative}.cs-phone-mockup:hover{z-index:10;transition:transform .3s,z-index;transform:translateY(-10px)scale(1.02)}.cs-phone-1{z-index:2}.cs-phone-2{z-index:1;top:100px}.cs-brochure-grid{justify-content:space-between;gap:20px;width:100%;margin-bottom:80px;display:flex}.cs-brochure-grid-margin-sm{margin-top:80px}.cs-brochure-grid-margin-lg{margin-top:175px}.cs-brochure-grid.single-item{justify-content:center}.cs-brochure-grid.single-item .cs-brochure-item{flex:0 0 70%;max-width:70%}.cs-brochure-item{background:0 0;flex-direction:column;flex:1;width:100%;transition:transform .3s;display:flex}.cs-brochure-item .cs-image-full{object-fit:cover;width:100%;height:100%;display:block}.cs-brochure-item:hover{transform:translateY(-5px)}.cs-image-full{width:100%;height:auto;display:block}.cs-video-container{justify-content:center;width:100%;display:flex}.cs-variable-cursor{cursor:pointer}.cs-variable-cursor.playing{cursor:default}.cs-video-player{border-radius:20px;width:800px;max-width:100%;height:auto;box-shadow:0 20px 40px #00000026}.cs-video-cover{max-width:100%;height:auto}.cs-video-wrapper{display:inline-block;position:relative}.cs-play-button-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-play-button{background-color:#fffc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 15px #0003}.cs-variable-cursor:hover .cs-play-button{background-color:#fffffff2;transform:scale(1.1)}.cs-laptop-wrapper{width:100%;transition:transform .3s}.cs-laptop-wrapper:hover{transform:translateY(-10px)scale(1.02)}.cs-laptop-full{display:block;width:100%!important;height:auto!important}.cs-chat-wrapper{width:100%;max-width:480px;margin:0 auto;position:relative}@media (max-width:768px){.cs-chat-wrapper{max-width:100%;padding:0}}.cs-chat-mockup{border-radius:0;width:100%;margin:10px 0;position:relative;overflow:hidden}.cs-chat-image{object-fit:cover;object-position:top;width:100%;height:auto;transition:transform .3s}.cs-chat-mockup-clickable{cursor:pointer}.cs-chat-mockup-clickable:hover .cs-chat-image{transform:scale(1.02)}.cs-enlarge-label{width:100%;color:var(--foreground);font-weight:var(--fw-medium);font-size:var(--fs-base);z-index:2;pointer-events:none;background:#fffc;justify-content:center;align-items:center;gap:10px;padding:12px 0;transition:background .3s,padding .3s;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -4px 15px #0000000d}.cs-chat-mockup:hover .cs-enlarge-label{background:#fff;padding:15px 0}.cs-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.cs-modal-content{cursor:default;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.3s ease-out modalAppear;display:flex;position:relative}.cs-modal-image{object-fit:contain;border-radius:20px;width:auto;max-width:100%;height:auto;max-height:90vh;box-shadow:0 30px 60px #00000080}.cs-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;line-height:1;transition:transform .2s;position:absolute;top:-40px;right:-40px}.cs-modal-close:hover{transform:scale(1.2)}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.cs-modal-close{top:-30px;right:0}}@media (max-width:992px){.cs-mockup-wrapper{order:-1;min-height:400px}.cs-phone-mockup{width:220px}.cs-brochure-grid{flex-direction:column;gap:40px;margin-top:60px}.cs-brochure-grid-margin{margin:40px 0}}.cs-product-icon{object-fit:contain;filter:drop-shadow(0 4px 6px #0000001a);width:auto;height:230px}.cs-testimonials-grid{column-count:3;column-gap:20px;width:100%}.cs-testimonial-item{break-inside:avoid;box-shadow:none;border-radius:0;margin-bottom:20px;position:relative;overflow:hidden}.cs-testimonial-item:after{border-radius:0;display:none}.cs-testimonial-image{width:100%;height:auto;transition:transform .3s;display:block}.cs-chat-mockup-clickable:hover .cs-testimonial-image{transform:scale(1.02)}@media (max-width:992px){.cs-testimonials-grid{column-count:2}}@media (max-width:768px){.cs-testimonials-grid{column-count:1}.cs-phone-mockup{width:45%;max-width:220px}.cs-mockup-wrapper{justify-content:center;align-items:center;gap:15px;width:100%;min-height:auto;padding:40px 0}.cs-phone-2{top:120px}.cs-mobile-carousel{max-width:100vw;padding-inline:var(--page-padding);box-sizing:border-box;padding-bottom:30px;overflow:hidden}.cs-mobile-carousel .carousel-indicators{margin-bottom:5px}.cs-mobile-carousel .carousel-indicators [data-bs-target]{background-color:var(--orange);opacity:.3;border:none;border-radius:50%;width:10px;height:10px;margin:0 5px;transition:opacity .3s,transform .3s}.cs-mobile-carousel .carousel-indicators .active{opacity:1;transform:scale(1.2)}.cs-carousel-item{box-sizing:border-box;aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;padding:0 10px;display:flex;overflow:hidden}.cs-carousel-item img{object-fit:cover;border-radius:20px;width:100%;height:100%}.cs-phone-carousel-item img{object-fit:contain;width:auto;max-height:500px;box-shadow:none;border-radius:0}}.custom-carousel-section{max-width:1200px;margin:0 auto;padding:0 50px}.custom-carousel-container{justify-content:center;align-items:center;height:480px;display:flex;position:relative;overflow:hidden}.custom-carousel-slide{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:35%;height:100%;transition:all .6s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;left:50%;transform:translateY(-50%)scale(.5)}.custom-carousel-slide img{object-fit:contain;cursor:pointer;max-width:100%;max-height:100%;transition:all .6s cubic-bezier(.25,1,.5,1)}.slide-active{opacity:1;z-index:3;pointer-events:auto;left:32.5%;transform:translateY(-50%)scale(1)}.slide-prev{opacity:1;z-index:2;pointer-events:auto;left:-5%;transform:translateY(-50%)scale(.9)}.slide-next{opacity:1;z-index:2;pointer-events:auto;left:70%;transform:translateY(-50%)scale(.9)}.slide-hidden-left{opacity:0;z-index:1;left:-40%;transform:translateY(-50%)scale(.8)}.slide-hidden-right{opacity:0;z-index:1;left:105%;transform:translateY(-50%)scale(.8)}.slide-hidden{opacity:0;z-index:0;pointer-events:none;left:50%;transform:translateY(-50%)scale(.5)}.custom-carousel-control{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:48px;height:48px;color:var(--orange);z-index:10;cursor:pointer;background:#0000000d;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-carousel-control:hover{color:var(--orange-hover);background:#0000001a;transform:translateY(-50%)scale(1.1)}.custom-carousel-control.left{left:0}.custom-carousel-control.right{right:0}.custom-carousel-indicators{justify-content:center;gap:12px;margin-top:1.5rem;display:flex}.indicator-dot{background-color:var(--orange);opacity:.3;cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.indicator-dot.active{opacity:1;transform:scale(1.2)}.indicator-dot:hover:not(.active){opacity:.6;transform:scale(1.1)}@media (max-width:991px){.custom-carousel-container{height:400px}.custom-carousel-slide{width:50%}.slide-active{left:25%}.slide-prev{left:-15%}.slide-next{left:65%}}@media (max-width:768px){.custom-carousel-container{height:350px}.custom-carousel-slide{width:70%}.slide-active{left:15%}.slide-prev{opacity:.3;left:-40%}.slide-next{opacity:.3;left:70%}}.cs-modal-nav{color:#fff;cursor:pointer;z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cs-modal-nav:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.cs-modal-nav.left{left:40px}.cs-modal-nav.right{right:40px}@media (max-width:768px){.cs-modal-nav{width:45px;height:45px;font-size:18px}.cs-modal-nav.left{left:10px}.cs-modal-nav.right{right:10px}}
