.elementor-kit-5{--e-global-color-primary:#00F5D4;--e-global-color-secondary:#365CFF;--e-global-color-accent:#FF1E9C;--e-global-color-text:#F5F7FF;--e-global-color-723ee17:#040511;--e-global-color-56220ba:#05071A;--e-global-color-e6f3da0:#9BA3AE;--e-global-typography-primary-font-family:"Syncopate";--e-global-typography-primary-font-size:118px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.05em;--e-global-typography-primary-letter-spacing:0.06em;--e-global-typography-primary-word-spacing:1px;--e-global-typography-text-font-family:"Bricolage Grotesque";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:14px;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-accent-font-family:"Bricolage Grotesque";--e-global-typography-accent-font-size:230px;--e-global-typography-accent-font-weight:800;background-color:var( --e-global-color-723ee17 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );--e-preloader-animation-duration:1400ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-primary );--e-preloader-size:90px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#00FFD1;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-kit-5 p{margin-block-end:81px;}.elementor-kit-5 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 h2{color:var( --e-global-color-e6f3da0 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h3{color:#7BDCB5;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  /* Tamna baza */
  --ink:#040511;   /* pozadina stranice – vrlo tamno, deep space */
  --ui:#05071A;    /* kartice, blokovi */
  --text:#F5F7FF;  /* osnovni tekst – blago plavičasto bijela */
  --muted:#9BA3AE; /* sekundarni tekst */

  /* AI tech akcenti */
  --a:#00F5D4;     /* neon cyan – “digital ocean” */
  --b:#365CFF;     /* electric blue / indigo – tech power */
  --c:#FF1E9C;     /* magenta highlight – koristimo je štedljivo */
}


*,
*::before,
*::after{
  box-sizing:border-box;
}


html,
body{
  background:var(--ink);
  color:var(--text);
}

.sig-hero{
  position:relative;
  min-height:96vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(2rem,5vw,6rem);

  /* Statični AI tech gradient (koristi tvoje varijable --a, --b, --c) */
  background:
    radial-gradient(circle at 10% -10%, rgba(0,245,212,0.60), transparent 55%),   /* var(--a) */
    radial-gradient(circle at 92% 0%,  rgba(54,92,255,0.85), transparent 60%),   /* var(--b) */
    radial-gradient(circle at 50% 120%, rgba(255,30,156,0.30), transparent 75%), /* var(--c) */
    #020308;
}





#sigGradient{
  position:absolute;
  inset:0;
  filter:blur(20px) contrast(120%) saturate(120%);
  opacity:.7;
}
.sig-hero{
  position:relative;
  min-height:96vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(2rem,5vw,6rem);
  background:
    radial-gradient(circle at 10% 0%, rgba(0,255,209,0.25), transparent 55%),
    radial-gradient(circle at 85% 20%, rgba(255,46,136,0.35), transparent 60%),
    radial-gradient(circle at 50% 100%, rgba(123,97,255,0.38), transparent 60%),
    #050509;
  background-size: 140% 140%;
  animation:heroGradientMove 12s ease-in-out infinite alternate;
}

.sig-hero::before{
  content:"";
  position:absolute;
  inset:-40% -20%; /* malo veće od heroa da se može prelijevati */
  background:linear-gradient(
    180deg,
    rgba(0,245,212,0.00) 0%,   /* transparent gore */
    rgba(0,245,212,0.40) 30%,  /* cyan sjaj */
    rgba(54,92,255,0.35) 50%,  /* blue sjaj */
    rgba(255,30,156,0.25) 70%, /* malo magente */
    rgba(0,0,0,0.00) 100%      /* opet transparent */
  );
  mix-blend-mode:screen;
  opacity:0.85;
  pointer-events:none;
  animation: heroSweep 8s ease-in-out infinite;
  z-index:0;
}

/* Pobrini se da sadržaj bude iznad animacije */
.sig-inner{
  position:relative;
  z-index:1;
}

/* Animacija KOJA SIGURNO IDE OD GORE PREMA DOLJE */
@keyframes heroSweep{
  0%{
    transform:translateY(-100%);  /* potpuno iznad hero sekcije */
  }
  50%{
    transform:translateY(0%);     /* prolazi kroz sredinu */
  }
  100%{
    transform:translateY(100%);   /* skroz ispod hero sekcije */
  }
}



.sig-inner{
  position:relative;
  z-index:2;
  max-width:1100px;
  text-align:center;
}


.sig-title{
  font-weight:700;
  font-size:clamp(36px,7vw,96px);
  line-height:1.05;
  font-family:"Syncopate", system-ui, sans-serif;
  letter-spacing:.06em;
}


.sig-sub{
  font-weight:400;
  font-size:clamp(16px,2.2vw,22px);
  line-height:1.4;
  font-family:"Bricolage Grotesque", system-ui, sans-serif;
  color:rgba(245,245,245,.85);
  max-width:60ch;
  margin:.9rem auto 1.4rem;
}


.btn-primary,
.btn-ghost{
  display:inline-block;
  padding:.9rem 1.2rem;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.03em;
}


.btn-primary{
  display:inline-block;
  padding:.9rem 1.2rem;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.03em;

  background:linear-gradient(90deg,var(--a),var(--b)); /* cyan → electric blue */
  color:#020308;
  box-shadow:0 10px 40px rgba(0,245,212,0.30);
}

.btn-primary:hover{
  transform:translateY(-1px);
  filter:saturate(1.15);
}


.btn-ghost{
  color:var(--text);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(6px); 
  margin-left:.75rem;
}

.btn-ghost:hover{
  border-color:var(--a);
  color:var(--a);
}/* End custom CSS */