/* === CWPX | Homepage layout (clean, tight, on-brand) === */
:root{
  --cwpx-teal:#009688; --cwpx-navy:#003366; --cwpx-ink:#222;
  --cwpx-bg:#f5f5f5; --cwpx-white:#fff;
  --cwpx-rad:16px; --cwpx-shadow:0 10px 24px rgba(0,0,0,.12);
  --cwpx-gap-1:.5rem; --cwpx-gap-2:1rem; --cwpx-gap-3:1.5rem;
  --cwpx-gap-4:2rem;  --cwpx-gap-6:3rem; --cwpx-max:1140px;
}

/* Hide WP default page title on front page */
body.home .wp-block-post-title,
body.home .entry-title{ display:none !important; }

/* Global rhythm */
body.home{ --wp--style--block-gap: var(--cwpx-gap-3) !important; }
body.home .wp-site-blocks > *{ max-width: var(--cwpx-max); margin-inline:auto; padding-inline: var(--cwpx-gap-2); }

/* Navigation tightening (wrap nicely on small screens) */
.wp-block-navigation__container{ gap: .9rem !important; flex-wrap: wrap; }

/* Section shells */
.cwpx-section{ margin-block: var(--cwpx-gap-6); }
.cwpx-card{
  background:var(--cwpx-white);
  border-radius:var(--cwpx-rad);
  box-shadow:var(--cwpx-shadow);
  padding: clamp(2rem, 3vw, 3rem);
}

/* Hero */
.cwpx-hero{ text-align:center; }
.cwpx-hero .cwpx-logo{ height:110px; margin-bottom: var(--cwpx-gap-2); }
.cwpx-hero h1{
  color:var(--cwpx-navy); font-size:clamp(1.9rem, 3vw, 2.6rem);
  line-height:1.15; margin:0 0 var(--cwpx-gap-2) 0;
}
.cwpx-hero p{
  color:#444; font-size:clamp(1rem, 1.2vw, 1.125rem);
  max-width: 820px; margin-inline:auto; line-height:1.65;
}

/* Pillars */
.cwpx-pillars h2{ text-align:center; color:var(--cwpx-navy); margin-bottom: var(--cwpx-gap-4); }
.cwpx-pillar-grid{
  display:flex; flex-wrap:wrap; justify-content:center; gap: clamp(1.25rem, 2.5vw, 2rem);
}
.cwpx-pillar{
  width:min(280px, 100%); text-align:center; padding:1rem 1rem 1.2rem;
  border-radius:12px; background:var(--cwpx-bg);
}
.cwpx-pillar img{ height:86px; margin-bottom:.6rem; }
.cwpx-pillar h3{ color:var(--cwpx-teal); margin:.2rem 0 .4rem; font-size:1.05rem; }
.cwpx-pillar p{ font-size:.95rem; color:#333; line-height:1.55; }

/* Phoenix Spotlight */
.cwpx-spotlight{ background:var(--cwpx-bg); border-radius:var(--cwpx-rad); padding: clamp(2rem, 3vw, 3rem); }
.cwpx-spotlight h2{ color:var(--cwpx-navy); text-align:center; margin-bottom: .8rem; }
.cwpx-spotlight p{ max-width:780px; margin-inline:auto; color:#333; line-height:1.65; text-align:center; }
.cwpx-spotlight .phoenix-img{
  display:block; margin:1.5rem auto 0; max-width:min(420px, 92%);
  border-radius:16px; box-shadow:var(--cwpx-shadow);
}

/* Adoption Journey */
.cwpx-journey h2{ text-align:center; color:var(--cwpx-navy); margin-bottom: var(--cwpx-gap-3); }
.cwpx-journey ol{
  max-width:880px; margin:0 auto; padding-left:1.2rem;
  color:#333; line-height:1.8; font-size:1.02rem;
}
.cwpx-cta-row{ text-align:center; margin-top: var(--cwpx-gap-3); display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cwpx-btn{
  display:inline-block; padding:.85rem 1.6rem; border-radius:10px; text-decoration:none; font-weight:600;
}
.cwpx-btn--teal{ background:var(--cwpx-teal); color:#fff; }
.cwpx-btn--navy{ background:var(--cwpx-navy); color:#fff; }

/* Final CTA */
.cwpx-cta{ background:var(--cwpx-navy); color:#fff; text-align:center; border-radius:var(--cwpx-rad); }
.cwpx-cta h2{ margin:0 0 .6rem; font-size: clamp(1.3rem, 2.3vw, 1.8rem); }
.cwpx-cta p{ max-width:800px; margin: 0 auto 1rem; line-height:1.6; opacity:.95; }

/* Mobile nips */
@media (max-width: 720px){
  .cwpx-hero .cwpx-logo{ height:90px; }
  .cwpx-pillar{ width: min(340px, 100%); }
}