/* Ultra-modern clean theme */
:root{
  --brand:#0ea5e9;
  --brand-dark:#0284c7;
  --ink:#0f172a;
  --muted:#475569;
  --bg:#f8fafc;
}

*{box-sizing:border-box}
html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);}

.navbar .navbar-brand .brand-accent{
  display:inline-grid;place-items:center;
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));
  color:white;font-weight:800;margin-right:.35rem;
}

.hero{
  background: radial-gradient(1200px 500px at 20% 10%, rgba(14,165,233,.15), transparent 60%),
              radial-gradient(800px 400px at 80% -10%, rgba(2,132,199,.12), transparent 60%);
  position:relative;
}
.hero .badge{
  background:rgba(14,165,233,.15); color:var(--brand-dark);
  border:1px solid rgba(14,165,233,.25);
}

.section{
  padding: 4rem 0;
}

.card.service{
  border:none;border-radius:1.25rem;box-shadow:0 10px 30px rgba(2,8,23,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.card.service:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(2,8,23,.12);}

.footer-link{color:#cbd5e1;text-decoration:none}
.footer-link:hover{text-decoration:underline;color:white}

input.form-control, textarea.form-control{
  border-radius: .9rem;border:1px solid #e2e8f0;
}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));border:none;border-radius:.9rem}
.btn-outline-primary{border-radius:.9rem;color:var(--brand-dark);border-color:var(--brand)}
.btn-outline-primary:hover{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:white;border-color:transparent}
.call-now, .cta-phone {
    font-size: 1.2em;
    font-weight: bold;
    color: #0077cc;
}
.call-now a, .cta-phone a {
    text-decoration: none;
    color: inherit;
}
.call-now a:hover, .cta-phone a:hover {
    text-decoration: underline;
}
