/* ── CO HERO ───────────────────────────────────────────── */
    .co-hero {
      background: linear-gradient(135deg, #020817 0%, #0a1628 50%, #0d1f3c 100%);
      padding: 88px 0 72px;
      position: relative;
      overflow: hidden;
    }
    .co-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 60% 50% at 30% 30%, rgba(37,99,235,.16) 0%, transparent 65%),
        radial-gradient(ellipse 50% 50% at 75% 70%, rgba(16,185,129,.09) 0%, transparent 65%);
    }
    .co-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(37,99,235,.14);
      border: 1px solid rgba(96,165,250,.22);
      border-radius: 20px;
      padding: 6px 16px;
      font-size: .72rem;
      font-weight: 700;
      color: #93c5fd;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }
    .co-hero h1 {
      font-size: clamp(1.9rem, 4.5vw, 3rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.15;
      margin-bottom: 18px;
    }
    .co-hero h1 span {
      background: linear-gradient(90deg, #34d399, #60a5fa);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .co-hero .lead { font-size: 1rem; color: rgba(255,255,255,.6); line-height: 1.75; max-width: 640px; }

    /* ── LEGAL NOTE ────────────────────────────────────────── */
    .co-legal {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 16px;
      padding: 24px 32px;
      font-size: .875rem;
      color: rgba(255,255,255,.55);
      line-height: 1.8;
      margin-top: 40px;
    }
    .co-legal strong { color: rgba(255,255,255,.8); }

    /* ── SECTION ───────────────────────────────────────────── */
    .co-section {
      padding: 72px 0;
    }
    .co-section:nth-child(odd) { background: #f8fafc; }
    .co-section:nth-child(even) { background: #fff; }
    .co-sec-header { margin-bottom: 40px; }
    .co-sec-tag {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 5px 14px;
      border-radius: 20px;
      font-size: .7rem;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }
    .co-sec-tag--blue { background: #eff6ff; color: #2563eb; }
    .co-sec-tag--green { background: #f0fdf4; color: #16a34a; }
    .co-sec-tag--orange { background: #fff7ed; color: #ea580c; }
    .co-sec-tag--purple { background: #f5f3ff; color: #7c3aed; }
    .co-sec-tag--rose { background: #fff1f2; color: #e11d48; }
    .co-sec-tag--cyan { background: #ecfeff; color: #0891b2; }
    .co-sec-tag--slate { background: #f8fafc; color: #475569; }
    .co-sec-tag--yellow { background: #fefce8; color: #a16207; }
    .co-sec-title { font-size: 1.5rem; font-weight: 900; color: #0f172a; margin-bottom: 8px; }
    .co-sec-desc { font-size: .875rem; color: #64748b; max-width: 600px; line-height: 1.65; }

    /* ── LOGO GRID ─────────────────────────────────────────── */
    .co-logo-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    @media (max-width: 991px) { .co-logo-grid { grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 575px)  { .co-logo-grid { grid-template-columns: repeat(2, 1fr); } }
    .co-logo-card {
      background: #fff;
      border: 1px solid #e2e8f0;
      border-radius: 18px;
      padding: 32px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 140px;
      transition: all .2s;
    }
    .co-section:nth-child(even) .co-logo-card { background: #f8fafc; }
    .co-logo-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 40px rgba(15,23,42,.12);
      border-color: #bfdbfe;
    }
    .co-logo-card img {
      max-width: 160px;
      max-height: 90px;
      width: auto;
      height: auto;
      object-fit: contain;
      filter: grayscale(30%);
      transition: filter .2s;
    }
    .co-logo-card:hover img { filter: grayscale(0%); }

    /* ── DIVIDER ───────────────────────────────────────────── */
    .co-sep {
      height: 1px;
      background: linear-gradient(90deg, transparent, #e2e8f0 20%, #e2e8f0 80%, transparent);
      margin: 0;
    }

    /* ── INFO STRIP ────────────────────────────────────────── */
    .co-info-strip {
      background: linear-gradient(135deg, #0a1628, #1e3a8a);
      padding: 48px 0;
      text-align: center;
    }
    .co-info-strip h3 { font-size: 1.3rem; font-weight: 800; color: #fff; margin-bottom: 12px; }
    .co-info-strip p { color: rgba(255,255,255,.6); font-size: .9rem; max-width: 640px; margin: 0 auto; line-height: 1.75; }