/* ================= v8: ReviewHarvest-style layout (loaded after site.css) =================
   Rhythm: sections 104px (desktop) / 64px (phone). Centered title-case heads, card grids,
   one spacing scale: 8 / 12 / 16 / 24 / 32 / 48 / 64. */
:root{--rh-sec:104px;--rh-gap:24px;--rh-rad:20px}

/* eyebrow label */
.rh-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--gold-tint);color:var(--gold-deep);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* sections + centered heads */
.rh-sec{padding:var(--rh-sec) 0}
.rh-sec.rh-alt{background:var(--soft)}
.rh-head{max-width:760px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.rh-head h2{font-size:clamp(32px,3.8vw,48px);line-height:1.08;letter-spacing:-0.03em;margin:0}
.rh-head p{font-size:18px;line-height:1.6;color:var(--muted);margin:0;max-width:640px}
.rh-more{text-align:center;margin:40px 0 0}

/* hero */
.rh-hero{padding:88px 0 64px;text-align:center;background:linear-gradient(180deg,#fff 0%,var(--soft2) 100%)}
.rh-hero .container{display:flex;flex-direction:column;align-items:center;gap:24px}
.rh-hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.04;letter-spacing:-0.035em;max-width:960px;margin:0}
.rh-sub{font-size:19px;line-height:1.6;color:var(--muted);max-width:680px;margin:0}
.rh-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;align-items:center}
.rh-lines li{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;color:var(--ink2)}
.rh-ck{flex-shrink:0;width:24px;height:24px;border-radius:99px;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center}
.rh-ck svg{width:14px;height:14px;stroke-width:3}
.rh-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.rh-btns.c{justify-content:center}
.rh-sec .rh-btns{margin-top:48px}
.rh-offer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:14px;color:var(--muted2);font-weight:600}
.rh-offer span{display:flex;align-items:center;gap:6px}
.rh-offer span::before{content:"";width:6px;height:6px;border-radius:99px;background:var(--gold)}
.rh-proof{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.rh-proof div{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);text-align:left;max-width:360px}
.rh-proof b{font-size:22px;font-weight:800;letter-spacing:-0.02em;white-space:nowrap;color:var(--ink)}
.rh-proof span{font-size:14px;color:var(--muted);line-height:1.4}
.rh-hero.dark{background:var(--navy);color:#fff}
.rh-hero-vis{margin-top:48px}
.rh-mock{border-radius:24px;background:linear-gradient(160deg,#FBF3E1,#F0DDB0);padding:48px 24px;display:flex;justify-content:center;max-width:820px;margin:0 auto;position:relative}
.rh-mock::after{content:"Illustration · sample data";position:absolute;bottom:10px;right:16px;font-size:11px;font-weight:700;color:var(--muted2)}
.rh-vis{padding:0 0 0;background:var(--soft2)}
.rh-vis .hero-visual{margin-top:0}
.rh-ind-vis{margin-top:0}

/* card grids */
.rh-cards{display:grid;gap:var(--rh-gap)}
.rh-cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rh-cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rh-card{display:flex;flex-direction:column;gap:12px;padding:32px 28px;border-radius:var(--rh-rad);background:#fff;border:1px solid var(--line);color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s}
.rh-alt .rh-card{border-color:transparent;box-shadow:0 1px 2px rgba(18,20,23,.04)}
a.rh-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(18,20,23,.35);color:var(--ink)}
.rh-card h3{font-size:20px;line-height:1.25;margin:0}
.rh-card p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}
.rh-card p:empty{display:none}
.rh-card em{font-style:normal;font-weight:700;font-size:14px;color:var(--gold-deep);margin-top:auto}
.rh-ic{width:48px;height:48px;border-radius:14px;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rh-ic svg{width:22px;height:22px}
.rh-ic.sm{width:36px;height:36px;border-radius:10px}
.rh-ic.sm svg{width:18px;height:18px}
.rh-cards.slim .rh-card{flex-direction:row;align-items:center;padding:22px 24px}

/* results */
.rh-results{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--rh-gap)}
.rh-results .case,.rh-results .founder-card{padding:40px;border-radius:var(--rh-rad)}
.rh-results .founder-card blockquote{font-size:19px;line-height:1.5}

/* timeline */
.rh-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rh-gap);position:relative}
.rh-tl::before{content:"";position:absolute;top:19px;left:16%;right:16%;height:2px;background:var(--line)}
.rh-tl-i{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 12px}
.rh-tl-d{position:relative;z-index:1;padding:8px 18px;border-radius:99px;background:var(--ink);color:var(--gold);font-weight:800;font-size:14px}
.rh-tl-i h3{font-size:20px;margin:8px 0 0}
.rh-tl-i p{font-size:16px;line-height:1.6;color:var(--muted);margin:0;max-width:320px}

/* process steps */
.rh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rh-gap)}
.rh-step{display:flex;flex-direction:column;gap:12px;padding:32px 28px;border-radius:var(--rh-rad);background:#fff;border:1px solid var(--line)}
.rh-alt .rh-step{border-color:transparent}
.rh-step-n{width:40px;height:40px;border-radius:99px;background:var(--gold);color:var(--ink);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.rh-step-l{font-size:14px;font-weight:800;letter-spacing:.12em;color:var(--gold-deep)}
.rh-step p{font-size:17px;line-height:1.6;color:var(--ink2);margin:0}
.rh-wt{margin-top:64px;border-top:0;padding-top:0}
.rh-wt .wt-head{justify-content:center;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:20px}
.rh-wt .pf-tabs{justify-content:center}
.rh-alt .rh-wt .pf-mock{background:linear-gradient(160deg,#fff,#FBF3E1)}

/* alternating rows (product pages) */
.rh-rows{display:flex;flex-direction:column;gap:32px}
.rh-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.rh-row.flip .rh-row-copy{order:2}
.rh-row-copy{display:flex;flex-direction:column;gap:12px}
.rh-row-copy h3{font-size:clamp(24px,2.4vw,30px);margin:0}
.rh-row-copy p{font-size:17px;line-height:1.6;color:var(--muted);margin:0}
.rh-row-vis{border-radius:var(--rh-rad);background:linear-gradient(160deg,#FBF3E1,#F3E3BD);min-height:320px;padding:32px;display:flex;align-items:center;justify-content:center;position:relative}
.rh-row-vis::after{content:"Illustration · sample data";position:absolute;bottom:10px;right:14px;font-size:11px;font-weight:700;color:var(--muted2)}
.rh-row-vis .phone{transform:scale(.86);transform-origin:center}

/* included list */
.rh-incl{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px}
.rh-incl li{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:14px;background:#fff;font-weight:600;font-size:16px;color:var(--ink2)}

/* industries */
.rh-inds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.rh-ind{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15px;color:var(--ink);text-align:center;transition:border-color .2s,transform .2s}
.rh-ind:hover{border-color:var(--gold);transform:translateY(-2px);color:var(--ink)}
.rh-alt .rh-ind{border-color:transparent}
.rh-group{margin-bottom:40px}
.rh-group h3{font-size:20px;margin:0 0 16px}
.rh-note{color:var(--muted);font-size:16px}

/* integrations reuse (pn) */
.pn .pn-cards{margin-top:0}
.pn .pn-card.sm{padding:16px;gap:0;border-radius:16px}
.pn .pn-more{margin-top:24px}

/* pricing */
.rh-price{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--rh-gap);align-items:start;max-width:1040px;margin:0 auto}
.rh-price .plan,.rh-price .side-box{padding:40px;border-radius:var(--rh-rad)}
.rh-price .plan .amt b{font-size:64px}
.checks.two{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.rh-calc{max-width:720px;margin:0 auto}

/* faq: centered single column like a long help list */
.rh-faq{max-width:820px;margin:0 auto}
.rh-faq .faq button{font-size:18px;padding:20px 0}
.rh-faq .faq p{font-size:16px;line-height:1.65}

/* closing cta */
.cta-band{padding:var(--rh-sec) 0}
.rh-sec+.cta-band{padding-top:var(--rh-sec)}
.rh-sec:not(.rh-alt)+.cta-band{padding-top:0}
.cta-box{padding:72px 48px;gap:20px}
.cta-box h2{font-size:clamp(32px,3.8vw,48px)}
.cta-box p{font-size:18px}

/* nav: How it works link + sign in */
.nav-signin{font-size:15px;font-weight:700;color:var(--ink);padding:10px 12px;border-radius:10px}
.nav-signin:hover{background:var(--soft);color:var(--ink)}

/* contact page inside new layout */
main>.section:first-child{padding-top:72px}

@media (max-width:1100px){
  .rh-cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rh-inds{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1040px){
  .nav-signin{display:none}
}
@media (max-width:900px){
  :root{--rh-sec:80px}
  .rh-cards.c3,.rh-steps,.rh-results,.rh-price,.rh-row{grid-template-columns:1fr}
  .rh-row{gap:24px}.rh-row.flip .rh-row-copy{order:0}
  .rh-tl{grid-template-columns:1fr;gap:32px}.rh-tl::before{display:none}
  .rh-incl{grid-template-columns:1fr 1fr}
  .rh-inds{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:620px){
  :root{--rh-sec:64px;--rh-gap:16px}
  .rh-head{margin-bottom:36px;gap:12px}
  .rh-head h2{font-size:30px}
  .rh-head p{font-size:16px}
  .rh-hero{padding:48px 0 40px}
  .rh-hero .container{gap:18px}
  .rh-hero h1{font-size:36px}
  .rh-lines{align-items:flex-start;text-align:left}
  .rh-lines li{font-size:16px;align-items:flex-start}
  .rh-btns{width:100%}.rh-btns .btn{width:100%}
  .rh-proof div{max-width:none;width:100%}
  .rh-cards.c4{grid-template-columns:1fr}
  .rh-card,.rh-step{padding:24px}
  .rh-results .case,.rh-results .founder-card,.rh-price .plan,.rh-price .side-box{padding:24px}
  .rh-results .founder-card blockquote{font-size:17px}
  .checks.two{grid-template-columns:1fr}
  .rh-incl{grid-template-columns:1fr}
  .rh-inds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rh-row-vis{min-height:0;padding:20px}
  .rh-row-vis .phone{transform:none}
  .rh-wt{margin-top:40px}
  .rh-wt .pf-tabs{justify-content:flex-start}
  .cta-box{padding:40px 22px}
  .rh-faq .faq button{font-size:16px}
}
.rh-hero-vis,.rh-vis{text-align:left}
.rh-ind-vis::after{color:var(--muted2);bottom:-24px}
.rh-ind-vis{margin-bottom:24px}

/* video + cartoon storyboard */
.rh-video{display:block;width:100%;height:auto;border-radius:22px;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#FFF6E3;aspect-ratio:1/1}
.hv-video{width:500px;padding-bottom:40px}
.h6 .hv,.rh-vis .hv{align-items:center}
.rh-vis .hv-side{padding-bottom:40px}
.rh-mock.vid{padding:40px;max-width:640px}
.rh-mock.vid::after{content:"Illustration"}
.rh-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:40px;text-align:left}
.rh-scene{margin:0;display:flex;flex-direction:column;gap:14px}
.rh-scene img{width:100%;height:auto;display:block;border-radius:18px;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#FFF6E3}
.rh-scene figcaption{display:flex;flex-direction:column;gap:4px;padding:0 4px}
.rh-scene b{font-size:18px}
.rh-scene span{font-size:15px;color:var(--muted);line-height:1.5}
.rh-illus{text-align:center;font-size:13px;font-weight:600;color:var(--muted2);margin:-24px 0 40px}
.rh-hero-vis .rh-story{max-width:1100px;margin:0 auto}
.rh-hero-vis .rh-illus{margin:16px 0 0}
@media (max-width:1000px){.hv-video{width:min(500px,100%);margin:0 auto}}
@media (max-width:900px){.rh-story{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}
@media (max-width:620px){.hv-video{padding-bottom:24px}.rh-video{box-shadow:6px 6px 0 var(--ink);border-width:4px}.rh-mock.vid{padding:20px}}