:root{
  --bg:#fbfdfe;
  --card:#ffffff;
  --teal-600:#0ba389;
  --teal-700:#088b74;
  --ink:#112126;
  --muted:#61787a;
  --wrap:1100px;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}

*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f7fbfb 0%,var(--bg) 100%);color:var(--ink);line-height:1.55;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:28px}

/* HEADER (unchanged) */
.site-header{background:transparent;position:sticky;top:0;z-index:40;backdrop-filter:blur(6px)}
.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:inherit}
.logo{font-weight:800;color:var(--teal-700);font-size:20px;letter-spacing:1px}
.sub{font-size:12px;color:var(--muted)}
.nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-weight:600}

/* FOOTER PREMIUM */
.site-footer{
  background:#f4f4f4;
  border-top:1px solid #ddd;
  padding:70px 0 45px;   /* Spacious */
}

.footer-wrap{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:70px;              /* Spacious gap */
  flex-wrap:wrap;
}

.footer-col{
  flex:1;
  min-width:260px;
}

.logo-col{
  max-width:300px;
}

.footer-logo{
  height:65px;
  object-fit:contain;
  margin-bottom:20px;
}

.footer-tagline{
  font-size:15px;
  line-height:1.65;      /* Spacious */
  color:#333;
  margin:0;
}

.footer-col h4{
  font-size:17px;
  margin-bottom:14px;
  font-weight:700;
  color:#000;
}

.footer-col p{
  font-size:14px;
  color:#333;
  line-height:1.65;      /* Spacious */
  margin:0;
}

.footer-bottom{
  text-align:center;
  margin-top:55px;       /* Spacious bottom spacing */
  font-size:14px;
  color:#666;
}

/* Responsive */
@media(max-width:920px){
  .footer-wrap{
    flex-direction:column;
    gap:40px;
  }
}