/* Municipalities page (/solutions/municipalities). Everything here is prefixed mu-
   and uses the site's colour/font variables from daylight.css; the shared card,
   grid, chip, pill, btn and cta-band classes do the rest. */
.mu-hero{position:relative;overflow:hidden;padding:72px 0 64px}
.mu-hero-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse 900px 540px at 88% -8%, var(--brand-glow), transparent 62%),
  radial-gradient(ellipse 720px 460px at -8% 108%, rgba(221,119,20,.07), transparent 60%)}
.mu-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.mu-micro{margin-top:24px;font-size:14px;font-weight:600;color:var(--fg-caption)}
.mu-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow-ambient-lg)}
.mu-example{position:relative;margin:-52px 22px 0;background:var(--surface);border:1px solid var(--border-brand);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-ambient-lg)}
.mu-example-top{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark)}
.mu-q{margin:12px 0 8px;font-weight:700}
.mu-reply{margin:0;background:var(--surface-2);border-radius:12px;padding:11px 14px;font-size:14.5px;color:var(--fg-muted)}
.mu-status{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--success)}

.mu-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mu-strip .card{display:flex;flex-direction:column;gap:4px}
.mu-strip b{font-family:var(--font-display);font-size:16px}
.mu-strip span:last-child{font-size:14px;color:var(--fg-muted)}
.mu-strip-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);margin-bottom:8px}

.mu-num{display:block;font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-dark);margin-bottom:10px}
.mu-p{color:var(--fg-muted);font-size:14.5px;margin:8px 0 14px}
.mu .card .chip{margin-top:auto}
.mu .card{display:flex;flex-direction:column;align-items:flex-start}
.mu-note{margin-top:24px;font-size:13px;line-height:1.65;color:var(--fg-caption);max-width:880px}
.mu .sec-head.center + .grid + .mu-note{margin-left:auto;margin-right:auto;text-align:center}

.mu-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.mu-steps{list-style:none;margin:0;padding:0;counter-reset:mustep}
.mu-steps li{position:relative;padding:0 0 26px 58px;counter-increment:mustep}
.mu-steps li::before{content:counter(mustep);position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);border:1px solid var(--border-brand);color:var(--brand-dark);font-family:var(--font-display);font-weight:800}
.mu-steps li:not(:last-child)::after{content:"";position:absolute;left:18px;top:44px;bottom:6px;width:2px;background:var(--border)}
.mu-steps b{font-family:var(--font-display);font-size:17px}
.mu-steps p{margin:4px 0 0;color:var(--fg-muted);font-size:14.5px}

.mu-security{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;margin-top:22px;padding:36px;border-radius:22px;border:1px solid var(--border)}
.mu-security h3{font-size:24px;margin-bottom:10px}
.mu-security p{color:var(--fg-muted)}
.mu-security ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mu-security li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.mu-security li .ic{color:var(--brand-light);margin-top:4px}

.mu-calc{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
.mu-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--canvas);border:1px solid var(--border);border-radius:18px;padding:26px;align-content:start}
.mu-field label{display:block;font-size:13px;font-weight:600;color:var(--fg-muted);margin-bottom:8px}
.mu-field input{width:100%;padding:11px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--fg);font:inherit}
.mu-field input:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px;border-color:var(--brand)}
.mu-results{padding:34px;border-radius:18px;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}
.mu-results p{margin:0;color:var(--fg-muted)}
.mu-big{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,6vw,72px);line-height:1.05;letter-spacing:-.03em;color:var(--brand-light)}
.mu-values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border-strong)}
.mu-values strong{display:block;font-family:var(--font-display);font-size:24px}
.mu-values span{font-size:12.5px;color:var(--fg-muted)}

.mu-faq{max-width:820px;margin:44px auto 0}
.mu-faq details{border-bottom:1px solid var(--border);padding:18px 0}
.mu-faq summary{cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:17px}
.mu-faq summary:focus-visible{outline:3px solid var(--brand-ring);outline-offset:4px;border-radius:6px}
.mu-faq details p{margin:12px 0 0;color:var(--fg-muted)}

@media (max-width:900px){
  .mu-hero{padding:48px 0 44px}
  .mu-hero-grid,.mu-split,.mu-security,.mu-calc{grid-template-columns:1fr;gap:32px}
  .mu-strip{grid-template-columns:1fr}
  .mu-example{margin:-40px 14px 0}
  .mu-fields{grid-template-columns:1fr}
  .mu-security{padding:26px}
}