:root{
  --brand:#0d6efd;--ink:#1b1f24;--muted:#6c757d;--bg:#f8fafc;--accent:#16a34a;--warning:#d97706
}
html,body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:#ffffff;
}
.btn-cta{border-radius:999px;padding:.75rem 1.25rem;font-weight:600}
.hero{
  background:
    linear-gradient(180deg,rgba(13,110,253,.08),transparent),
    radial-gradient(90rem 40rem at 80% -10%, rgba(13,110,253,.10), transparent),
    radial-gradient(90rem 40rem at -10% 0%, rgba(22,163,74,.08), transparent);
}
.hero h1{font-weight:800;letter-spacing:-.02em}
.badge-soft{background:rgba(13,110,253,.1);color:#0d47a1}
.section{padding:4rem 0}
.icon{
  width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff
}
.card{border:1px solid #e5e7eb;border-radius:1rem}
.card h3{font-size:1.15rem}
.kpi{font-weight:700;font-size:1.1rem}
.label-coming{font-size:.8rem;color:#995e00;background:#fff6e5;border:1px solid #f1c27d;border-radius:.5rem;padding:.2rem .5rem}
.label-new{font-size:.8rem;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;padding:.2rem .5rem}
.list-check li{margin:.35rem 0}
.list-check li::marker{color:var(--accent)}
.gallery img{border-radius:1rem}
footer{background:#0b1220;color:#cbd5e1}
footer a{color:#e2e8f0;text-decoration:none}
.contact-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:1rem}
.navbar .btn-cta{margin-left:.25rem}

/* USLUGE — grid i stil kartica */
.services .section-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 2rem;
}

.service-card {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  padding: 1.5rem;
  height: 100%;
  text-align: center;
  background: #fff;
}

.service-icon {
  font-size: 56px;           /* veća ikona */
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.service-card h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.service-card p {
  color: #6b7280;            /* muted tekst */
  margin: 0;
}

/* mala oznaka “uskoro” */
.badge-soon {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  background: #eaf2ff;
  color: #1e40af;
  margin-left: .35rem;
}

/* malo zraka između redova na manjim ekranima */
@media (max-width: 991.98px) {
  .service-card { padding: 1.25rem; }
  .service-icon { font-size: 48px; }
}

/* PROJEKTI — grid i kartice */
.projects .section-title{
  font-weight:800; letter-spacing:-.02em; margin-bottom:2rem;
}
.project-card{
  border:1px solid #e5e7eb; border-radius:1rem; background:#fff; overflow:hidden; height:100%;
  transition:transform .2s ease, box-shadow .2s ease;
}
.project-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.06); }
.project-media{ position:relative; overflow:hidden; }
.project-media::after{ content:""; display:block; aspect-ratio:3/2; } /* stabilna visina */
.project-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.project-body{ padding:1rem 1.1rem; }
.project-body h3{ font-size:1.05rem; margin:0 0 .25rem; font-weight:700; }
.project-meta{ color:#6b7280; font-size:.92rem; margin:0; }