/* Self-hosted fontovi (Google woff2 subseti, latin + latin-ext) — HANDOFF 3.5 */
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/archivo-black-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/archivo-black-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:#2C4A72 #001127;interpolate-size:allow-keywords}
body{margin:0;background:#001127}
::selection{background:#5B8FD3;color:#001127}
a{color:#6FA5E8}a:hover{color:#FFFFFF}
:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
img{max-width:100%}
button{font-family:inherit}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
@keyframes kdHl{from{clip-path:polygon(-2% -6%,-2% -6%,-18% 106%,-2% 106%)}to{clip-path:polygon(-2% -6%,118% -6%,102% 106%,-2% 106%)}}
@keyframes kdUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes kdspin{to{transform:rotate(360deg)}}
@keyframes kdMq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes kdMqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes kdDrawV{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes kdDrawH{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kdChk{to{stroke-dashoffset:0}}
@keyframes kdW{from{transform:translateY(112%)}to{transform:none}}
@keyframes kdSheen{from{transform:translateX(-130%) skewX(-8deg)}to{transform:translateX(230%) skewX(-8deg)}}
.lbnav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #2C4A72;background:rgba(6,26,51,.7);border-radius:999px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.lbhit{cursor:zoom-in}
.psheen{position:absolute;top:-10%;left:0;width:38%;height:120%;pointer-events:none;z-index:3;background:linear-gradient(90deg,rgba(91,143,211,0) 0%,rgba(111,165,232,.14) 45%,rgba(255,255,255,.06) 55%,rgba(91,143,211,0) 100%);transform:translateX(-130%) skewX(-8deg)}
.pbox.lit .psheen{animation:kdSheen 1.1s cubic-bezier(.33,1,.68,1) .25s both}
.hl{clip-path:polygon(-2% -6%,118% -6%,102% 106%,-2% 106%);animation:kdHl .7s cubic-bezier(.16,1,.3,1) both}
.hx{animation:kdUp .42s cubic-bezier(.16,1,.3,1) both}
.rv{opacity:0;transform:translateY(16px);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
[data-rv="fade"].rv{transform:none;transition:opacity .32s cubic-bezier(.16,1,.3,1)}
[data-rv="pop"].rv:not(.in){transform:scale(.94)}
[data-rv="card"].rv:not(.in){transform:translateY(12px) scale(.97)}
[data-rv="card"].rv{transition-duration:.48s}
[data-rv="ph"].rv:not(.in){transform:scale(1.03)}
[data-rv="ph"].rv{transition-duration:.7s}
[data-rv="title"].rv{opacity:1;transform:none}
.tsp{display:block;transition:transform .62s cubic-bezier(.16,1,.3,1)}
[data-rv="title"].rv .tsp{transform:translateY(112%)}
[data-rv="title"].rv.in .tsp{transform:none}
[data-rv="kline"].rv{opacity:1;transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
[data-rv="kline"].rv:not(.in){transform:scaleX(0)}
.wipe{clip-path:polygon(-2% -2%,-2% -2%,-18% 102%,-2% 102%);transition:clip-path .7s cubic-bezier(.33,1,.68,1)}
.wipe.in{clip-path:polygon(-2% -2%,118% -2%,102% 102%,-2% 102%)}
.knav{position:fixed;top:40px;left:50%;transform:translateX(-50%);width:100%;max-width:100%;z-index:90;padding:14px clamp(16px,4vw,40px);background:rgba(6,26,51,0);border:1px solid rgba(30,53,87,0);border-radius:0;transition:top .32s cubic-bezier(.65,0,.35,1),max-width .32s cubic-bezier(.65,0,.35,1),background .32s cubic-bezier(.65,0,.35,1),border-color .32s cubic-bezier(.65,0,.35,1),border-radius .32s cubic-bezier(.65,0,.35,1),padding .32s cubic-bezier(.65,0,.35,1),box-shadow .32s cubic-bezier(.65,0,.35,1)}
.knav.nopromo{top:0}
.knav.pill{top:12px;max-width:min(1104px,calc(100% - 24px));background:#061A33;border-color:#1E3557;border-radius:999px;padding:8px 14px 8px 22px;box-shadow:0 14px 34px rgba(0,5,15,.5)}
.nlink{color:#C8DAF2;text-decoration:none;font-weight:700;font-size:15px;padding:6px 2px;background:linear-gradient(#FFFFFF,#FFFFFF) no-repeat left bottom;background-size:0% 2px;transition:background-size .26s cubic-bezier(.16,1,.3,1),color .26s}
.nlink:hover{color:#FFFFFF;background-size:100% 2px}
.navlinks{display:none}
.hbg{display:flex}
.heroG{display:grid;grid-template-columns:1fr;gap:24px;padding:118px 20px 0}
.heroPh{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:16/10;background:#0A1F3D}
.hwipe{clip-path:polygon(-2% -2%,118% -2%,102% 102%,-2% 102%);animation:kdHl .7s cubic-bezier(.33,1,.68,1) .3s both}
.hglint{position:absolute;top:-12%;left:0;width:34%;height:124%;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.07) 38%,rgba(198,224,255,.22) 50%,rgba(255,255,255,.07) 62%,rgba(255,255,255,0) 100%);mix-blend-mode:screen;transform:translateX(-140%) skewX(-8deg);animation:kdGlint 1s cubic-bezier(.33,1,.68,1) 1.05s both}
@keyframes kdGlint{from{transform:translateX(-140%) skewX(-8deg)}to{transform:translateX(320%) skewX(-8deg)}}
/* pre/posle petlja: 900ms prelaz, 3s posle, 700ms nazad, 2s pre = 6600ms */
@keyframes kdPP{
0%{clip-path:polygon(-2% -2%,-2% -2%,-18% 102%,-2% 102%)}
13.64%{clip-path:polygon(-2% -2%,118% -2%,102% 102%,-2% 102%)}
59.1%{clip-path:polygon(-2% -2%,118% -2%,102% 102%,-2% 102%)}
69.7%{clip-path:polygon(-2% -2%,-2% -2%,-18% 102%,-2% 102%)}
100%{clip-path:polygon(-2% -2%,-2% -2%,-18% 102%,-2% 102%)}}
@keyframes kdPPEdge{
0%{transform:translateX(-102%) skewX(-8deg);opacity:1}
12.8%{opacity:1}
13.64%{transform:translateX(2%) skewX(-8deg);opacity:0}
59.1%{transform:translateX(2%) skewX(-8deg);opacity:0}
59.5%{transform:translateX(1%) skewX(-8deg);opacity:1}
69.1%{opacity:1}
69.7%{transform:translateX(-102%) skewX(-8deg);opacity:0}
100%{transform:translateX(-102%) skewX(-8deg);opacity:0}}
@keyframes kdPPPre{0%{opacity:1}10.6%{opacity:1}13.64%{opacity:0}59.1%{opacity:0}62.1%{opacity:1}100%{opacity:1}}
@keyframes kdPPPost{0%{opacity:0}10.6%{opacity:0}13.64%{opacity:1}59.1%{opacity:1}62.1%{opacity:0}100%{opacity:0}}
.hpAfter{clip-path:polygon(-2% -2%,-2% -2%,-18% 102%,-2% 102%);animation:kdPP 6.6s cubic-bezier(.33,1,.68,1) 1.1s infinite both}
.hpEdge{position:absolute;top:-3%;left:0;width:100%;height:106%;border-right:2px solid rgba(91,143,211,.6);opacity:0;z-index:2;pointer-events:none;animation:kdPPEdge 6.6s cubic-bezier(.33,1,.68,1) 1.1s infinite both}
.hpPill{z-index:3;transition:opacity .2s linear}
.hpPre{animation:kdPPPre 6.6s linear 1.1s infinite both}
.hpPost{animation:kdPPPost 6.6s linear 1.1s infinite both}
.heroPh.paused .hpAfter,.heroPh.paused .hpEdge,.heroPh.paused .hpPre,.heroPh.paused .hpPost{animation-play-state:paused}
.parW{position:absolute;left:0;right:0;top:-7%;height:114%;will-change:transform}
.sheet{transform:translateY(105%);transition:transform .32s cubic-bezier(.16,1,.3,1)}
.sheet.open{transform:none}
.ovl{opacity:0;pointer-events:none;transition:opacity .26s}
.ovl.open{opacity:1;pointer-events:auto}
.scall{transform:scale(.8);opacity:0;pointer-events:none;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .26s}
.scall.on{transform:scale(1);opacity:1;pointer-events:auto}
.scall .lbl{display:grid;grid-template-columns:0fr;transition:grid-template-columns .4s cubic-bezier(.16,1,.3,1)}
.scall.wide .lbl{grid-template-columns:1fr}
.zoomP .zoomI{transition:transform .4s cubic-bezier(.16,1,.3,1)}
.zoomP:hover .zoomI{transform:scale(1.04)}
.vcard .vplay{transition:transform .26s cubic-bezier(.16,1,.3,1),background .26s}
.vcard:hover .vplay{transform:scale(1.08)}
.vcard:hover .zoomI{transform:scale(1.03)}
.bcard{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.16,1,.3,1),background .22s,box-shadow .22s}
.bcard::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#5B8FD3,rgba(91,143,211,0));transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.16,1,.3,1);border-radius:16px 16px 0 0}
.bcard:hover::after{transform:scaleX(1)}
.bcard:hover{background:#0E2749;box-shadow:0 10px 26px rgba(0,5,15,.5)}
.bcard:active{transform:scale(.985)}
.bico{display:inline-block;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s}
.bcard:hover .bico{transform:translateY(-3px) rotate(-6deg) scale(1.06)}
[data-rv].rv:not(.in) .bico{transform:scale(.55) rotate(-14deg);opacity:0}
.svcnum{display:inline-block;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s}
[data-rv].rv:not(.in) .svcnum{transform:translateY(26px) scale(.9);opacity:0}
.chkc{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s}
[data-rv].rv:not(.in) .chkc{transform:scale(.3) rotate(-30deg);opacity:0}
[data-rv="left"].rv:not(.in){transform:translateX(-26px)}
[data-rv="right"].rv:not(.in){transform:translateX(26px)}
.tiltW{transform-style:preserve-3d}
[data-words] .wln{transform:translateY(115%)}
[data-words].in .wln,[data-words]:not(.rv) .wln{transform:none}
.cta{transition:color .2s}
.cta:hover{color:#6FA5E8}
.cta .arr{transition:transform .2s cubic-bezier(.16,1,.3,1)}
.cta:hover .arr{transform:translateX(6px)}
.prow{transition:background .22s}
.prow:hover{background:#0E2749}
.ppill{transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s}
.prow:hover .ppill{transform:scale(1.04)}
.fsum .ftxt{transition:color .2s}
.fsum:hover .ftxt{color:#6FA5E8}
.fplus{transition:transform .24s cubic-bezier(.65,0,.35,1)}
details[open] .fplus{transform:rotate(45deg)}
details::details-content{block-size:0;overflow:hidden;transition:block-size .28s cubic-bezier(.65,0,.35,1),content-visibility .28s allow-discrete}
details[open]::details-content{block-size:auto}
.mq:hover .mrow{animation-play-state:paused}
.mfill{transform-origin:top;transform:scaleY(1)}
.hfill{transform-origin:left;transform:scaleX(1)}
@supports (animation-timeline: view()){
.mfill{animation:kdDrawV linear both;animation-timeline:view();animation-range:entry 5% cover 60%}
.hfill{animation:kdDrawH linear both;animation-timeline:view();animation-range:entry 15% cover 55%}
}
.hline{display:none;position:absolute;left:0;right:0;top:0;height:2px;background:#1E3557}
.mline{position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:#1E3557}
.noscroll{scrollbar-width:none}
.noscroll::-webkit-scrollbar{display:none}
.p2{display:none}
.morebtn{background:none;border:none;color:#6FA5E8;font-weight:700;font-size:15px;padding:0;margin:0 0 20px;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:6px}
.fld{width:100%;height:52px;background:#06162B;border:1px solid #2C4A72;border-radius:12px;padding:0 16px;font-size:16px;font-family:Manrope,system-ui,sans-serif;font-weight:500;color:#FFFFFF;transition:border-color .16s,box-shadow .16s}
.fld:focus{outline:none;border-color:#5B8FD3;box-shadow:0 0 0 4px rgba(91,143,211,.15)}
.fld::placeholder{color:#6D8CB3}
.fld.err{border-color:#E4705E}
textarea.fld{height:auto;padding:12px 16px;resize:vertical}
select.fld{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%238FB6E8%22 stroke-width=%222.5%22><path d=%22m6 9 6 6 6-6%22/></svg>');background-repeat:no-repeat;background-position:right 14px center}
.emsg{display:none;color:#E4705E;font-size:14px;font-weight:500;margin-top:6px}
.ccirc{width:46px;height:46px;border-radius:999px;border:1px solid #2C4A72;display:flex;align-items:center;justify-content:center;color:#6FA5E8;transition:background .2s,color .2s,border-color .2s,transform .2s}
.ccirc:hover{background:#5B8FD3;border-color:#5B8FD3;color:#001127;transform:translateY(-2px)}
.ccirc:active{transform:scale(.94)}
.chk circle{stroke-dasharray:151;stroke-dashoffset:151;animation:kdChk .5s cubic-bezier(.16,1,.3,1) .1s forwards}
.chk path{stroke-dasharray:48;stroke-dashoffset:48;animation:kdChk .4s cubic-bezier(.16,1,.3,1) .45s forwards}
@media (min-width:900px){
.navlinks{display:flex!important}
.hbg{display:none!important}
.scall{display:none!important}
.g2{grid-template-columns:1fr 1fr!important}
.g3{grid-template-columns:repeat(3,1fr)!important}
.g4{grid-template-columns:repeat(4,1fr)!important}
.g2b{grid-template-columns:1.15fr .85fr!important}
.sp2{grid-column:span 2!important}
.gGal{grid-template-columns:minmax(300px,380px) 1fr!important;align-items:stretch!important}
.vbig{aspect-ratio:auto!important;height:100%!important;max-width:none!important}
.g3v{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mline{display:none!important}
.hline{display:block}
.p2{display:block!important}
.morebtn{display:none!important}
.heroG{max-width:1376px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:0 clamp(32px,4vw,64px);padding:150px 40px 0;align-items:center}
.heroTxt{grid-column:1;grid-row:1;align-self:end}
.h1t{font-size:clamp(1.75rem,2.9vw,2.6rem)!important}
.heroNums{grid-column:1;grid-row:2;align-self:start;margin-top:clamp(28px,3.5vw,44px)!important}
.heroPh{grid-column:2;grid-row:1 / span 2;border-radius:24px;aspect-ratio:auto;align-self:stretch;height:auto;min-height:min(660px,calc(100svh - 220px));margin-left:10px}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.mrow{animation:none!important}
.hpAfter{animation:none!important;clip-path:none!important}
.hpEdge,.hpPre{display:none!important}
.hpPost{animation:none!important;opacity:1!important}
}

/* style-hover / style-active sa izvorne komponente; !important jer osnovna stanja stoje u inline stilovima */
.h-lb:hover{background:#0E2749!important}
.h-pill:hover{background:#5B8FD3!important;border-color:#5B8FD3!important;color:#001127!important}
.h-accbg:hover{background:#6FA5E8!important}
.h-outline:hover{border-color:#5B8FD3!important;background:rgba(91,143,211,.08)!important}
.h-acc:hover{color:#6FA5E8!important}
.h-body:hover{color:#C8DAF2!important}
.h-white:hover{color:#FFFFFF!important}
.h-scall:hover{transform:scale(1.06)!important}
.h-svc:hover{transform:translateY(-3px)!important;background:#0E2749!important;box-shadow:0 6px 18px rgba(0,5,15,.45)!important}
.a-92:active{transform:scale(.92)!important}
.a-94:active{transform:scale(.94)!important}
.a-95:active{transform:scale(.95)!important}
.a-98:active{transform:scale(.98)!important}
.a-press:active{transform:scale(.98)!important;background:#4A7CBC!important}
.a-lbnav:active{transform:translateY(-50%) scale(.94)!important}