/* About page (pages/about.php) */

.ca-hero{background:#faf6f0;border-bottom:1px solid var(--site-line,#e4e2dd)}
.ca-hero-in{max-width:760px;margin:0 auto;padding:72px 20px 64px;text-align:center}
.ca-eyebrow{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--site-red,#b3261e)}
.ca-hero h1{margin:0 0 18px;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.02em}
.ca-lead{margin:0;font-size:19px;line-height:1.6;color:var(--site-muted,#6b6b70)}

/* Numbers */
.ca-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;margin:-34px auto 0;padding:0 20px}
.ca-stats div{background:#fff;border:1px solid var(--site-line,#e4e2dd);padding:22px 16px;text-align:center}
.ca-stats div:first-child{border-radius:16px 0 0 16px}
.ca-stats div:last-child{border-radius:0 16px 16px 0}
.ca-stats div+div{border-left:0}
.ca-stats strong{display:block;font-family:Fraunces,Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:600;
  color:var(--site-ink,#1d1d1f)}
.ca-stats span{font-size:14px;color:var(--site-muted,#6b6b70)}

/* Sections */
.ca-section{max-width:960px;margin:0 auto;padding:56px 20px 0}
.ca-section h2{margin:0 0 18px;font-size:clamp(26px,3.4vw,34px)}
.ca-prose{max-width:680px}
.ca-prose p,.ca-intro{margin:0 0 14px;font-size:17px;line-height:1.7;color:#3a3a3f}

/* How it works */
.ca-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.ca-steps li{padding:26px 22px;border-radius:16px;background:#faf6f0}
.ca-step-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--site-red,#b3261e);color:#fff;font-weight:600}
.ca-steps h3{margin:14px 0 6px;font-size:18px}
.ca-steps p{margin:0;font-size:15px;line-height:1.55;color:var(--site-muted,#6b6b70)}

/* Ratings */
.ca-ratings{margin:0;padding:0;list-style:none;border-top:1px solid var(--site-line,#e4e2dd)}
.ca-ratings li{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--site-line,#e4e2dd)}
.ca-ratings div{flex:1}
.ca-ratings h3{margin:0 0 2px;font-size:17px}
.ca-ratings p{margin:0;font-size:15px;color:var(--site-muted,#6b6b70)}
.ca-ratings a{font-size:14px;color:var(--site-red,#b3261e);text-decoration:none;white-space:nowrap}
.ca-ratings a:hover{text-decoration:underline}
.ca-dots{display:flex;gap:4px;flex:none}
.ca-dots i{width:10px;height:10px;border-radius:50%;background:var(--site-line,#e4e2dd)}
.ca-dots i.on{background:var(--site-red,#b3261e)}

/* Questions */
.ca-faq{border-top:1px solid var(--site-line,#e4e2dd)}
.ca-faq details{border-bottom:1px solid var(--site-line,#e4e2dd)}
.ca-faq summary{position:relative;padding:18px 40px 18px 0;font-size:17px;font-weight:600;cursor:pointer;list-style:none}
.ca-faq summary::-webkit-details-marker{display:none}
.ca-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:24px;
  font-weight:400;color:var(--site-muted,#6b6b70);transition:transform .2s}
.ca-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.ca-faq details p{margin:0 0 20px;max-width:680px;font-size:16px;line-height:1.65;color:#3a3a3f}

/* Call to action */
.ca-cta{max-width:920px;margin:64px auto 0;padding:48px 24px;border-radius:24px;background:#1d1d1f;color:#fff;text-align:center}
.ca-cta h2{margin:0 0 10px;font-size:clamp(24px,3.4vw,32px);color:#fff}
.ca-cta p{margin:0 0 24px;color:#c9c7c2}
.ca-cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ca-btn{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--site-red,#b3261e);color:#fff;
  font-weight:600;text-decoration:none}
.ca-btn:hover{filter:brightness(1.08)}
.ca-btn-light{background:#fff;color:var(--site-ink,#1d1d1f)}

/* Phones */
@media (max-width:700px){
  .ca-hero-in{padding:48px 16px 56px}
  .ca-lead{font-size:17px}
  .ca-stats{grid-template-columns:1fr;margin-top:-28px}
  .ca-stats div,.ca-stats div:first-child,.ca-stats div:last-child{border-radius:0}
  .ca-stats div:first-child{border-radius:16px 16px 0 0}
  .ca-stats div:last-child{border-radius:0 0 16px 16px}
  .ca-stats div+div{border-left:1px solid var(--site-line,#e4e2dd);border-top:0}
  .ca-steps{grid-template-columns:1fr}
  .ca-ratings li{flex-wrap:wrap;gap:10px 16px}
  .ca-ratings a{width:100%;padding-left:56px}
  .ca-cta{margin:48px 12px 0;padding:40px 20px}
}