/* About Us (header + hero reuse download.css; sections reuse .section / .section-heading / .cta-section from style.css) */
.about-eyebrow { color: #0068ff; display: block; font: 800 11px/15px "Manrope", sans-serif; letter-spacing: 1.7px; margin-bottom: 14px; text-transform: uppercase; }
.about-hero .download-hero-copy h1 { margin-top: 0; max-width: 900px; }
.about-hero .about-eyebrow { margin-bottom: 18px; }

.about-hero-stats { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 36px; }
.about-hero-stats div { background: rgba(255,255,255,.7); border: 1px solid var(--border); border-radius: 14px; min-width: 190px; padding: 14px 22px; }
.about-hero-stats strong { color: var(--ink); display: block; font: 800 20px/1.3 "Manrope", sans-serif; }
.about-hero-stats span { color: var(--muted); font-size: 13px; }

.about-intro,
.about-why { background: var(--surface); }
.about-capabilities,
.about-industries { background: #fff; }

.about-split { align-items: center; display: grid; gap: 56px; grid-template-columns: 1.1fr .9fr; margin-bottom: 40px; }
.about-copy h2 { color: var(--ink); font: 800 40px/1.2 "Manrope", sans-serif; letter-spacing: -1.2px; margin: 0 0 16px; }
.about-copy p { color: var(--body); font-size: 16px; line-height: 1.7; margin: 0 0 14px; }
.about-media img { border-radius: 20px; box-shadow: 0 22px 48px rgba(0,104,255,.15); height: auto; width: 100%; }

.about-section-gap,
.section-heading + .about-grid { margin-top: 48px; }
.about-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }
.about-grid-4 { grid-template-columns: repeat(4, 1fr); }
.about-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 28px; }
.about-capabilities .about-card,
.about-industries .about-card { background: var(--surface); }
.about-card h3 { color: #252525; font: 700 20px/24px "Manrope", sans-serif; margin: 16px 0 8px; }
.about-card p { color: var(--muted); font-size: 16px; line-height: 1.5; margin: 0; }
.about-icon { align-items: center; border-radius: 16px; display: flex; height: 48px; justify-content: center; width: 48px; }
.about-icon svg { height: 24px; width: 24px; }
.about-icon-blue   { background: rgba(0,104,255,.08);  color: #0068ff; }
.about-icon-cyan   { background: rgba(18,166,212,.1);  color: #12a6d4; }
.about-icon-green  { background: rgba(23,165,107,.1);  color: #17a56b; }
.about-icon-red    { background: rgba(224,69,77,.1);   color: #e0454d; }
.about-icon-amber  { background: rgba(229,154,12,.12); color: #e59a0c; }
.about-icon-purple { background: rgba(122,79,230,.1);  color: #7a4fe6; }

@media (max-width: 1199.98px) {
  .about-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991.98px) {
  .about-split { gap: 32px; grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: repeat(2, 1fr); }
  .about-copy h2 { font-size: 32px; }
}

@media (max-width: 767.98px) {
  .about-hero-stats div { min-width: 0; width: 100%; }
  .about-grid,
  .about-grid-4 { grid-template-columns: 1fr; }
  .about-copy h2 { font-size: 28px; }
  .about-card { padding: 22px; }
}