:root,[data-theme=default]{--malina:#b3245b;--plava:#48639c;--lavanda:#dcd7f8;--limeta:#aad348;--crna:#010f0c;--bijela:#fbfaf7;--siva-1:#3c3a41;--siva-2:#6b6870;--siva-3:#75727c;--kapsula-off:#dcd9e2;--crta:#ecebf0;--odabir-svijetlo:#b3245b2e;--odabir-tamno:#ffffff3d;--razmak:#b3245bbf;--shadow-komentar:0 6px 20px #010f0c29;--shadow-ploca:0 10px 32px #010f0c38;--shadow-karta:0 6px 24px #010f0c33}:root{--rub-etikete:72px;--rub-slajda:88px;--okvir-x:40px;--okvir-y:30px;--polje:1080px;--polje-unutra:1310px;--razmak-kapsula:24px;--reel-gore:380px;--reel-dolje:1500px;--radius-kapsula:999px;--radius-komentar:18px;--radius-ploca:20px;--radius-mjera:6px;--radius-kvadratic:6px;--font-display:"Archivo", "Arial Black", sans-serif;--font-text:"Schibsted Grotesk", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif}.glyph{font-family:var(--font-display);letter-spacing:-.05em;font-size:1000px;font-weight:900;line-height:.74}.naslov-slajda{font-family:var(--font-text);letter-spacing:-.055em;font-size:132px;font-weight:700;line-height:.96}.naslov-etikete{font-family:var(--font-text);letter-spacing:-.05em;font-size:80px;font-weight:700;line-height:1}.tekst-slajda{font-family:var(--font-text);letter-spacing:-.01em;font-size:42px;font-weight:400;line-height:1.38}.kapsula{font-family:var(--font-text);letter-spacing:-.025em;font-size:46px;font-weight:600;line-height:1}.potpis{font-family:var(--font-text);letter-spacing:0;font-size:21px;font-weight:600;line-height:1}.kursor{font-family:var(--font-ui);letter-spacing:0;font-size:25px;font-weight:600;line-height:1}.komentar{font-family:var(--font-ui);letter-spacing:0;font-size:29px;font-weight:400;line-height:1.32}.komentar-ime,.mjera{font-family:var(--font-ui);letter-spacing:0;font-size:21px;font-weight:600;line-height:1}.oznaka{font-family:var(--font-ui);letter-spacing:.08em;font-size:20px;font-weight:600;line-height:1}.okvir,.ispuna{font-family:var(--font-ui);letter-spacing:0;font-size:22px;font-weight:500;line-height:1}.udica{font-family:var(--font-text);letter-spacing:-.055em;font-size:150px;font-weight:700;line-height:.95}.titl{font-family:var(--font-text);letter-spacing:-.035em;font-size:72px;font-weight:700;line-height:1.1}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/schibsted-grotesk-latin.DxefFeRw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/schibsted-grotesk-latin-ext.CnpJE18X.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/inter-latin.8kRkwJBP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_astro/inter-latin-ext.B_-bZUTo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{background:var(--crta);color:var(--crna);font:400 17px/1.5 var(--font-text);margin:0;overflow-x:clip}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2.5px solid var(--malina);outline-offset:3px}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:#fff;border-radius:8px;padding:10px 14px;top:16px;left:16px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){html.ti,html.ti a,html.ti button,html.ti label,html.ti summary{cursor:none}html.ti input,html.ti textarea{cursor:text}html.ti input[type=checkbox],html.ti input[type=radio],html.ti input[type=range]{cursor:none}}.top{z-index:50;background:var(--bijela);border-bottom:1px solid #dddbe3;position:sticky;top:0}.top .wrap{align-items:center;gap:18px;height:60px;display:flex}.brand{flex:none;line-height:0;display:block}.brand img{width:auto;height:34px;display:block}@media (width<=480px){.top .wrap{gap:10px}.brand img{height:26px}}.nav{gap:4px;margin-left:auto;display:flex}.nav a{font:500 15px/1 var(--font-text);border-radius:999px;padding:9px 11px;text-decoration:none}.nav a:hover{background:var(--crta)}.nav a[aria-current=page]{background:var(--crna);color:#fff}.who{display:flex}.who i{width:26px;height:26px;font:600 11px/1 var(--font-ui);color:#fff;box-shadow:0 0 0 2px var(--bijela);border-radius:50%;place-items:center;font-style:normal;display:grid}.who i+i{margin-left:-5px}.top .btn{height:40px;padding:0 16px;font-size:15px}.menu{display:none}@media (width<=1000px){.who{display:none}.nav{background:var(--bijela);border-bottom:1px solid #dddbe3;flex-direction:column;gap:0;padding:8px 16px 16px;display:none;position:fixed;inset:60px 0 auto}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--crta);border-radius:0;padding:14px 4px;font-size:18px}.nav a[aria-current=page]{color:var(--malina);background:0 0}.menu{border:1.5px solid var(--crna);height:40px;font:600 14px/1 var(--font-text);color:var(--crna);background:0 0;border-radius:999px;align-items:center;margin-left:auto;padding:0 14px;display:inline-flex}}main{padding:44px 0 24px}.frame{margin:0 auto 64px;position:relative}.frame>.fname{color:var(--siva-2);opacity:1;position:absolute;top:-21px;left:0}.board{background:var(--bijela);border-radius:2px;padding:clamp(24px,5vw,64px);position:relative;box-shadow:0 1px 2px #010f0c0f}.board.flush{padding:0;overflow:hidden}h1,.h1{font:700 clamp(44px, 7.6vw, 112px)/.94 var(--font-text);letter-spacing:-.06em;text-wrap:balance;margin:0}h2,.h2{font:700 clamp(30px, 4.4vw, 54px)/1 var(--font-text);letter-spacing:-.05em;text-wrap:balance;margin:0 0 12px}h3,.h3{font:700 22px/1.1 var(--font-text);letter-spacing:-.035em;margin:0}.lead{font:400 clamp(17px, 1.6vw, 20px)/1.5 var(--font-text);color:var(--siva-1);max-width:34em;margin:0}.sechead{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 32px;margin-bottom:clamp(24px,4vw,40px);display:flex}.more{font:600 16px/1 var(--font-text);white-space:nowrap;text-decoration:none}.more:hover{color:var(--malina)}.f-malina{--chip:var(--malina);--on:#fff;--glyph:var(--lavanda);--ann:var(--limeta);--ann-ink:var(--crna);--tint:var(--odabir-tamno)}.f-lavanda{--chip:var(--lavanda);--on:var(--crna);--glyph:var(--plava);--ann:var(--malina);--ann-ink:#fff;--tint:var(--odabir-svijetlo)}.f-limeta{--chip:var(--limeta);--on:var(--crna);--glyph:var(--crna);--ann:var(--malina);--ann-ink:#fff;--tint:var(--odabir-svijetlo)}.f-plava{--chip:var(--plava);--on:#fff;--glyph:var(--lavanda);--ann:var(--limeta);--ann-ink:var(--crna);--tint:var(--odabir-tamno)}.f-crna{--chip:var(--crna);--on:#fff;--glyph:var(--limeta);--ann:var(--limeta);--ann-ink:var(--crna);--tint:var(--odabir-tamno)}.f-bijela{--chip:var(--bijela);--on:var(--crna);--glyph:var(--malina);--ann:var(--malina);--ann-ink:#fff;--tint:var(--odabir-svijetlo)}.chip{background:var(--chip);color:var(--on);position:relative;overflow:hidden}.glyph{font-family:var(--font-display);letter-spacing:-.05em;color:var(--glyph);white-space:nowrap;user-select:none;pointer-events:none;font-weight:900;font-stretch:125%;line-height:.74;position:absolute}.fname{font:500 13px/1 var(--font-ui);color:var(--on);opacity:.75;white-space:nowrap}.fname:before{content:"# ";opacity:.7}.sample{background:var(--bijela);color:var(--crna);border-radius:3px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #e3e1e8}a.sample:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #e3e1e8,0 14px 30px #010f0c1a}.sample .chip{aspect-ratio:4/3}.sample .chip>.fname{z-index:2;position:absolute;top:11px;left:12px}.sample .chip>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sample .glyph{font-size:clamp(130px,14vw,200px);bottom:-12%;left:8%}.label{flex:1;align-content:start;gap:9px;padding:14px 18px 18px;display:grid}.label .row{align-items:center;gap:10px;min-width:0;display:flex}.label .row .fill{margin-left:auto}.label p{font:400 15px/1.45 var(--font-text);color:var(--siva-1);margin:0}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid.g4{grid-template-columns:repeat(4,1fr)}.grid>*{min-width:0}.grid.g2{grid-template-columns:repeat(2,1fr)}@media (width<=1000px){.grid,.grid.g4{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.grid,.grid.g4,.grid.g2{grid-template-columns:1fr}.label .row .fill{display:none}}.ph{opacity:.55;font:500 12px/1.3 var(--font-ui);text-align:center;border:1.5px dashed;border-radius:6px;place-items:center;padding:8px;display:grid;position:absolute;inset:16% 20%}.tag{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1.5px solid;border-radius:999px;padding:6px 10px 5px;display:inline-block}.code{font:600 13px/1.3 var(--font-ui);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fill{font:500 13px/1 var(--font-ui);color:var(--siva-1);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.fill i{background:var(--chip);border-radius:4px;width:15px;height:15px;box-shadow:inset 0 0 0 1px #010f0c1f}.fill span{color:var(--siva-3);margin-left:3px}.by{font:600 13px/1 var(--font-text);color:#4a4750;white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.by img{width:auto;height:22px}.caps{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cap,.btn{height:48px;font:600 17px/1 var(--font-text);letter-spacing:-.02em;white-space:nowrap;background:var(--crna);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn{background:var(--malina);height:54px;padding:0 26px;font-weight:700}a.btn:hover,button.btn:hover,a.cap:hover,button.cap:hover{transform:translateY(-2px)}.cap.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 1.5px}.btn.light{color:var(--malina);background:#fff}.tsel{background:var(--tint);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;position:relative}.tsel:after{content:"";background:var(--ann);width:3px;animation:1.1s step-end infinite caret;position:absolute;top:-.04em;bottom:-.06em;right:-3px}@keyframes caret{50%{opacity:0}}[data-measure]{position:relative}.selbox{border:1.5px solid var(--ann,var(--malina));pointer-events:none;z-index:3;display:none;position:absolute;inset:-7px}[data-measure]:hover>.selbox,[data-measure]:focus-visible>.selbox{display:block}.selbox i{border:1.5px solid var(--ann,var(--malina));background:#fff;width:9px;height:9px;position:absolute}.selbox i:first-child{top:-5px;left:-5px}.selbox i:nth-child(2){top:-5px;right:-5px}.selbox i:nth-child(3){bottom:-5px;left:-5px}.selbox i:nth-child(4){bottom:-5px;right:-5px}.selbox b{background:var(--ann,var(--malina));color:var(--ann-ink,#fff);font:600 11px/1 var(--font-ui);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:4px;padding:4px 6px;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.cur{z-index:20;--cc:var(--malina);pointer-events:none;letter-spacing:0;align-items:flex-start;font-size:13px;line-height:1;display:flex;position:absolute}.cur.ti{--cc:var(--plava)}.cur svg{flex:none;width:22px;height:25px}.cur svg path{fill:var(--cc);stroke:#fff;stroke-width:3.5px;stroke-linejoin:round}.cur span{background:var(--cc);color:#fff;font:600 13px/1 var(--font-ui);white-space:nowrap;border-radius:4px 12px 12px;margin:17px 0 0 -3px;padding:6px 9px;box-shadow:0 0 0 2px #fff}#dor{z-index:85;opacity:0;transition:opacity .35s;display:none;position:fixed;top:0;left:0;transform:translate(-200px,-200px)}html.ti #dor{display:flex}#dor.on{opacity:1}.dor-sel{z-index:84;border:1.5px solid var(--malina);pointer-events:none;opacity:0;transition:opacity .25s;position:fixed}.dor-sel.on{opacity:1}.dor-sel i{border:1.5px solid var(--malina);background:#fff;width:9px;height:9px;position:absolute}.dor-sel i:first-child{top:-5px;left:-5px}.dor-sel i:nth-child(2){top:-5px;right:-5px}.dor-sel i:nth-child(3){bottom:-5px;left:-5px}.dor-sel i:nth-child(4){bottom:-5px;right:-5px}.dor-sel b{background:var(--malina);color:#fff;font:600 11px/1 var(--font-ui);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;padding:4px 6px;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.dor-say{z-index:86;pointer-events:none;opacity:0;max-width:240px;transition:opacity .25s;position:fixed;top:0;left:0}.dor-say.on{opacity:1}.dor-press{transition:transform .12s!important;transform:scale(.96)!important}#ti{z-index:90;display:none;position:fixed;top:0;left:0;transform:translate(-200px,-200px)}html.ti #ti{display:flex}html.ti.typing #ti{opacity:0}.cmt{align-items:flex-start;gap:10px;display:flex}.pin{background:var(--malina);color:#fff;width:32px;height:32px;font:600 14px/1 var(--font-ui);border-radius:50% 50% 50% 3px;flex:none;place-items:center;display:grid;box-shadow:0 0 0 2.5px #fff}.cmt.ti .pin{background:var(--plava)}.bub{color:var(--crna);font:400 14px/1.4 var(--font-ui);box-shadow:var(--shadow-komentar);background:#fff;border-radius:12px;max-width:320px;padding:10px 14px 12px}.bub b{font:600 12px/1 var(--font-ui);margin-bottom:6px;display:block}.bub b span{color:var(--siva-3);font-weight:400}.thread{box-shadow:var(--shadow-komentar);color:var(--crna);background:#fff;border-radius:14px;padding:4px 0}.thread>div{gap:12px;padding:14px 18px;display:flex}.thread>div+div{border-top:1px solid var(--crta)}.av{background:var(--malina);color:#fff;width:30px;height:30px;font:600 13px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.av.ti{background:var(--plava)}.thread b{font:600 12px/1 var(--font-ui);margin:3px 0 6px;display:block}.thread b span{color:var(--siva-3);font-weight:400}.thread p{font:400 15px/1.45 var(--font-ui);margin:0}.comp{font:500 12px/1 var(--font-ui);color:var(--compc,var(--plava));white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.comp:before{content:"◇";font-size:13px}.f-malina .comp,.f-plava .comp,.f-crna .comp{--compc:var(--lavanda)}.hatch{background:repeating-linear-gradient(-45deg, var(--razmak) 0 1.5px, transparent 1.5px 6px);position:relative}.hval{background:var(--malina);color:#fff;font:600 11px/1 var(--font-ui);border-radius:4px;padding:3px 5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kom{margin-bottom:18px;display:inline-flex}.kom .bub{max-width:420px}.draft{align-items:center;gap:8px;margin-bottom:18px;display:inline-flex}.draft .bub{max-width:420px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.hero h1{font-size:clamp(44px,6.2vw,92px)}.hero .lead{margin-top:24px}.hero .caps{margin-top:30px}.hero .sample .chip{aspect-ratio:1}.hero .sample .glyph{font-size:clamp(240px,28vw,420px);bottom:-14%;left:auto;right:-6%}.hero .sample h2{font:700 28px/1.1 var(--font-text);letter-spacing:-.035em;margin:0}.kicker{font:500 14px/1.3 var(--font-ui);color:var(--siva-2);margin-bottom:18px;display:block}@media (width<=900px){.hero{grid-template-columns:1fr}}@media (width>=901px){.hero-main{container-type:inline-size}.hero-main h1{font-size:min(10cqi,92px);line-height:1.06}}.services .sample.main{grid-column:1/-1}.services .sample.main .chip{aspect-ratio:auto;height:100%;min-height:220px}.services .sample.main .glyph{font-size:clamp(180px,20vw,300px)}.services .sample.main{flex-direction:row}.services .sample.main .chip{flex:1.1}.services .sample.main .label{flex:1;align-content:center;padding:22px}.services .sample.main h3{font-size:30px}@media (width<=1000px) and (width>=621px){.services{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.services{gap:12px}.services .sample.main{flex-direction:column}.services .sample.main .chip{aspect-ratio:16/10;flex:none;height:auto;min-height:0}.services .sample.main .glyph{font-size:190px}.services .sample.main .label{padding:16px 18px 18px}.services .sample.main h3{font-size:26px}.services .sample:not(.main){flex-direction:row}.services .sample:not(.main) .chip{aspect-ratio:auto;flex:none;width:96px}.services .sample:not(.main) .chip .fname{display:none}.services .sample:not(.main) .glyph{font-size:104px;bottom:-14px;left:10px}.services .sample:not(.main) .label{gap:6px;padding:12px 14px 14px}.services .sample:not(.main) .label .row{display:none}.services .sample:not(.main) h3{font-size:19px}.services .sample:not(.main) .label p{font-size:14px}}.steps{max-width:860px;margin:32px 0 0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:132px 1fr;column-gap:24px;min-width:0;display:grid}.step-top{flex-direction:column;display:flex}.step-top .cap{white-space:normal;text-align:center;width:100%;height:auto;min-height:48px;padding:7px 12px;line-height:1.1}.step-top .hatch{flex:1;min-height:28px}.steps li:last-child .cap{background:var(--malina)}.steps p{font:400 16px/1.5 var(--font-text);color:var(--siva-1);margin:0;padding:13px 0 24px}.steps p b{font:600 12px/1 var(--font-ui);color:var(--siva-3);letter-spacing:.06em;margin-right:8px;display:inline}.st-dot{display:none}.steps.live .st-dot,.steps.live .cap,.steps.live p{transition:background .35s,color .35s,box-shadow .35s,opacity .35s}.steps.live li:not(.past):not(.now) .st-dot,.steps.live li:not(.past):not(.now) .cap{background:var(--bijela);color:var(--siva-3);box-shadow:inset 0 0 0 1.5px #d6d4dc}.steps.live li:not(.past):not(.now) p{opacity:.55}.steps.live li.past .st-dot,.steps.live li.past .cap{background:var(--crna);color:#fff;box-shadow:none}.steps.live li.now .st-dot,.steps.live li.now .cap{background:var(--malina);color:#fff;box-shadow:none}.steps.live .hatch:before{content:"";bottom:0;left:0;right:0;top:calc(var(--p,0) * 100%);background:var(--bijela);opacity:.75;position:absolute}.steps.live .hval{z-index:1}@media (width<=620px){.steps li{grid-template-columns:34px 1fr;column-gap:14px;padding-bottom:22px;position:relative}.steps li:last-child{padding-bottom:0}.st-dot{z-index:1;background:var(--crna);color:#fff;width:34px;height:34px;font:600 12px/1 var(--font-ui);letter-spacing:.02em;border-radius:50%;grid-row:1/span 2;align-self:start;place-items:center;display:grid;position:relative}.steps li:last-child .st-dot{background:var(--malina)}.steps li:not(:last-child):before,.steps li:not(:last-child):after{content:"";background:var(--crta);width:2px;position:absolute;top:34px;bottom:0;left:16px}.steps li:not(:last-child):after{background:var(--crna);transform-origin:top;transform:scaleY(var(--p,1))}.step-top{flex-direction:row}.step-top .hatch{display:none}.step-top .cap{white-space:nowrap;width:auto;height:34px;min-height:34px;padding:0 14px;font-size:15px}.steps p{padding:10px 0 0;font-size:15px}.steps p b{display:none}}.talk{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid;overflow:hidden}.talk .act{flex-direction:column;gap:8px;margin-top:28px;display:inline-flex;position:relative}.talk .act .cur{top:46px;left:80%}.talk .note{font:400 15px/1.5 var(--font-text);color:var(--siva-2);max-width:30em;margin:20px 0 0}@media (width<=900px){.talk{grid-template-columns:1fr}}.filter{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter button{height:40px;box-shadow:inset 0 0 0 1.5px var(--crna);font:600 15px/1 var(--font-text);color:var(--crna);background:0 0;border:0;border-radius:999px;padding:0 16px}.filter button[aria-pressed=true]{background:var(--crna);color:#fff}[data-item][hidden]{display:none}.case-hero{aspect-ratio:16/7;min-height:280px}.case-hero .glyph{font-size:clamp(260px,36vw,560px);bottom:-16%;right:-3%}.case-hero>.fname{position:absolute;top:14px;left:16px}.case-hero .ph{inset:18% 30%}.case-label{gap:16px;padding:clamp(20px,4vw,40px) clamp(24px,5vw,64px) clamp(24px,4vw,44px);display:grid}.case-label h1{font-size:clamp(40px,6.4vw,88px)}.meta{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 40px;margin:6px 0 0;display:grid}.meta div{gap:6px;display:grid}.meta dt{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--siva-3)}.meta dd{font:500 16px/1.3 var(--font-text);margin:0}@media (width<=620px){.meta{grid-template-columns:1fr 1fr}}.prose{max-width:720px;font:400 clamp(17px, 1.5vw, 19px)/1.65 var(--font-text);margin:0 auto}.prose>:first-child{margin-top:0}.prose.left{margin:0}.prose h2{margin:1.8em 0 .5em;font-size:clamp(26px,3.2vw,38px)}.prose h3{margin:1.5em 0 .4em;font-size:22px}.prose p,.prose ul,.prose ol{margin:0 0 1em}.prose li{margin:.3em 0}.prose li::marker{color:var(--malina)}.prose strong{font-weight:700}.prose a{color:var(--malina);text-underline-offset:3px}.prose blockquote{border-left:3px solid var(--malina);margin:1.6em 0;padding:0 0 0 20px;font-size:1.15em}.prose img{border-radius:3px;margin:1.4em 0}.prose hr{background:var(--crta);border:0;height:1px;margin:2em 0}.art-head{gap:18px;max-width:860px;margin:0 auto clamp(28px,4vw,48px);display:grid}.art-head h1{font-size:clamp(38px,6vw,80px)}.art-head .row{color:var(--siva-2);font:500 14px/1 var(--font-ui);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.faq{max-width:880px;display:grid}.faq details{border-top:1.5px solid var(--crna)}.faq details:last-child{border-bottom:1.5px solid var(--crna)}.faq summary{font:700 clamp(19px, 2vw, 23px)/1.2 var(--font-text);letter-spacing:-.03em;justify-content:space-between;gap:16px;padding:20px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 28px/1 var(--font-ui);color:var(--malina);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{max-width:40em;color:var(--siva-1);padding:0 0 22px}.faq details>div p{margin:0 0 .6em}.list{display:grid}.list>div{border-top:1.5px solid var(--crna);grid-template-columns:minmax(180px,280px) 1fr;gap:6px 28px;padding:20px 0;display:grid}.list>div:last-child{border-bottom:1.5px solid var(--crna)}.list b{font:700 22px/1.15 var(--font-text);letter-spacing:-.03em}.list span{color:var(--siva-1)}@media (width<=620px){.list>div{grid-template-columns:1fr}}.foot{padding:8px 0 48px}.foot .wrap{font:500 14px/1 var(--font-text);color:var(--siva-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.foot nav{flex-wrap:wrap;gap:18px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--malina)}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.contact{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.contact-intro{position:sticky;top:100px}.contact-intro .lead{margin-top:22px}.contact-intro .note{font:400 15px/1.5 var(--font-text);color:var(--siva-2);max-width:28em;margin:18px 0 0}.intro-cur{margin-top:28px;position:relative}@media (width<=900px){.contact{grid-template-columns:1fr}.contact-intro{position:static}.intro-cur{display:none}}.convo{box-shadow:var(--shadow-komentar);background:#fff;border-radius:16px;padding:8px 0}.convo .prog{gap:6px;padding:14px 22px 6px;display:flex}.prog i{background:var(--kapsula-off);border-radius:999px;width:9px;height:9px;transition:width .3s,background .3s}.prog i.on{background:var(--malina);width:28px}.step{border:0;gap:14px;min-width:0;margin:0;padding:16px 22px 20px;display:grid}.step+.step{border-top:1px solid var(--crta)}.q,.a{font:400 16px/1.45 var(--font-ui);color:var(--crna);align-items:flex-start;gap:12px;padding:0;display:flex}.q b,.a b{font:600 12px/1 var(--font-ui);margin:3px 0 6px;display:block}.qt{font:700 18px/1.3 var(--font-text);letter-spacing:-.02em;color:var(--crna);display:block}.qh{font:400 14px/1.4 var(--font-ui);color:var(--siva-2);margin-top:4px;display:block}.q em,.a em{color:var(--siva-3);font-style:normal;font-weight:400}.a{text-align:left;background:0 0;border:0;border-radius:10px;width:calc(100% + 16px);margin:-8px;padding:8px}.a:hover:not([disabled]){background:var(--bijela)}.a:hover:not([disabled]) em{color:var(--plava)}.a[disabled] em{display:none}.opts{flex-wrap:wrap;gap:8px;padding-left:42px;display:flex}.ili{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--siva-2);margin:4px 0 -4px 42px}.opt{position:relative}.opt input{opacity:0;margin:0;position:absolute;inset:0}.opt span{height:44px;box-shadow:inset 0 0 0 1.5px var(--crna);font:600 15px/1 var(--font-text);border-radius:999px;align-items:center;padding:0 18px;transition:transform .15s,background .15s,color .15s;display:inline-flex}.opt:hover span{transform:translateY(-2px)}.opt:hover input:not(:checked)+span{background:var(--crta)}.opt input:checked+span{background:var(--plava);color:#fff;box-shadow:none}.opt input:checked+span:before{content:"✓";margin-right:8px}.opt input:focus-visible+span{outline:2.5px solid var(--malina);outline-offset:3px}.step textarea,.field input{width:100%;font:400 16px/1.5 var(--font-ui);color:var(--crna);background:var(--bijela);resize:vertical;border:1.5px solid #d6d4dc;border-radius:10px;padding:12px 14px}.step textarea:focus,.field input:focus{border-color:var(--plava);outline:none;box-shadow:0 0 0 3px #48639c2e}.step>textarea,.step>.field,.step>.small,.step>.err,.step>.send,.step>.korak{width:calc(100% - 42px);margin-left:42px}.korak{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.korak .cap{height:44px;padding:0 20px;font-size:15px}.korak .back{box-shadow:none;color:var(--siva-1);padding:0 14px}.korak .back:hover{background:var(--crta);color:var(--crna)}.convo:not(.live) .back{display:none}.field{gap:6px;display:grid}.field[hidden],.prog i[hidden]{display:none}.field span{font:500 13px/1.3 var(--font-ui);color:var(--siva-2)}.send{justify-items:start;gap:8px;display:grid}.small{font:400 13px/1.4 var(--font-ui);color:var(--siva-2);margin:0}.small a{color:inherit}.err{font:500 14px/1.3 var(--font-ui);color:var(--malina);margin:0}.convo>.fail{padding:0 22px 18px}.hp{position:absolute;left:-9999px}.done{border-top:1px solid var(--crta);outline:none;padding:16px 22px 20px}.btn[disabled]{opacity:.6}@media (width<=520px){.ili{margin-left:0}.opts,.step>textarea,.step>.field,.step>.small,.step>.err,.step>.send,.step>.korak{width:100%;margin-left:0;padding-left:0}}.convo.live .step:not(.active)>:not(legend):not(.a),.convo.live .step.active>.a,.convo.live .step[hidden]{display:none}.case-hero>img.cover{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.palette{flex-wrap:wrap;gap:10px;margin:1.4em 0;display:flex}.palette div{background:var(--bijela);box-shadow:0 0 0 1px #e3e1e8, var(--shadow-karta);border-radius:3px;flex:110px;overflow:hidden}.palette i{height:110px;display:block}.palette b{font:700 15px/1.2 var(--font-text);letter-spacing:-.02em;padding:10px 12px 2px;display:block}.palette small{font:500 12px/1.2 var(--font-ui);color:var(--siva-2);font-variant-numeric:tabular-nums;padding:0 12px 12px;display:block}.prose img[alt*=mobitel]{max-width:320px;margin-left:auto;margin-right:auto;box-shadow:0 0 0 1px #e3e1e8}.prose img[alt*=računal]{box-shadow:0 0 0 1px #e3e1e8}.prose blockquote p{margin:0 0 .4em}.prose blockquote footer{font:500 14px/1.3 var(--font-ui);color:var(--siva-2)}.chip.photo{aspect-ratio:4/5}.chip.photo>img{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.sel-photo{border:1.5px solid var(--malina);z-index:3;pointer-events:none;position:absolute;inset:14% 18% 10%}.sel-photo i{border:1.5px solid var(--malina);background:#fff;width:9px;height:9px;position:absolute}.sel-photo i:first-child{top:-5px;left:-5px}.sel-photo i:nth-child(2){top:-5px;right:-5px}.sel-photo i:nth-child(3){bottom:-5px;left:-5px}.sel-photo i:nth-child(4){bottom:-5px;right:-5px}.sel-photo b{background:var(--malina);color:#fff;font:600 12px/1 var(--font-ui);white-space:nowrap;border-radius:4px;padding:5px 7px;position:absolute;bottom:calc(100% + 6px);left:-1.5px}.direct{gap:12px;margin:26px 0 0;display:grid}.direct div{gap:4px;display:grid}.direct dt{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--siva-3)}.direct dd{font:600 17px/1.3 var(--font-text);margin:0}.direct a{text-decoration:none}.direct a:hover{color:var(--malina)}.hero .chip.photo{aspect-ratio:4/5}.kinds{gap:10px;margin-top:28px;display:grid}.kinds .cap{height:38px;padding:0 16px;font-size:15px}.flow{width:100%;display:flex;overflow:hidden}.flow ul{animation:flow var(--dur,40s) linear infinite;flex-wrap:nowrap;flex:none;gap:8px;margin:0;padding:0 8px 0 0;list-style:none}.flow:hover ul{animation-play-state:paused}@keyframes flow{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.flow ul{flex-wrap:wrap;flex:1}.flow ul[aria-hidden]{display:none}}.gets{align-items:start;margin-top:32px}.gets .chip{aspect-ratio:16/9}.gets .glyph{font-size:clamp(120px,11vw,170px)}.gets h3{margin-bottom:4px;font-size:22px}.acc details{border-top:1px solid var(--crta)}.acc details:last-child{border-bottom:1px solid var(--crta)}.acc summary{font:600 15px/1.3 var(--font-text);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";width:22px;height:22px;font:500 16px/1 var(--font-ui);color:var(--malina);border-radius:50%;flex:none;place-items:center;transition:transform .2s,background .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1.5px}.acc summary:hover,.acc details[open] summary{color:var(--malina)}.acc details[open] summary:after{background:var(--malina);color:#fff;box-shadow:none;transform:rotate(45deg)}.acc details p{font:400 14px/1.5 var(--font-text);color:var(--siva-1);margin:0 0 14px}.footnote{max-width:46em;font:400 13px/1.5 var(--font-ui);color:var(--siva-2);margin:22px 0 0}.faq-groups{gap:36px;max-width:880px;margin-top:32px;display:grid}.faq-group{gap:10px;display:grid}.faq-group .comp{font-size:13px}.footnote a{color:var(--malina)}.sample[data-measure]{position:relative;overflow:visible}.sample[data-measure]:hover,.sample[data-measure]:focus-visible{z-index:10}.sample[data-measure]>.chip{border-radius:3px 3px 0 0}.sample[data-measure]>.selbox{--ann:var(--malina);--ann-ink:#fff;z-index:6}.tools{border-top:1.5px solid var(--crta);max-width:720px;margin:clamp(32px,4vw,48px) 0 0;padding-top:clamp(24px,3vw,32px)}.tools h3{margin-bottom:16px}.tool-caps{margin:0;gap:8px;margin-block:-12px;padding:12px 0;list-style:none;position:relative}.tool-caps .cap{background:var(--chip);height:40px;color:var(--on);padding:0 17px;font-size:16px;transition:transform .7s cubic-bezier(.34,1.56,.64,1);position:relative}.tool-caps.moving .cap{transition-duration:.25s;transition-timing-function:ease-out}@media (width<=620px){.tool-caps .cap{height:36px;padding:0 14px;font-size:15px}}.sample.clef .glyph{font-family:Apple Symbols,Segoe UI Symbol,Noto Music,"Noto Sans Symbols 2",serif;font-size:clamp(280px,30vw,440px);font-weight:400;font-stretch:100%;line-height:1;bottom:-30%;left:4%}.board.has-mark{overflow:hidden}.board.has-mark>:not(.bg-mark){position:relative}.bg-mark{opacity:.1;pointer-events:none;user-select:none;width:auto;height:150%;position:absolute;top:50%;right:4%;transform:translateY(-50%)}@media (width<=620px){.bg-mark{opacity:.07;right:-18%}}.fc{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;bottom:clamp(16px,2.5vw,28px);right:clamp(16px,2.5vw,28px)}.fc-pin{pointer-events:auto;color:var(--crna);font:600 15px/1 var(--font-text);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.fc-dot{background:var(--malina);color:#fff;width:52px;height:52px;font:600 19px/1 var(--font-ui);box-shadow:0 0 0 3px #fff, var(--shadow-komentar);border-radius:50% 50% 50% 4px;order:2;place-items:center;transition:transform .2s,background .2s;display:grid}.fc-label{box-shadow:var(--shadow-komentar);background:#fff;border-radius:999px;padding:11px 15px;transition:opacity .2s,transform .2s}.fc-pin:hover .fc-dot{transform:translateY(-2px)rotate(-4deg)}.fc.open .fc-dot{background:var(--crna)}.fc.open .fc-label{opacity:0;pointer-events:none;transform:translate(8px)}.fc-panel{transform-origin:100% 100%;opacity:0;pointer-events:none;background:#fff;border-radius:16px;flex-direction:column;width:min(420px,100vw - 32px);max-height:min(640px,100dvh - 120px);transition:opacity .22s,transform .22s;display:flex;overflow:hidden;transform:translateY(10px)scale(.96);box-shadow:0 0 0 1px #e3e1e8,0 18px 50px #010f0c2e}.fc.open .fc-panel{opacity:1;pointer-events:auto;transform:none}.fc-head{border-bottom:1px solid var(--crta);align-items:center;gap:12px;padding:14px 14px 12px 18px;display:flex}.fc-head b{font:600 14px/1.2 var(--font-ui);display:block}.fc-head span{font:400 13px/1.3 var(--font-ui);color:var(--siva-2)}.fc-x{width:36px;height:36px;font:400 24px/1 var(--font-ui);color:var(--siva-2);background:0 0;border:0;border-radius:50%;margin-left:auto}.fc-x:hover{background:var(--crta);color:var(--crna)}.fc-body{overscroll-behavior:contain;overflow-y:auto}.fc-body .convo{box-shadow:none;border-radius:0}@media (width<=620px){.fc-label{display:none}.fc-panel{left:0;right:0;top:var(--vvt,0px);height:var(--vvh,100dvh);border-radius:0;width:auto;max-height:none;position:fixed;transform:translateY(24px)}.fc.open .fc-pin{visibility:hidden}html.fc-lock,html.fc-lock body{overflow:hidden}.fc-head{padding:10px 10px 10px 16px}.fc-x{width:44px;height:44px;font-size:28px}.fc-body .convo{padding-bottom:0}.fc-body .step.active>.send{z-index:2;background:#fff;margin-bottom:-20px;padding:10px 0 16px;position:sticky;bottom:0;box-shadow:0 -10px 12px -10px #010f0c1f}.fc-body .step.active>.korak{z-index:2;background:#fff;margin-bottom:-20px;padding:10px 0 16px;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.fc-panel,.fc-dot,.fc-label{transition:none}}.prices{grid-template-columns:1.2fr 1fr 1fr;gap:14px;display:grid}.price-main{grid-area:1/1/span 2}.price-main .chip{aspect-ratio:auto;height:130px}@media (width>=1001px){.price-main .chip{flex:auto;height:auto;min-height:130px}.price-main .label{flex:none}}.price-main .glyph{font-size:clamp(110px,10vw,150px);bottom:-18%}.price-main .btn{justify-self:start;margin-top:8px}.price-item{border:1.5px solid var(--crta);border-radius:3px;align-content:start;gap:5px;padding:16px 18px;display:grid}.price-deal{gap:10px}.price-deal h3{margin-bottom:2px;font-size:19px}.price-item p{color:var(--siva-1);margin:0;font-size:15px}.prices .price{font:700 24px/1.1 var(--font-text);letter-spacing:-.03em;color:var(--malina);margin:0}.price-list{font:400 15px/1.45 var(--font-text);color:var(--siva-1);margin:2px 0 0;padding:0 0 0 18px}@media (width<=1000px){.prices{grid-template-columns:1fr 1fr}.price-main{grid-area:auto/1/auto/-1}}@media (width<=620px){.prices{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px;display:grid}.bento>.chip{border-radius:3px;grid-column:span 2;align-items:flex-start;min-height:300px;padding:52px 24px 24px;display:flex}.bento>.chip:first-child{grid-column:span 4}.bento .fname{position:absolute;top:13px;left:14px}.bento .glyph{font-size:clamp(150px,14vw,210px);bottom:-12%;right:5%}.bento>.chip:nth-child(5) .glyph{font-size:clamp(90px,8vw,120px);bottom:-6%}.bento-text{max-width:15em;position:relative}.bento>.chip:first-child .bento-text{max-width:24em}.bento h3{letter-spacing:-.05em;color:var(--on);font-size:clamp(28px,3vw,40px)}.bento p{color:var(--on);margin:10px 0 0;font-size:17px;line-height:1.45}@media (width<=1000px){.bento>.chip,.bento>.chip:first-child{grid-column:span 3}.bento>.chip:nth-child(5){grid-column:1/-1}}@media (width<=620px){.bento{grid-template-columns:1fr}.bento>.chip,.bento>.chip:first-child,.bento>.chip:nth-child(5){grid-column:auto;min-height:220px}.bento-text,.bento>.chip:first-child .bento-text{max-width:24em}}.gets-tabs{margin-top:24px}.gt-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.gt-tabs .cap{height:42px;color:var(--crna);box-shadow:inset 0 0 0 1.5px var(--crna);cursor:pointer;background:0 0;padding:0 18px;font-size:16px}.gt-tabs .cap[aria-selected=true]{background:var(--chip);color:var(--on);box-shadow:none}.gt-stack{display:grid}.gt-panel{visibility:hidden;opacity:0;grid-area:1/1;grid-template-columns:220px 1fr;gap:28px;transition:opacity .2s;display:grid}.gt-panel[data-on]{visibility:visible;opacity:1}.gt-chip{border-radius:3px;min-height:220px}.gt-chip .fname{position:absolute;top:11px;left:12px}.gt-chip .glyph{font-size:200px;bottom:-10%;left:10%}.gt-items{grid-template-columns:1fr 1fr;align-content:start;gap:20px 32px;margin:0;display:grid}.gt-items dt{font:700 17px/1.25 var(--font-text);letter-spacing:-.02em}.gt-items dd{color:var(--siva-1);margin:4px 0 0;font-size:15px;line-height:1.5}.gets{display:none}@media (width<=1000px){.gt-panel{grid-template-columns:160px 1fr}.gt-chip .glyph{font-size:150px}.gt-items{grid-template-columns:1fr}}@media (width<=620px){.gets-tabs{display:none}.gets{display:grid}}.nap{border-left:2px solid var(--limeta);font:400 13px/1.45 var(--font-ui);color:var(--siva-2);margin-top:10px;padding-left:10px;display:block}.acc p.nap{font:400 13px/1.45 var(--font-ui);color:var(--siva-2);margin:-4px 0 14px}.prices .price span{font:400 14px/1.3 var(--font-text);color:var(--siva-2);letter-spacing:0}.price-item .price-list{margin-top:4px;font-size:14px}.comp.tn{--compc:#4e7a12}.tko .board{background:var(--chip);color:var(--on)}.tko-big{letter-spacing:-.055em;min-height:1.02em;margin:0;font-size:clamp(36px,6.4vw,92px);line-height:1.02}.tko-word{white-space:nowrap}.tko-sub{color:var(--plava);margin:14px 0 0;font-size:clamp(17px,1.6vw,20px)}.tko-caps{opacity:.55;margin-top:clamp(22px,3vw,36px)}[data-selected]>.selbox{z-index:6;display:block}.tko-caps .cap{height:40px;padding:0 17px;font-size:16px}@media (width<=620px){.tko-big{min-height:2.04em}}a.chip{text-decoration:none;transition:transform .2s}a.chip:hover{transform:translateY(-3px)}.bento .more{color:var(--on);margin-top:14px;display:inline-block}.price-item .more{margin-top:6px;font-size:15px}.price-main .caps{gap:18px;margin-top:8px}.price-main .caps .btn{margin-top:0}.cl-head{max-width:1016px;margin-left:0}.cl-head .row>span:last-child{color:var(--siva-2)}.cl-head>div:first-child{align-content:center;gap:18px;display:grid}.cl-head.hero{grid-template-columns:minmax(0,680px) 280px;justify-content:space-between;gap:56px;max-width:none}.cl-grid{grid-template-columns:minmax(0,680px) 280px;justify-content:space-between;gap:56px;display:grid}.cl-prose h2{scroll-margin-top:100px}.cl-prose mark{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--limeta) 55%, transparent) 62% 94%, transparent 94%);color:inherit;font-weight:500}.cl-side{flex-direction:column;gap:14px;display:flex}.cl-k{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--siva-2);display:flex}.cl-k:before{content:"# ";opacity:.6;white-space:pre}.cl-k em{font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}.cl-naj{background:var(--chip);color:var(--on);border-radius:2px;padding:16px 18px 18px}.cl-naj .cl-k{color:inherit;opacity:.75}.cl-naj ul{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.cl-naj li{font:500 15px/1.4 var(--font-text);padding-left:18px;position:relative}.cl-naj li:before{content:"";background:var(--ann);border-radius:50%;width:7px;height:7px;position:absolute;top:.5em;left:0}.cl-stick{gap:14px;display:grid;position:sticky;top:92px}.cl-nav{box-shadow:inset 0 0 0 1.5px var(--crta);border-radius:2px;padding:16px 18px 18px}.cl-nav ol{counter-reset:n;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:grid}.cl-nav li{counter-increment:n}.cl-nav a{font:500 14px/1.35 var(--font-text);color:var(--siva-1);border-radius:6px;gap:10px;margin:0 -8px;padding:7px 8px;text-decoration:none;display:flex}.cl-nav a:before{content:counter(n, decimal-leading-zero);font:600 11px/1.9 var(--font-ui);color:var(--siva-3);font-variant-numeric:tabular-nums;flex:none}.cl-nav a:hover{color:var(--crna);background:#f6f5f8}.cl-nav a[aria-current]{background:var(--crna);color:#fff}.cl-nav a[aria-current]:before{color:var(--limeta)}.cl-bar{background:var(--crta);border-radius:2px;height:3px;margin-top:14px;display:block;overflow:hidden}.cl-bar i{background:var(--malina);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cl-notes{display:grid}.cl-sn{opacity:0;pointer-events:none;grid-area:1/1;align-items:flex-start;gap:8px;transition:opacity .35s,translate .35s cubic-bezier(.2,.7,.2,1);display:flex;translate:0 10px}.cl-sn.on{opacity:1;translate:0}.cl-sn .pin{width:30px;height:30px;font-size:12px}.cl-sn p{box-shadow:var(--shadow-komentar);font:400 15px/1.4 var(--font-ui);color:var(--crna);background:#fff;border-radius:14px;margin:0;padding:11px 14px 13px}.cl-sn b{font:600 13px/1 var(--font-ui);margin-bottom:7px;display:block}.cl-video{margin:2em 0 2.4em;position:relative}.cl-video video{aspect-ratio:16/9;background:var(--lavanda);border-radius:2px;width:100%;display:block}.cl-video-p{width:36px;height:36px;color:var(--crna);font:600 12px/1 var(--font-ui);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;position:absolute;top:12px;right:12px}.cl-prose figcaption{font:500 12px/1.3 var(--font-ui);color:var(--siva-2);margin-top:10px}.cl-usp{margin:2em 0 2.4em}.cl-usp-in{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cl-usp-k{background:var(--chip);color:var(--on);border-radius:2px;min-height:260px;padding:40px 20px 20px;position:relative;overflow:hidden}.cl-usp-k>.fname{position:absolute;top:14px;left:16px}.cl-usp-g{font:900 180px/.8 var(--font-display);color:var(--glyph);opacity:.9;font-stretch:125%;position:absolute;bottom:-30px;right:-8px}.cl-usp-k dl{margin:0;position:relative}.cl-usp-k dt{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:12px}.cl-usp-k dd{font:700 19px/1.2 var(--font-text);letter-spacing:-.02em;max-width:13em;margin:4px 0 0}.cl-uz{box-shadow:inset 0 0 0 1.5px var(--crta);color:var(--crna);background:#fff;border-radius:2px;align-items:stretch;margin:2em 0;text-decoration:none;transition:box-shadow .2s;display:flex;overflow:hidden}.cl-uz:hover{box-shadow:inset 0 0 0 1.5px var(--crna)}.cl-prose a.cl-uz{color:var(--crna);text-decoration:none}.cl-uz-g{background:var(--chip);width:96px;color:var(--glyph);font:900 64px/1 var(--font-display);flex:none;place-items:center;font-stretch:125%;display:grid}.cl-uz-t{flex:1;gap:4px;min-width:0;padding:14px 18px 16px;display:grid}.cl-uz-k{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--malina)}.cl-uz-t b{font:700 19px/1.2 var(--font-text);letter-spacing:-.02em}.cl-uz-t span:last-child{font:400 14px/1.45 var(--font-ui);color:var(--siva-1)}.cl-uz-go{font:600 20px/1 var(--font-ui);align-self:center;padding:0 18px}.cl-sign{border-top:1px solid var(--crta);align-items:center;gap:14px;margin-top:2.4em;padding-top:1.2em;display:flex}.cl-sign img{object-fit:cover;object-position:center 15%;border-radius:50%;width:64px;height:64px}.cl-sign p{font:400 15px/1.45 var(--font-text);color:var(--siva-1);margin:0}.cl-sign b{font:700 22px/1.1 var(--font-text);letter-spacing:-.03em;color:var(--crna);display:block}.cl-mp{display:none}.cl-prep .board{padding:clamp(20px,3vw,36px)}.cl-prep .sechead{align-items:baseline;margin-bottom:18px}.cl-prep .sechead h2{letter-spacing:-.035em;font-size:clamp(22px,2.2vw,28px)}.cl-rcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cl-rc{min-height:128px;box-shadow:inset 0 0 0 1.5px var(--crta);color:var(--crna);background:#fff;border-radius:2px;grid-template-columns:84px minmax(0,1fr);text-decoration:none;transition:box-shadow .2s;display:grid;position:relative;overflow:hidden}a.cl-rc:hover{box-shadow:inset 0 0 0 1.5px var(--crna)}.cl-rc-g{background:var(--chip);color:var(--glyph);font:900 52px/1 var(--font-display);place-items:center;font-stretch:125%;display:grid;overflow:hidden}.cl-rc-t{flex-direction:column;gap:6px;min-width:0;padding:12px 16px 14px;display:flex}.cl-rc-row{font:500 12px/1 var(--font-ui);color:var(--siva-2);align-items:center;gap:8px;display:flex}.cl-rc-row .tag{color:var(--crna)}.cl-rc-t b{font:700 17px/1.2 var(--font-text);letter-spacing:-.02em}.cl-rc-d{font:400 13px/1.4 var(--font-ui);color:var(--siva-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cl-ph{box-shadow:none;--ph:var(--plava);background:0 0;grid-template-columns:minmax(0,1fr);overflow:visible}.cl-ph-rect{pointer-events:none;background:color-mix(in srgb, var(--ph) 6%, transparent);animation:4s infinite cl-povrsina;position:absolute;inset:0}.cl-ph-rect i{background:var(--ph);position:absolute}.cl-ph-rect i:first-child{transform-origin:0;width:100%;height:1.5px;animation:4s infinite cl-crta1;top:0;left:0}.cl-ph-rect i:nth-child(2){transform-origin:top;width:1.5px;height:100%;animation:4s infinite cl-crta2;top:0;right:0}.cl-ph-rect i:nth-child(3){transform-origin:100%;width:100%;height:1.5px;animation:4s infinite cl-crta3;bottom:0;right:0}.cl-ph-rect i:nth-child(4){transform-origin:bottom;width:1.5px;height:100%;animation:4s infinite cl-crta4;bottom:0;left:0}.cl-ph-h i{border:1.5px solid var(--ph);background:#fff;width:8px;height:8px;animation:4s infinite cl-ruc;position:absolute}.cl-ph-h i:first-child{top:-4px;left:-4px}.cl-ph-h i:nth-child(2){top:-4px;right:-4px}.cl-ph-h i:nth-child(3){bottom:-4px;left:-4px}.cl-ph-h i:nth-child(4){bottom:-4px;right:-4px}.cl-ph-size{background:var(--ph);color:#fff;font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums;opacity:0;border-radius:4px;padding:4px 6px;animation:4s infinite cl-ruc;position:absolute;bottom:8px;right:8px}.cl-ph-t{padding-left:18px;animation:4s infinite cl-tekst}.cl-ph-tag{box-shadow:inset 0 0 0 1.5px var(--siva-3);border-color:#0000;color:var(--siva-2)!important}.cl-ph-cur{z-index:2;opacity:0;width:0;height:0;animation:4s cubic-bezier(.4,0,.2,1) infinite cl-kursor;position:absolute;top:0;left:0}.cl-ph-cur:before{content:"";background:var(--malina);clip-path:polygon(0 0,100% 40%,45% 55%,35% 100%);width:16px;height:16px;position:absolute;top:-2px;left:-2px}.cl-ph-cur span{background:var(--malina);color:#fff;font:600 11px/1 var(--font-ui);white-space:nowrap;border-radius:4px 999px 999px;padding:4px 7px;position:absolute;top:12px;left:14px}@keyframes cl-povrsina{0%,45%{background:0 0}55%,92%{background:color-mix(in srgb, var(--ph) 6%, transparent)}to{background:0 0}}@keyframes cl-crta1{0%{transform:scaleX(0)}18%,92%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes cl-crta2{0%,18%{transform:scaleY(0)}30%,92%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes cl-crta3{0%,30%{transform:scaleX(0)}45%,92%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes cl-crta4{0%,45%{transform:scaleY(0)}55%,92%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes cl-ruc{0%,50%{opacity:0}56%,92%{opacity:1}to{opacity:0}}@keyframes cl-tekst{0%,58%{opacity:0;translate:0 6px}66%,92%{opacity:1;translate:0}to{opacity:0}}@keyframes cl-kursor{0%{opacity:1;translate:0}18%{translate:var(--fw,300px) 0}30%{translate:var(--fw,300px) var(--fh,128px)}45%{translate:0 var(--fh,128px)}55%{translate:0}70%,88%{translate:calc(var(--fw,300px) * .62) calc(var(--fh,128px) * .72);opacity:1}to{translate:calc(var(--fw,300px) * .62) calc(var(--fh,128px) * .72);opacity:0}}@media (width<=1000px){.cl-grid{grid-template-columns:minmax(0,1fr);gap:0}.cl-head.hero{grid-template-columns:minmax(0,1fr);gap:28px}.cl-head.hero .sample{width:min(100%,320px)}.cl-side{order:-1;margin-bottom:2em}.cl-stick{position:static}.cl-nav,.cl-notes{display:none}.cl-rcs{grid-template-columns:minmax(0,1fr)}.cl-mp{z-index:40;background:color-mix(in srgb, var(--bijela) 94%, transparent);backdrop-filter:blur(6px);box-shadow:0 1px 0 var(--crta);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 calc(-1*clamp(24px,5vw,64px)) 1.4em;padding:10px clamp(24px,5vw,64px) 12px;display:grid;position:sticky}.cl-mp-n{font:600 12px/1 var(--font-ui);color:var(--siva-2);font-variant-numeric:tabular-nums}.cl-mp-n b{color:var(--malina)}.cl-mp-t{font:600 14px/1.2 var(--font-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cl-mp-r{font:500 12px/1 var(--font-ui);color:var(--siva-2);white-space:nowrap}.cl-mp-bar{background:var(--crta);height:3px;position:absolute;bottom:0;left:0;right:0}.cl-mp-bar i{background:var(--malina);transform-origin:0;height:100%;display:block;transform:scaleX(0)}}@media (width<=760px){.cl-usp-in{grid-template-columns:1fr}.cl-uz-g{width:64px;font-size:44px}.cl-uz-go{display:none}}.ui-in{background:#fff;border-radius:2px;position:absolute;inset:38px 14px 14px;overflow:hidden}.ui-in iframe{transform-origin:0 0;pointer-events:none;border:0;width:200%;height:200%;position:absolute;top:0;left:0;transform:scale(.5)}.pr-main{align-content:start;gap:2.4em;min-width:0;display:grid}.pr{box-shadow:inset 0 0 0 1.5px var(--crta);background:#fff;border-radius:2px;margin:0;overflow:hidden}.pr-bar{align-items:center;gap:12px;padding:10px 14px 10px 18px;display:flex}.pr-bar .cl-k{color:var(--malina)}.pr-hint{min-width:0;font:500 13px/1.3 var(--font-ui);color:var(--siva-2);flex:1}.pr-btn{height:30px;color:var(--siva-1);font:600 12px/1 var(--font-ui);cursor:pointer;background:#f6f5f8;border:0;border-radius:999px;flex:none;padding:0 12px}.pr-btn:hover{background:var(--crta);color:var(--crna)}.pr-demo{background:#f6f5f8 radial-gradient(var(--kapsula-off) 1px, transparent 1px) 0 0 / 16px 16px;margin:0 1.5px;padding:28px}.pr-demo iframe{width:100%;box-shadow:0 0 0 1px var(--crta);background:#fff;border:0;border-radius:2px;display:block}.pr-tabs{border-bottom:1.5px solid var(--crta);align-items:center;gap:4px;padding:10px 14px;display:flex}.pr-tabs [role=tab]{height:30px;color:var(--siva-2);font:600 12px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}.pr-tabs [role=tab]:hover{color:var(--crna);background:#f6f5f8}.pr-tabs [role=tab][aria-selected=true]{background:var(--crna);color:#fff}.pr-tabs .pr-btn{margin-left:auto}.pr-panel pre{tab-size:2;max-height:460px;margin:0;padding:16px 18px 18px;font:400 13px/1.6 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.pr-licenca{font:500 13px/1.45 var(--font-ui);color:var(--siva-2);margin:0}.pr-main .prose h2:first-child{margin-top:0}.pr-main .prose h2{font-size:clamp(22px,2.4vw,28px)}@media (width<=1000px){.pr-main~.cl-side{order:0;margin:2.4em 0 0}}@media (width<=760px){.pr-demo{padding:12px}.pr-hint{display:none}.pr-bar{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.cl-ph-size,.cl-ph-cur{display:none}.cl-ph-h i{opacity:1}.cl-sn{transition:none}}.trz{border-radius:var(--radius-ploca,20px);background:var(--bijela);width:min(760px,100% - 32px);max-height:min(80vh,780px);color:var(--crna);box-shadow:var(--shadow-ploca);border:0;margin:9vh auto auto;padding:0;overflow:hidden}.trz[open]{display:flex}.trz::backdrop{backdrop-filter:blur(3px);background:#010f0c52}.trz-in{flex-direction:column;width:100%;min-height:0;padding:22px 28px 0;display:flex}.trz-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.trz-l{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--siva-2)}.trz-l:before{content:"# ";opacity:.6}.trz-x{background:var(--crta);color:var(--siva-1);font:600 12px/1 var(--font-ui);cursor:pointer;border:0;border-radius:6px;padding:7px 10px}.trz-q{border:0;border-bottom:1.5px solid var(--crna);width:100%;font:700 clamp(26px, 3.4vw, 40px)/1.1 var(--font-text);letter-spacing:-.045em;color:var(--crna);caret-color:var(--malina);-webkit-appearance:none;appearance:none;background:0 0;border-radius:0;outline:none;padding:2px 0 14px}.trz-q::placeholder{color:#b9b6c0}.trz-q::-webkit-search-cancel-button{display:none}.trz-idle{padding:18px 0 22px}.trz-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.trz-chips button{height:36px;box-shadow:inset 0 0 0 1.5px var(--crna);font:600 15px/1 var(--font-text);color:var(--crna);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 15px}.trz-chips button:hover{background:var(--crna);color:#fff}.trz-n{font:500 13px/1.4 var(--font-ui);color:var(--siva-2);margin:14px 0 6px}.trz-n:empty{display:none}.trz-n a{color:var(--malina)}.trz-res{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -14px;padding:0 0 12px;list-style:none;overflow-y:auto}.trz-res a{color:inherit;outline-offset:-1.5px;border-radius:10px;outline:1.5px solid #0000;gap:5px;padding:14px;text-decoration:none;display:grid}.trz-res li[aria-selected=true] a{outline-color:var(--malina);background:#fff}.trz-k{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--siva-2)}.trz-k span{color:var(--siva-3);letter-spacing:0;text-transform:none;margin-left:6px;font-weight:500}.trz-t{font:700 20px/1.2 var(--font-text);letter-spacing:-.03em}.trz-s{font:400 15px/1.5 var(--font-text);color:var(--siva-1)}.trz mark{background:var(--odabir-svijetlo);color:inherit;border-radius:2px;padding:0 1px}.trz-keys{border-top:1px solid var(--crta);font:500 12px/1 var(--font-ui);color:var(--siva-3);margin:0 -28px;padding:12px 28px}.trz-keys kbd{font:600 11px/1 var(--font-ui);background:var(--crta);color:var(--siva-1);border-radius:4px;margin-right:2px;padding:3px 6px}.trz-open{height:38px;font:500 15px/1 var(--font-text);color:var(--siva-1);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 14px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #dddbe3}.trz-open:hover{box-shadow:inset 0 0 0 1.5px var(--crna);color:var(--crna)}.trz-open kbd{font:600 11px/1 var(--font-ui);background:var(--crta);color:var(--siva-2);border-radius:999px;padding:5px 7px}.nav .trz-open{display:none}@media (width<=1000px){.top .trz-open{display:none}.nav .trz-open{width:100%;height:48px;color:var(--siva-2);border-radius:12px;margin:4px 0 8px;padding:0 16px;font-size:17px;display:flex}.nav .trz-open kbd{display:none}}@media (width<=620px){.trz{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.trz-in{padding:16px 16px 0}.trz-res{margin:0 -8px}.trz-res a{padding:12px 8px}.trz-keys{display:none}}@media (hover:none){.trz-keys{display:none}}