/* =========================================================
   CALCULAXY — ABOUT PAGE STYLESHEET
   Loaded only on /about, on top of base.css / header.css / footer.css
   ========================================================= */

.about-story{padding:16px 0 64px;}
.about-story .container{max-width:760px;}
.about-story p{font-size:15.5px;}
.about-story h2{font-size:24px;margin-top:36px;}

.values{padding:56px 0;background:var(--surface);}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.value-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;}
.value-icon{
  width:44px;height:44px;border-radius:10px;background:var(--primary-tint);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.value-icon svg{width:22px;height:22px;}
.value-card h3{font-size:16.5px;margin-bottom:8px;}
.value-card p{font-size:14px;margin:0;}

.stats-band{padding:56px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
.stat-item strong{display:block;font-size:32px;color:var(--ink);font-weight:800;}
.stat-item span{font-size:14px;color:var(--slate);}

.about-cta{padding:0 0 64px;}
.about-cta-box{
  background:var(--ink);border-radius:18px;padding:44px 40px;color:var(--white);
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
}
.about-cta-box h2{color:var(--white);font-size:22px;margin-bottom:6px;}
.about-cta-box p{color:#a9b8c5;margin:0;font-size:14.5px;}
.about-cta-box .btn-primary{white-space:nowrap;}

@media (max-width:820px){
  .values-grid{grid-template-columns:1fr 1fr;}
  .stats-grid{grid-template-columns:1fr;gap:20px;}
}
@media (max-width:560px){
  .values-grid{grid-template-columns:1fr;}
  .about-cta-box{text-align:center;justify-content:center;}
  .page-header h1{font-size:27px;}
}