/* Basic */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;margin:0;color:#222;background:#fff;line-height:1.6}
h1,h2{color:#111}

.site-logo {
  display: block;
  margin: 0 auto 1.5rem;
  height: 72px;
  width: auto;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.site-logo:hover {
  transform: scale(1.04);
  opacity: 0.95;
}



/* Hero */
.hero{max-width:840px;margin:0 auto;padding:96px 16px 56px;text-align:center}
.hero h1{font-size:2rem;margin:0 0 .5rem}
.hero p{color:#555;margin:0 auto 1rem;max-width:720px}
.cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.btn{padding:.75rem 1rem;border-radius:8px;text-decoration:none;font-weight:600}
.btn.primary{background:#0b6;color:#fff}
.btn.ghost{border:1px solid #e6e6e6;color:#0b6}

/* Trust band */
.trust{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fafafa}
.trust ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:1000px;margin:0 auto;padding:16px}

/* Capabilities */
.capabilities{max-width:1000px;margin:64px auto;padding:0 16px}
.capabilities .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.capabilities article{border:1px solid #e6e6e6;border-radius:10px;padding:16px;background:#fff}

/* Outcomes */
.outcomes{max-width:1000px;margin:64px auto;padding:0 16px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.tile{display:block;border:1px solid #e6e6e6;border-radius:10px;padding:16px;text-decoration:none;color:#111;background:#fff}
.tile:hover{border-color:#0b6}

/* Contact */
.contact{max-width:840px;margin:64px auto;padding:0 16px;text-align:center}
.contact .links a{color:#0074D9;text-decoration:none;margin:0 .5rem}
.contact .links a:hover{text-decoration:underline}

/* Footer */
.site-footer{border-top:1px solid #e6e6e6;margin-top:64px;padding:24px 16px;text-align:center;color:#666}

/* ---------- HOW IT WORKS BAND ---------- */
.how {
  background:#fafafa;
  border-top:1px solid #e6e6e6;
  border-bottom:1px solid #e6e6e6;
  text-align:center;
  padding:80px 16px;
}
.how h2{font-size:1.8rem;margin:0 0 .25rem;color:#111}
.how .subtitle{color:#555;margin:0 auto 2.5rem;max-width:700px;font-style:italic}

.steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
  max-width:1000px;
  margin:0 auto 3rem;
  text-align:left;
}
.step{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  padding:20px 18px 22px;
  box-shadow:0 3px 10px rgba(0,0,0,.04);
  transition:transform .3s ease,box-shadow .3s ease;
}
.step:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.num{
  width:34px;height:34px;
  border-radius:50%;
  background:#0b6;
  color:#fff;
  font-weight:700;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:.5rem;
  font-size:1rem;
}
.step h3{margin:.1rem 0 .35rem;font-size:1.15rem}
.step p{margin:0;color:#333;line-height:1.45}
.cta-line{margin-top:1rem}