/* Arrayworks — Webfonts
   The Brand Style Guide (§V) specifies Myriad Pro (print), Calibri (Office),
   Arial + Bank Gothic (web), and a customized Space Age Pro derivative for the logo.
   None ship as licensed webfonts, so the system SUBSTITUTES the nearest open faces
   (flagged in readme.md — swap for licensed files if available):
     Myriad Pro / Arial (body & UI)  -> Source Sans 3
     Bank Gothic / logo wordmark      -> Saira  (wide, squared, technical caps)
     data / code                      -> IBM Plex Mono
*/
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700;800&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* Arrayworks — Color tokens
   Sourced from the Arrayworks Corporate Color Palette (Brand Style Guide, §IV).
   Primary/signature = Custom Blue #006792. Neutrals anchor on the brand "31% black" #B9BBBD. */
:root{
  /* ---- Brand blues (primary + secondary complementary palette) ---- */
  --aw-blue-bright:#3D7EDB;   /* Pantone 2727  */
  --aw-blue:#006792;          /* Custom Blue — SIGNATURE, no substitution */
  --aw-blue-deep:#005A8C;     /* Pantone 7462  */
  --aw-navy:#002F5F;          /* Pantone 295 — darkest brand blue */
  --aw-ink:#0B2B45;           /* Deep presentation navy (from deck backgrounds) */
  --aw-ink-2:#082238;         /* Even deeper for gradients */

  /* ---- Tertiary accent + highlight palette ---- */
  --aw-periwinkle:#8193DC;    /* Pantone 7452 */
  --aw-lime:#A3D55D;          /* Pantone 367 — positive / highlight */
  --aw-teal:#006853;          /* teal-green (listed as Cool Gray 4) */
  --aw-red:#AB162B;           /* Pantone 187 — alert / emphasis */

  /* ---- Neutral ramp (cool gray, tuned to brand #B9BBBD / #777779) ---- */
  --neutral-0:#ffffff;
  --neutral-50:#f5f7f9;
  --neutral-100:#eaeef1;
  --neutral-200:#d8dee3;
  --neutral-300:#b9bbbd;      /* brand 31% black */
  --neutral-400:#9a9ea2;
  --neutral-500:#777779;      /* Pantone Cool Gray 9 */
  --neutral-600:#585b60;
  --neutral-700:#41444a;
  --neutral-800:#2a2d33;
  --neutral-900:#16181c;

  /* ================= Semantic aliases ================= */
  /* Backgrounds & surfaces (light) */
  --surface-page:var(--neutral-0);
  --surface-subtle:var(--neutral-50);
  --surface-muted:var(--neutral-100);
  --surface-card:var(--neutral-0);
  --surface-inset:var(--neutral-50);

  /* Dark surfaces (product chrome, decks, hero) */
  --surface-ink:var(--aw-ink);
  --surface-ink-2:var(--aw-ink-2);
  --surface-navy:var(--aw-navy);

  /* Text */
  --text-strong:var(--aw-navy);
  --text-body:var(--neutral-800);
  --text-muted:var(--neutral-500);
  --text-subtle:var(--neutral-400);
  --text-on-blue:#ffffff;
  --text-on-ink:#ffffff;
  --text-on-ink-muted:rgba(255,255,255,.68);

  /* Borders & lines */
  --border:var(--neutral-200);
  --border-strong:var(--neutral-300);
  --border-ink:rgba(255,255,255,.14);
  --divider:var(--neutral-100);

  /* Brand actions */
  --brand-primary:var(--aw-blue);
  --brand-primary-hover:var(--aw-blue-deep);
  --brand-primary-active:var(--aw-navy);
  --brand-primary-soft:#e3eef4;      /* tinted fill for soft buttons/badges */
  --accent:var(--aw-blue-bright);
  --accent-soft:#e6eefb;
  --link:var(--aw-blue-deep);
  --link-hover:var(--aw-blue);

  /* Feedback */
  --color-success:var(--aw-teal);
  --color-success-soft:#e0efe9;
  --color-danger:var(--aw-red);
  --color-danger-soft:#f6e3e6;
  --color-info:var(--aw-blue-bright);
  --color-info-soft:#e6eefb;
  --color-warning:#c77a16;           /* SUBSTITUTED — no amber in brand palette (see readme) */
  --color-warning-soft:#f8ecdb;

  /* Focus ring */
  --focus-ring:color-mix(in oklch, var(--aw-blue-bright) 55%, transparent);
}

/* Arrayworks — Typography tokens */
:root{
  /* Families */
  --font-display:'Saira','Segoe UI',system-ui,sans-serif;       /* headings, wordmark, eyebrows */
  --font-body:'Source Sans 3','Segoe UI',system-ui,sans-serif;  /* body, UI, Myriad substitute */
  --font-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* Weights */
  --fw-regular:400;   /* @kind font */
  --fw-medium:500;    /* @kind font */
  --fw-semibold:600;  /* @kind font */
  --fw-bold:700;      /* @kind font */
  --fw-extrabold:800; /* @kind font */

  /* Type scale (1.20 minor-third) */
  --text-2xs:.6875rem;   /* 11 */
  --text-xs:.75rem;      /* 12 */
  --text-sm:.875rem;     /* 14 */
  --text-base:1rem;      /* 16 */
  --text-lg:1.125rem;    /* 18 */
  --text-xl:1.375rem;    /* 22 */
  --text-2xl:1.625rem;   /* 26 */
  --text-3xl:2rem;       /* 32 */
  --text-4xl:2.5rem;     /* 40 */
  --text-5xl:3.25rem;    /* 52 */
  --text-6xl:4rem;       /* 64 */
  --text-7xl:5rem;       /* 80 */

  /* Line heights */
  --leading-none:1;
  --leading-tight:1.15;
  --leading-snug:1.3;
  --leading-normal:1.5;
  --leading-relaxed:1.65;

  /* Letter spacing — the brand leans on very wide tracked caps for eyebrows/taglines */
  --tracking-tight:-0.01em;
  --tracking-normal:0;
  --tracking-wide:0.04em;
  --tracking-eyebrow:0.16em;   /* section labels */
  --tracking-tagline:0.3em;    /* "T H E  B E T T E R  W A Y" */
}

/* Arrayworks — Spacing & layout tokens (4px base grid) */
:root{
  --space-0:0;
  --space-1:.25rem;   /* 4  */
  --space-2:.5rem;    /* 8  */
  --space-3:.75rem;   /* 12 */
  --space-4:1rem;     /* 16 */
  --space-5:1.25rem;  /* 20 */
  --space-6:1.5rem;   /* 24 */
  --space-8:2rem;     /* 32 */
  --space-10:2.5rem;  /* 40 */
  --space-12:3rem;    /* 48 */
  --space-16:4rem;    /* 64 */
  --space-20:5rem;    /* 80 */
  --space-24:6rem;    /* 96 */

  /* Container widths */
  --container-sm:640px;
  --container-md:840px;
  --container-lg:1080px;
  --container-xl:1280px;
  --container-2xl:1440px;

  /* Content gutters */
  --gutter:clamp(1.25rem,4vw,4rem); /* @kind spacing */
}

/* Arrayworks — Radii, elevation, borders, motion & brand motifs */
:root{
  /* Corner radii — the brand mark and "graphic bars" are angular, so radii stay restrained */
  --radius-none:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-xl:16px;
  --radius-2xl:22px;
  --radius-pill:999px;

  /* Elevation — cool, navy-tinted shadows (never neutral black) */
  --shadow-xs:0 1px 2px rgba(0,47,95,.06);
  --shadow-sm:0 1px 3px rgba(0,47,95,.09),0 1px 2px rgba(0,47,95,.06);
  --shadow-md:0 4px 12px rgba(0,47,95,.10),0 2px 4px rgba(0,47,95,.06);
  --shadow-lg:0 12px 28px rgba(0,47,95,.13),0 4px 10px rgba(0,47,95,.07);
  --shadow-xl:0 24px 56px rgba(0,47,95,.18),0 8px 18px rgba(0,47,95,.08);
  --shadow-focus:0 0 0 3px var(--focus-ring);

  /* Borders */
  --border-width:1px;
  --border-width-strong:2px;

  /* Motion — enterprise-calm: quick, eased, no bounce */
  --ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1);      /* @kind other */
  --duration-fast:120ms;                  /* @kind other */
  --duration:180ms;                       /* @kind other */
  --duration-slow:280ms;                  /* @kind other */

  /* Brand motif — "Graphic Bars": blue bar + 31%-black bar at 2x thickness */
  --bar-blue:var(--aw-blue);
  --bar-gray:var(--neutral-300);
  --bar-thin:6px;
  --bar-thick:12px;   /* = 2x thin, per style guide */

  /* Signature dark gradient used across hero / deck surfaces */
  --gradient-ink:linear-gradient(135deg,#0e3556 0%,var(--aw-ink) 55%,var(--aw-ink-2) 100%);
  --gradient-blue:linear-gradient(135deg,var(--aw-blue-bright) 0%,var(--aw-blue) 60%,var(--aw-blue-deep) 100%);
}


html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
img { max-width: 100%; }
button { font: inherit; }
image-slot { display: none; }
@media (max-width: 860px) {
  [style*="grid-template-columns: repeat(2"], [style*="grid-template-columns: repeat(3"],
  [style*="grid-template-columns: repeat(4"], [style*="grid-template-columns: repeat(5"],
  [style*="grid-template-columns: minmax"], [style*="grid-template-columns: 90px"],
  [style*="grid-template-columns: 56px"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: 84px 108px"] {
    grid-template-columns: auto auto !important; row-gap: 4px !important; column-gap: 12px !important;
  }
  [style*="grid-template-columns: 84px 108px"] > span:nth-child(3) { grid-column: 1 / -1; }
  [style*="grid-template-columns: 84px 108px"] > span:nth-child(4) { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  [style*="position: sticky"] > div { flex-wrap: wrap !important; gap: 12px !important; }
  [style*="position: sticky"] [style*="display: flex"][style*="gap: clamp(18px"] {
    order: 3; width: 100%; flex-wrap: wrap; gap: 18px !important;
    padding-top: 12px; border-top: 1px solid rgba(0,0,0,.08);
    justify-content: flex-start !important;
  }
  section > svg[viewBox="0 0 100 100"] { display: none !important; }
  section > svg[viewBox="0 0 1200 700"] { opacity: .5 !important; }
  /* Digital Twin diagram: sources first, then the twin they feed */
  [data-dto-grid] { display: flex !important; flex-direction: column; gap: 0 !important; }
  [data-dto-grid] > div:nth-child(1) { order: 3; }
  [data-dto-grid] > svg { display: block !important; order: 2; width: 2px !important; height: 40px !important; margin: 0 auto; flex: none; }
  [data-dto-grid] > div:nth-child(3) { order: 1; display: grid !important; gap: 10px; }
  [style*="font-size: clamp(2.375rem"], [style*="font-size: clamp(2.5rem"] { font-size: 2.25rem !important; }
  [style*="font-size: clamp(4rem"] { font-size: 3.25rem !important; }
  a[style*="padding: 14px 26px"] { display: block !important; text-align: center; }
  [style*="border-left: 1px solid var(--border)"][style*="padding-left: clamp"] { border-left: 0 !important; padding-left: 0 !important; }
  [style*="border-right: 1px solid var(--border)"] { border-right: 0 !important; padding-right: 0 !important; }
  [style*="border-left: 1px solid rgba(255,255,255,.16)"] { border-left: 0 !important; padding-left: 0 !important; }
}

.h1:hover{color: var(--aw-blue) !important}
.h2:hover{color: var(--aw-blue) !important}
.h3:hover{color: var(--aw-blue) !important}
.h4:hover{color: var(--aw-blue) !important}
.h5:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h6:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h7:hover{border-color: #fff !important;color: #fff !important;background: rgba(255,255,255,.08) !important}
.h8:hover{box-shadow: var(--shadow-lg) !important;transform: translateY(-2px) !important}
.h9:hover{box-shadow: var(--shadow-lg) !important;transform: translateY(-2px) !important}
.h10:hover{box-shadow: var(--shadow-lg) !important;transform: translateY(-2px) !important}
.h11:hover{box-shadow: var(--shadow-lg) !important;transform: translateY(-2px) !important}
.h12:hover{box-shadow: var(--shadow-lg) !important;transform: translateY(-2px) !important}
.h13:hover{color: var(--aw-blue) !important}
.h14:hover{background: rgba(255,255,255,.1) !important;color: #fff !important}
.h15:hover{color: var(--aw-blue) !important}
.h16:hover{color: var(--aw-blue) !important}
.h17:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h18:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h19:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h20:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h21:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h22:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h23:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h24:hover{color: #fff !important}
.h25:hover{color: #fff !important}
.h26:hover{color: #fff !important}
.h27:hover{color: #fff !important}
.h28:hover{color: #fff !important}
.h29:hover{color: #fff !important}
.h30:hover{color: #fff !important}
.h31:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h32:hover{color: var(--aw-blue) !important}
.h33:hover{color: var(--aw-blue) !important}
.h34:hover{color: var(--aw-blue) !important}
.h35:hover{color: var(--aw-blue) !important}
.h36:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h37:hover{color: var(--aw-blue) !important}
.h38:hover{color: #fff !important}
.h39:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h40:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h41:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h42:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h43:hover{color: #fff !important}
.h44:hover{color: #fff !important}
.h45:hover{color: #fff !important}
.h46:hover{color: #fff !important}
.h47:hover{color: #fff !important}
.h48:hover{color: #fff !important}
.h49:hover{color: #fff !important}
.h50:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h51:hover{color: var(--aw-blue) !important}
.h52:hover{color: var(--aw-blue) !important}
.h53:hover{color: var(--aw-blue) !important}
.h54:hover{color: var(--aw-blue) !important}
.h55:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h56:hover{box-shadow: var(--shadow-xl) !important;transform: translateY(-4px) !important;background: var(--brand-primary-soft) !important;border-color: var(--aw-blue) !important}
.h57:hover{box-shadow: var(--shadow-xl) !important;transform: translateY(-4px) !important;background: var(--brand-primary-soft) !important;border-color: var(--aw-blue) !important}
.h58:hover{box-shadow: var(--shadow-xl) !important;transform: translateY(-4px) !important;background: var(--brand-primary-soft) !important;border-color: var(--aw-blue) !important}
.h59:hover{box-shadow: var(--shadow-xl) !important;transform: translateY(-4px) !important;background: var(--brand-primary-soft) !important;border-color: var(--aw-blue) !important}
.h60:hover{box-shadow: var(--shadow-xl) !important;transform: translateY(-4px) !important;background: var(--brand-primary-soft) !important;border-color: var(--aw-blue) !important}
.h61:hover{box-shadow: var(--shadow-xl) !important;transform: translateY(-4px) !important;background: var(--brand-primary-soft) !important;border-color: var(--aw-blue) !important}
.h62:hover{color: var(--aw-blue) !important}
.h63:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h64:hover{background: rgba(255,255,255,.1) !important;color: #fff !important}
.h65:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h66:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h67:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h68:hover{color: #fff !important}
.h69:hover{color: #fff !important}
.h70:hover{color: #fff !important}
.h71:hover{color: #fff !important}
.h72:hover{color: #fff !important}
.h73:hover{color: #fff !important}
.h74:hover{color: #fff !important}
.h75:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h76:hover{color: var(--aw-blue) !important}
.h77:hover{color: var(--aw-blue) !important}
.h78:hover{color: var(--aw-blue) !important}
.h79:hover{color: var(--aw-blue) !important}
.h80:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h81:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h82:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important}
.h83:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h84:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h85:hover{background: var(--brand-primary-soft) !important;padding-left: 18px !important}
.h86:hover{background: var(--brand-primary-soft) !important;padding-left: 18px !important}
.h87:hover{background: var(--brand-primary-soft) !important;padding-left: 18px !important}
.h88:hover{color: var(--aw-blue) !important}
.h89:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h90:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h91:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h92:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h93:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h94:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h95:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h96:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h97:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h98:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h99:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h100:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h101:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h102:hover{color: #fff !important}
.h103:hover{color: #fff !important}
.h104:hover{color: #fff !important}
.h105:hover{color: #fff !important}
.h106:hover{color: #fff !important}
.h107:hover{color: #fff !important}
.h108:hover{color: #fff !important}
.h109:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h110:hover{color: var(--aw-blue) !important}
.h111:hover{color: var(--aw-blue) !important}
.h112:hover{color: var(--aw-blue) !important}
.h113:hover{color: var(--aw-blue) !important}
.h114:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h115:hover{color: var(--aw-blue) !important}
.h116:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h117:hover{background: rgba(255,255,255,.1) !important;color: #fff !important}
.h118:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h119:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h120:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h121:hover{color: #fff !important}
.h122:hover{color: #fff !important}
.h123:hover{color: #fff !important}
.h124:hover{color: #fff !important}
.h125:hover{color: #fff !important}
.h126:hover{color: #fff !important}
.h127:hover{color: #fff !important}
.h128:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h129:hover{color: var(--aw-blue) !important}
.h130:hover{color: var(--aw-blue) !important}
.h131:hover{color: var(--aw-blue) !important}
.h132:hover{color: var(--aw-blue) !important}
.h133:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h134:focus{border-color: var(--aw-blue) !important;box-shadow: var(--shadow-focus) !important}
.h135:hover{color: var(--aw-lime) !important}
.h136:hover{color: var(--aw-lime) !important}
.h137:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h138:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h139:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h140:hover{color: #fff !important}
.h141:hover{color: #fff !important}
.h142:hover{color: #fff !important}
.h143:hover{color: #fff !important}
.h144:hover{color: #fff !important}
.h145:hover{color: #fff !important}
.h146:hover{color: #fff !important}
.h147:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h148:hover{color: var(--aw-blue) !important}
.h149:hover{color: var(--aw-blue) !important}
.h150:hover{color: var(--aw-blue) !important}
.h151:hover{color: var(--aw-blue) !important}
.h152:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h153:hover{color: var(--aw-blue) !important}
.h154:hover{color: var(--aw-blue) !important}
.h155:hover{background: #b6e070 !important;color: var(--aw-ink) !important}
.h156:hover{background: rgba(255,255,255,.12) !important;color: #fff !important}
.h157:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h158:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h159:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h160:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h161:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h162:hover{color: #fff !important}
.h163:hover{color: #fff !important}
.h164:hover{color: #fff !important}
.h165:hover{color: #fff !important}
.h166:hover{color: #fff !important}
.h167:hover{color: #fff !important}
.h168:hover{color: #fff !important}
.h169:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h170:hover{color: var(--aw-blue) !important}
.h171:hover{color: var(--aw-blue) !important}
.h172:hover{color: var(--aw-blue) !important}
.h173:hover{color: var(--aw-blue) !important}
.h174:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h175:hover{color: var(--aw-blue) !important}
.h176:hover{color: var(--aw-blue) !important}
.h177:hover{background: #b6e070 !important;color: var(--aw-ink) !important}
.h178:hover{background: rgba(255,255,255,.12) !important;color: #fff !important}
.h179:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h180:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h181:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h182:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h183:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h184:hover{color: #fff !important}
.h185:hover{color: #fff !important}
.h186:hover{color: #fff !important}
.h187:hover{color: #fff !important}
.h188:hover{color: #fff !important}
.h189:hover{color: #fff !important}
.h190:hover{color: #fff !important}
.h191:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h192:hover{color: var(--aw-blue) !important}
.h193:hover{color: var(--aw-blue) !important}
.h194:hover{color: var(--aw-blue) !important}
.h195:hover{color: var(--aw-blue) !important}
.h196:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h197:hover{color: var(--aw-blue) !important}
.h198:hover{color: var(--aw-blue) !important}
.h199:hover{background: #b6e070 !important;color: var(--aw-ink) !important}
.h200:hover{background: rgba(255,255,255,.12) !important;color: #fff !important}
.h201:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h202:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h203:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h204:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h205:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h206:hover{color: #fff !important}
.h207:hover{color: #fff !important}
.h208:hover{color: #fff !important}
.h209:hover{color: #fff !important}
.h210:hover{color: #fff !important}
.h211:hover{color: #fff !important}
.h212:hover{color: #fff !important}
.h213:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h214:hover{color: var(--aw-blue) !important}
.h215:hover{color: var(--aw-blue) !important}
.h216:hover{color: var(--aw-blue) !important}
.h217:hover{color: var(--aw-blue) !important}
.h218:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h219:hover{color: var(--aw-blue) !important}
.h220:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h221:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h222:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h223:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h224:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h225:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h226:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h227:hover{color: #fff !important}
.h228:hover{color: #fff !important}
.h229:hover{color: #fff !important}
.h230:hover{color: #fff !important}
.h231:hover{color: #fff !important}
.h232:hover{color: #fff !important}
.h233:hover{color: #fff !important}
.h234:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h235:hover{color: var(--aw-blue) !important}
.h236:hover{color: var(--aw-blue) !important}
.h237:hover{color: var(--aw-blue) !important}
.h238:hover{color: var(--aw-blue) !important}
.h239:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h240:hover{color: var(--aw-blue) !important}
.h241:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h242:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h243:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h244:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h245:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h246:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h247:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h248:hover{color: #fff !important}
.h249:hover{color: #fff !important}
.h250:hover{color: #fff !important}
.h251:hover{color: #fff !important}
.h252:hover{color: #fff !important}
.h253:hover{color: #fff !important}
.h254:hover{color: #fff !important}
.h255:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h256:hover{color: var(--aw-blue) !important}
.h257:hover{color: var(--aw-blue) !important}
.h258:hover{color: var(--aw-blue) !important}
.h259:hover{color: var(--aw-blue) !important}
.h260:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h261:hover{color: var(--aw-blue) !important}
.h262:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h263:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h264:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h265:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h266:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h267:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h268:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h269:hover{color: #fff !important}
.h270:hover{color: #fff !important}
.h271:hover{color: #fff !important}
.h272:hover{color: #fff !important}
.h273:hover{color: #fff !important}
.h274:hover{color: #fff !important}
.h275:hover{color: #fff !important}
.h276:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h277:hover{color: var(--aw-blue) !important}
.h278:hover{color: var(--aw-blue) !important}
.h279:hover{color: var(--aw-blue) !important}
.h280:hover{color: var(--aw-blue) !important}
.h281:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h282:hover{color: var(--aw-blue) !important}
.h283:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h284:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h285:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h286:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h287:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h288:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h289:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h290:hover{color: #fff !important}
.h291:hover{color: #fff !important}
.h292:hover{color: #fff !important}
.h293:hover{color: #fff !important}
.h294:hover{color: #fff !important}
.h295:hover{color: #fff !important}
.h296:hover{color: #fff !important}
.h297:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h298:hover{color: var(--aw-blue) !important}
.h299:hover{color: var(--aw-blue) !important}
.h300:hover{color: var(--aw-blue) !important}
.h301:hover{color: var(--aw-blue) !important}
.h302:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h303:hover{color: var(--aw-blue) !important}
.h304:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h305:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h306:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h307:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h308:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h309:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h310:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h311:hover{color: #fff !important}
.h312:hover{color: #fff !important}
.h313:hover{color: #fff !important}
.h314:hover{color: #fff !important}
.h315:hover{color: #fff !important}
.h316:hover{color: #fff !important}
.h317:hover{color: #fff !important}
.h318:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}
.h319:hover{color: var(--aw-blue) !important}
.h320:hover{color: var(--aw-blue) !important}
.h321:hover{color: var(--aw-blue) !important}
.h322:hover{color: var(--aw-blue) !important}
.h323:hover{background: var(--brand-primary-hover) !important;color: #fff !important}
.h324:hover{color: var(--aw-blue) !important}
.h325:hover{background: #eaf4f8 !important;color: var(--aw-blue-deep) !important}
.h326:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h327:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h328:hover{transform: translateY(-4px) !important;box-shadow: var(--shadow-xl) !important;border-color: var(--aw-blue) !important}
.h329:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h330:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h331:hover{color: #fff !important;border-color: var(--aw-lime) !important;background: rgba(163,213,93,.12) !important}
.h332:hover{color: #fff !important}
.h333:hover{color: #fff !important}
.h334:hover{color: #fff !important}
.h335:hover{color: #fff !important}
.h336:hover{color: #fff !important}
.h337:hover{color: #fff !important}
.h338:hover{color: #fff !important}
.h339:hover{background: var(--aw-lime) !important;color: var(--aw-ink-2) !important}

/* animations */
@keyframes awFlow { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes awShow { 0% { opacity: 0; } 10% { opacity: 1; } 88% { opacity: 1; } 100% { opacity: 0; } }
@keyframes awDash { to { stroke-dashoffset: -260; } }
@keyframes awGate { 0%, 100% { opacity: .35; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes awRing { 0% { opacity: .7; transform: scale(1); } 70% { opacity: 0; transform: scale(1.55); } 100% { opacity: 0; transform: scale(1.55); } }
@media (prefers-reduced-motion: reduce) { [style*="animation"] { animation: none !important; } }

.hstat:hover{box-shadow: var(--shadow-lg) !important;transform: translateY(-2px) !important}

.hgov:hover{transform: translateY(-4px) !important;background: rgba(255,255,255,.1) !important;border-color: rgba(163,213,93,.55) !important}