.clients .module-bg,.compare{background-size:70% auto}:root{--lqd-color-primary:#8777E0;--lqd-color-secondary:#60A3E6;--lqd-body-text-color:#454545;--lqd-color-purple-100:#E8E4FB;--lqd-color-purple-500:#895ED0;--lqd-color-green-500:#0AC994;--lqd-color-slate-100:#F3F7FF;--lqd-color-slate-500:#6e7f99;--lqd-color-slate-600:#5D6371;--lqd-color-slate-700:#2F313B;--lqd-color-gray-100:#FAF7F7;--lqd-color-gray-200:#F2F3F4;--lqd-color-gray-300:#bbb;--lqd-color-gray-700:#454545;--lqd-color-gray-900:#222222;--lqd-color-blue-500:#006BFF;--lqd-color-blue-900:#28263C;--lqd-color-dark:#262626;--lqd-color-gradient-start:var(--lqd-color-primary);--lqd-color-gradient-stop:var(--lqd-color-secondary);--lqd-badge-color:var(--lqd-color-primary);--lqd-body-font-family:"Golos Text",Sans-serif;--lqd-heading-color:#181b31;--lqd-heading-font-family:var(--lqd-body-font-family);--lqd-heading-font-weight:600;--lqd-heading-line-height:1.2em;--lqd-h1-font-size:62px;--lqd-h2-font-size:56px;--lqd-h2-line-height:1em;--lqd-h2-letter-spacing:-1.4px;--lqd-h3-font-size:32px;--lqd-h3-font-size:25px;--lqd-h5-font-size:21px;--lqd-h6-color:#254043;--lqd-h6-font-size:10px;--lqd-h6-font-weight:500;--lqd-cc-bc:var(--lqd-color-primary);--lqd-cc-bg:var(--lqd-color-primary);--lqd-cc-size-outer:35px;--lqd-cc-size-inner:7px;--lqd-cc-bw:1px;--lqd-cc-br:calc(var(--lqd-cc-size-outer) / 2);--lqd-cc-active-bc:var(--lqd-color-primary);--lqd-cc-active-bg:var(--lqd-color-primary);--lqd-cc-active-bw:1px;--lqd-cc-active-circle-color:#fff;--lqd-cc-active-circle-txt:#000;--lqd-cc-active-arrow-color:#fff}.main-footer>section,.module-sections>section{width:960px}.module-btn-md{--btn-pt:12px;--btn-pe:24px;--btn-pb:12px;--btn-ps:24px}.module-btn-sm{--btn-pt:8px;--btn-pe:22px;--btn-pb:8px;--btn-ps:22px}.module-btn-xs{--btn-pt:2px;--btn-pe:6px;--btn-pb:2px;--btn-ps:6px}.main-header .module-header-top{min-height:46px}.main-header .module-header-middle .social-icon:hover path,.main-header .module-header-middle .social-icon:hover svg{fill:#0E1758BD}.main-header .module-header-middle{min-height:36px}.main-header .module-header-middle .social-icons-wrapper{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:15px;--grid-row-gap:0}.main-header .module-header-bottom{min-height:55px}.is-stuck .module-header-bottom{margin-top:5px}.main-header .lqd-stickybar-wrap .btn-solid:hover{transform:translate3d(0,0,0)}.main-header .lqd-stickybar-right .btn-solid:hover{box-shadow:0 0 0 2px #000}.main-header .lqd-stickybar-left .btn-solid:hover{box-shadow:0 0 0 5px var(--lqd-color-green-500)}.lity-modal-mini .lqd-contact-form{--inputs-margin:0;--input-margin-bottom:0}.main-header .lity-modal-mini .lqd-contact-form input:focus,.main-header .lity-modal-mini .lqd-contact-form select:focus,.main-header .lity-modal-mini .lqd-contact-form textarea:focus{color:#000}.features .lqd-imggrp-single[data-float]{--float-animate-to:12%}.features .iconbox-heading-arrow-onhover:hover h3 svg{opacity:1;transform:translateX(.5em)}.features .module-arrow{right:205px}.features .module-btn{right:50px}.manage-data .module-video{width:430px;min-height:370px}.manage-data .module-emoji{right:125px}.throwable .btn:focus,.throwable .btn:hover{border-style:solid;border-color:#7c849a}.faq .lqd-imggrp-single[data-float],.testimonial .lqd-imggrp-single[data-float],.throwable .lqd-imggrp-single[data-float]{--float-animate-to:10%}.throwable .module-text-1{background-color:#e2eee1}.throwable .module-text-2{background-color:#ffe3d3}.throwable .module-text-3{background-color:#dbefe8}.throwable .module-text-4{background-color:#d8c0ff}.throwable .module-text-5{background-color:#ab6bdd}.throwable .module-text-6{background-color:#eaeaea}.throwable .module-shape{right:-100px}.throwable .module-emoji{right:80px}.process .iconbox:hover .iconbox-icon-container{color:#fff;background-color:var(--lqd-color-primary);box-shadow:0 10px 20px 0 rgba(0,0,0,.1)}.process .module-icon-box:before{height:0}.process .module-arrow{right:270px}.clients .module-bg{filter:brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg)}.testimonial{background-position:50% 30%;background-size:80% auto}.testimonial .carousel-nav{top:30%}.testimonial .carousel-nav.carousel-nav-left.carousel-nav-floated{right:0}.testimonial .carousel-nav .flickity-button{width:10px;background-color:transparent;color:#000;padding:0;border-radius:0}.testimonial .carousel-nav .flickity-button.previous{left:-70px}.testimonial .carousel-nav .flickity-button.next{right:-70px}.testimonial .carousel-dots{top:auto;right:auto;bottom:-25px;left:auto}.testimonial .carousel-dots:not(.carousel-dots-inside){position:relative}.testimonial .module-avatar{left:180px}.classy-btn{background-image:linear-gradient(#2e56a7 0,#bb6de5 100%);border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.faq .module-avatar{right:200px}.cta{background-image:url("cta-bg.svg");min-height:408px}.cta .txt-rotate-keywords{--visible-words:7}.cta .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner{--lqd-color-start:#361B5C;--lqd-color-stop:#6693A7}.cta .btn:focus,.cta .btn:hover{color:#211f36}.main-footer .social-icons-wrapper{--grid-template-columns:repeat(0, auto);--icon-size:30px;--grid-column-gap:25px;--grid-row-gap:0}@media (max-width:1199px){.module-sections>section{width:100%}.lity-modal .module-content{padding:10px}.lity-modal .ld-fancy-heading h2{font-size:48px;line-height:1em}.commit,.manage-data{gap:60px}.manage-data .module-emoji{right:280px}.testimonial{background-position:0 0}.testimonial .module-avatar{left:80px}.faq{padding:50px}.faq .module-avatar{right:100px}.cta{padding:0 50px 0 20px}.main-footer{padding:0 20px}.main-footer>section{width:960px;padding-top:100px}}@media (max-width:991px){.main-footer>section{width:100%}}@media (max-width:767px){.h2,h2{font-size:12vw}.lity-modal .ld-fancy-heading h2{font-size:34px}.banner{padding-top:0}.banner .ld-fancy-heading h2{font-size:14vw;letter-spacing:-1px}.manage-data{padding:60px 10px}.process .module-arrow{top:150px;right:67%}.process .module-col{margin-top:30px;padding-right:10px;padding-left:10px}.compare{padding-right:10px;padding-left:10px}.testimonial .module-avatar{left:20px;top:10px}.faq{padding:50px 20px}.faq .module-avatar{top:10px;right:10px}.cta{background-image:url("cta-bg-m.svg");background-size:cover;flex-grow:0;align-self:initial;padding:10px}.cta .module-btn{margin-top:20px;margin-bottom:10px}.cta .ld-fancy-heading .txt-rotator-list{font-size:9vw}.manage-data .module-video{width:100%}.main-footer>section{padding-top:70px}.main-footer .lqd-fancy-menu li{margin-right:20px}.main-footer .module-text{padding-bottom:20px}}
.banner {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff; /* čista bijela osnova */
  overflow: hidden;
}

/* blobovi */
.banner::before,
.banner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(160px); /* veći blur za mekši efekat */
  opacity: 0.35;       /* slabija boja */
}

/* ljubičasti blob */
.banner::before {
  width: 400px;
  height: 400px;
  top: -80px;
  left: -80px;
  background: rgba(135, 119, 224, 0.4); /* svjetlija verzija */
}

/* plavi blob */
.banner::after {
  width: 450px;
  height: 450px;
  bottom: -100px;
  right: -80px;
  background: rgba(96, 163, 230, 0.35); /* svjetlija verzija */
}

/* na manjim ekranima neka bude još slabije */
@media (max-width: 767px) {
  .banner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .banner::before,
  .banner::after {
    filter: blur(200px);
    opacity: 0.25;
    width: 250px;
    height: 250px;
  }
  
  .banner::before {
    top: -50px;
    left: -50px;
  }
  
  .banner::after {
    bottom: -50px;
    right: -50px;
  }
  
  /* Ensure button is not overlapped */
  .banner .classy-btn {
    position: relative;
    z-index: 10;
  }
}

/* Extra small devices */
@media (max-width: 480px) {
  .banner::before,
  .banner::after {
    width: 200px;
    height: 200px;
    filter: blur(150px);
    opacity: 0.2;
  }
  
  .banner::before {
    top: -30px;
    left: -30px;
  }
  
  .banner::after {
    bottom: -30px;
    right: -30px;
  }
}

/* Ensure button container has proper spacing */
.banner .ld-sf {
  position: relative;
  z-index: 15;
}

/* Button styling improvements for mobile */
@media (max-width: 767px) {
  .banner .classy-btn {
    position: relative;
    z-index: 20;
    margin: 10px;
    padding: 15px 30px !important;
    font-size: 16px;
    min-width: 200px;
    display: inline-block;
    text-align: center;
  }
  
  /* Ensure text is readable */
  .banner .ld-fancy-heading h2 {
    font-size: 12vw;
    line-height: 1.1;
    margin-bottom: 20px;
  }
  
  .banner .ld-fancy-heading p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  
  /* Fix navigation overlap issues */
  .navigation-sections {
    position: relative;
    z-index: 5;
  }
  
  .lqd-fancy-menu.lqd-sticky-menu {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100;
  }
  
  /* Ensure header doesn't overlap */
  .main-header {
    position: relative;
    z-index: 50;
  }
}

/* Additional mobile optimizations */
@media (max-width: 480px) {
  .banner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .banner .w-500 {
    padding: 20px !important;
  }
  
  .banner .classy-btn {
    min-width: 180px;
    padding: 12px 24px !important;
    font-size: 14px;
  }
}

/* Ensure proper stacking context */
.banner {
  isolation: isolate;
}

.banner > * {
  position: relative;
  z-index: 1;
}

.banner .classy-btn {
  position: relative;
  z-index: 10;
}