/* Footer Section - flat & center, sejajar dengan section lain */
:root{
  /* samakan dengan header container kamu (biasanya 1240px) */
  --container-w: 1240px;
  --gutter: 16px;
}

.s-footer{
  background:#0b1220;   /* gelap flat */
  color:#cbd5e1;
  padding: 28px 0 16px; /* vertikal rapat */
}

.s-footer__inner{
  width: min(100%, var(--container-w));
  margin-inline: auto;
  padding-inline: var(--gutter);
  box-sizing: border-box;
}

.s-footer__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
  margin-bottom: 16px;
}

.f-title{
  color:#fff;
  font: 700 1.05rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  margin: 0 0 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid #4cc9f0;
  display:inline-block;
}

.f-desc{ margin: 0 0 10px; color:#94a3b8; }

.f-contact, .f-links{
  list-style:none; margin:0; padding:0;
}
.f-contact li{ margin: 6px 0; }

.f-links li{ margin: 7px 0; }
.f-links a{
  color:#94a3b8; text-decoration:none; transition: color .2s;
}
.f-links a:hover{ color:#ffffff; }

.s-footer__bottom{
  border-top: 1px solid rgba(148,163,184,.25);
  padding-top: 12px;
  text-align:center;
  color:#94a3b8;
  font-size:.92rem;
}

/* Responsif */
@media (max-width: 900px){
  .s-footer__grid{ grid-template-columns: 1fr; }
}