.about-page{ padding:40px 0 80px; }
.about-hero{ text-align:center; padding:40px 0; }
.about-hero h1{ font-size:42px; font-weight:800; margin-bottom:16px; }
.about-hero p{ font-size:18px; color:#c9d2f5; max-width:760px; margin:0 auto; }
.about-metrics{ display:flex; justify-content:center; gap:32px; margin-top:32px; flex-wrap:wrap; }
.about-metric{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:18px 32px; min-width:150px; }
.about-metric__value{ font-size:32px; font-weight:800; display:block; }
.about-metric__label{ text-transform:uppercase; letter-spacing:.08em; font-size:12px; color:#aeb7da; }
.about-section{ padding:48px 0; border-top:1px solid rgba(255,255,255,.05); }
.about-section:first-of-type{ border-top:0; }
.about-section h2{ font-size:30px; font-weight:700; margin-bottom:14px; }
.about-section p{ color:#c7cee5; max-width:720px; }
.about-list{ padding-left:20px; color:#c7cee5; column-count:2; column-gap:32px; }
.about-list li{ margin-bottom:8px; break-inside:avoid; }
.about-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:24px; margin-top:24px; }
#features .about-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.about-card{ background:rgba(16,20,38,.94); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:24px; min-height:220px; display:flex; flex-direction:column; }
.about-card__badge{ font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#8aa1ff; }
.about-card__title{ font-size:22px; font-weight:700; margin:6px 0 12px; }
.about-card__cta{ display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-weight:600; color:#9cd2ff; }
.about-card__cta i{ font-size:14px; }
.about-info-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:24px; margin-top:24px; }
.about-info-card{ background:rgba(16,20,38,.94); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:24px; }
.about-cta{ text-align:center; margin-top:60px; }
.about-cta a{ display:inline-flex; align-items:center; justify-content:center; padding:14px 28px; border-radius:999px; background:#7c5dff; color:#fff; font-weight:700; }
@media (max-width:640px){
  .about-hero h1{ font-size:32px; }
  .about-list{ column-count:1; }
  #features .about-grid{ grid-template-columns:1fr; }
}