body{margin:0;background:#F6F1FF}
a{color:#5B3DF5;text-decoration:none}a:hover{color:#3F24D6}
*{box-sizing:border-box}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatY2{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(10px) rotate(1deg)}}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}}
@keyframes words{0%,18%{transform:translateY(0)}25%,43%{transform:translateY(-25%)}50%,68%{transform:translateY(-50%)}75%,93%{transform:translateY(-75%)}100%{transform:translateY(-75%)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(18,184,134,.55)}70%{box-shadow:0 0 0 10px rgba(18,184,134,0)}100%{box-shadow:0 0 0 0 rgba(18,184,134,0)}}
@keyframes toast{0%,4%{opacity:0;transform:translateY(16px) scale(.96)}8%,88%{opacity:1;transform:translateY(0) scale(1)}96%,100%{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes shine{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes dash{to{stroke-dashoffset:-40}}
.float{animation:floatY 6s ease-in-out infinite}
.float2{animation:floatY2 7s ease-in-out infinite}
.blob{animation:blob 18s ease-in-out infinite}
.words{animation:words 10s cubic-bezier(.7,0,.3,1) infinite}
.marquee{animation:marquee 32s linear infinite}
.live{animation:pulse 2s infinite}
.hero-in{animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}
.t1{animation:toast 9s infinite}.t2{animation:toast 9s 1.2s infinite both}.t3{animation:toast 9s 2.4s infinite both}.t4{animation:toast 9s 3.6s infinite both}
.shine{background:linear-gradient(90deg,#1E1446 0%,#1E1446 40%,#5B3DF5 50%,#1E1446 60%,#1E1446 100%);background-size:200% 100%;animation:shine 3.5s linear infinite}
.dashline{animation:dash 1.6s linear infinite}
.card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(30,20,70,.12);border-color:#D9D1FF}
.card .bgi{transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s}
.card:hover .bgi{transform:rotate(-12deg) scale(1.12);opacity:.32}
.card .arrow{transition:transform .3s}
.card:hover .arrow{transform:translateX(4px)}
.zoom .ph{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.zoom:hover .ph{transform:scale(1.06)}
.btn{transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(91,61,245,.28)}
.btn-c:hover{box-shadow:0 10px 24px rgba(255,107,90,.4)}
.navlink{position:relative;color:#1A1530;padding:8px 0}
.navlink:after{content:"";position:absolute;left:0;bottom:2px;height:2px;width:0;background:#FF6B5A;transition:width .3s}
.navlink:hover{color:#1A1530}.navlink:hover:after{width:100%}
.mega{opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s}
.hasmega:hover .mega,.hasmega:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.chip-on{background:#FF6B5A !important;color:#1E1446 !important;border-color:#FF6B5A !important}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}
.faq-a.open{grid-template-rows:1fr}
.faq-a > div{overflow:hidden}
.plus{transition:transform .3s}.plus.open{transform:rotate(45deg)}
.burger{display:none}
.mob-panel{animation:fadeUp .3s both}
@supports (animation-timeline: view()){
  .reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
}
@keyframes bar{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes ringOut{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.7);opacity:0}}
@keyframes bubbleIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dots{0%,80%,100%{opacity:.25}40%{opacity:1}}
.wave i{display:block;width:4px;border-radius:4px;transform:scaleY(.18);transform-origin:center;transition:background .3s}
.wave.on i{animation:bar .9s ease-in-out infinite}
.ring{position:absolute;inset:0;border-radius:50%;border:2px solid #FF6B5A;opacity:0}
.ring.on{animation:ringOut 1.6s ease-out infinite}
.bub{animation:bubbleIn .35s cubic-bezier(.2,.7,.2,1) both}
.tdot{animation:dots 1.2s infinite}
@media (max-width: 960px){
  .desk{display:none !important}
  .burger{display:inline-flex !important}
  .hero-h{font-size:40px !important;letter-spacing:-1px !important}
  .hero-wrap{padding:36px 22px !important;border-radius:24px !important}
  .sec-h{font-size:28px !important}
  .phone-col{display:none !important}
  .big-pad{padding:28px 22px !important}
}
@media (max-width: 520px){
  .hero-h{font-size:34px !important}
  .hide-xs{display:none !important}
  .full-xs{width:100% !important;justify-content:center}
}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
/* zaglavlje: bez prelamanja na užim ekranima */
.navlink,header .btn{white-space:nowrap}
@media (max-width:1320px){nav.desk{gap:18px !important;font-size:14.5px !important}}
@media (max-width:1100px){nav.desk a[href="/#vlasnici"]{display:none}}