:root{--bg:#f6f8fc;--surface:#fff;--text:#13203a;--muted:#64718a;--line:#dfe6f0;--blue:#1457e6;--blue2:#0b3ea8;--green:#22b56c;--shadow:0 18px 50px rgba(31,55,101,.10);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,#fbfcff 0,#f5f8fd 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(251,252,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,230,240,.8)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-decoration:none;line-height:1}.brand-pisk{color:#0d1b34;font-size:30px;font-weight:800;letter-spacing:.22em}.brand-konzalting{padding-left:2px;color:#65728a;font-size:10px;font-weight:650;letter-spacing:.36em}.menu{display:flex;align-items:center;gap:24px}.menu a{text-decoration:none;color:#4d5a73;font-size:14px;font-weight:600}.menu a:hover,.menu a[aria-current="page"]{color:var(--blue)}.menu .portal{padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:#fff}.menu-toggle{display:none;border:0;background:transparent;font-size:28px}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:62px;align-items:center;padding:82px 0 76px}.eyebrow,.kicker{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1,.page-hero h1{margin:0;max-width:680px;font-size:clamp(44px,5.2vw,72px);line-height:1.02;letter-spacing:-.055em}.hero .lead{margin:28px 0 0;max-width:600px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px}.button.primary{background:var(--blue);color:#fff;box-shadow:0 10px 28px rgba(20,87,230,.22)}.button.secondary{background:#fff;border:1px solid var(--line)}.showcase{position:relative;min-height:510px}.screen{position:absolute;width:88%;right:0;border:1px solid rgba(223,230,240,.92);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 22px 58px rgba(31,55,101,.09);transform-origin:center;transition:transform .35s ease,opacity .35s ease}.screen img{display:block;width:100%;height:auto}.screen.back{top:18px;right:7%;transform:rotate(1.4deg);opacity:.52}.screen.mid{top:92px;right:1%;transform:rotate(-1deg);opacity:.76}.screen.front{top:166px;right:5%;transform:rotate(.15deg)}.section{padding:80px 0}.section.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{margin:0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.section-head p{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(31,55,101,.05)}.card h3{margin:14px 0 10px;font-size:21px}.card p{margin:0;color:var(--muted);line-height:1.65}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-size:22px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-card{min-height:245px;padding:24px;border-radius:17px;border:1px solid var(--line);background:#fff;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(31,55,101,.05);transition:.2s}.portal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.portal-card h3{margin:22px 0 9px}.portal-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.portal-card .link{margin-top:auto;padding-top:24px;color:var(--blue);font-weight:750}.status{margin-top:22px;padding:20px 24px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(34,181,108,.13)}.page-hero{padding:72px 0 48px}.page-hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}.content{padding:36px;border:1px solid var(--line);border-radius:20px;background:#fff}.content h2{margin:0 0 14px;font-size:29px;letter-spacing:-.035em}.content h3{margin:34px 0 10px}.content p,.content li{color:var(--muted);line-height:1.75}.content ul{padding-left:20px}.info{padding:28px;border-radius:20px;background:#12203b;color:#fff}.info h3{margin-top:0}.info p,.info a{color:#cbd5e7;line-height:1.7}.feature{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:38px 0}.feature.reverse .feature-copy{order:2}.feature-shot{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.feature-shot img{display:block;width:100%}.feature-copy h2{margin:0 0 14px;font-size:34px;letter-spacing:-.04em}.feature-copy p{color:var(--muted);line-height:1.75}.legal{max-width:900px}.legal h2{margin-top:38px}.footer{margin-top:78px;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr .8fr;gap:34px;padding:48px 0}.footer h3{margin:0 0 14px;font-size:16px}.footer p,.footer a{color:var(--muted);font-size:14px;line-height:1.7;text-decoration:none}.footer-bottom{padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8390a5;font-size:13px}.restricted{min-height:100vh;display:grid;place-items:center;padding:24px}.restricted-box{width:min(100%,560px);padding:48px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:var(--shadow)}.restricted-box h1{font-size:38px;letter-spacing:-.04em}.restricted-box p{color:var(--muted);line-height:1.7}
@media(max-width:960px){.menu{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:54px}.showcase{min-height:430px}.cards{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr 1fr}.content-grid,.feature{grid-template-columns:1fr}.feature.reverse .feature-copy{order:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero{padding:42px 0 54px}.hero h1,.page-hero h1{font-size:42px}.showcase{min-height:330px}.screen{width:92%}.screen.back{top:4px}.screen.mid{top:62px}.screen.front{top:120px}.section{padding:58px 0}.cards,.portal-grid,.footer-grid{grid-template-columns:1fr}.content{padding:26px}.feature-copy h2{font-size:29px}.footer-bottom{gap:12px;flex-direction:column}.brand-konzalting{display:block}}

.menu.is-open{display:flex!important;position:absolute;top:78px;right:20px;flex-direction:column;align-items:stretch;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.footer-company p:first-of-type{color:#4f5d75}
@media(max-width:1100px){.menu{gap:16px}.menu a{font-size:13px}}

/* Kompaktna početna stranica */
.hero-compact{grid-template-columns:.88fr 1.12fr;gap:56px;padding:62px 0 64px;min-height:auto}.hero-copy{align-self:center}.hero-compact .lead{margin-top:22px;max-width:570px}.hero-compact .hero-actions{margin-top:26px}.product-frame{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 26px 70px rgba(31,55,101,.13);transform:rotate(.25deg)}.product-frame-bar{height:34px;padding:0 13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:#f7f9fd}.product-frame-bar span{width:8px;height:8px;border-radius:50%;background:#cbd4e2}.product-frame-bar small{margin-left:auto;color:#8b96a9;font-size:10px}.product-frame img{display:block;width:100%;height:auto}.product-section,.trust-section,.company-strip{padding:62px 0}.compact-head{margin-bottom:28px}.compact-head h2{font-size:clamp(30px,3.4vw,44px)}.product-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px 54px;align-items:start}.product-intro .section-head{margin:0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-list>div{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.feature-list strong,.feature-list span{display:block}.feature-list strong{margin-bottom:6px;font-size:15px}.feature-list span{color:var(--muted);font-size:13px;line-height:1.5}.product-intro>.text-link{grid-column:2}.text-link{color:var(--blue);font-weight:750;text-decoration:none}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-card{padding:25px 26px;border:1px solid var(--line);border-radius:17px;background:#fff}.trust-card h3{margin:0 0 9px;font-size:19px}.trust-card p{margin:0;color:var(--muted);line-height:1.65}.company-strip-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:start}.company-strip h2{margin:0 0 15px;font-size:34px;letter-spacing:-.04em}.company-strip p{max-width:680px;color:var(--muted);line-height:1.7}.company-contact{display:flex;flex-direction:column;gap:6px;padding:24px 26px;border-left:3px solid var(--blue);background:#f7f9fd;font-style:normal;color:var(--muted);font-size:14px;line-height:1.5}.company-contact strong{color:var(--text);font-size:16px}.company-contact a{color:var(--blue);text-decoration:none}.footer-compact{margin-top:0}.footer-compact-row{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#78859a;font-size:13px}.footer-compact-row strong{color:var(--text)}.footer-compact-row nav{display:flex;gap:20px}.footer-compact-row a{color:#66738a;text-decoration:none}
@media(max-width:960px){.hero-compact{grid-template-columns:1fr}.product-intro,.company-strip-grid{grid-template-columns:1fr}.product-intro>.text-link{grid-column:auto}.trust-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr 1fr}.footer-compact-row{padding:20px 0;align-items:flex-start;flex-direction:column}.footer-compact-row nav{flex-wrap:wrap}}
@media(max-width:640px){.hero-compact{padding:42px 0 48px;gap:36px}.product-section,.trust-section,.company-strip{padding:48px 0}.feature-list{grid-template-columns:1fr}.product-frame{border-radius:14px}.company-strip-grid{gap:28px}.footer-compact-row nav{gap:13px}}

/* Kompaktnija kontakt stranica */
.contact-page .contact-hero{padding:52px 0 30px}
.contact-page .contact-hero .kicker{margin-bottom:12px}
.contact-page .contact-hero h1{max-width:none;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em}
.contact-page .contact-hero p{margin:18px 0 0;max-width:720px;font-size:16px;line-height:1.65}
.contact-page .content-grid{gap:26px}
.contact-page .content{padding:30px 32px}
.contact-page .content h2{font-size:26px}
.contact-page .info{padding:26px 28px}
.contact-page .footer{margin-top:58px}
@media(max-width:640px){
  .contact-page .contact-hero{padding:38px 0 24px}
  .contact-page .contact-hero h1{font-size:36px}
  .contact-page .content{padding:24px}
}


/* Korisnici sustava */
.users-section{padding:62px 0;background:#f8faff;border-bottom:1px solid var(--line)}
.users-heading{text-align:center;margin-left:auto;margin-right:auto}
.users-heading p{max-width:700px;margin-left:auto;margin-right:auto}
.users-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.user-card{min-height:120px;padding:24px 26px;border:1px solid var(--line);border-radius:17px;background:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px rgba(31,55,101,.05)}
.user-card strong{font-size:19px;color:var(--text)}
.user-card span{margin-top:7px;color:var(--muted);font-size:14px}
@media(max-width:960px){.users-grid{grid-template-columns:1fr}}
@media(max-width:640px){.users-section{padding:48px 0}.user-card{min-height:105px;padding:21px}}