:root{--ink:#07111f;--blue:#2d6bff;--electric:#6ee7f2;--paper:#f4f7fb;--white:#fff;--line:#dce4ed;--muted:#5e6d7c;--max:1240px;--shadow:0 28px 80px rgba(1,18,42,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit}.skip{position:fixed;top:-80px;left:16px;background:#fff;padding:10px 16px;z-index:100}.skip:focus{top:12px}header{position:absolute;inset:0 0 auto;z-index:20;color:#fff;transition:.25s}header.scrolled{position:fixed;background:#07111fee;backdrop-filter:blur(16px);box-shadow:0 8px 32px #0002}.nav-shell{height:92px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.05}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff66;font:800 22px Manrope,sans-serif}.brand b{display:block;font:700 14px Manrope,sans-serif}.brand small{display:block;margin-top:6px;color:#a9b7c8;font-size:10px;text-transform:uppercase;letter-spacing:.2em}nav{display:flex;align-items:center;gap:34px}nav a{text-decoration:none;color:#dce7f4;font-size:14px;font-weight:600}nav a:hover{color:#fff}.nav-cta{padding:11px 16px;border:1px solid #ffffff55}.menu{display:none}.hero{position:relative;background:var(--ink);color:#fff;min-height:820px;padding:170px 28px 0;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000 35%)}.glow{position:absolute;width:600px;height:600px;right:-150px;top:20px;background:radial-gradient(circle,#2d6bff70,transparent 67%)}.hero-grid{position:relative;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.17fr .83fr;gap:90px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#94a9bf;font:700 11px Manrope,sans-serif;letter-spacing:.19em;text-transform:uppercase}.eyebrow>i{width:22px;height:2px;background:var(--electric)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:.98}.hero h1{font-size:clamp(3.8rem,7vw,6.9rem);margin:0 0 30px}.hero h1 strong,.approach h2 strong{color:var(--electric)}.lead{max-width:650px;color:#aebdcd;font-size:19px}.actions{display:flex;gap:12px;margin:38px 0 48px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:220px;padding:15px 18px;text-decoration:none;font-size:14px;font-weight:700;transition:.2s}.primary{background:var(--blue)}.primary:hover{background:#477dff;transform:translateY(-2px)}.ghost{border:1px solid #ffffff33}.trust{display:flex;border-top:1px solid #ffffff20;max-width:650px}.trust div{padding:24px 34px 0 0;margin-right:34px;border-right:1px solid #ffffff20}.trust div:last-child{border:0}.trust b{display:block;font:700 20px Manrope,sans-serif}.trust span{color:#8699ad;font-size:12px}.finance-card{position:relative;background:#0d2035d9;border:1px solid #ffffff26;padding:26px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.finance-card:before{content:"";position:absolute;inset:-10px 10px 10px -10px;border:1px solid #6ee7f238;z-index:-1}.card-top{display:flex;justify-content:space-between;color:#91a5ba;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45e3a2;margin-right:6px}.metric{padding:28px 0 16px}.metric small,.metric span{display:block;color:#91a5ba}.metric strong{display:block;font:800 58px/1.1 Manrope,sans-serif;letter-spacing:-.06em}.metric span{font-size:12px}.chart{height:118px;display:flex;align-items:end;gap:9px;padding:18px 0 12px;border-bottom:1px solid #ffffff20;background:linear-gradient(to top,#ffffff0a 1px,transparent 1px);background-size:100% 29px}.chart i{height:var(--h);flex:1;background:linear-gradient(var(--electric),var(--blue));opacity:.88}.card-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff1a}.card-list>div:last-child{border:0;padding-bottom:0}.card-list>div>i{display:grid;place-items:center;width:24px;height:24px;background:#6ee7f21f;color:var(--electric);font-style:normal;font-size:12px}.card-list b,.card-list small{display:block}.card-list b{font-size:13px}.card-list small{color:#8296aa;font-size:11px}.card-list em{color:#5c7186;font-style:normal;font-size:11px}.hero-footer{position:relative;max-width:var(--max);height:96px;margin:78px auto 0;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;color:#879aaf;font-size:12px}.hero-footer a{color:#fff;text-decoration:none;font-weight:700}.section{max-width:var(--max);margin:auto;padding:120px 28px}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;margin-bottom:64px}.eyebrow.dark{color:var(--blue)}.eyebrow.dark>i{background:var(--blue)}.section h2,.approach h2,.contact h2{font-size:clamp(2.7rem,5vw,5rem);margin:0}.section-intro>p{color:var(--muted);font-size:18px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-grid article{position:relative;min-height:350px;padding:34px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-grid article:nth-child(3n){border-right:0}.service-grid article:nth-child(n+4){border-bottom:0}.service-grid article:hover{background:var(--ink);color:#fff;transform:translateY(-4px);box-shadow:0 18px 40px #05182e24;z-index:2}.icon{display:grid;place-items:center;width:46px;height:46px;background:#edf3ff;color:var(--blue);font:700 22px Manrope;margin-bottom:36px}.service-grid article>span{position:absolute;top:36px;right:32px;color:#9aaaba;font-size:11px}.service-grid h3{font:700 21px/1.28 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 15px}.service-grid p{color:var(--muted);margin:0 0 28px}.service-grid article:hover p{color:#aebdcd}.service-grid a{position:absolute;bottom:30px;color:var(--blue);text-decoration:none;font-size:12px;font-weight:700}.service-grid article:hover a{color:var(--electric)}.approach{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:120px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:120px}.approach:after{content:"ARM";position:absolute;left:-30px;bottom:-110px;color:#ffffff08;font:800 280px Manrope;letter-spacing:-.1em}.approach>div{position:relative;z-index:1}.approach>div>p:not(.eyebrow){color:#a8b8c8;font-size:18px;margin:32px 0}.text-link{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid #526378;padding-bottom:10px;font-weight:700}.process{border-top:1px solid #334355}.process article{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #334355}.process article>span{color:var(--electric);font-size:11px}.process h3{font:700 18px Manrope;margin:0 0 5px}.process p{color:#91a3b6;margin:0;font-size:14px}.fit{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.fit-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.fit-grid article{min-height:235px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fit-grid b{color:var(--blue);font-size:11px}.fit-grid h3{font:700 18px/1.35 Manrope;margin:36px 0 10px}.fit-grid p{color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;border-top:1px solid var(--line)}.faq>div:first-child>p:last-child{color:var(--muted);max-width:300px;margin-top:26px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:25px 52px 25px 0;font:600 17px Manrope;position:relative}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:10px;margin-right:20px}summary:after{content:"+";position:absolute;right:8px;top:17px;color:var(--blue);font-size:26px}details[open] summary:after{content:"–"}details p{color:var(--muted);margin:0 0 26px;padding-left:40px}.contact{background:var(--blue);color:#fff;padding:110px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1.08fr .92fr;gap:110px}.contact .eyebrow{color:#c7eaf0}.contact h2{font-size:clamp(3rem,5.4vw,5.4rem)}.contact>div:first-child>p:not(.eyebrow){color:#d9e4ff;max-width:590px;font-size:17px}.contact-points{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:10px}.contact-points li{position:relative;padding-left:28px;color:#e8efff;font-size:14px}.contact-points li:before{content:"✓";position:absolute;left:0;color:var(--electric);font-weight:800}.contact-panel{background:#fff;color:var(--ink);padding:10px 30px}.contact-panel>a,.contact-panel>div{position:relative;display:block;padding:23px 40px 23px 0;border-bottom:1px solid var(--line);text-decoration:none}.contact-panel>*:last-child{border:0}.contact-panel small,.contact-panel b{display:block}.contact-panel small{color:#8090a1;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.contact-panel b{font-size:15px;overflow-wrap:anywhere}.contact-panel span{position:absolute;right:4px;top:34px;color:var(--blue)}footer{max-width:var(--max);margin:auto;padding:36px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--muted);font-size:12px}footer .brand-mark{border-color:var(--line);color:var(--ink)}footer .brand small{color:var(--muted)}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:60px}.hero{padding-top:150px}.finance-card{max-width:650px}.section-intro,.approach,.contact{grid-template-columns:1fr;gap:55px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:nth-child(3n){border-right:1px solid var(--line)}.service-grid article:nth-child(2n){border-right:0}.service-grid article:nth-child(4){border-bottom:1px solid var(--line)}.fit,.faq{grid-template-columns:1fr;gap:55px}}
@media(max-width:760px){.nav-shell{height:76px;padding:0 18px}nav{display:none;position:absolute;top:76px;left:14px;right:14px;padding:18px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{color:var(--ink);padding:13px;border-bottom:1px solid var(--line)}nav .nav-cta{background:var(--blue);color:#fff;margin-top:8px}.menu{display:flex;flex-direction:column;gap:4px;background:transparent;border:0;padding:8px}.menu i{width:22px;height:1px;background:#fff}.menu em{position:absolute;width:1px;height:1px;overflow:hidden}.hero{min-height:auto;padding:132px 18px 0}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.lead{font-size:17px}.hero-footer{height:auto;padding:24px 0;gap:20px}.section{padding:86px 18px}.section-intro{gap:28px;margin-bottom:42px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:315px}.service-grid article:last-child{border-bottom:0!important}.approach,.contact{padding:86px 18px}.fit-grid{grid-template-columns:1fr}footer{padding:30px 18px;grid-template-columns:1fr;gap:16px}footer p{margin:0!important;text-align:left!important}}
@media(max-width:520px){.brand-mark{width:39px;height:39px}.brand b{font-size:13px}.actions{flex-direction:column}.button{width:100%}.trust{flex-wrap:wrap}.trust div{width:50%;margin:0;padding-right:16px}.trust div:nth-child(2){border:0}.trust div:last-child{margin-top:18px;padding-top:18px;width:100%;border-top:1px solid #ffffff20}.finance-card{padding:20px}.metric strong{font-size:48px}.hero-footer{align-items:flex-start;flex-direction:column}.section h2,.approach h2,.contact h2{font-size:clamp(2.5rem,13vw,4rem)}.fit-grid article{min-height:auto}.contact-panel{padding:8px 18px}.contact-panel b{font-size:13px}summary span{display:block;margin-bottom:6px}details p{padding-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ARM ecosystem navigation */
html{scroll-padding-top:132px}
header.scrolled{background:#07111ff2;backdrop-filter:blur(18px)}
.ecosystem{border-bottom:1px solid #ffffff18;background:#020a13b8}
.ecosystem>div{max-width:var(--max);height:38px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:flex-end}
.ecosystem span{margin-right:auto;color:#70859a;font:700 9px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.ecosystem a{align-self:stretch;display:flex;align-items:center;gap:8px;padding:0 17px;border-left:1px solid #ffffff18;color:#9fb0c2;text-decoration:none;font:700 10px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.ecosystem a:last-child{border-right:1px solid #ffffff18}
.ecosystem a:hover,.ecosystem a:focus-visible{background:#ffffff0d;color:#fff}
.ecosystem a.active{background:var(--blue);color:#fff}
.ecosystem b{color:var(--electric);font-size:11px}
.nav-shell{height:84px}
@media(max-width:760px){html{scroll-padding-top:112px}.ecosystem>div{height:36px;padding:0 18px}.ecosystem span{display:none}.ecosystem a{flex:1;justify-content:center;padding:0 8px;font-size:9px}nav{top:112px}}

/* 2026 modernizacija: precizniji kontrast, ritam i digitalni ARM identitet */
:root{--ink:#06101d;--blue:#245dff;--electric:#63e3ee;--paper:#f6f8fc;--line:#d9e2ec;--muted:#526273;--shadow:0 34px 90px rgba(0,18,44,.18)}
body{background:linear-gradient(180deg,#f8faff 0,#f3f6fa 100%)}
header.scrolled{box-shadow:0 1px 0 #ffffff18,0 18px 54px #0000001f}
.nav-shell{max-width:1280px}.brand-mark{background:linear-gradient(145deg,#ffffff13,#ffffff02);box-shadow:inset 0 0 0 1px #ffffff0b}
nav a{position:relative}nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--electric);transition:right .2s}nav a:not(.nav-cta):hover:after{right:0}.nav-cta{background:#ffffff0a;border-color:#ffffff42}
.hero{min-height:860px;background:radial-gradient(circle at 83% 21%,#173f85 0,transparent 31%),linear-gradient(135deg,#06101d 0,#08192d 62%,#071423 100%)}
.hero:before{background-size:72px 72px;opacity:.9}.hero-grid{max-width:1280px;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:7vw}.hero h1{font-size:clamp(3.9rem,6.8vw,7.25rem);max-width:900px}.hero h1 strong{background:linear-gradient(90deg,var(--electric),#a1f5fb);background-clip:text;color:transparent}.lead{max-width:690px;font-size:20px;line-height:1.7}.primary{background:linear-gradient(135deg,#245dff,#467cff);box-shadow:0 14px 35px #174fd94d}.ghost{background:#ffffff08;backdrop-filter:blur(10px)}
.finance-card{border-radius:2px;background:linear-gradient(160deg,#102943df,#0b1d31e8);border-color:#8fc8ff36}.finance-card:before{inset:-12px 12px 12px -12px}.chart i{border-radius:2px 2px 0 0}.hero-footer{max-width:1280px}
.section{max-width:1280px}.section-intro>p{max-width:520px}.service-grid{gap:12px;border:0;background:transparent}.service-grid article{border:1px solid var(--line)!important;min-height:330px;box-shadow:0 8px 24px rgba(8,29,55,.045)}.service-grid article:hover{transform:translateY(-7px);border-color:var(--ink)!important}.icon{border-radius:50%;background:#e8efff}.service-grid a{letter-spacing:.02em}
.approach{background:linear-gradient(135deg,#06101d,#0a1c31 72%)}.process article{transition:padding .2s,background .2s}.process article:hover{padding-left:14px;background:#ffffff05}.fit-grid article{background:#ffffff80;transition:background .2s,transform .2s}.fit-grid article:hover{background:#fff;transform:translateY(-3px)}
.contact{background:linear-gradient(130deg,#164bea,#2d6bff 58%,#174edc)}.contact-panel{box-shadow:0 24px 70px #06266d4d}.contact-panel>a{transition:padding-left .2s}.contact-panel>a:hover{padding-left:10px}
@media(max-width:980px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.finance-card{max-width:none}.service-grid{gap:10px}}
@media(max-width:760px){.hero{padding-top:136px}.hero h1{font-size:clamp(3.05rem,14.2vw,5rem)}.lead{font-size:17px}.service-grid{gap:10px}.service-grid article{min-height:290px}.ecosystem a{letter-spacing:.04em}.nav-shell{background:#06101d52;backdrop-filter:blur(14px)}}

/* Direktan pristup Zenkid ERP-u */
nav{gap:24px}
.nav-login{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;background:var(--blue);border:1px solid var(--blue);color:#fff;box-shadow:0 10px 28px #174fd940;transition:.2s}
.nav-login:hover,.nav-login:focus-visible{background:#477dff;border-color:#477dff;color:#fff;transform:translateY(-1px)}
.nav-login span{color:var(--electric)}
@media(max-width:1120px) and (min-width:761px){nav{gap:16px}.nav-shell{padding-inline:20px}.nav-login,.nav-cta{padding:10px 12px;font-size:13px}}
@media(max-width:760px){nav .nav-login{justify-content:space-between;background:var(--blue);border-color:var(--blue);color:#fff;margin-top:8px}}