﻿/* Unique CSS for ABCOM About Page with Partners (abcom-about-partners.css) */
:root{
  --abcom-brand:#0c4ea2;
  --abcom-text:#1b1b1b;
  --abcom-muted:#666;
  --abcom-bg:#ffffff;
  --abcom-soft:#f7f9fc;
  --abcom-cta:#0c4ea2;
  --abcom-border:#e4e8f0;
}

/* Base */
.abcom-about{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--abcom-text);background:var(--abcom-bg);line-height:1.6}
.abcom-container{max-width:1120px;margin:0 auto;padding:0 20px}

/* Header */
.abcom-header{border-bottom:1px solid #e9eef5;background:#fff}
.abcom-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.abcom-logo{font-weight:700;color:var(--abcom-brand)}
.abcom-nav a{color:var(--abcom-text);text-decoration:none;margin-left:18px}
.abcom-nav a:hover{color:var(--abcom-brand)}

/* Hero */
.abcom-hero{padding:72px 0;background:linear-gradient(180deg,#eef4ff,transparent)}
.abcom-lead{font-size:1.125rem;color:#222;max-width:840px}

/* Sections */
.abcom-section{padding:48px 0}
.abcom-section--soft{background:var(--abcom-soft)}

/* Headings */
.abcom-hero h1{font-size:2.2rem;margin:0 0 12px}
.abcom-section h2{font-size:1.6rem;margin:0 0 12px}
.abcom-section h3{font-size:1.1rem;margin:0 0 8px;color:var(--abcom-brand)}

/* Grids */
.abcom-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.abcom-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* Eyebrow */
.abcom-eyebrow {display: block; font-size: 0.85rem; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; color: var(--abcom-brand); margin-bottom: 8px;}

/* Team */
.abcom-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}
@media (max-width:900px){.abcom-team-grid{grid-template-columns:1fr}}
.abcom-team-card{background:#fff;border:1px solid var(--abcom-border);border-radius:10px;padding:20px}
.abcom-role{color:var(--abcom-brand);font-weight:600;margin:.25rem 0 .5rem}
.abcom-bio{margin:0}

/* Partners */
.abcom-partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:12px}
@media (max-width:900px){.abcom-partner-grid{grid-template-columns:1fr}}
.abcom-partner-card{background:#fff;border:1px solid var(--abcom-border);border-radius:10px;padding:20px}
.abcom-partner-name{font-weight:700;color:var(--abcom-brand);margin-bottom:.25rem}
.abcom-partner-copy{margin:.25rem 0}

/* Cards & Bullets */
.abcom-card{background:#fff;border:1px solid var(--abcom-border);border-radius:10px;padding:20px}
.abcom-bullets{list-style:none;padding:0;margin:0}
.abcom-bullets li{padding-left:28px;position:relative;margin:10px 0}
.abcom-bullets li::before{content:"✓";position:absolute;left:0;color:var(--abcom-brand)}
.abcom-fine{color:var(--abcom-muted);font-size:.95rem}

/* CTAs */
.abcom-cta{display:inline-block;padding:12px 18px;border-radius:8px;background:var(--abcom-cta);color:#fff;text-decoration:none;margin-right:12px;border:1px solid #0b4490}
.abcom-cta--secondary{background:#fff;color:var(--abcom-cta);border:1px solid var(--abcom-cta)}
.abcom-cta:hover{filter:brightness(0.95)}

/* Footer */
.abcom-footer{border-top:1px solid #e9eef5;padding:28px 0;background:#fff;color:var(--abcom-muted)}

/* Responsive */
@media (max-width:900px){
  .abcom-grid-2,.abcom-grid-3{grid-template-columns:1fr}
}
