/* ============================================================
   ABOUT — "Why UQESH" (1:1 with On3oa). Fluid / rem.
   ============================================================ */

/* Hero */
.about-hero{ min-height:25rem; display:flex; align-items:flex-end; background-size:cover; background-position:center; color:#fff; }
.about-hero-body{ padding-top:0; padding-bottom:3rem; }
.about-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.11em; color:#B9C2B0; margin:0 0 0.75rem; }
.about-title{ font-family:var(--font-display); font-weight:800; font-size:3.25rem; letter-spacing:-.01em; line-height:1.02; color:#fff; margin:0 0 0.75rem; }
.about-sub{ color:#D7DDD0; font-size:0.9375rem; line-height:1.5; max-width:37.5rem; margin:0; }

/* Story (dark) */
.about-story{ background:#272E27; }
.about-story-inner{ display:flex; gap:4.5rem; padding-block:3.75rem; align-items:flex-start; }
.about-narrative{ flex:1 1 0; display:flex; flex-direction:column; gap:1rem; }
.about-narrative .p1{ color:#F6F8F3; font-size:0.969rem; line-height:1.65; margin:0; }
.about-narrative .p2, .about-narrative .p3{ color:#AEB7A6; font-size:0.906rem; line-height:1.65; margin:0; }
.about-milestones{ flex:0 0 25rem; display:flex; flex-direction:column; }
.about-milestones .ms{ display:flex; flex-direction:column; gap:0.25rem; padding-block:0.875rem; border-bottom:1px solid #3A4238; }
.about-milestones .ms:last-child{ border-bottom:0; }
.ms-v{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:#F6F8F3; }
.ms-l{ font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.09em; color:#AEB7A6; }

/* Comparison (light) */
.about-compare{ background:#FBFAF6; color:#232925; }
.about-compare .wrap{ padding-block:3.75rem; }
.about-h2{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; letter-spacing:.01em; color:#232925; margin:0 0 1.25rem; }
.about-h2.light{ color:#F6F8F3; }
.cmp-scroll{ overflow-x:auto; }
.cmp-table{ min-width:46rem; }
.cmp-row{ display:grid; grid-template-columns:1fr 16rem 13rem 13rem; align-items:center; gap:1rem; padding-block:0.875rem; border-bottom:1px solid #E4E0D4; }
.cmp-head{ border-bottom:1.5px solid #232925; }
.cmp-head .c1{ font-family:var(--font-display); font-weight:800; font-size:0.719rem; letter-spacing:.07em; color:#232925; }
.cmp-head .c2, .cmp-head .c3{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.07em; color:#5C6660; }
.cmp-row .c0{ color:#5C6660; font-size:0.844rem; }
.cmp-row .c1{ font-family:var(--font-display); font-weight:700; font-size:0.844rem; color:#232925; }
.cmp-row .c2, .cmp-row .c3{ color:#5C6660; font-size:0.813rem; }

/* Seven Benefits (dark) */
.about-benefits{ background:#1E231E; }
.about-benefits-inner{ display:flex; gap:4rem; padding-block:3.75rem; align-items:flex-start; }
.about-lead{ flex:0 0 18.75rem; }
.about-lead-p{ color:#AEB7A6; font-size:0.844rem; line-height:1.55; margin:0.75rem 0 0; }
.ben-cols{ flex:1 1 0; display:flex; gap:3.5rem; }
.ben-col{ flex:1 1 0; display:flex; flex-direction:column; }
.ben{ display:flex; flex-direction:column; gap:0.3125rem; padding-block:1rem; border-bottom:1px solid #3A4238; }
.ben-nr{ display:flex; align-items:center; gap:0.75rem; }
.ben-no{ font-family:var(--font-display); font-weight:800; font-size:0.75rem; letter-spacing:.08em; color:#AEB7A6; }
.ben-h{ font-family:var(--font-display); font-weight:800; font-size:0.9375rem; color:#F6F8F3; }
.ben-d{ color:#AEB7A6; font-size:0.813rem; line-height:1.5; margin:0; }

/* Certifications (light) */
.about-certs{ background:#FBFAF6; }
.about-certs .wrap{ padding-block:3.25rem; }
.cert-row{ display:grid; grid-template-columns:repeat(7,1fr); gap:0.75rem; }
.cert{ display:flex; align-items:center; justify-content:center; text-align:center; background:#fff; border:1px solid #E4E0D4; border-radius:0.25rem; padding:1rem 0.625rem; min-height:3.5rem; font-family:var(--font-display); font-weight:700; font-size:0.688rem; letter-spacing:.04em; color:#232925; }
.cert-note{ color:#5C6660; font-size:0.781rem; font-style:italic; margin:1.125rem 0 0; }

/* CTA (dark) */
.about-cta{ background:#171B17; }
.about-cta-inner{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:1.125rem; padding-block:3.75rem; }
.cta-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.1em; color:#AEB7A6; margin:0; }
.cta-headline{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; color:#F6F8F3; margin:0; max-width:43.75rem; }

/* Responsive */
@media (max-width:900px){
  .about-story-inner, .about-benefits-inner{ flex-direction:column; gap:2.5rem; }
  .about-milestones{ flex-basis:auto; width:100%; }
  .about-lead{ flex-basis:auto; }
  .ben-cols{ flex-direction:column; gap:0; }
  .about-title{ font-size:2.5rem; }
  .cert-row{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:480px){
  .cert-row{ grid-template-columns:repeat(2,1fr); }
  .about-title{ font-size:2rem; }
}