/* IT Support Solutions — stilovi
   Osnova + dizajn "its" (preuzet 1:1 sa Sitejet stranice) + pravne stranice. */
/* Fontovi s našeg servera (bez Googlea, bez slanja IP adrese trećima). Licenca: SIL OFL, vidi /fonts/ */
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/BricolageGrotesque-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/BricolageGrotesque-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/IBMPlexSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/IBMPlexSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0B2240;-webkit-text-size-adjust:100%}
img{max-width:100%}
button,input,textarea{font:inherit;margin:0}
.its{--its-ink: #0F2A4A;--its-ink-2: #14345A;--its-ink-deep: #0B2240;--its-line-dark: #24476F;--its-line-dark-2: #3B5E86;--its-paper: #F3F6FA;--its-white: #FFFFFF;--its-line: #DCE3EC;--its-line-2: #C7D1DE;--its-text: #0F2A4A;--its-muted: #3F5068;--its-muted-2: #64748B;--its-on-dark: #F3F6FA;--its-on-dark-muted: #B6C4D6;--its-on-dark-faint: #8EA2BC;--its-accent: #38BDF8;--its-accent-ink: #0369A1;--its-font-display: 'Bricolage Grotesque', system-ui, sans-serif;--its-font-body: 'IBM Plex Sans', system-ui, sans-serif;--its-font-mono: 'IBM Plex Mono', ui-monospace, monospace;font-family:var(--its-font-body);color:var(--its-text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.its *,.its *::before,.its *::after{box-sizing:border-box}:where(.its) :where(h1,h2,h3,p){margin:0}.its :where(h1, h2, h3, p){color:inherit}:where(.its) a{color:inherit}.its svg{display:block;flex-shrink:0}html{scroll-behavior:smooth}.its-section{width:100%}.its-dark{background:var(--its-ink);color:var(--its-on-dark)}.its-paper{background:var(--its-paper)}.its-white{background:var(--its-white);border-top:1px solid var(--its-line);border-bottom:1px solid var(--its-line)}.its-wrap{max-width:1240px;margin:0 auto;padding:112px 24px}.its-split{display:flex;flex-wrap:wrap;gap:56px}.its-split>.its-main{flex:999 1 560px;min-width:0}.its-split>.its-side{flex:1 1 340px;min-width:0}.its-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--its-font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--its-accent-ink)}.its-dark .its-eyebrow{color:var(--its-accent)}.its-dot{width:8px;height:8px;border-radius:50%;background:var(--its-accent)}.its-h1{font-family:var(--its-font-display);font-weight:800;font-size:clamp(42px, 6vw, 78px);line-height:1.02;letter-spacing:-.03em;margin-top:22px}.its-h2{font-family:var(--its-font-display);font-weight:700;font-size:clamp(32px, 4vw, 52px);line-height:1.08;letter-spacing:-.02em}.its-h3{font-family:var(--its-font-display);font-weight:700;font-size:26px;letter-spacing:-.01em}.its-lead{font-size:20px;line-height:1.55;color:var(--its-on-dark-muted);max-width:560px;margin-top:28px}.its-muted{color:var(--its-muted)}.its-dark .its-muted{color:var(--its-on-dark-muted)}.its-hl{color:var(--its-accent-ink)}.its-btns{margin-top:40px;display:flex;flex-wrap:wrap;gap:14px}.its-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:12px;border:0;font-weight:600;font-size:17px;text-decoration:none;cursor:pointer;transition:transform .15s ease, background-color .15s ease, border-color .15s ease}.its-btn:hover{transform:translateY(-1px)}.its-btn-accent{background:var(--its-accent);color:var(--its-ink)}.its-btn-accent:hover{background:#7DD3FC}.its-btn-ghost{border:1px solid var(--its-line-dark-2);color:var(--its-on-dark);font-weight:500}.its-btn-ghost:hover{border-color:var(--its-accent)}.its-btn-dark{background:var(--its-ink);color:var(--its-on-dark)}.its-btn-dark:hover{background:#1B3A63}.its-nav-bar{background:var(--its-ink);border-bottom:1px solid #1D3A60}.its-nav{max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.its-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--its-on-dark)}.its-logo-mark{width:36px;height:36px;border-radius:9px;background:var(--its-accent);color:var(--its-ink);display:flex;align-items:center;justify-content:center}.its-logo-text{font-family:var(--its-font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.its-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px}.its-nav-links a{color:#C8D3E0;text-decoration:none}.its-nav-links a:hover{color:var(--its-accent)}.its-nav-links a.its-phone{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--its-line-dark-2);color:var(--its-on-dark);font-family:var(--its-font-mono);font-size:14px}.its-nav-links a.its-phone:hover{border-color:var(--its-accent)}.its-hero .its-wrap{padding:88px 24px 104px;align-items:center}.its-status{background:var(--its-ink-2);border:1px solid var(--its-line-dark);border-radius:20px;padding:28px;font-family:var(--its-font-mono)}.its-status-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--its-on-dark-faint);padding-bottom:18px;border-bottom:1px solid var(--its-line-dark)}.its-status-ok{display:inline-flex;align-items:center;gap:8px;color:var(--its-accent)}.its-status-ok .its-dot{width:7px;height:7px}.its-stats{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1px;background:var(--its-line-dark);margin-top:18px;border-radius:12px;overflow:hidden}.its-stat{background:var(--its-ink-2);padding:22px 18px}.its-stat-num{font-family:var(--its-font-display);font-size:44px;font-weight:700;line-height:1;color:var(--its-on-dark)}.its-stat-label{margin-top:10px;font-size:13px;color:#A7B6CA}.its-status-foot{margin-top:18px;font-size:13px;color:#A7B6CA;display:flex;align-items:center;gap:10px}.its-problem .its-wrap{padding-bottom:56px;align-items:flex-end;-moz-column-gap:72px;column-gap:72px;row-gap:48px}.its-pillars{max-width:1240px;margin:0 auto;padding:0 24px 112px;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px}.its-card{background:var(--its-white);border:1px solid var(--its-line);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:18px;transition:border-color .2s ease, transform .2s ease}.its-card:hover{border-color:var(--its-accent);transform:translateY(-3px)}.its-card .its-h3{font-size:28px}.its-icon{width:52px;height:52px;border-radius:14px;background:var(--its-ink);color:var(--its-accent);display:flex;align-items:center;justify-content:center}.its-why-title{margin:16px 0 56px;max-width:760px}.its-why{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));border-top:1px solid var(--its-line)}.its-why-item{padding:32px 28px 36px 0;border-bottom:1px solid var(--its-line)}.its-num{font-family:var(--its-font-mono);font-size:14px;color:var(--its-accent-ink)}.its-why-item .its-h3{font-size:24px;margin:14px 0 10px}.its-split>.its-services-intro{flex:1 1 320px}.its-services-intro .its-h2{margin:16px 0 20px}.its-services-intro .its-btn{margin-top:32px}.its-list{display:flex;flex-direction:column;border-top:1px solid var(--its-line-2)}.its-row{display:flex;flex-wrap:wrap;gap:8px 32px;padding:30px 0;border-bottom:1px solid var(--its-line-2)}.its-row-num{flex:0 0 48px;font-family:var(--its-font-mono);font-size:14px;color:var(--its-muted-2);padding-top:6px}.its-row-body{flex:1 1 360px;min-width:0}.its-row-body .its-h3{margin-bottom:8px}.its-row:hover .its-row-num{color:var(--its-accent-ink)}.its-contact .its-h2{margin:16px 0 20px}.its-contact .its-split{flex-direction:column;align-items:center;gap:48px}.its-contact .its-split>.its-side{flex:0 0 auto;text-align:center}.its-contact .its-eyebrow{justify-content:center}.its-contact .its-side .its-muted{margin-left:auto;margin-right:auto}.its-contact-info{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:16px}.its-contact-info a,.its-contact-info div{display:flex;gap:14px;align-items:center;justify-content:center;color:var(--its-on-dark);text-decoration:none}.its-contact-info span{font-family:var(--its-font-mono);font-size:12px;color:var(--its-on-dark-faint);width:64px;flex-shrink:0;text-align:right}.its-form{margin:64px auto 64px;background:#F3F6FA;color:#0F2A4A;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;border-top:4px solid #38BDF8;box-shadow:0 20px 50px rgba(0,0,0,0.35),0 0 0 1px rgba(56,189,248,0.25);flex:0 1 500px;max-width:500px;width:100%;font-size:16px;min-width:0}.its-form .its-form-secure{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:10px;background:#E0F2FE;color:#0369A1;font-size:13px;font-weight:600}.its-form .its-form-secure svg{color:#0369A1}.its-form .its-form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));gap:14px}.its-form .its-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:#0F2A4A}.its-form .its-field input,.its-form .its-field textarea{width:100%;min-height:44px;padding:0 14px;border:1px solid #B6C2D1;border-radius:10px;background:#fff;color:#0F2A4A;font:inherit;font-weight:400}.its-form .its-field textarea{padding:12px 14px;resize:vertical}.its-form .its-field input:focus,.its-form .its-field textarea:focus{outline:2px solid #38BDF8;outline-offset:1px;border-color:#0369A1}.its-form .its-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#3F5068}.its-form .its-check input{width:20px;height:20px;margin:2px 0 0;accent-color:#0369A1}.its-form .its-check a{color:#0F2A4A}.its-form .its-btn{width:100%;min-height:52px;border:0;border-radius:12px;background:#0369A1;color:#fff;font-weight:600;font-size:17px;cursor:pointer}.its-form .its-btn:hover{background:#075985}.its-form-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:#64748B;text-align:center}.its-form-note svg{color:#0369A1}.its-footer{background:var(--its-ink-deep);color:#A7B6CA;font-size:15px}.its-footer-top{max-width:1240px;margin:0 auto;padding:56px 24px 40px;display:flex;flex-wrap:wrap;gap:40px 64px;justify-content:space-between}.its-footer-brand{flex:1 1 280px;min-width:0}.its-footer-brand .its-logo-text{color:var(--its-on-dark);font-size:20px}.its-footer-brand p{margin-top:10px;max-width:320px}.its-footer-col{display:flex;flex-direction:column;gap:10px}.its-footer-col a{color:#C8D3E0;text-decoration:none}.its-footer-col a:hover{color:var(--its-accent)}.its-footer-label{font-family:var(--its-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#70829A}.its-footer-bottom{max-width:1240px;margin:0 auto;padding:20px 24px 32px;border-top:1px solid #1D3A60;font-size:13px;color:#70829A}@media (max-width: 640px){.its-wrap{padding:72px 20px}.its-hero .its-wrap{padding:56px 20px 72px}.its-nav-links{gap:16px}.its-form{padding:22px;max-width:100%}.its-btn{width:100%}}.its-card{color:var(--its-text)}.its-dark .its-card .its-muted{color:var(--its-muted)}.its-dark .its-hl{color:var(--its-accent)}.its-dark .its-form .its-muted{color:var(--its-muted)}.its-form ::-moz-placeholder{color:#64748B;opacity:1}.its-form ::placeholder{color:#64748B;opacity:1}.its-row-num{color:#56677F}.its-form-note{color:#4E5F77}.its-footer-label,.its-footer-bottom{color:#8EA2BC}

/* Pravne stranice */
.its-legal{max-width:820px}
.its-legal .its-h2{margin-bottom:12px}
.its-legal .its-h3{font-size:22px;margin:40px 0 12px}
.its-legal p,.its-legal ul{margin:0 0 14px}
.its-legal ul{padding-left:20px}
.its-legal li{margin-bottom:6px}
.its-legal a{text-decoration:underline}

/* FAQ – harmonika (otvara se klikom, bez JavaScripta) */
.its-faq{max-width:860px;border-top:1px solid var(--its-line)}
.its-faq-item{border-bottom:1px solid var(--its-line)}
.its-faq-item summary{display:flex;align-items:center;gap:20px;padding:26px 4px;cursor:pointer;list-style:none}
.its-faq-item summary::-webkit-details-marker{display:none}
.its-faq-item summary:focus-visible{outline:2px solid var(--its-accent);outline-offset:4px;border-radius:6px}
.its-faq-item .its-num{flex:0 0 28px}
.its-faq-q{flex:1;font-family:var(--its-font-display);font-weight:700;font-size:22px;line-height:1.3;letter-spacing:-.01em;margin:0}
.its-faq-icon{flex:0 0 auto;width:36px;height:36px;padding:8px;border-radius:50%;background:var(--its-paper);color:var(--its-accent-ink);transition:transform .2s ease,background-color .2s ease}
.its-faq-item:not([open]) summary:hover .its-faq-icon{background:#E0F2FE}
.its-faq-item[open] .its-faq-icon{transform:rotate(45deg);background:var(--its-ink);color:var(--its-accent)}
.its-faq-a{padding:0 60px 28px 52px;max-width:760px}
@media (max-width:640px){.its-faq-q{font-size:18px}.its-faq-a{padding:0 4px 24px 42px}.its-faq-item summary{gap:14px;padding:22px 0}}

/* Stranica Hvala */
.its-thanks .its-wrap{min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.its-thanks .its-lead{max-width:620px}

/* Blog */
.its-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.its-post-card{display:flex;flex-direction:column;gap:14px;background:var(--its-white);border:1px solid var(--its-line);border-radius:20px;padding:32px 28px;text-decoration:none;color:var(--its-text);transition:border-color .2s ease,transform .2s ease}
.its-post-card:hover{border-color:var(--its-accent);transform:translateY(-3px)}
.its-post-card .its-h3{font-size:24px;line-height:1.25}
.its-post-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--its-accent-ink)}
.its-article{max-width:780px}
.its-back{display:block;width:max-content;font-size:15px;color:var(--its-accent-ink);text-decoration:none}
.its-back:hover{text-decoration:underline}
.its-article-title{margin-top:16px}
.its-article-meta{margin-top:14px;font-family:var(--its-font-mono);font-size:13px;color:var(--its-muted-2)}
.its-article-lead{margin-top:28px;font-size:21px;line-height:1.55;color:var(--its-text)}
.its-article-body{margin-top:8px;color:var(--its-muted);font-size:18px;line-height:1.7}
.its-article-body p{margin:18px 0 0}
.its-article-body h2{font-family:var(--its-font-display);font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.01em;color:var(--its-text);margin:52px 0 0}
.its-article-body h3{font-family:var(--its-font-display);font-weight:700;font-size:21px;line-height:1.3;color:var(--its-text);margin:32px 0 0}
.its-article-body ul{margin:18px 0 0;padding-left:22px}
.its-article-body li{margin-top:10px}
.its-article-body strong{color:var(--its-text);font-weight:600}
.its-article-body a{color:var(--its-accent-ink)}
.its-cta-box{margin-top:56px;background:var(--its-ink);color:var(--its-on-dark);border-radius:20px;padding:36px 32px}
.its-cta-box .its-eyebrow{color:var(--its-accent)}
.its-cta-title{font-family:var(--its-font-display);font-weight:700;font-size:28px;line-height:1.2;margin-top:14px}
.its-cta-box .its-muted{color:var(--its-on-dark-muted);margin-top:10px}
.its-cta-box .its-btns{margin-top:24px}
.its-sources{margin-top:40px;font-size:15px;color:var(--its-muted)}
.its-sources h2{font-family:var(--its-font-mono);font-weight:400;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--its-muted-2)}
.its-sources ul{margin:10px 0 0;padding-left:20px}
.its-sources li{margin-top:6px}
.its-sources a{color:var(--its-muted)}
.its-more{margin-top:40px;padding-top:28px;border-top:1px solid var(--its-line);display:flex;flex-direction:column;gap:10px}
.its-more .its-footer-label{color:var(--its-muted-2)}
.its-more a{font-family:var(--its-font-display);font-weight:700;font-size:19px;color:var(--its-text);text-decoration:none}
.its-more a:hover{color:var(--its-accent-ink)}
@media (max-width:640px){.its-article-lead{font-size:19px}.its-article-body{font-size:17px}.its-article-body h2{font-size:25px}.its-cta-box{padding:28px 22px}.its-cta-title{font-size:23px}}

/* Logo u izborniku */
.its-logo-img{display:block;height:32px;width:auto}
@media (max-width:640px){.its-logo-img{height:28px}}