.wp-page {}

.wp-hero-grid {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: var(--space-4);
  align-items: center;
}
.wp-hero-text {max-width:520px; display:flex; flex-direction:column; gap:var(--space-3);} 
.wp-hero-image img {width:100%; height:auto;}

.wp-intro-inner {text-align:center;}
.wp-intro-text {max-width:700px; margin-inline:auto;}

.wp-steps-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:var(--space-3);
}
.wp-step {display:flex; flex-direction:column; gap:var(--space-2);} 

.wp-atmosphere-grid {
  display:grid;
  grid-template-columns: 60% 40%;
  gap:var(--space-4);
  align-items:center;
}
.wp-atmosphere-text {max-width:520px;}

.wp-service-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:var(--space-3);
  text-align:center;
}

.wp-rules-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:var(--space-3);
  max-width:700px;
  margin-inline:auto;
  text-align:center;
}

.wp-events-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:var(--space-3);
}

.wp-benefits-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:var(--space-3);
  max-width:900px;
  margin-inline:auto;
  text-align:center;
}

.wp-cta {
  background: var(--color-brand-navy);
}
.wp-cta-inner {
  text-align:center;
  max-width:520px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media (max-width: 1100px) {
  .wp-steps-grid {grid-template-columns: repeat(2, minmax(0,1fr));}
}

@media (max-width: 900px) {
  .wp-hero-grid {grid-template-columns:1fr;}
  .wp-atmosphere-grid {grid-template-columns:1fr;}
  .wp-service-grid {grid-template-columns:1fr;}
  .wp-events-grid {grid-template-columns:1fr;}
  .wp-benefits-grid {grid-template-columns:1fr;}
  .wp-rules-grid {grid-template-columns:1fr;}
}