:root{--navy:#07152f;--navy2:#102d5d;--gold:#d4a11f;--gold2:#f1d06f;--ink:#101828;--muted:#667085;--line:#e4e8ef;--paper:#f5f7fa;--max:1120px;--shadow:0 24px 70px rgba(7,21,47,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}a{text-decoration:none;color:inherit}
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.08em}.brand img{width:38px;height:38px}.back{font-weight:900;color:#805b00}
.hero{padding:64px 0 58px;background:radial-gradient(circle at 84% 8%,rgba(212,161,31,.13),transparent 24%),linear-gradient(180deg,#fafbfd,#fff)}.heroGrid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:950;color:#956800}.hero h1{font-size:clamp(52px,7vw,84px);line-height:.94;letter-spacing:-.052em;margin:14px 0 18px}.lead{font-size:19px;color:#5f6b7b;max-width:700px}.heroVisual{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#07152f;box-shadow:var(--shadow)}.heroVisual img{width:100%;height:100%;object-fit:cover;object-position:center 8%;display:block}.heroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,11,24,.55),transparent 52%)}.heroCaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:#fff}.heroCaption strong{display:block;font-size:22px}.heroCaption span{display:block;color:#dbe3ef;font-size:12px;margin-top:4px}
section{padding:66px 0}.sectionHead{display:grid;grid-template-columns:.42fr 1.58fr;gap:34px;margin-bottom:28px}.sectionHead h2{font-size:clamp(36px,5vw,56px);line-height:.99;letter-spacing:-.04em;margin:0}.sectionHead p{font-size:17px;color:var(--muted);margin:10px 0 0;max-width:760px}.band{background:linear-gradient(180deg,#f7f9fb,#f1f4f8)}
.roleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.roleCard,.ecosystemCard,.focusCard{border:1px solid var(--line);border-radius:21px;padding:19px;background:#fff}.roleCard span,.focusCard span{display:block;font-size:10px;font-weight:950;letter-spacing:.12em;color:#956800;margin-bottom:9px}.roleCard strong,.focusCard strong{font-size:19px}.roleCard p,.focusCard p{font-size:13px;color:var(--muted);margin:7px 0 0}
.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ecosystemCard h3{font-size:25px;margin:0 0 12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #e8d9b3;background:#fffaf0;color:#725200;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.contextNote{margin-top:14px;font-size:12px;color:#7d8798}
.focusGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;border-radius:24px;background:#07152f;color:#fff}.cta h2{font-size:31px;margin:0}.cta p{color:#cbd4df;margin:7px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 19px;background:linear-gradient(135deg,#f4d274,#d59c1d);color:#111827;font-weight:900;white-space:nowrap}.footer{background:#07152f;color:#aab5c6;padding:27px 0}.footerRow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:#fff;font-weight:800}
@media(max-width:900px){.heroGrid,.sectionHead,.ecosystem{grid-template-columns:1fr}.roleGrid{grid-template-columns:1fr 1fr}.focusGrid{grid-template-columns:1fr}.heroVisual{max-width:760px;width:100%;margin:auto}}
@media(max-width:620px){.wrap{width:min(calc(100% - 24px),var(--max))}.bar{height:64px}.brand img{width:32px;height:32px}.brand span{font-size:15px}.back{font-size:12px}.hero{padding:46px 0 42px}.hero h1{font-size:49px}.lead{font-size:17px}.heroVisual{border-radius:22px;aspect-ratio:4/3}.heroVisual img{object-position:center 8%}section{padding:50px 0}.sectionHead{gap:10px}.roleGrid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.btn{width:100%}}

/* Keyboard accessibility QA */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(217,166,46,.5);outline-offset:3px}

/* Brand ecosystem cards */
.brandGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px;margin-top:4px}
.brandCard{min-height:92px;border:1px solid #e6e9ef;background:linear-gradient(180deg,#fff,#fbfcfe);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
a.brandCard:hover{transform:translateY(-2px);border-color:#d7bf7a;box-shadow:0 10px 24px rgba(7,21,47,.08)}
.brandCard img{display:block;width:auto;max-width:100%;height:34px;max-height:34px;object-fit:contain}
.brandCard span{font-size:10px;line-height:1.25;font-weight:850;color:#536072}
.brandTextCard strong{display:block;font-size:19px;line-height:1;color:#0b2148;letter-spacing:.01em}
.brandTextCard>span{max-width:160px}
.bigThree .brandCard{min-height:104px}
.bigThree .brandCard img{height:42px;max-height:42px}
.healthBrands .wideLogo img{height:28px;max-height:28px}
.healthBrands .brandCard img{max-width:150px}
.healthAdmin .insurerCard strong{color:#006bb6}
.powerBrands .brandCard img{max-width:155px}
@media(max-width:760px){
  .brandGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .brandCard{min-height:86px;padding:12px 9px}
  .brandCard img{height:30px;max-height:30px}
  .bigThree .brandCard img{height:36px;max-height:36px}
  .healthBrands .wideLogo{grid-column:1/-1}
  .healthBrands .wideLogo img{height:27px;max-height:27px}
}
@media(min-width:761px) and (max-width:1100px){
  .tierOne{grid-template-columns:repeat(3,minmax(0,1fr))}
  .healthBrands,.powerBrands{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* Industry footer system10: compact sticky footer without trailing viewport gap */
html{min-height:100%}
body{min-height:100svh;display:flex;flex-direction:column}
@supports (min-height:100dvh){body{min-height:100dvh}}
body>main{flex:1 0 auto;min-height:0}
body>footer,body>footer.footer{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important}
@media(max-width:900px){
  html{min-height:100%!important;height:auto!important}
  body{min-height:100svh!important;height:auto!important;display:flex!important;flex-direction:column!important}
  @supports (min-height:100dvh){body{min-height:100dvh!important}}
  body>main{flex:1 0 auto!important;min-height:0!important}
  body>footer,body>footer.footer{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important}
}


/* USFLUENT industries — unified light/dark system appearance. */
@media (prefers-color-scheme: dark) {
  :root{
    color-scheme:dark;
    --ink:#f2f6fd;
    --muted:#bacae0;
    --line:#344c68;
    --paper:#0a1c35;
    --shadow:0 22px 60px rgba(0,0,0,.30);
  }
  html{background:#07152f}
  body,main{background:#07152f;color:#eef4fc}
  .top{
    color:#f5f8fd;
    background:rgba(7,21,47,.96);
    border-bottom-color:#334862;
  }
  .brand{color:#f4f7fd}
  .back{color:#f2cf71}
  .back:hover{color:#ffe49a}
  .hero{
    color:#f2f6fc;
    background:radial-gradient(circle at 84% 8%,rgba(212,161,31,.13),transparent 27%),
      linear-gradient(160deg,#08172e,#102a4a 74%,#08172e);
  }
  .hero h1,.sectionHead h2{color:#f6f8fe}
  .eyebrow,.roleCard span,.focusCard span{color:#f4cf71}
  .lead,.sectionHead p{color:#c3d0e2}
  .heroVisual{background:#07152f;box-shadow:0 20px 58px rgba(0,0,0,.30)}
  .heroCaption,.heroCaption strong{color:#fff}
  .heroCaption span{color:#e0e8f4}
  .band{background:linear-gradient(180deg,#0c233e,#0a1d37)}
  .roleCard,.ecosystemCard,.focusCard{
    background:#152c49;
    color:#f0f5fc;
    border-color:#3a526d;
    box-shadow:0 10px 32px rgba(0,0,0,.10);
  }
  .ecosystemCard h3,.roleCard strong,.focusCard strong{color:#f3f7fd}
  .roleCard p,.focusCard p{color:#becee2}
  .contextNote{color:#b9c7db}
  .chip{
    background:#213c5b;
    border-color:#76613a;
    color:#f4d47c;
  }
  .brandCard{
    background:#18304e;
    border-color:#405b78;
    box-shadow:none;
  }
  .brandCard img{
    background:#e6edf6;
    border-radius:7px;
    padding:4px;
    box-sizing:border-box;
  }
  .brandCard span{color:#c1cfe0}
  .brandTextCard strong{color:#f4f7ff}
  .healthAdmin .insurerCard strong{color:#88caff}
  a.brandCard:hover{
    background:#203c5b;
    border-color:#c2a057;
    box-shadow:0 10px 26px rgba(0,0,0,.20);
  }
  .cta{
    color:#f4f8fe;
    background:linear-gradient(145deg,#102949,#183d67);
    border:1px solid #3d5979;
  }
  .cta h2{color:#f6f9ff}
  .cta p{color:#cedbea}
  .btn{color:#0b1d32;background:linear-gradient(135deg,#f5d781,#dfb03a)}
  .footer{background:#040e20;color:#afbed1;border-top:1px solid #2b3d59}
  .footer a{color:#f4f8ff}
}
