/* reviews.css - styles scoped to #page-reviews */

#page-reviews { --green:#235c45; --green-dark:#173f30; --green-soft:#edf5f0; --yellow:#f4c928; --cream:#fbfcfa; --text:#1d2923; --muted:#68746e; --border:#e4ebe6; --shadow:0 14px 40px rgba(27,65,48,.08); font-family:"DM Sans",sans-serif; color:var(--text); line-height:1.6 }
#page-reviews img { display:block; width:100% }
#page-reviews .hero { background:var(--green-soft); padding:82px 0 78px }
#page-reviews .eyebrow { display:inline-flex; gap:9px; align-items:center; color:var(--green); font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase }
#page-reviews .btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:999px; font-weight:700 }
#page-reviews .stars { color:#d6a900; letter-spacing:2px; margin-bottom:15px }
#page-reviews .cta { padding:0 0 80px }
#page-reviews .hero-inner { max-width:820px }
#page-reviews .eyebrow:before { content:""; width:26px; height:2px; background:var(--yellow) }
#page-reviews h1 { font-size:clamp(42px,6vw,70px); letter-spacing:-.04em }
#page-reviews h2 { font-size:clamp(31px,4vw,47px); letter-spacing:-.035em }
#page-reviews .section-head { text-align:center; max-width:760px; margin:0 auto 38px }
#page-reviews .section-head p { color:var(--muted); margin-top:12px }
#page-reviews .cta-box { background:var(--green); border-radius:28px; padding:58px 60px; display:flex; justify-content:space-between; align-items:center; gap:30px; color:white }
#page-reviews .cta-box p { color:#dce8e1; margin-top:9px }
#page-reviews .cta-box .btn { background:var(--yellow); color:#213127 }
#page-reviews h1, #page-reviews h2, #page-reviews h3, #page-reviews h4 { font-family:"Manrope",sans-serif; line-height:1.12 }
#page-reviews .section { padding:82px 0 }
#page-reviews .hero p { max-width:680px; color:var(--muted); font-size:18px; margin:20px 0 28px }
#page-reviews .review-summary { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; align-items:center; background:var(--cream); padding:32px; border-radius:24px; margin-bottom:45px }
#page-reviews .score { font:800 64px Manrope; color:var(--green); line-height:1 }
#page-reviews .score-note, #page-reviews .review-card p { color:var(--muted) }
#page-reviews .review-card { border:1px solid var(--border); border-radius:20px; padding:25px; background:white }
#page-reviews .reviewer { border-top:1px solid var(--border); margin-top:20px; padding-top:15px; display:flex; justify-content:space-between }
#page-reviews .reviewer strong { font-family:Manrope; font-size:14px }
#page-reviews .reviewer span { font-size:12px; color:var(--muted) }
#page-reviews .review-note { text-align:center; color:var(--muted); margin-top:25px; font-size:14px }

@media (max-width:900px) {
  #page-reviews .review-summary { grid-template-columns:1fr }
  #page-reviews .review-grid { grid-template-columns:1fr 1fr }
}

@media (max-width:620px) {
  #page-reviews .container { width:calc(100% - 28px) }
  #page-reviews .hero { padding:58px 0 55px }
  #page-reviews .cta-box .btn { margin-top:23px }
  #page-reviews .section { padding:60px 0 }
  #page-reviews .review-grid { grid-template-columns:1fr }
}

/* Replaces the inline style="color:var(--muted);margin-top:10px" from the HTML version. */
#page-reviews .summary-text { color:var(--muted); margin-top:10px }