a { color: white; }

/* Tighten hero spacing so "Communities" peeks above the fold */
.hosting-landing .hero { 
  padding: 2.25rem 1rem 1.25rem !important; /* was 3rem 1rem */
}

/* Consistent section spacing + readable max width */
.hosting-landing section { 
  max-width: 1100px; 
  margin: 0 auto 2.25rem; 
  padding: 0 1rem;
}

/* Brand logos: true grid, centered, consistent size */
.hosting-landing .trust .logos { 
  display: grid !important;
  grid-template-columns: repeat(3, minmax(160px,1fr)); /* 3-up on desktop */
  gap: 1.25rem !important;
  list-style: none; 
  padding: 0;
}
@media (max-width: 900px){
  .hosting-landing .trust .logos { grid-template-columns: repeat(2, minmax(160px,1fr)); }
}
@media (max-width: 540px){
  .hosting-landing .trust .logos { grid-template-columns: 1fr; }
}
.hosting-landing .trust .logos li { 
  text-align: center;
}
.hosting-landing .trust .logos img,
img.brandingLogos { 
  display: block; 
  margin: 0 auto .35rem; 
  max-height: 84px;     /* keeps them visually even */
  width: auto; 
  height: auto;
}

/* Buttons (used in hero + bottom CTA) */
.hosting-landing .btn {
  display: inline-block;
  padding: .6rem 1rem;
  border-radius: 8px;
  border: 1px solid #ddd;
  text-decoration: none;
  font-weight: 600;
}
.hosting-landing .btn-primary { background: #2a2953; }
.hosting-landing .btn-secondary { background: #3a3a6e; }
.hosting-landing .btn:hover { background: cyan; color: black; border-color: cyan; }

/* Make the CTA links at the bottom look like buttons too */
.hosting-landing .cta .hero__ctas a { 
  margin: .25rem .35rem; 
}

/* Grids + cards: slight polish */
.hosting-landing .grid-3,
.hosting-landing .grid-2 { gap: 1.25rem !important; }
.hosting-landing .card { border: 1px solid rgba(255,255,255,.25) !important; }

/* Checkmark bullets (fix the ?~\~S artifact) */
.hosting-landing .checks { 
  columns: 2; column-gap: 2rem; list-style: none; padding: 0;
}
.hosting-landing .checks li::before { 
  content: "\2713\0020"; /* ✓ + space */
}

/* Slightly larger FAQ summary hit area */
.hosting-landing .faq details summary { cursor: pointer; }

/* Force hero logo to a sane size even if another rule wins */
body.hosting-landing .hero .hero__logo {
  height: 72px !important;      /* was ignored on your page */
  width: auto !important;
  max-width: none !important;
  display: inline-block;
  margin-bottom: .75rem;
}

/* Nudge hero title spacing so it doesn't feel cramped under the navbar */
body.hosting-landing .hero h1 {
  margin-top: .25rem;
  margin-bottom: .5rem;
}
