/* SSAL proof + reviews visual polish — 2026-09-15 */

/* Big Mistake: make the proof visual feel like a distinct image/card */
.proof-copy{max-width:520px}
.proof-img{max-width:440px;margin:0 auto;padding:10px;border-radius:26px}
.proof-img img{width:100%;height:auto;border-radius:18px}

/* Reviews: turn the section into compact proof cards instead of a wall of text */
.reviews-shell{max-width:1080px;margin:0 auto}
.reviews-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;align-items:start;justify-items:center}
.review-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;padding:22px}
.review-tag{display:inline-flex;align-self:flex-start;padding:7px 12px;border-radius:999px;background:#eef5ef;border:1px solid #d5e2d7;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}
.quote-mark{margin-bottom:2px}
/* Reviews are conversion proof: always show the complete testimonial. */
.review-card p{display:block;height:auto;max-height:none;overflow:visible;-webkit-line-clamp:unset;-webkit-box-orient:initial}
.review-toggle{margin-top:auto;align-self:flex-start;background:none;border:0;padding:0;color:var(--green);font-weight:800;cursor:pointer}
.reviews-grid.expanded .extra-review{display:flex}

/* Problem-recognition section: one human moment, without crowding the copy */
.pain-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:24px;align-items:stretch}
.pain-layout .pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}
.pain-photo{margin:0;min-height:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.18);background:rgba(255,255,255,.06)}
.pain-photo img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center 45%}

@media(max-width:900px){
  .proof-grid{gap:26px}
  .proof-copy{max-width:100%}
  .proof-img{max-width:430px}
  .reviews-grid{grid-template-columns:1fr;justify-items:center}
  .review-card{max-width:430px}

  /* On narrower screens, show the human first, then the pain cards. */
  .pain-layout{grid-template-columns:1fr;gap:22px}
  .pain-photo{order:-1;width:min(100%,560px);margin:4px auto 0;min-height:0}
  .pain-layout .pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pain-photo img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover;object-position:center 43%}
}

@media(max-width:620px){
  .proof-img{width:88%;max-width:360px;margin:6px auto 0;padding:8px;border-radius:22px}
  .proof-img img{border-radius:15px}
  .review-card{width:90%;max-width:360px;padding:20px}
  .reviews-grid{gap:16px}
  .reviews .section-head{max-width:340px}

  .pain-layout .pain-grid{grid-template-columns:1fr}
  .pain-photo{width:100%;max-width:390px;border-radius:20px}
  .pain-photo img{aspect-ratio:4/3;object-position:center 43%}
}