/* AI Test Group design tokens. Values trace back to the Figma file "AITG_home _02";
   px values there divided by 16. Type sizes are fluid: Figma size at 1920px wide, scaling down. */
:root{
  /* Brand */
  --blue:#0071bc; --blue-hover:#005e9e;
  --ink:#000000; --ink-heading:#2b180a; --ink-eyebrow:#0a2a2b; --ink-q:#1f2937; --ink-footer:#1b2a3a; --ink-link:#405a70;
  --muted:#64748b; --muted-2:#6b7280; --muted-3:#4b5563; --muted-4:#9ca3af;
  --band-end:#ecf1f6; --chip-bg:#f8f7f4; --faq-bg:#eff5fc; --navy:#0a1a33; --panel-bg:#f2f3f4;
  --tint-1:rgba(0,113,188,.07); --tint-2:rgba(0,113,188,.13); --tint-3:rgba(0,113,188,.2);
  --footer-rule:#f0f0f0; --stroke-decor:#d9d9d9; --hairline:rgba(0,0,0,.1);
  --warn:#dc2626; --warn-bg:rgba(220,38,38,.09);
  /* Action accent: the arrow tile. Blue is for links, headings and marks; orange is what you press. */
  --accent:#f97316; --accent-hover:#e2620a;

  /* Type: one family, one mid weight; hierarchy comes from size. */
  --font-display:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-text:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-serif:"EB Garamond",Garamond,"Times New Roman",serif;
  --w-body:400; --w-ui:500; --w-display:500;

  --h1-size:clamp(2.5rem,1.2rem + 2.9vw,4.375rem);     --h1-lh:1.085; --h1-track:-.02em;   /* 70 */
  --h2-size:clamp(1.875rem,1rem + 1.6vw,2.75rem);      --h2-lh:1.12;  --h2-track:-.02em;   /* 44 */
  --h3-size:clamp(1.375rem,1rem + .8vw,1.875rem);      --h3-lh:1.23;  --h3-track:-.015em;  /* 30 */
  --h4-size:clamp(1.25rem,1rem + .45vw,1.5625rem);     --h4-lh:1.2;   --h4-track:-.01em;   /* 25 */
  --lead-size:clamp(1.0625rem,1rem + .15vw,1.125rem);  --lead-lh:1.6; --lead-track:-.01em; /* 18 */
  --body-size:1rem;    --body-lh:1.625; --body-track:0;
  --ui-size:1rem;      --ui-lh:1.5;     --ui-track:.01em;
  --cap-size:.875rem;  --cap-lh:1.5;    --cap-track:.01em;
  --eyebrow-track:.08em;

  /* Layout */
  --container-max:86.25rem;   /* 1380: the Figma content grid */
  --container-narrow:46rem;   /* long-form text measure */
  --gutter:clamp(1.25rem,4vw,3rem);
  --section-pad:clamp(4rem,8vw,7rem);
  --header-h:7.5rem;
  --panel-inset:1rem;         /* gap between viewport edge and rounded hero panels */

  /* Shape and elevation */
  --radius-card:.75rem; --radius-panel:1rem; --radius-pill:1.5rem; --radius-cta:1.875rem;
  --shadow-btn:0 1px 1px rgba(0,0,0,.2);
  --shadow-card-hover:0 1.25rem 2.5rem rgba(10,26,51,.08);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1); --dur:.22s;
  --b2-dur:.26s; --b2-ico:.46s; --b2-ease:cubic-bezier(.22,1,.36,1);
}
@media (max-width:64em){:root{--header-h:5.5rem;--panel-inset:.5rem}}