/* Momentum, Bespoke and Lead Magnets hero-family polish — 9 Sep 2026. */

.page-momentum .site-header,
.page-bespoke .site-header,
.page-lead-magnets-tools .site-header{
  background:#f5f3f8!important;
  border-bottom:0!important;
}

@media(min-width:901px){
  .page-momentum .pkg-hero,
  .page-bespoke .pkg-hero,
  .page-lead-magnets-tools .pkg-hero{
    padding-top:24px!important;
    padding-bottom:46px!important;
  }
  .page-momentum .pkg-hero-grid,
  .page-bespoke .pkg-hero-grid,
  .page-lead-magnets-tools .pkg-hero-grid{
    align-items:start!important;
  }
  .page-momentum .pkg-hero-copy,
  .page-bespoke .pkg-hero-copy,
  .page-lead-magnets-tools .pkg-hero-copy{
    align-self:start!important;
    padding-top:0!important;
  }
  .page-momentum .pkg-hero-art,
  .page-bespoke .pkg-hero-art,
  .page-lead-magnets-tools .pkg-hero-art{
    align-self:start!important;
    margin-top:30px!important;
  }
}

.page-momentum .pkg-hero-art{
  overflow:visible!important;
  justify-content:center!important;
}
.page-momentum .pkg-hero-art img{
  display:block!important;
  width:80%!important;
  max-width:544px!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:20px!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  transform:none!important;
}

.page-momentum .pkg-hero-copy>.pkg-price+p,
.page-momentum [aria-labelledby="momentum-support-title"] .pkg-price+p{
  max-width:520px!important;
  margin:7px 0 0!important;
  color:#756d80!important;
  font-size:.72rem!important;
  font-weight:500!important;
  line-height:1.5!important;
}
.page-momentum .pkg-hero-copy>.pkg-price+p strong,
.page-momentum [aria-labelledby="momentum-support-title"] .pkg-price+p strong{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:600!important;
}

/* Lead Magnets retains the compact laptop-style treatment. */
.page-lead-magnets-tools .pkg-hero-art{
  position:relative!important;
  min-height:360px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.page-lead-magnets-tools .pkg-hero-art img{display:none!important;}
.page-lead-magnets-tools .pkg-hero-art::before{
  content:"Next Level Lead Magnets & Tools\A\A Give people a reason to engage.\A\A Useful idea · Branded experience\A Interactive journey · Lead capture\A Clear next step · Trackable results"!important;
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(560px,94%)!important;
  min-height:300px!important;
  padding:48px 52px 42px!important;
  border:12px solid #282635!important;
  border-bottom-width:24px!important;
  border-radius:18px 18px 11px 11px!important;
  background:radial-gradient(circle at 82% 18%,rgba(167,139,250,.28) 0 46px,transparent 48px),linear-gradient(180deg,#f3ecfb 0 68px,#fff 68px 100%)!important;
  box-shadow:0 24px 48px rgba(37,35,51,.18)!important;
  white-space:pre-line!important;
  color:#5d5368!important;
  font:560 .86rem/1.72 Manrope,Arial,sans-serif!important;
  text-align:left!important;
}
.page-lead-magnets-tools .pkg-hero-art::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  bottom:18px!important;
  width:min(620px,100%)!important;
  height:30px!important;
  transform:translateX(-50%)!important;
  border-radius:4px 4px 18px 18px!important;
  background:linear-gradient(180deg,#d8d7dc,#b8b7bd)!important;
  box-shadow:0 10px 18px rgba(37,35,51,.13)!important;
}

/* Bespoke: match the homepage lavender field and rebuild the hero as a true wide laptop. */
.page-bespoke .pkg-hero{
  background:#f5f3f8!important;
  border-bottom:0!important;
}
.page-bespoke .pkg-hero-art{
  position:relative!important;
  min-height:380px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:visible!important;
  isolation:isolate!important;
  padding:0 0 34px!important;
  background:transparent!important;
}
.page-bespoke .pkg-hero-art img{display:none!important;}
.page-bespoke .pkg-hero-art::before{
  content:"Next Level Bespoke\A\A Plan. Build. Grow.\A\A A website built around your business, your customers and your goals.\A\A Strategy   ·   Design & content   ·   Integrations   ·   Growth"!important;
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(610px,96%)!important;
  min-height:300px!important;
  padding:46px 56px 42px!important;
  border:13px solid #282635!important;
  border-bottom-width:18px!important;
  border-radius:18px 18px 10px 10px!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(167,139,250,.26) 0 50px,transparent 52px),
    linear-gradient(180deg,#eee6fa 0 72px,#fff 72px 100%)!important;
  box-shadow:0 24px 48px rgba(37,35,51,.18)!important;
  white-space:pre-line!important;
  color:#5b5265!important;
  font:560 .88rem/1.7 Manrope,Arial,sans-serif!important;
  text-align:left!important;
}
.page-bespoke .pkg-hero-art::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  bottom:12px!important;
  width:min(660px,100%)!important;
  height:24px!important;
  transform:translateX(-50%)!important;
  border-radius:3px 3px 18px 18px!important;
  background:linear-gradient(180deg,#d8d7dc,#b7b6bc)!important;
  box-shadow:0 9px 16px rgba(37,35,51,.14)!important;
}

@media(min-width:901px){
  .page-bespoke .pkg-hero{
    padding-top:10px!important;
    padding-bottom:36px!important;
  }
  .page-bespoke .pkg-hero-art{
    margin-top:38px!important;
  }
}

@media(max-width:900px){
  .page-momentum .pkg-hero-art,
  .page-bespoke .pkg-hero-art,
  .page-lead-magnets-tools .pkg-hero-art{margin-top:8px!important;}
  .page-momentum .pkg-hero-art img{width:88%!important;max-width:544px!important;}
  .page-bespoke .pkg-hero-art{min-height:330px!important;}
  .page-bespoke .pkg-hero-art::before{width:min(610px,96%)!important;min-height:270px!important;padding:40px 38px 34px!important;}
  .page-lead-magnets-tools .pkg-hero-art{min-height:320px!important;}
  .page-lead-magnets-tools .pkg-hero-art::before{min-height:270px!important;padding:40px 36px 34px!important;}
}

@media(max-width:620px){
  .page-momentum .pkg-hero,
  .page-bespoke .pkg-hero,
  .page-lead-magnets-tools .pkg-hero{padding-top:24px!important;}
  .page-momentum .pkg-hero-art img{width:100%!important;max-width:100%!important;}
  .page-bespoke .pkg-hero-art{min-height:255px!important;padding-bottom:26px!important;}
  .page-bespoke .pkg-hero-art::before{
    width:100%!important;
    min-height:220px!important;
    padding:30px 24px 26px!important;
    border-width:9px!important;
    border-bottom-width:14px!important;
    font-size:.75rem!important;
  }
  .page-bespoke .pkg-hero-art::after{bottom:7px!important;height:18px!important;}
  .page-lead-magnets-tools .pkg-hero-art{min-height:270px!important;}
  .page-lead-magnets-tools .pkg-hero-art::before{width:100%!important;min-height:235px!important;padding:34px 24px 28px!important;border-width:9px!important;border-bottom-width:18px!important;font-size:.76rem!important;}
  .page-lead-magnets-tools .pkg-hero-art::after{bottom:9px!important;height:22px!important;}
}