/* WordPress page V4: compact responsive hero and reliable desktop FAQ sticky. */
.wph-page .wph-hero{padding-top:clamp(26px,3.8vw,50px)!important;padding-bottom:clamp(22px,3vw,38px)!important}
.wph-page .wph-hero-grid{align-items:center!important;gap:clamp(20px,3.2vw,46px)!important}
.wph-page .wph-hero-copy h1{margin-top:16px!important;line-height:1.09!important;letter-spacing:-.045em}
.wph-page .wph-hero-copy>p{line-height:1.62}
.wph-page .wph-hero-visual{transform:none!important;min-width:0}
.wph-page .wph-hero-price-card{animation:none!important;transform:rotate(-2deg)!important;z-index:5}
.wph-page .wph-hero-wp-card{z-index:4}
.wph-page .wph-hero-image-wrap{isolation:isolate}
.wph-page .wph-btn-primary{background:linear-gradient(110deg,#d0ff4a,#a9f336 54%,#86df39)!important;color:#15253b!important;transition:transform .18s ease,box-shadow .18s ease!important}
.wph-page .wph-btn-quiet,.wph-page .wph-btn-outline{transition:border-color .18s ease,transform .18s ease!important}
@media (hover:hover) and (pointer:fine){.wph-page .wph-btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 24px #517e2c22}.wph-page .wph-btn-quiet:hover,.wph-page .wph-btn-outline:hover{transform:translateY(-1px);border-color:#a8cc8d}}
/* The FAQ scrolls naturally with the page; the intro sticks inside this section only. */
@media(min-width:901px){
 .wph-page #wph-faq,.wph-page #wph-faq .wph-container,.wph-page #wph-faq .wph-faq-grid{overflow:visible!important;transform:none!important;contain:none!important;content-visibility:visible!important}
 .wph-page #wph-faq .wph-faq-grid{display:grid!important;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;align-items:start!important;gap:clamp(28px,5vw,76px)!important}
 .wph-page #wph-faq .wph-faq-intro{position:sticky!important;top:140px!important;align-self:start!important;height:max-content!important;max-height:calc(100vh - 155px);z-index:2;transform:none!important}
 .wph-page #wph-faq .wph-faq-items{min-width:0!important;overflow:visible!important;transform:none!important}
}
.wph-page #wph-faq{scroll-margin-top:95px}
.wph-page #wph-faq .wph-faq-items details{scroll-margin-top:125px}
.wph-page #wph-faq .wph-faq-items summary{cursor:pointer;line-height:1.4}
.wph-page #wph-faq .wph-faq-items details[open]{border-color:#b5d8a7;box-shadow:0 8px 25px #1c482215}
.wph-page #wph-faq .wph-faq-answer{max-width:80ch}
.wph-page #wph-faq .wph-faq-answer p{line-height:1.75}
.wph-page #wph-faq .wph-faq-items summary:focus-visible{outline:3px solid #59983a;outline-offset:4px;border-radius:8px}
@media(min-width:901px) and (max-height:680px){.wph-page #wph-faq .wph-faq-intro{top:110px!important}}
@media(max-width:900px){.wph-page #wph-faq .wph-faq-intro{position:static!important;top:auto!important;max-height:none!important}}
@media(max-width:650px){
 .wph-page .wph-hero{padding:18px 0 24px!important}
 .wph-page .wph-hero-grid{display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important}
 .wph-page .wph-hero-copy{display:contents!important}
 .wph-page .wph-hero-copy>.wph-kicker{order:1;margin:0 0 10px!important}
 .wph-page .wph-hero-copy>h1{order:2;margin:0 0 9px!important;font-size:clamp(2.05rem,8.1vw,2.68rem)!important;line-height:1.08!important;max-width:18ch}
 .wph-page .wph-hero-visual{order:3;aspect-ratio:1.49!important;max-width:420px!important;width:100%!important;min-height:0!important;margin:4px auto 12px!important;overflow:visible!important}
 .wph-page .wph-hero-image-wrap{inset:0 13% 0 15%!important}
 .wph-page .wph-hero-person{object-position:center 24%!important}
 .wph-page .wph-hero-price-card{bottom:3%!important;left:0!important;width:min(48%,176px)!important;padding:10px 11px!important;transform:rotate(-2deg)!important}
 .wph-page .wph-hero-wp-card,.wph-page .wph-hero-help-card{display:none!important}
 .wph-page .wph-hero-copy>.wph-actions{order:4;display:flex!important;gap:9px!important;margin:0 0 12px!important;flex-direction:row!important}
 .wph-page .wph-actions>.wph-btn{min-width:0;width:auto!important;flex:1 1 50%!important;min-height:46px!important;padding:9px 8px!important;font-size:.78rem!important;line-height:1.25;white-space:normal}
 .wph-page .wph-hero-copy>p:not(.wph-hero-note){order:5;font-size:.88rem!important;line-height:1.5!important;margin:0 0 12px!important}
 .wph-page .wph-hero-copy>.wph-hero-points{order:6;margin:0 0 10px!important}
 .wph-page .wph-hero-copy>.wph-hero-note{order:7;margin:0!important}
 .wph-page .wph-hero-bridge,.wph-page .wph-jump{display:none!important}
 .wph-page #wph-faq{padding-top:38px!important;padding-bottom:38px!important}
 .wph-page #wph-faq .wph-faq-intro{margin-bottom:18px!important}
 .wph-page #wph-faq .wph-faq-items summary{font-size:.94rem!important}
 .wph-page #wph-faq .wph-faq-answer p{line-height:1.62}
}
@media(max-width:370px){.wph-page .wph-hero-visual{aspect-ratio:1.32!important}.wph-page .wph-hero-copy>.wph-actions{flex-direction:column!important}}
@media(prefers-reduced-motion:reduce){.wph-page .wph-btn{transition:none!important;transform:none!important}}

/* V5: strong, visible correction after all page styles. */
.wph-page,.wph-page .wph-faq-section,.wph-page .wph-faq-grid{overflow:visible!important}
@media(min-width:901px){
 .wph-page .wph-hero.wph-hero-v4.wph-hero-v5{padding-block:20px 24px!important;min-height:0!important}
 .wph-page .wph-hero .wph-hero-grid{min-height:0!important;align-items:start!important;gap:clamp(24px,3.5vw,52px)!important}
 .wph-page .wph-hero-copy{padding-top:9px!important;margin-top:0!important;align-self:start!important}
 .wph-page .wph-hero-copy h1{font-size:clamp(2.8rem,4.55vw,4.5rem)!important;line-height:1.08!important;margin:16px 0!important}
 .wph-page .wph-hero-copy>p{margin-top:14px!important;margin-bottom:14px!important}
 .wph-page .wph-hero-visual{height:clamp(350px,32vw,475px)!important;min-height:0!important;margin-top:0!important;align-self:start!important}
 .wph-page .wph-hero-image-wrap{max-height:100%!important}
 .wph-page .wph-hero-bridge{display:none!important}
 .wph-page .wph-jump{margin-top:0!important}
 .wph-page #wph-faq{overflow:visible!important;isolation:auto!important}
 .wph-page #wph-faq .wph-container.wph-faq-grid{display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;align-items:start!important;gap:clamp(30px,5vw,72px)!important;overflow:visible!important}
 .wph-page #wph-faq .wph-faq-intro{position:sticky!important;top:135px!important;margin-top:0!important;align-self:start!important;transform:none!important;max-height:calc(100vh - 150px)!important;overflow:auto!important}
 .wph-page #wph-faq .wph-faq-items{min-width:0;overflow:visible!important}
}
/* For a typical tablet browser use normal reading flow. */
@media(min-width:651px) and (max-width:900px){
 .wph-page .wph-hero{padding-top:22px!important;min-height:0!important}
 .wph-page .wph-hero-grid{min-height:0!important;gap:20px!important}
 .wph-page .wph-hero-copy h1{font-size:clamp(2.5rem,5vw,3.65rem)!important}
}
@media(max-width:650px){
 .wph-page .wph-hero.wph-hero-v4.wph-hero-v5{padding-top:12px!important;padding-bottom:18px!important;min-height:0!important}
 .wph-page .wph-hero-grid{min-height:0!important}
 .wph-page .wph-hero-copy h1{font-size:clamp(2rem,8.2vw,2.65rem)!important;margin-bottom:8px!important}
 .wph-page .wph-hero-visual{aspect-ratio:1.42!important;margin-top:0!important}
 .wph-page .wph-hero-points{display:none!important}
 .wph-page .wph-hero-bridge,.wph-page .wph-jump{display:none!important}
 .wph-page .wph-faq-section{padding-top:24px!important;padding-bottom:26px!important}
 .wph-page #wph-faq .wph-faq-grid{display:block!important}
 .wph-page #wph-faq .wph-faq-intro{position:static!important;max-height:none!important;overflow:visible!important}
}


/* V6 — clean editorial rhythm and strong practical search-intent headings.
   This page-scoped stylesheet loads after WordPress hosting and mobile styles. */
.wph-page .wph-jump,
.wph-page .wph-hero-bridge {display:none!important}
@media(min-width:901px){
  .wph-page .wph-hero .wph-hero-grid{align-items:center!important}
  .wph-page .wph-hero-copy{align-self:center!important;padding-top:0!important}
  .wph-page .wph-hero-visual{height:clamp(360px,34vw,475px)!important;align-self:center!important}
  .wph-page .wph-hero-price-card{top:auto!important;left:0!important;bottom:5%!important;z-index:8!important;transform:rotate(-1.5deg)!important}
  .wph-page .wph-hero-image-wrap{overflow:hidden!important}
  /* One price card; no secondary promotional cards covering the subject. */
  .wph-page .wph-hero-wp-card,.wph-page .wph-hero-help-card{display:none!important}
}
/* Section spacing. Keep background transitions, not oversized blank screens. */
.wph-page .wph-section,
.wph-page .wph-v5-journey,
.wph-page .wph-v5-benefits,
.wph-page .wph-v5-migration,
.wph-page .wpi {padding-top:clamp(42px,4.5vw,68px)!important;padding-bottom:clamp(42px,4.5vw,68px)!important}
.wph-page .wph-pricing-section{padding-top:clamp(38px,4vw,60px)!important}
.wph-page .wph-pricing-intro,
.wph-page .wph-v5-heading,
.wph-page .wph-section-heading,
.wph-page .wpi__intro{margin-bottom:clamp(20px,2.6vw,34px)!important}
.wph-page .wph-v5-journey-link{margin-top:20px!important}
.wph-page .wph-v5-benefit-lead h2,
.wph-page .wph-v5-migration-copy h2{line-height:1.14!important}
.wph-page #wph-compare{scroll-margin-top:120px}
.wph-page #wph-pricing{scroll-margin-top:120px}
.wph-page #wph-faq{scroll-margin-top:120px}
/* FAQ: native page scroll; no internal scrollpane. Grid must be tall enough to host sticky column. */
@media(min-width:901px){
  .wph-page #wph-faq,
  .wph-page #wph-faq .wph-faq-grid,
  .wph-page #wph-faq .wph-faq-items{overflow:visible!important;contain:none!important;transform:none!important}
  .wph-page #wph-faq .wph-faq-intro{
    position:sticky!important;
    top:130px!important;
    align-self:start!important;
    overflow:visible!important;
    max-height:none!important;
    height:auto!important;
    transform:none!important;
  }
  .wph-page #wph-faq .wph-faq-grid{align-items:start!important}
}
.wph-page #wph-faq .wph-faq-items details{border-radius:14px}
.wph-page #wph-faq .wph-faq-items summary{font-weight:700}
.wph-page #wph-faq .wph-faq-items details[open]{border-color:#a8d18b!important}
@media(max-width:900px){
  .wph-page #wph-faq .wph-faq-intro{position:static!important;overflow:visible!important;max-height:none!important}
}
@media(max-width:650px){
  .wph-page .wph-hero{padding-top:14px!important;padding-bottom:24px!important}
  .wph-page .wph-hero-price-card{bottom:5%!important;left:0!important}
  .wph-page .wph-hero-image-wrap{overflow:hidden!important}
  .wph-page .wph-section,
  .wph-page .wph-v5-journey,
  .wph-page .wph-v5-benefits,
  .wph-page .wph-v5-migration,
  .wph-page .wpi{padding-top:36px!important;padding-bottom:38px!important}
  .wph-page .wph-pricing-section{padding-top:36px!important}
  .wph-page .wph-pricing-intro,
  .wph-page .wph-v5-heading,
  .wph-page .wph-section-heading,
  .wph-page .wpi__intro{margin-bottom:22px!important}
}
