/* Pocket & Profit homepage simplification + accessibility pass.
   Keeps the existing product structure, but reduces visual noise and improves readability/touch targets. */

/* Clearer reading measure and calmer section rhythm */
.homeV2{row-gap:0!important}
.homeV2 .hero,.homeProductPreview,.whoFor,.specificBenefits,.simplePricing,.faqSection,.homeUtilityCard,.homeGiftCard{scroll-margin-top:88px}
.heroCopy p,.sectionTitle p,.whoFor p,.faqList p{max-width:68ch}
.homeV2 p{line-height:1.7}
.homeV2 .hero{gap:48px!important}
.homeV2 .heroCopy h1{max-width:760px;line-height:1.02!important;letter-spacing:-.035em}
.homeHeroSub{max-width:620px!important;font-size:17px!important;line-height:1.6!important}

/* Reduce header clutter while preserving the existing destinations */
.siteNav{min-height:76px!important;padding-top:12px!important;padding-bottom:12px!important}
.siteNav>div{gap:4px!important}
.siteNav>div>a:not(.button),.siteNav>div>button{min-height:44px;display:inline-flex;align-items:center;padding:0 12px}
.siteNav .navUser{display:none!important}
.siteNav .button{min-height:44px}

/* Make calls to action easier to scan and tap */
.homeV2 .button,.homeV2 button{min-height:46px;min-width:44px}
.homeV2 .cta{gap:10px!important;flex-wrap:wrap}
.homeHeroTrust{max-width:620px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 18px!important}

/* Cards are less dense and easier to read */
.whoForGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.whoForGrid article{padding:22px!important}
.whoForGrid b{font-size:17px!important}
.whoForGrid p{font-size:14px!important;line-height:1.65!important}
.specificBenefits .features{gap:14px!important}
.specificBenefits .features article{padding:24px!important}
.specificBenefits .features article h3{font-size:21px!important;line-height:1.25!important}
.specificBenefits .features article p{font-size:14px!important;line-height:1.65!important}

/* Bring the key story forward and trim excess vertical whitespace */
.homeProductPreview{margin-top:38px!important}
.whoFor,.specificBenefits{margin-top:46px!important}
.simplePricing,.faqSection{margin-top:50px!important}
.homeUtilityCard{margin-top:44px!important}
.homeGiftCard{margin-top:18px!important}
.closingV2{margin-top:52px!important}

/* Accessible link treatment inside content without changing button styling */
.homeV2 p a,.homeV2 article>a:not(.button),.faqList a{font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}

/* Strong keyboard focus, visible in both themes */
.siteNav a:focus-visible,.siteNav button:focus-visible,.homeV2 a:focus-visible,.homeV2 button:focus-visible{
  outline:3px solid #8eb64a!important;
  outline-offset:4px!important;
  border-radius:8px
}

/* Improve text legibility for small labels */
.homeV2 small,.homeV2 [style*="fontSize:9"],.homeV2 [style*="font-size:9"]{font-size:11px!important;line-height:1.45!important}
.signinTrust{font-size:12px!important;line-height:1.55}

/* Dark-mode homepage contrast: avoid washed-out copy and cards */
html.pnp-dark .homeV2{color:#edf3ee}
html.pnp-dark .homeV2 .heroCopy p,
html.pnp-dark .homeHeroSub,
html.pnp-dark .whoForGrid p,
html.pnp-dark .specificBenefits p,
html.pnp-dark .faqList p{color:#c4d0c7!important}
html.pnp-dark .whoForGrid article,
html.pnp-dark .specificBenefits .features article,
html.pnp-dark .faqList details{background:#17231d!important;border-color:#34463b!important;color:#edf3ee!important}
html.pnp-dark .whoForGrid b,
html.pnp-dark .specificBenefits h3,
html.pnp-dark .faqList summary{color:#f3f7f4!important}

@media(max-width:1000px){
  .whoForGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .homeV2 .hero{gap:32px!important}
}

@media(max-width:800px){
  .siteNav{padding-left:18px!important;padding-right:18px!important}
  .siteNav>div>a:not(.button){display:none!important}
  .siteNav>div{gap:8px!important}
  .homeV2 .hero{padding-top:42px!important}
  .homeV2 .heroCopy h1{font-size:clamp(44px,12vw,66px)!important}
  .homeHeroTrust{grid-template-columns:1fr!important}
  .whoForGrid{grid-template-columns:1fr!important}
  .simplePricingWrap{grid-template-columns:1fr!important}
}

@media(max-width:560px){
  .homeV2 .heroCopy h1{font-size:clamp(40px,13vw,54px)!important}
  .homeHeroSub{font-size:16px!important}
  .homeV2 .cta .button{width:100%}
  .homeV2 .hero,.homeProductPreview,.whoFor,.specificBenefits,.simplePricing,.faqSection,.homeUtilityCard,.homeGiftCard{padding-left:18px!important;padding-right:18px!important}
}

@media(prefers-reduced-motion:reduce){
  .homeV2 *, .siteNav *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}