/* Essentials positioning additions — make the package read as review + strategy + copy + build + implementation. */
.page-essentials .essentials-summary-strip{
  padding:28px 0 34px!important;
  background:#fff!important;
  border-top:1px solid #ebe4f1!important;
  border-bottom:1px solid #ebe4f1!important;
}
.page-essentials .essentials-summary-panel{
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:42px!important;
  align-items:start!important;
  padding:28px 30px!important;
  border:1px solid #e7deef!important;
  border-radius:22px!important;
  background:radial-gradient(ellipse at 0% 100%,#eee5f778,transparent 47%),radial-gradient(ellipse at 100% 15%,#f0e9f85c,transparent 43%),#fcfbfd!important;
  box-shadow:0 12px 32px #4932560b,inset 0 1px 0 #fff!important;
}
.page-essentials .essentials-summary-copy .pkg-eyebrow{
  margin-bottom:8px!important;
}
.page-essentials .essentials-summary-copy h2{
  margin:0 0 13px!important;
  color:#252333!important;
  font-size:clamp(1.75rem,3vw,2.35rem)!important;
  line-height:1.18!important;
  letter-spacing:-.04em!important;
}
.page-essentials .essentials-summary-copy p{
  margin:0!important;
  color:#665d70!important;
  line-height:1.72!important;
}
.page-essentials .essentials-summary-points{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 24px!important;
  margin:2px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.page-essentials .essentials-summary-points li{
  position:relative!important;
  padding-left:25px!important;
  color:#51495c!important;
  font-size:.9rem!important;
  line-height:1.55!important;
}
.page-essentials .essentials-summary-points li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:.09em;
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  border:1px solid #b69ace;
  border-radius:50%;
  color:#9270b8;
  font-size:.62rem;
  font-weight:800;
}
.page-essentials .essentials-build-strip{
  border-top:1px solid #e9e1ef!important;
  border-bottom:1px solid #e9e1ef!important;
}
.page-essentials .essentials-build-grid{
  margin-top:24px!important;
}
.page-essentials .essentials-build-grid .pkg-card{
  min-height:100%!important;
}
.page-essentials .essentials-build-band{
  margin-top:22px!important;
}

/* Give the five-page explanation and examples room to breathe on desktop. */
@media(min-width:901px){
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"]>.pkg-shell{
    width:min(1240px,calc(100% - 64px))!important;
  }
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"] .pkg-split{
    display:block!important;
  }
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"] .pkg-split>div:first-child{
    max-width:760px!important;
  }
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"] .pkg-split>div:last-child{
    margin-top:34px!important;
  }
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"] .pkg-grid-5{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"] .pkg-feature{
    min-height:270px!important;
    padding:26px 22px 24px!important;
  }
  .page-essentials .pkg-essentials [aria-labelledby="five-pages-title"] .pkg-feature p{
    max-width:17ch!important;
    margin-inline:auto!important;
  }
}

/* Keep the main Essentials CTA visually identical in weight and shape to Elevate/Momentum. */
.page-essentials .pkg-hero .pkg-actions .pkg-button-primary{
  min-height:48px!important;
  padding:12px 18px!important;
  border-radius:10px!important;
  font-weight:700!important;
}

/* Supporting statements should read as emphasis, not as separate tiles/buttons. */
.page-essentials .pkg-essentials [aria-labelledby="connected-foundations-title"] .pkg-band,
.page-essentials .pkg-essentials [aria-labelledby="foundation-review-title"] .pkg-band,
.page-essentials .essentials-build-band{
  display:block!important;
  width:auto!important;
  margin-top:22px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9270b8!important;
  font-weight:700!important;
  line-height:1.55!important;
  text-align:left!important;
}

@media(max-width:900px){
  .page-essentials .essentials-summary-panel{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
}
@media(max-width:620px){
  .page-essentials .essentials-summary-strip{
    padding:22px 0 26px!important;
  }
  .page-essentials .essentials-summary-panel{
    padding:22px 18px!important;
    border-radius:18px!important;
  }
  .page-essentials .essentials-summary-points{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}
