/* AlignHQ Design System v1 — extracted from alignhq.net, formalized */
:root{
  --navy-900:#0f2440; --navy-800:#1e3a5f; --navy-600:#2d5a8e;
  --teal-600:#0d9488; --teal-500:#14b8a6; --teal-300:#5eead4;
  --indigo-500:#6366f1; --indigo-400:#818cf8; --indigo-300:#a5b4fc;
  --amber-500:#f59e0b; --amber-400:#fbbf24; --amber-600:#d97706;
  --green-500:#10b981; --red-500:#ef4444;
  --slate-900:#0f172a; --slate-700:#334155; --slate-500:#64748b;
  --slate-400:#9ca3af; --slate-200:#e2e8f0; --slate-100:#f1f5f9; --slate-50:#f8fafc;
  --white:#fff;
  --font-display:'DM Sans',system-ui,sans-serif;
  --font-body:'IBM Plex Sans',system-ui,sans-serif;
  --r-sm:8px; --r:14px; --r-lg:22px;
  --sh-1:0 1px 3px rgba(15,36,64,.08),0 1px 2px rgba(15,36,64,.04);
  --sh-2:0 6px 20px rgba(15,36,64,.09);
  --sh-3:0 20px 48px rgba(15,36,64,.14);
  --ink-grad:linear-gradient(135deg,#1e3a5f 0%,#0f2440 60%,#0d3b4f 100%);
  --accent-grad:linear-gradient(135deg,#0d9488 0%,#6366f1 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--slate-700);background:var(--white);
 line-height:1.65;-webkit-font-smoothing:antialiased;font-size:17px}
h1,h2,h3,h4,.display{font-family:var(--font-display);color:var(--navy-900);line-height:1.15;
 letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:700}
h2{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:700}
h3{font-size:1.22rem;font-weight:600}
p{margin:0 0 1.1em;max-width:72ch}
a{color:var(--teal-600);text-decoration:none;border-bottom:1px solid transparent}
a:hover{border-bottom-color:currentColor}
.wrap{max-width:1140px;margin:0 auto;padding:0 26px}
.narrow{max-width:780px}
.eyebrow{font-family:var(--font-display);font-size:.76rem;font-weight:600;letter-spacing:.14em;
 text-transform:uppercase;color:var(--teal-600);margin:0 0 14px}
.kicker{font-size:1.15rem;color:var(--slate-500);max-width:62ch}
/* nav — matched to the main site header (fixed, 72px, gradient HQ, pill CTAs) */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);
 backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;
 font-size:1.25rem;color:#1e3a5f;letter-spacing:-.02em;border:0;text-decoration:none}
.logo .mark{width:36px;height:36px;flex:none}
.logo .hq{color:#0d9488}
.nav nav{margin-left:auto;display:flex;gap:2rem;align-items:center}
.nav nav a{color:#64748b;font-size:.9rem;font-weight:500;border:0;text-decoration:none;transition:color .2s}
.nav nav a:hover{color:#1e3a5f}
.nav nav .btn{padding:10px 24px;border-radius:12px;font-size:.875rem;font-weight:600}
.nav nav .btn-primary{background:#1e3a5f;color:#fff;border-color:#1e3a5f}
.nav nav .btn-primary:hover{background:#2d5a8e;border-color:#2d5a8e}
.nav nav .btn-ghost{background:transparent;color:#1e3a5f;border:1px solid var(--slate-200)}
.nav nav .btn-ghost:hover{border-color:#1e3a5f}
@media (max-width:860px){
  .nav nav a:not(.btn){display:none}
  .nav .wrap{gap:14px}
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;
 font-size:.97rem;padding:13px 24px;border-radius:var(--r-sm);border:1px solid transparent;
 cursor:pointer;transition:.18s;text-decoration:none}
.btn-primary{background:var(--teal-600);color:#fff;box-shadow:var(--sh-1)}
.btn-primary:hover{background:#0b7f76;transform:translateY(-1px);box-shadow:var(--sh-2)}
.btn-ghost{background:#fff;color:var(--navy-800);border-color:var(--slate-200)}
.btn-ghost:hover{border-color:var(--teal-600);color:var(--teal-600)}
.btn-dark{background:var(--navy-800);color:#fff}
.btn-lg{padding:16px 30px;font-size:1.04rem}
/* surfaces */
.card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--r);padding:26px;
 box-shadow:var(--sh-1)}
.card-lift{transition:.2s}.card-lift:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.panel{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--r-lg);padding:30px}
.ink{background:var(--ink-grad);color:#dbe6f2}
.ink h1,.ink h2,.ink h3{color:#fff}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
section{padding:74px 0}
.tag{display:inline-block;font-family:var(--font-display);font-size:.72rem;font-weight:600;
 letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:100px}
.tag-teal{background:#d5f5f0;color:#0a6b63}
.tag-indigo{background:#e4e5fd;color:#4044c4}
.tag-amber{background:#fef1d6;color:#a15c05}
.tag-slate{background:var(--slate-100);color:var(--slate-500)}
.stat{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--teal-600);
 line-height:1;letter-spacing:-.03em}
hr.rule{border:0;border-top:1px solid var(--slate-200);margin:40px 0}
footer{background:var(--navy-900);color:#9fb3c8;padding:52px 0;font-size:.92rem}
footer a{color:#cfe0ee}
@media print{
  .nav,footer,.no-print{display:none!important}
  body{font-size:11pt}section{padding:18px 0}
  .card,.panel{box-shadow:none;break-inside:avoid}
  @page{margin:14mm}
}