@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

.hero{min-height:650px;background-size:100% 100%,auto 100%!important;background-position:center,right center!important}.service-card{padding:0!important;overflow:hidden}.service-visual{aspect-ratio:16/9;background-image:url('../images/usluge-ilustracije.png');background-repeat:no-repeat;background-size:400% 300%;background-color:#071d3a}.visual-1{background-position:0 0}.visual-2{background-position:33.333% 0}.visual-3{background-position:66.666% 0}.visual-4{background-position:100% 0}.visual-5{background-position:0 50%}.visual-6{background-position:33.333% 50%}.visual-7{background-position:66.666% 50%}.visual-8{background-position:100% 50%}.visual-9{background-position:0 100%}.visual-10{background-position:33.333% 100%}.visual-11{background-position:66.666% 100%}.visual-12{background-position:100% 100%}.service-copy{padding:23px 27px 27px}
@media(max-width:760px){.hero{min-height:0;background-size:auto 100%!important}.service-visual{aspect-ratio:16/8}}

.service-card h3{margin:0 0 9px!important}.service-details ul{margin:0;padding:22px 42px 25px;columns:2;column-gap:52px;list-style:none;color:var(--muted);font-size:.9rem}.service-details li{break-inside:avoid;margin:0 0 13px;padding-left:0}
@media(max-width:760px){.service-details ul{columns:1;padding:20px 38px}}

.footer-contact{display:flex;gap:20px;margin:0;font-style:normal}.footer-contact a{color:#d7ecfd;text-decoration:none;font-size:.84rem;font-weight:700}.footer-contact a:hover{text-decoration:underline}

/* Hero ilustracija: ostavlja kontrastan prostor za naslov na levoj strani. */
.hero{background:linear-gradient(90deg,rgba(7,29,58,1) 0%,rgba(7,29,58,.96) 42%,rgba(7,29,58,.2) 100%),url('../images/hero-it-infrastruktura.png') right center/cover no-repeat var(--navy)!important}.hero-grid{display:block!important}

:root{--navy:#071d3a;--blue:#1262b3;--sky:#eaf5ff;--ink:#0b1f36;--muted:#607286;--line:#d7e2ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}.container{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);border-bottom:1px solid #e7edf2;backdrop-filter:blur(12px)}.header-inner,.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:grid;line-height:1.15}.brand strong{font-size:.91rem;letter-spacing:.04em}.brand small{margin-top:4px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.075em}.main-nav{display:flex;gap:31px}.main-nav a{color:#334b64;text-decoration:none;font-size:.91rem;font-weight:700}.main-nav a:hover{color:var(--blue)}.menu-button{display:none;border:0;background:none;color:var(--navy);font:700 .9rem Manrope}.hero{overflow:hidden;background:var(--navy);color:var(--white);padding:92px 0 106px;position:relative}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(126,200,255,.2);border-radius:50%;right:-190px;top:-185px;box-shadow:0 0 0 55px rgba(18,98,179,.12),0 0 0 110px rgba(18,98,179,.08)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:85px}.eyebrow,.section-label{margin:0 0 18px;color:#60bcff;font:500 .72rem 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:720px;margin:0;font-size:clamp(3rem,6.2vw,5.9rem);line-height:1.01;letter-spacing:-.065em}.hero-copy{max-width:540px;margin:26px 0 34px;color:#c6d7e8;font-size:1.15rem}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;background:#49b8ff;color:#061b35;font-weight:800;text-decoration:none;border-radius:4px}.button span{font-size:1.3rem}.hero-card{padding:28px 29px;background:linear-gradient(145deg,#176fc1,#0b3d7b);border:1px solid rgba(189,228,255,.3);border-radius:7px;box-shadow:18px 18px 0 rgba(0,0,0,.13)}.card-mark,.service-card>span{display:block;color:#6ed0ff;font:500 .75rem 'DM Mono',monospace}.hero-card h2{margin:33px 0 22px;font-size:1.6rem;line-height:1.2;letter-spacing:-.035em}.hero-card ul{padding:0;margin:0;list-style:none}.hero-card li{padding:10px 0;border-top:1px solid rgba(255,255,255,.2);font-size:.87rem}.section{padding:110px 0}.intro-grid{display:grid;grid-template-columns:.45fr 1.55fr;gap:50px}.intro .section-label{color:var(--blue)}h2{margin:0;font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.12;letter-spacing:-.055em}.intro h2{max-width:760px}.intro div p{max-width:670px;color:var(--muted);font-size:1.07rem}.services{background:#f4f8fb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading .section-label{color:var(--blue)}.section-heading>p{max-width:450px;margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:245px;padding:27px;background:var(--white);border:1px solid var(--line);border-radius:5px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(8,35,66,.09)}.service-card>span{color:var(--blue)}.service-card h3{margin:42px 0 9px;font-size:1.13rem;letter-spacing:-.025em}.service-card p{margin:0;color:var(--muted);font-size:.89rem;line-height:1.65}.support{background:var(--blue);color:#fff}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.support .section-label{color:#afe2ff}.support-list p{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:19px 0;margin:0;border-top:1px solid rgba(255,255,255,.28)}.support-list span{color:#d6ebfb;font-size:.9rem}.site-footer{background:#061529;color:#f4f9ff}.site-footer p{margin:0;color:#9eb1c3;font-size:.78rem}.brand-footer{color:#fff}.brand-footer small{color:#8ba1b9}
.service-details{margin-top:20px;border:1px solid var(--line);background:#fff}.service-details summary{padding:18px 22px;cursor:pointer;display:flex;justify-content:space-between;font-weight:800}.service-details summary::-webkit-details-marker{display:none}.service-details[open] summary{border-bottom:1px solid var(--line)}.service-details ol{margin:0;padding:22px 42px 25px;columns:2;column-gap:52px;color:var(--muted);font-size:.9rem}.service-details li{break-inside:avoid;margin:0 0 13px;padding-left:5px}
@media(max-width:760px){.header-inner{min-height:72px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:15px 20px 20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:13px}.main-nav.open{display:flex}.menu-button{display:block}.hero{padding:67px 0 75px}.hero-grid,.intro-grid,.support-grid{grid-template-columns:1fr;gap:45px}.hero-card{max-width:410px}.section{padding:73px 0}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card h3{margin-top:28px}.support-list p{grid-template-columns:1fr;gap:4px}.service-details ol{columns:1;padding:20px 38px}.footer-inner{padding:23px 0;align-items:flex-start;flex-direction:column}.site-footer p{padding-bottom:2px}}