:root{
    --navy:#0d1b2a;
    --navy-2:#0b1630;
    --neon:#00d0ff;
    --ink:#e5f1ff;
    --muted:#a9b7d0;
  }
  
  /* Page hero */
  .about .page-hero{
    position:relative;
    min-height:56vh;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:16px;
    margin:24px auto 32px;
    background: #071021;
  }
  .about .hero-bg{
    position:absolute; inset:0;
    width:100%; height:100%; object-fit:cover;
    filter:brightness(.45) saturate(1.05);
  }

  .about .hero-inner{
    position:relative; z-index:1; text-align:center; padding:0 20px; max-width:900px;
  }
  .about .page-hero h1{
    font-size:clamp(32px,6vw,56px);
    margin:0 0 10px;
    line-height:1.05;
  }
  .neon-text{ color:var(--neon); text-shadow:0 0 18px rgba(0,208,255,.6); }
  .about .page-hero .sub{
    color:var(--ink);
    font-size:clamp(16px,2.4vw,18px);
    margin:0 0 18px;
  }
  .about .hero-ctas{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap }
  
  /* Trust strip */
  .trust-strip{
    background:linear-gradient(180deg, rgba(0,208,255,.08), transparent);
    padding:18px 0;
    margin-bottom:14px;
  }
  .trust-items{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
  }
  .trust-item{
    display:flex; align-items:center; gap:10px;
    background:rgba(13,24,51,.6);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px; padding:10px 12px;
    color:var(--ink);
  }
  .trust-item i{ color:var(--neon); font-size:1.1rem }
  
  /* Grid 2 */
  .container{ max-width:1120px; margin:0 auto; padding:0 20px; }
  .grid-2{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:22px;
    margin:30px 0;
  }
  .card{
    background:rgba(10,20,40,.9);
    border:1px solid rgba(0,208,255,.25);
    border-radius:14px;
    padding:22px 18px;
  }
  .card h2, .card h3{ color:var(--neon); margin:0 0 10px }
  .card p{ color:#dce7ff; margin:10px 0 }
  .bullets{ color:#cfe2ff; margin:10px 0 16px 18px; }
  .bullets li{ margin:6px 0; }
  
  .media-card img{
    width:100%; height:auto; display:block; border-radius:12px;
    filter:drop-shadow(0 0 10px rgba(0,208,255,.25));
  }
  .media-card figcaption{
    margin-top:8px; color:var(--muted); font-size:.95rem;
  }
  
  /* Capabilities */
  .capabilities{ margin:40px auto; }
  .capabilities h2{ text-align:center; margin:0 0 16px; color:var(--ink) }
  .caps-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
  }
  .cap{
    text-align:left;
  }
  .cap i{
    font-size:1.6rem; color:var(--neon); margin-bottom:8px; display:inline-block;
  }
  
  /* Timeline */
  .timeline{ margin:40px auto; }
  .timeline h2{ text-align:center; color:var(--ink); margin:0 0 16px }
  .steps{
    position:relative; counter-reset: step;
    list-style:none; margin:0; padding:0 0 0 8px;
  }
  .steps li{
    position:relative; padding:12px 12px 12px 42px; margin:6px 0;
    background:rgba(13,24,51,.6);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    color:#dce7ff;
  }
  .steps li::before{
    counter-increment: step; content: counter(step);
    position:absolute; left:10px; top:10px;
    width:22px; height:22px; border-radius:999px;
    background:var(--neon); color:#00122a; font-weight:800; display:grid; place-items:center;
    box-shadow:0 0 12px rgba(0,208,255,.6);
  }
  .step-title{ display:block; font-weight:800; color:#eaf2ff; margin-bottom:4px }
  .step-desc{ color:#cfe2ff }
  
  /* CTA */
  .cta-strip{
    text-align:center;
    padding:42px 20px;
    margin:36px 0 10px;
  }
  .cta-strip h2{ color:#eaf2ff; margin:0 0 6px }
  .cta-strip p{ color:#cfe2ff; margin:0 0 12px }
  
  /* Buttons (reuse) */
  .btn{
    display:inline-flex; align-items:center; justify-content:center;
    gap:8px; padding:10px 16px; border-radius:999px; text-decoration:none; font-weight:700;
    border:1px solid rgba(255,255,255,.14);
  }
  .btn.primary{ background:var(--neon); color:#00122a; box-shadow:0 0 16px rgba(0,208,255,.35) }
  .btn.ghost{ color:#eaf2ff; background:transparent; border-color:rgba(0,208,255,.35) }
  .btn.large{ padding:12px 20px; }
  
  /* Responsive */
  @media (max-width: 1024px){
    .caps-grid{ grid-template-columns:repeat(2,1fr) }
    .grid-2{ grid-template-columns:1fr; }
  }
  @media (max-width: 720px){
    .trust-items{ grid-template-columns:repeat(2,1fr) }
    .caps-grid{ grid-template-columns:1fr }
    .about .page-hero{ min-height:48vh; }
  }