/* === NAV / BRAND LOGO === */
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

.brand-logo{
  width:60px;
  height:60px;
}


.brand-text{
  font-weight:700;
}

/* fix anchor ketutup nav */
section,
[id]{
  scroll-margin-top:90px;
}
/* HERO LABEL / BADGE – biru donker */
.hero .section-label,
.hero .hero-label,
.hero .badge{
  color: #0B2A5B;                 /* biru donker */
  background: rgba(11,42,91,.12); /* biru muda transparan */
  border: 1px solid rgba(11,42,91,.25);
  
}

/* ================================
   FOOTER
================================ */

.site-footer{
  background: linear-gradient(
    180deg,
    #0B2A5B,
    #081F45
  );
  color: #E5E7EB;
  padding: 48px 0 20px;
}

.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1.2fr;
  gap:36px;
}

.footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:900;
  margin-bottom:10px;
}

.footer-desc{
  font-size:14px;
  line-height:1.6;
  color:#CBD5E1;
  max-width:36ch;
}

.footer-title{
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:12px;
  color:#F97316; /* ORANGE BRAND */
}

.footer-list{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-list li{
  font-size:14px;
  margin-bottom:8px;
  color:#E5E7EB;
}

.footer-list a{
  color:#FDBA74;
  text-decoration:none;
}

.footer-list a:hover{
  text-decoration:underline;
}

.footer-bottom{
  margin-top:36px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
  font-size:13px;
  color:#CBD5E1;
}

/* RESPONSIVE */
@media(max-width: 900px){
  .footer-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}