{"componentChunkName":"component---src-templates-raw-html-js","path":"/oems/","result":{"pageContext":{"pageContent":{"HTML":{"order":0,"visible":true,"scriptJS":"","rawHTML":"<div><!--\n================================================================================\n  MXS OEM PROGRAMS HUB  v2  |  Landing / Index Page\n================================================================================\n  v2 CHANGES\n    - Removed stats band entirely\n    - Real logo IMGs swapped in for active brand cards (logos only, no labels)\n    - Removed \"View Program ->\" and certified tag from each active card\n    - Coming Soon upgraded: shimmer animation, pulsing dots, varied labels,\n      proper section header above\n    - Added Audi and Nissan to compliant section (now 9 brands)\n    - Compliant section uses brightness(0) invert(1) filter for white logos\n    - Hero subtitle reworked, no more \"same... same... same...\" pattern\n    - Active programs title: \"OEM Certified. Dealer Built.\"\n    - Why MXS title: \"One platform. OEM specific templates.\"\n    - Why MXS sub uses real prices: $250K DBX / $25K Outlander Sport\n    - All other platform rules preserved (margin-top:110px, scoped BEM,\n      modal CTA delegation, etc.)\n================================================================================\n-->\n\n<!-- DealerMasters render guard: this comment must precede the style block -->\n\n<style>\n/* ============================================================\n   MXS OEM PROGRAMS HUB v2  |  Scoped BEM under .mxs-hub\n   ============================================================ */\n\n.mxs-hub,\n.mxs-hub * { box-sizing: border-box; }\n\n.mxs-hub {\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  max-width: 100vw;\n  margin-top: 110px;\n  background: #0a0e1a;\n  --c-black: #0a0e1a;\n  --c-dark: #0e121f;\n  --c-dark-2: #141a2b;\n  --c-navy: #1a2b3e;\n  --c-navy-mid: #2a497b;\n  --c-blue: #4177c3;\n  --c-cyan: #5eb9de;\n  --c-cyan-light: #c7e3f1;\n  --c-pop-blue: #3b6ce9;\n  --c-pop-cyan: #2dbce3;\n  --c-ink: #1a1a1a;\n  --c-text: #4a5563;\n  --c-text-dark: #b8c4d2;\n  --c-muted: #7e8a96;\n  --c-line: #e6eaef;\n  --c-bg-soft: #f7f9fb;\n  --grad-pop: linear-gradient(135deg, #3b6ce9 0%, #2dbce3 100%);\n  --grad-pop-deep: linear-gradient(135deg, #3b6ce9 0%, #2dbce3 50%, #5eb9de 100%);\n  --grad-dark-tilt: linear-gradient(135deg, #0a0e1a 0%, #1a2b3e 65%, #2a497b 130%);\n  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--c-ink);\n  font-size: 16px;\n  line-height: 1.3;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n@media (max-width: 1024px) { .mxs-hub { margin-top: 90px; } }\n@media (max-width: 768px)  { .mxs-hub { margin-top: 80px; } }\n@media (max-width: 480px)  { .mxs-hub { margin-top: 100px; } }\n\n/* ---------- BACKDROP ---------- */\n.mxs-hub__backdrop {\n  position: absolute; inset: 0;\n  pointer-events: none; overflow: hidden;\n  z-index: 0;\n}\n.mxs-hub__backdrop-grid {\n  position: absolute;\n  inset: -10%;\n  width: 120%; height: 120%;\n  background-image:\n    linear-gradient(to right, rgba(94,185,222,0.07) 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(94,185,222,0.07) 1px, transparent 1px);\n  background-size: 64px 64px;\n  mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 35%, transparent 80%);\n  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 35%, transparent 80%);\n  opacity: 0.5;\n  animation: mxs-grid-drift 60s linear infinite;\n  will-change: transform;\n}\n@keyframes mxs-grid-drift {\n  0%   { transform: translate(0, 0); }\n  100% { transform: translate(-64px, -64px); }\n}\n.mxs-hub__backdrop-orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(110px);\n  pointer-events: none;\n  will-change: transform, opacity;\n}\n.mxs-hub__backdrop-orb--1 {\n  top: 5%; left: 0%;\n  width: 520px; height: 520px;\n  background: radial-gradient(circle, rgba(59,108,233,0.28) 0%, transparent 65%);\n  animation: mxs-orb-float 22s ease-in-out infinite;\n}\n.mxs-hub__backdrop-orb--2 {\n  top: 50%; right: -120px;\n  width: 600px; height: 600px;\n  background: radial-gradient(circle, rgba(45,188,227,0.22) 0%, transparent 65%);\n  animation: mxs-orb-float 28s ease-in-out infinite reverse;\n}\n@keyframes mxs-orb-float {\n  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }\n  33%      { transform: translate(40px, -30px) scale(1.1); opacity: 0.7; }\n  66%      { transform: translate(-20px, 30px) scale(0.95); opacity: 0.4; }\n}\n.mxs-hub > div:not(.mxs-hub__backdrop):not(.mxs-hub__cursor-glow) { position: relative; z-index: 1; }\n\n/* ---------- ANIMATIONS ---------- */\n@keyframes mxs-fade-rise {\n  from { opacity: 0; transform: translateY(24px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@supports (animation-timeline: view()) {\n  .mxs-hub__brand-card,\n  .mxs-hub__pillar,\n  .mxs-hub__compliant-chip,\n  .mxs-hub__coming-card,\n  .mxs-hub__ai-engine,\n  .mxs-hub__service-chip {\n    animation: mxs-fade-rise linear both;\n    animation-timeline: view();\n    animation-range: entry 0% entry 60%;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .mxs-hub *, .mxs-hub *::before, .mxs-hub *::after {\n    animation-duration: 0.001s !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001s !important;\n  }\n}\n\n/* ---------- SHARED EYEBROW ---------- */\n.mxs-hub__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 11px;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  font-weight: 700 !important;\n  margin-bottom: 18px;\n  position: relative;\n}\n.mxs-hub__eyebrow::before {\n  content: \"\";\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: var(--c-pop-cyan);\n  flex-shrink: 0;\n  box-shadow: 0 0 0 0 rgba(45,188,227,0.6);\n  animation: mxs-eyebrow-pulse 2.4s ease-in-out infinite;\n}\n@keyframes mxs-eyebrow-pulse {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(45,188,227,0.6); transform: scale(1); }\n  50%      { box-shadow: 0 0 0 8px rgba(45,188,227,0); transform: scale(1.15); }\n}\n\n/* ---------- BUTTONS ---------- */\n.mxs-hub__btn {\n  position: relative;\n  display: inline-block;\n  padding: 18px 38px;\n  border-radius: 0;\n  font-weight: 800 !important;\n  font-size: 13px;\n  letter-spacing: 0.14em;\n  text-decoration: none;\n  text-transform: uppercase;\n  overflow: hidden;\n  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;\n  z-index: 1;\n}\n.mxs-hub__btn--pop {\n  background: var(--grad-pop);\n  color: #fff;\n  box-shadow: 0 12px 32px -8px rgba(59,108,233,0.55);\n}\n.mxs-hub__btn--pop:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 22px 56px -8px rgba(45,188,227,0.75);\n}\n.mxs-hub__btn--pop::before {\n  content: \"\";\n  position: absolute; top: 0; left: 0;\n  width: 60%; height: 100%;\n  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);\n  transform: translateX(-100%);\n  transition: transform 0.6s ease;\n  z-index: 2;\n}\n.mxs-hub__btn--pop:hover::before { transform: translateX(200%); }\n.mxs-hub__btn-arrow {\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 14px;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  position: relative; z-index: 3;\n}\n.mxs-hub__btn:hover .mxs-hub__btn-arrow { transform: translateX(6px); }\n.mxs-hub__btn-text { position: relative; z-index: 3; }\n\n/* ---------- HERO ---------- */\n.mxs-hub__hero {\n  background: var(--grad-dark-tilt);\n  color: #fff;\n  padding: 112px 24px 96px;\n  position: relative;\n  overflow: hidden;\n  text-align: left;\n}\n.mxs-hub__hero-orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(60px);\n  pointer-events: none;\n  z-index: 0;\n}\n.mxs-hub__hero-orb--1 {\n  top: -120px; right: -80px;\n  width: 480px; height: 480px;\n  background: radial-gradient(circle, rgba(59,108,233,0.45) 0%, transparent 70%);\n  animation: mxs-orb-float 18s ease-in-out infinite;\n}\n.mxs-hub__hero-orb--2 {\n  bottom: -160px; left: 10%;\n  width: 380px; height: 380px;\n  background: radial-gradient(circle, rgba(45,188,227,0.3) 0%, transparent 70%);\n  animation: mxs-orb-float 22s ease-in-out infinite reverse;\n}\n.mxs-hub__hero-wrap {\n  max-width: 1280px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__hero-head {\n  max-width: 880px;\n  margin: 0 auto 64px;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__hero .mxs-hub__eyebrow { color: var(--c-pop-cyan); }\n.mxs-hub__hero-eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--c-cyan);\n  font-weight: 700 !important;\n  padding: 8px 16px;\n  border-radius: 0;\n  background: rgba(45,188,227,0.05);\n  border: 1px solid rgba(45,188,227,0.35);\n  margin-bottom: 28px;\n}\n.mxs-hub__hero-eyebrow-dot {\n  display: inline-block; width: 6px; height: 6px;\n  background: var(--c-pop-cyan); border-radius: 50%;\n  margin-right: 10px; vertical-align: middle;\n  box-shadow: 0 0 12px var(--c-pop-cyan);\n}\n.mxs-hub__hero-title {\n  font-size: 60px;\n  line-height: 0.95;\n  font-weight: 800 !important;\n  letter-spacing: -0.03em;\n  margin: 0 0 22px;\n  color: #fff;\n}\n.mxs-hub__hero-em {\n  background: var(--grad-pop-deep);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__hero-sub {\n  font-size: 18px;\n  line-height: 1.45;\n  color: var(--c-text-dark);\n  max-width: 720px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n.mxs-hub__hero-sub strong { color: #fff; font-weight: 600 !important; }\n\n/* ---------- HERO STARFIELD (3 animated layers) ---------- */\n/* Adapted from the site's existing starfield treatment.\n   Position: absolute (contained in hero, not fixed to viewport).\n   IDs renamed to BEM classes so they don't collide globally. */\n.mxs-hub__stars {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 1px;\n  background: transparent;\n  pointer-events: none;\n  z-index: 0;\n}\n.mxs-hub__stars::after {\n  content: \" \";\n  position: absolute;\n  top: 2000px;\n  background: transparent;\n  box-shadow: inherit;\n}\n.mxs-hub__stars--small {\n  box-shadow:\n    456px 51px #fff, 1126px 501px #fff, 914px 285px #fff, 419px 1385px #fff, 2233px 178px #fff, 1728px 65px #fff,\n    122px 191px #fff, 895px 476px #fff, 2069px 1232px #fff, 108px 1149px #fff, 814px 1466px #fff, 2232px 859px #fff,\n    902px 919px #fff, 1139px 1657px #fff, 26px 1554px #fff, 653px 1429px #fff, 1731px 696px #fff, 1138px 318px #fff,\n    881px 1960px #fff, 1378px 209px #fff, 379px 778px #fff, 396px 735px #fff, 1408px 1236px #fff, 1083px 1652px #fff,\n    177px 1494px #fff, 1881px 1098px #fff, 511px 1992px #fff, 1550px 161px #fff, 2261px 600px #fff, 1481px 1182px #fff,\n    787px 1442px #fff, 284px 93px #fff, 933px 1583px #fff, 1185px 163px #fff, 953px 1774px #fff, 413px 778px #fff,\n    1138px 928px #fff, 1494px 333px #fff, 1516px 727px #fff, 858px 1372px #fff, 1093px 1437px #fff, 292px 1247px #fff,\n    700px 1093px #fff, 1002px 334px #fff, 1893px 777px #fff, 1105px 1895px #fff, 2281px 449px #fff, 1328px 1726px #fff,\n    229px 469px #fff, 131px 1648px #fff, 1292px 821px #fff, 1096px 135px #fff, 864px 1870px #fff, 2323px 1794px #fff,\n    1288px 435px #fff, 2044px 810px #fff, 1879px 292px #fff, 1084px 285px #fff, 1010px 1525px #fff, 2299px 1103px #fff,\n    1076px 1529px #fff, 2394px 877px #fff, 2390px 817px #fff, 1482px 449px #fff, 566px 1043px #fff, 2021px 186px #fff,\n    192px 1763px #fff, 449px 313px #fff, 655px 1622px #fff, 1729px 1221px #fff, 260px 788px #fff, 1563px 1220px #fff,\n    1917px 1083px #fff, 1029px 1988px #fff, 2266px 1762px #fff, 47px 1393px #fff, 469px 1396px #fff, 2199px 1537px #fff,\n    1092px 1574px #fff, 1393px 228px #fff, 1202px 890px #fff, 647px 929px #fff, 13px 1953px #fff, 1078px 1990px #fff,\n    2050px 1560px #fff, 731px 1039px #fff, 435px 1782px #fff, 1222px 1723px #fff, 2079px 1247px #fff, 814px 313px #fff,\n    1531px 1561px #fff, 661px 1104px #fff, 2172px 1881px #fff, 2px 1226px #fff, 1327px 1000px #fff, 79px 229px #fff,\n    1486px 1799px #fff, 1259px 490px #fff, 237px 493px #fff, 2323px 1939px #fff, 322px 175px #fff, 1990px 1671px #fff,\n    283px 1557px #fff, 2181px 1568px #fff, 515px 262px #fff, 1946px 1939px #fff, 2251px 338px #fff, 1085px 1080px #fff,\n    1733px 1975px #fff, 867px 1902px #fff, 2208px 1546px #fff, 823px 1460px #fff, 1276px 817px #fff, 1529px 897px #fff,\n    2119px 924px #fff, 495px 507px #fff, 920px 131px #fff, 1384px 43px #fff, 2268px 471px #fff, 902px 14px #fff,\n    290px 1449px #fff, 241px 468px #fff, 276px 1854px #fff, 128px 1760px #fff, 1353px 145px #fff, 2105px 487px #fff,\n    1140px 1370px #fff, 1988px 438px #fff, 2208px 270px #fff, 2338px 1180px #fff, 1936px 497px #fff, 1937px 1653px #fff,\n    1667px 389px #fff, 386px 198px #fff, 1765px 725px #fff, 1734px 841px #fff, 1912px 1769px #fff, 221px 1379px #fff,\n    403px 124px #fff, 1649px 1491px #fff, 1389px 1639px #fff, 447px 509px #fff, 784px 389px #fff, 2196px 918px #fff,\n    574px 864px #fff, 751px 570px #fff, 1894px 511px #fff, 308px 907px #fff, 2254px 200px #fff, 207px 1335px #fff,\n    2214px 1712px #fff, 60px 1984px #fff, 382px 1897px #fff, 968px 340px #fff, 1664px 994px #fff, 1971px 437px #fff,\n    1642px 1848px #fff, 240px 337px #fff, 1552px 4px #fff, 1599px 543px #fff, 1863px 584px #fff, 1732px 1426px #fff,\n    2276px 1355px #fff, 1993px 317px #fff, 777px 607px #fff, 891px 1983px #fff, 239px 1186px #fff, 2220px 124px #fff,\n    1284px 117px #fff, 205px 1196px #fff, 1952px 1029px #fff, 2175px 322px #fff, 232px 1967px #fff, 2080px 164px #fff,\n    761px 140px #fff, 278px 1382px #fff, 963px 826px #fff, 491px 1928px #fff, 2333px 504px #fff, 2371px 1217px #fff,\n    162px 1268px #fff, 335px 858px #fff, 2390px 1157px #fff, 2141px 647px #fff, 1068px 418px #fff, 1286px 488px #fff,\n    1087px 810px #fff, 536px 1375px #fff, 1228px 936px #fff, 1295px 1902px #fff, 297px 19px #fff, 1877px 1272px #fff,\n    2306px 204px #fff, 300px 1101px #fff, 873px 1036px #fff, 1086px 271px #fff, 1429px 1804px #fff, 281px 1800px #fff,\n    1000px 756px #fff, 1167px 323px #fff, 1794px 1707px #fff, 2225px 1440px #fff, 1239px 1252px #fff, 2166px 16px #fff,\n    2271px 613px #fff, 424px 1922px #fff, 550px 541px #fff, 472px 1822px #fff, 438px 1520px #fff, 2266px 318px #fff,\n    1115px 577px #fff, 862px 1469px #fff, 1404px 416px #fff, 1081px 1035px #fff, 2001px 514px #fff, 208px 189px #fff,\n    1734px 1698px #fff, 1133px 90px #fff, 14px 683px #fff, 535px 1304px #fff, 1072px 330px #fff, 1809px 1129px #fff,\n    1751px 1148px #fff, 39px 229px #fff, 308px 1935px #fff, 610px 1117px #fff, 147px 1709px #fff, 1512px 1192px #fff,\n    2263px 303px #fff, 1760px 261px #fff, 171px 631px #fff, 1493px 1841px #fff, 163px 1840px #fff, 1465px 430px #fff,\n    1022px 1365px #fff, 421px 724px #fff, 2293px 1810px #fff, 1664px 1994px #fff, 633px 1895px #fff, 969px 1770px #fff,\n    665px 1999px #fff, 725px 1805px #fff, 1688px 50px #fff, 734px 1508px #fff, 1360px 1602px #fff, 1686px 1642px #fff,\n    1016px 546px #fff, 652px 1612px #fff, 442px 783px #fff, 158px 1758px #fff, 1927px 455px #fff, 817px 1672px #fff,\n    1885px 716px #fff, 1250px 1680px #fff, 932px 456px #fff, 96px 1351px #fff, 791px 816px #fff, 1344px 570px #fff,\n    284px 1980px #fff, 1143px 719px #fff, 2086px 818px #fff, 2196px 678px #fff, 113px 236px #fff, 1069px 365px #fff,\n    2378px 1971px #fff, 1087px 78px #fff, 444px 1221px #fff, 1779px 707px #fff, 1284px 893px #fff, 2094px 236px #fff,\n    1577px 1842px #fff, 2361px 389px #fff, 1043px 90px #fff, 1786px 3px #fff, 2129px 1895px #fff, 2205px 1406px #fff,\n    807px 745px #fff, 1766px 143px #fff, 1352px 1276px #fff, 1285px 1358px #fff, 510px 1474px #fff, 1230px 1038px #fff,\n    1266px 1365px #fff, 1672px 668px #fff, 1648px 1427px #fff, 1211px 1135px #fff, 521px 392px #fff, 1722px 1361px #fff,\n    1552px 1387px #fff, 712px 1260px #fff, 2331px 616px #fff, 1663px 1122px #fff, 1px 622px #fff, 1175px 430px #fff,\n    1760px 1609px #fff, 2375px 1242px #fff, 1319px 952px #fff, 1809px 905px #fff, 875px 1046px #fff, 1938px 1625px #fff,\n    695px 1349px #fff, 347px 581px #fff, 2111px 1359px #fff, 1372px 191px #fff, 962px 1377px #fff, 1271px 460px #fff,\n    815px 301px #fff, 100px 94px #fff, 1002px 973px #fff, 298px 932px #fff, 1697px 1814px #fff, 2357px 398px #fff,\n    1572px 1012px #fff, 1636px 499px #fff, 604px 1343px #fff, 22px 1828px #fff, 436px 1594px #fff, 1741px 448px #fff,\n    720px 1646px #fff, 2121px 951px #fff, 205px 1141px #fff, 1020px 1878px #fff, 497px 934px #fff, 546px 1641px #fff,\n    1903px 1367px #fff, 2175px 1144px #fff, 1299px 1945px #fff, 1812px 1254px #fff, 2067px 873px #fff, 2244px 913px #fff,\n    651px 1523px #fff, 1944px 921px #fff, 1061px 1539px #fff, 1012px 1720px #fff, 1135px 1568px #fff, 2135px 992px #fff,\n    979px 562px #fff, 1801px 158px #fff, 1170px 480px #fff, 1112px 687px #fff, 1309px 1828px #fff, 2212px 165px #fff,\n    566px 308px #fff, 947px 784px #fff, 625px 1446px #fff, 876px 131px #fff, 1699px 834px #fff, 1355px 1111px #fff,\n    1908px 851px #fff, 255px 423px #fff, 1720px 797px #fff, 2392px 1937px #fff, 80px 1754px #fff, 2358px 779px #fff,\n    1953px 12px #fff, 1440px 611px #fff, 1597px 1747px #fff, 1716px 1102px #fff, 2236px 1638px #fff, 903px 999px #fff,\n    898px 558px #fff, 1785px 994px #fff, 118px 796px #fff, 1376px 1369px #fff, 1656px 1483px #fff, 676px 1721px #fff,\n    1914px 1883px #fff, 522px 1274px #fff, 2187px 55px #fff, 1613px 1212px #fff, 2311px 1357px #fff, 111px 171px #fff,\n    1755px 277px #fff, 1891px 372px #fff, 205px 532px #fff, 1552px 670px #fff, 866px 931px #fff, 1338px 691px #fff,\n    1552px 569px #fff, 1726px 516px #fff, 335px 963px #fff, 79px 1534px #fff, 2209px 106px #fff, 1433px 459px #fff,\n    281px 1599px #fff, 164px 1544px #fff, 127px 1944px #fff, 1012px 408px #fff, 83px 1272px #fff, 624px 488px #fff,\n    517px 969px #fff, 468px 1155px #fff, 892px 952px #fff, 1049px 1570px #fff, 1510px 343px #fff, 469px 1592px #fff,\n    670px 1975px #fff, 1274px 221px #fff, 2370px 52px #fff, 1277px 1179px #fff, 1537px 812px #fff, 812px 155px #fff,\n    994px 208px #fff, 1235px 1741px #fff, 495px 1630px #fff, 2318px 1602px #fff, 168px 711px #fff, 2182px 877px #fff,\n    1517px 141px #fff, 2072px 1326px #fff, 1397px 25px #fff, 1720px 1684px #fff, 2007px 216px #fff, 1775px 1967px #fff,\n    1483px 1301px #fff, 1883px 1448px #fff, 626px 891px #fff, 721px 1502px #fff, 2137px 1977px #fff, 1106px 1261px #fff,\n    2204px 1586px #fff, 1980px 952px #fff, 1784px 1691px #fff, 1099px 660px #fff, 1005px 1701px #fff, 354px 571px #fff,\n    1846px 499px #fff, 1903px 1167px #fff, 1552px 688px #fff, 117px 1012px #fff, 1331px 372px #fff, 1997px 434px #fff,\n    1453px 1633px #fff, 1058px 697px #fff, 1145px 1802px #fff, 1131px 1138px #fff, 41px 1058px #fff, 782px 175px #fff,\n    988px 1474px #fff, 1664px 1000px #fff, 2274px 1552px #fff, 984px 1414px #fff, 1950px 1322px #fff, 2010px 917px #fff,\n    70px 190px #fff, 1205px 453px #fff, 1656px 1416px #fff, 996px 627px #fff, 2382px 755px #fff, 1938px 1133px #fff,\n    2174px 704px #fff, 1742px 1527px #fff, 2254px 677px #fff, 1441px 1439px #fff, 1858px 554px #fff, 1255px 514px #fff,\n    944px 247px #fff, 788px 646px #fff, 489px 1521px #fff, 2194px 1947px #fff, 758px 392px #fff, 886px 1512px #fff,\n    1983px 566px #fff, 2148px 1222px #fff, 1159px 205px #fff, 795px 606px #fff, 931px 739px #fff, 734px 619px #fff,\n    57px 1450px #fff, 2187px 259px #fff, 1123px 93px #fff, 223px 1133px #fff, 1196px 1428px #fff, 517px 1306px #fff,\n    2010px 210px #fff, 50px 1175px #fff, 1164px 961px #fff, 1960px 902px #fff, 1395px 377px #fff, 210px 517px #fff,\n    1956px 233px #fff, 267px 820px #fff, 2014px 151px #fff, 2363px 1289px #fff, 219px 310px #fff, 611px 1661px #fff,\n    2305px 1943px #fff, 1244px 174px #fff, 1016px 242px #fff, 2285px 1565px #fff, 1704px 1241px #fff, 924px 1588px #fff,\n    2140px 779px #fff, 1845px 1860px #fff, 1813px 608px #fff, 1756px 625px #fff, 2329px 1271px #fff, 246px 1248px #fff,\n    406px 1940px #fff, 851px 1281px #fff, 864px 541px #fff, 332px 321px #fff, 982px 355px #fff, 2260px 153px #fff,\n    641px 5px #fff, 1673px 922px #fff, 1924px 596px #fff, 133px 474px #fff, 1180px 1447px #fff, 1158px 1439px #fff,\n    1859px 145px #fff, 956px 1892px #fff, 1083px 1613px #fff, 810px 870px #fff, 470px 1115px #fff, 920px 1326px #fff,\n    610px 1860px #fff, 1088px 1692px #fff, 582px 146px #fff, 244px 339px #fff, 1259px 1218px #fff, 2331px 1886px #fff,\n    1182px 899px #fff, 509px 959px #fff, 1245px 1433px #fff, 1648px 1930px #fff, 1115px 1024px #fff, 2211px 1011px #fff,\n    1793px 164px #fff, 163px 1821px #fff, 1769px 1504px #fff, 1320px 1236px #fff, 1025px 52px #fff, 374px 468px #fff,\n    2356px 1202px #fff, 84px 1566px #fff, 1103px 1180px #fff, 164px 1562px #fff, 717px 963px #fff, 2125px 1334px #fff,\n    1811px 1876px #fff, 1139px 371px #fff, 2397px 892px #fff, 2014px 1984px #fff, 373px 962px #fff, 1425px 836px #fff,\n    1365px 657px #fff, 428px 1756px #fff, 658px 675px #fff, 1686px 1420px #fff, 2029px 590px #fff, 1640px 1666px #fff,\n    2253px 75px #fff, 1862px 180px #fff, 1288px 516px #fff, 1324px 237px #fff, 1655px 1771px #fff, 2107px 1689px #fff,\n    4px 1346px #fff, 2222px 946px #fff, 1692px 111px #fff, 768px 1061px #fff, 1481px 1275px #fff, 2041px 1280px #fff,\n    1810px 1556px #fff, 211px 416px #fff, 1093px 1124px #fff, 536px 1899px #fff, 1179px 897px #fff, 1985px 248px #fff,\n    118px 1993px #fff, 980px 1453px #fff, 648px 636px #fff, 2256px 28px #fff, 2262px 835px #fff, 381px 460px #fff,\n    464px 945px #fff, 481px 1326px #fff, 630px 1020px #fff, 1195px 1042px #fff, 1119px 850px #fff, 1976px 967px #fff,\n    998px 935px #fff, 2257px 296px #fff, 1571px 390px #fff, 2081px 1528px #fff, 559px 1769px #fff, 285px 565px #fff,\n    1699px 696px #fff, 2079px 547px #fff, 10px 579px #fff, 1222px 1715px #fff, 2375px 1351px #fff, 2005px 1772px #fff,\n    608px 914px #fff, 2206px 991px #fff, 1413px 680px #fff, 2260px 1562px #fff, 2225px 772px #fff, 1865px 1910px #fff,\n    1318px 1780px #fff, 772px 1428px #fff, 978px 1171px #fff, 1568px 478px #fff, 1682px 89px #fff, 1303px 1525px #fff,\n    1937px 1444px #fff, 1561px 790px #fff, 623px 1014px #fff, 151px 258px #fff, 2057px 1977px #fff, 1359px 1781px #fff,\n    411px 1790px #fff, 1803px 204px #fff, 2154px 1864px #fff, 1871px 31px #fff, 590px 839px #fff, 632px 153px #fff,\n    1923px 1600px #fff, 1085px 693px #fff, 1628px 1330px #fff, 328px 1744px #fff, 1345px 1745px #fff, 2185px 778px #fff,\n    1297px 1283px #fff, 1998px 1786px #fff, 2216px 73px #fff, 280px 480px #fff, 1177px 465px #fff, 370px 888px #fff,\n    403px 1557px #fff, 411px 908px #fff, 681px 1421px #fff, 1226px 1850px #fff, 118px 94px #fff, 1328px 1630px #fff,\n    229px 600px #fff, 1468px 767px #fff, 1764px 298px #fff, 1000px 1087px #fff, 1687px 1159px #fff, 737px 348px #fff,\n    717px 161px #fff, 1566px 1269px #fff, 986px 1019px #fff, 2388px 293px #fff, 951px 944px #fff, 1040px 941px #fff,\n    1045px 1365px #fff, 38px 1840px #fff, 1905px 1845px #fff, 1178px 1387px #fff, 2238px 323px #fff, 302px 904px #fff,\n    1415px 1203px #fff, 1225px 1308px #fff, 1737px 1413px #fff, 1024px 935px #fff, 1237px 407px #fff, 1575px 1747px #fff,\n    1979px 218px #fff, 971px 781px #fff, 2342px 735px #fff, 2354px 605px #fff, 1209px 44px #fff, 1621px 562px #fff,\n    33px 1159px #fff, 200px 1864px #fff, 2034px 1705px #fff, 1172px 1588px #fff, 942px 1243px #fff, 1443px 448px #fff,\n    778px 1271px #fff, 1026px 1388px #fff, 560px 1286px #fff, 397px 1850px #fff, 161px 632px #fff, 1805px 68px #fff,\n    2373px 747px #fff, 538px 184px #fff, 1208px 669px #fff, 1701px 359px #fff, 822px 270px #fff, 2209px 1794px #fff,\n    1498px 1087px #fff, 2055px 1870px #fff, 1116px 1700px #fff, 673px 526px #fff, 1973px 1981px #fff, 1208px 1528px #fff,\n    1387px 1647px #fff, 471px 959px #fff, 308px 288px #fff, 924px 1761px #fff, 1627px 1980px #fff, 2282px 749px #fff,\n    369px 1619px #fff, 1616px 28px #fff, 1083px 1098px #fff, 506px 931px #fff;\n  animation: mxs-stars-anim 45s linear infinite;\n}\n.mxs-hub__stars--small::after {\n  width: 1px;\n  height: 1px;\n}\n.mxs-hub__stars--medium {\n  width: 2px;\n  height: 2px;\n  box-shadow:\n    1509px 1377px #fff, 1073px 1197px #fff, 1560px 1684px #fff, 1521px 221px #fff, 957px 965px #fff, 102px 1268px #fff,\n    2299px 671px #fff, 906px 1326px #fff, 258px 1301px #fff, 1901px 1862px #fff, 1237px 1329px #fff, 1672px 238px #fff,\n    572px 92px #fff, 152px 623px #fff, 2017px 237px #fff, 398px 480px #fff, 2201px 277px #fff, 1591px 929px #fff,\n    1519px 1373px #fff, 2212px 858px #fff, 632px 1813px #fff, 1699px 1341px #fff, 405px 1707px #fff, 2004px 1260px #fff,\n    1671px 1923px #fff, 1145px 67px #fff, 1517px 444px #fff, 1816px 910px #fff, 967px 1751px #fff, 1485px 203px #fff,\n    1504px 1115px #fff, 1469px 124px #fff, 1630px 565px #fff, 777px 1982px #fff, 500px 1943px #fff, 1862px 187px #fff,\n    868px 1314px #fff, 87px 103px #fff, 1366px 498px #fff, 515px 1611px #fff, 2312px 420px #fff, 281px 1699px #fff,\n    2270px 424px #fff, 884px 1665px #fff, 954px 672px #fff, 604px 1615px #fff, 11px 567px #fff, 592px 266px #fff,\n    2212px 513px #fff, 714px 225px #fff, 105px 269px #fff, 60px 733px #fff, 974px 1205px #fff, 1326px 32px #fff,\n    713px 543px #fff, 214px 259px #fff, 1724px 1077px #fff, 465px 1527px #fff, 260px 975px #fff, 1836px 1593px #fff,\n    1482px 1051px #fff, 446px 925px #fff, 2063px 453px #fff, 177px 1489px #fff, 2135px 617px #fff, 1876px 1317px #fff,\n    127px 124px #fff, 1961px 1735px #fff, 1645px 873px #fff, 442px 1004px #fff, 1816px 150px #fff, 330px 659px #fff,\n    607px 134px #fff, 516px 563px #fff, 2397px 1123px #fff, 1331px 780px #fff, 2173px 603px #fff, 1858px 1035px #fff,\n    1762px 203px #fff, 468px 1746px #fff, 2258px 1476px #fff, 880px 880px #fff, 1849px 1818px #fff, 935px 847px #fff,\n    1388px 1694px #fff, 1857px 816px #fff, 1703px 1494px #fff, 389px 640px #fff, 1748px 640px #fff, 1044px 766px #fff,\n    625px 1406px #fff, 1942px 137px #fff, 373px 1703px #fff, 349px 190px #fff, 1768px 197px #fff, 1526px 1662px #fff,\n    532px 1139px #fff, 245px 1201px #fff, 2300px 1150px #fff, 1350px 1372px #fff, 500px 841px #fff, 1448px 1789px #fff,\n    1732px 1777px #fff, 210px 1983px #fff, 1178px 1229px #fff, 1279px 720px #fff, 424px 1183px #fff, 2078px 435px #fff,\n    633px 1344px #fff, 1975px 459px #fff, 443px 717px #fff, 2278px 752px #fff, 470px 1561px #fff, 1141px 1175px #fff,\n    926px 1653px #fff, 1757px 1730px #fff, 2297px 1995px #fff, 2280px 53px #fff, 1095px 59px #fff, 738px 559px #fff,\n    1265px 1887px #fff, 1391px 718px #fff, 25px 371px #fff, 586px 1159px #fff, 1641px 142px #fff, 581px 1517px #fff,\n    125px 187px #fff, 2172px 440px #fff, 1540px 859px #fff, 1858px 698px #fff, 644px 757px #fff, 1276px 1477px #fff,\n    1328px 1590px #fff, 2324px 1221px #fff, 347px 1809px #fff, 215px 318px #fff, 644px 1545px #fff, 203px 1380px #fff,\n    334px 557px #fff, 1814px 1355px #fff, 1736px 994px #fff, 1810px 848px #fff, 1118px 441px #fff, 2098px 233px #fff,\n    1413px 880px #fff, 454px 580px #fff, 1993px 1079px #fff, 1263px 93px #fff, 903px 809px #fff, 224px 15px #fff,\n    837px 617px #fff, 865px 1571px #fff, 562px 1565px #fff, 1046px 592px #fff, 1343px 245px #fff, 31px 1018px #fff,\n    1763px 359px #fff, 529px 778px #fff, 2181px 1441px #fff, 942px 1024px #fff, 2288px 1706px #fff, 1450px 147px #fff,\n    1626px 1764px #fff, 173px 893px #fff, 76px 941px #fff, 318px 1765px #fff, 1282px 1179px #fff, 1758px 1174px #fff,\n    1656px 1453px #fff, 1710px 592px #fff, 471px 829px #fff, 85px 1978px #fff, 1330px 351px #fff, 1884px 1703px #fff,\n    1482px 180px #fff, 1788px 1729px #fff, 433px 498px #fff, 1784px 1206px #fff, 1640px 1073px #fff, 322px 810px #fff,\n    1270px 1527px #fff, 1390px 453px #fff, 1364px 1595px #fff, 688px 156px #fff, 2090px 1296px #fff, 467px 1086px #fff,\n    2088px 397px #fff, 1431px 719px #fff, 604px 483px #fff, 421px 299px #fff, 1048px 404px #fff, 710px 1233px #fff,\n    626px 1556px #fff, 308px 362px #fff, 2023px 950px #fff, 2309px 1556px #fff, 2373px 919px #fff, 2312px 1316px #fff,\n    1323px 1769px #fff, 1294px 309px #fff, 1801px 139px #fff, 1920px 905px #fff, 1240px 1630px #fff, 1125px 1211px #fff,\n    230px 720px #fff, 2078px 151px #fff, 1271px 945px #fff, 1851px 77px #fff, 233px 755px #fff, 1175px 157px #fff,\n    369px 1259px #fff, 2076px 787px #fff, 1895px 1188px #fff, 2270px 1954px #fff, 168px 921px #fff, 2341px 1334px #fff,\n    771px 658px #fff, 1948px 1026px #fff, 617px 1961px #fff, 253px 922px #fff, 423px 1660px #fff, 1406px 1462px #fff,\n    345px 1033px #fff, 706px 80px #fff, 1014px 1449px #fff, 1793px 899px #fff, 2146px 1070px #fff, 650px 745px #fff,\n    1527px 1879px #fff, 1158px 793px #fff, 1674px 1586px #fff, 1385px 1390px #fff, 214px 1616px #fff, 1370px 134px #fff,\n    1350px 193px #fff, 2285px 1389px #fff, 1583px 581px #fff, 1032px 1482px #fff, 615px 682px #fff, 333px 1193px #fff,\n    579px 1877px #fff, 1432px 635px #fff, 1605px 264px #fff, 347px 634px #fff, 2289px 771px #fff, 1345px 1665px #fff,\n    523px 1372px #fff, 2156px 191px #fff, 1734px 1041px #fff, 1482px 37px #fff, 1485px 632px #fff, 738px 1947px #fff,\n    877px 699px #fff, 1991px 393px #fff, 927px 281px #fff, 634px 158px #fff, 1211px 1729px #fff, 414px 1039px #fff,\n    2210px 1710px #fff, 2156px 77px #fff, 1379px 1794px #fff, 536px 1223px #fff, 1543px 315px #fff, 664px 370px #fff,\n    678px 1476px #fff, 1792px 89px #fff, 1682px 746px #fff, 972px 1985px #fff, 1819px 1250px #fff, 1167px 1540px #fff,\n    1838px 479px #fff, 2187px 489px #fff, 1267px 1977px #fff, 1921px 1851px #fff, 794px 753px #fff, 2336px 902px #fff,\n    1891px 1575px #fff, 1154px 1593px #fff, 1564px 1029px #fff, 2160px 857px #fff, 663px 1672px #fff, 817px 1640px #fff,\n    566px 1787px #fff, 1024px 106px #fff, 1968px 1790px #fff, 1520px 1135px #fff, 420px 1456px #fff, 2113px 1743px #fff,\n    510px 583px #fff, 343px 1562px #fff, 656px 558px #fff, 1840px 1854px #fff, 2102px 301px #fff, 1791px 187px #fff,\n    909px 1672px #fff, 1847px 1811px #fff, 1431px 1905px #fff, 109px 849px #fff, 218px 811px #fff, 2056px 765px #fff,\n    965px 790px #fff, 334px 767px #fff, 919px 57px #fff, 1305px 1906px #fff, 405px 1718px #fff, 1373px 1620px #fff,\n    598px 281px #fff, 156px 587px #fff, 1935px 1425px #fff, 568px 1554px #fff, 1921px 918px #fff, 21px 1855px #fff,\n    324px 38px #fff, 1048px 441px #fff, 612px 1123px #fff, 2161px 866px #fff, 455px 1589px #fff, 1180px 486px #fff,\n    1233px 249px #fff, 195px 488px #fff, 1719px 1308px #fff, 1872px 128px #fff, 454px 1713px #fff, 2047px 1222px #fff,\n    2195px 33px #fff, 2110px 1177px #fff, 990px 1471px #fff, 588px 596px #fff, 1758px 3px #fff, 1445px 492px #fff,\n    2337px 853px #fff, 767px 1360px #fff, 350px 1072px #fff, 1477px 138px #fff, 2154px 1114px #fff, 2078px 1610px #fff,\n    2079px 1134px #fff, 83px 799px #fff, 1925px 89px #fff, 1584px 764px #fff, 1038px 1530px #fff, 66px 731px #fff,\n    276px 706px #fff, 987px 1501px #fff, 424px 1580px #fff, 2383px 1505px #fff, 1361px 273px #fff, 181px 721px #fff,\n    2236px 693px #fff, 717px 1700px #fff;\n  animation: mxs-stars-anim 81s linear infinite;\n}\n.mxs-hub__stars--medium::after {\n  width: 2px;\n  height: 2px;\n}\n.mxs-hub__stars--large {\n  width: 3px;\n  height: 3px;\n  box-shadow:\n    1903px 1424px #fff, 1960px 1293px #fff, 746px 1661px #fff, 552px 129px #fff, 1874px 75px #fff, 1201px 412px #fff,\n    179px 1620px #fff, 817px 1814px #fff, 171px 646px #fff, 1270px 1055px #fff, 1631px 1669px #fff, 2224px 969px #fff,\n    1037px 74px #fff, 782px 585px #fff, 1462px 1765px #fff, 195px 1773px #fff, 1359px 559px #fff, 509px 1637px #fff,\n    1507px 894px #fff, 1638px 1522px #fff, 1801px 1832px #fff, 1583px 694px #fff, 765px 1016px #fff, 2037px 752px #fff,\n    2126px 546px #fff, 338px 1489px #fff, 1738px 161px #fff, 1763px 1233px #fff, 739px 1117px #fff, 1203px 657px #fff,\n    420px 163px #fff, 1343px 1353px #fff, 1210px 627px #fff, 1826px 1234px #fff, 1745px 341px #fff, 1818px 719px #fff,\n    1831px 86px #fff, 1444px 1259px #fff, 1781px 562px #fff, 234px 153px #fff, 1663px 744px #fff, 2101px 1640px #fff,\n    655px 1951px #fff, 127px 292px #fff, 1794px 71px #fff, 517px 137px #fff, 966px 1594px #fff, 1500px 741px #fff,\n    1568px 1944px #fff, 2323px 66px #fff, 628px 1390px #fff, 1842px 1943px #fff, 1519px 761px #fff, 1818px 1562px #fff,\n    314px 1175px #fff, 563px 1084px #fff, 1503px 815px #fff, 1287px 1330px #fff, 1141px 511px #fff, 464px 53px #fff,\n    762px 1022px #fff, 2120px 792px #fff, 2300px 241px #fff, 1072px 1587px #fff, 1066px 1441px #fff, 1827px 439px #fff,\n    1169px 1421px #fff, 2011px 409px #fff, 502px 277px #fff, 303px 925px #fff, 707px 1840px #fff, 1823px 179px #fff,\n    1309px 1367px #fff, 1423px 1453px #fff, 265px 1126px #fff, 2220px 594px #fff, 1228px 1743px #fff, 645px 1457px #fff,\n    713px 1625px #fff, 1480px 1041px #fff, 918px 248px #fff, 823px 1622px #fff, 568px 484px #fff, 2023px 53px #fff,\n    1478px 1134px #fff, 2344px 755px #fff, 1914px 1645px #fff, 2259px 265px #fff, 353px 134px #fff, 1266px 815px #fff,\n    1960px 1076px #fff, 1682px 1575px #fff, 1677px 1686px #fff, 2354px 151px #fff, 513px 1991px #fff, 1298px 1315px #fff,\n    303px 921px #fff, 1908px 1392px #fff, 2119px 705px #fff, 525px 1798px #fff, 2258px 1310px #fff, 745px 1572px #fff,\n    528px 886px #fff, 2059px 1865px #fff, 226px 1702px #fff, 508px 1061px #fff, 626px 622px #fff, 674px 331px #fff,\n    1321px 1914px #fff, 923px 708px #fff, 2125px 1832px #fff, 1163px 1732px #fff, 323px 513px #fff, 804px 1300px #fff,\n    2256px 562px #fff, 512px 1280px #fff, 1240px 1258px #fff, 2185px 191px #fff, 2058px 1312px #fff, 690px 1212px #fff,\n    2378px 315px #fff, 701px 1349px #fff, 1382px 1725px #fff, 2308px 84px #fff, 116px 166px #fff, 186px 1942px #fff,\n    2362px 542px #fff, 863px 1570px #fff, 2343px 853px #fff, 124px 1019px #fff, 2234px 593px #fff, 1237px 989px #fff,\n    1003px 1648px #fff, 1663px 609px #fff, 1857px 149px #fff, 245px 323px #fff, 1800px 851px #fff, 1983px 951px #fff,\n    835px 696px #fff, 588px 640px #fff, 1307px 1503px #fff, 1414px 1997px #fff, 1633px 267px #fff, 1517px 1054px #fff,\n    2300px 217px #fff, 1307px 495px #fff, 1910px 250px #fff, 1095px 920px #fff, 1015px 288px #fff, 396px 103px #fff;\n  animation: mxs-stars-anim 135s linear infinite;\n}\n.mxs-hub__stars--large::after {\n  width: 3px;\n  height: 3px;\n}\n@keyframes mxs-stars-anim {\n  from { transform: translateY(0); }\n  to   { transform: translateY(-2000px); }\n}\n\n/* ---------- ACTIVE PROGRAMS / DEALER-DRIVEN PITCH ---------- */\n.mxs-hub__programs {\n  background: linear-gradient(180deg, #0e121f 0%, #141a2b 100%);\n  color: #fff;\n  padding: 112px 24px 104px;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__programs::before {\n  content: \"\";\n  position: absolute; top: 20%; right: -150px;\n  width: 480px; height: 480px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(59,108,233,0.16) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  animation: mxs-orb-float 30s ease-in-out infinite;\n}\n.mxs-hub__programs::after {\n  content: \"\";\n  position: absolute; bottom: -150px; left: 0;\n  width: 400px; height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(45,188,227,0.14) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  animation: mxs-orb-float 26s ease-in-out infinite reverse;\n}\n\n/* 2-column layout: image left, content right */\n.mxs-hub__programs-wrap {\n  max-width: 1280px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n  gap: 64px;\n  align-items: center;\n}\n.mxs-hub__programs-visual {\n  position: relative;\n  z-index: 1;\n  aspect-ratio: 16 / 9;\n  overflow: hidden;\n  border-radius: 0;\n  background: linear-gradient(135deg, #0e1729 0%, #1a2b47 100%);\n  border: 1px solid rgba(45,188,227,0.25);\n  box-shadow: 0 24px 60px rgba(0,0,0,0.45);\n}\n.mxs-hub__video-trigger {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  overflow: hidden;\n  appearance: none;\n  font: inherit;\n  color: inherit;\n}\n.mxs-hub__video-trigger:focus-visible {\n  outline: 2px solid var(--c-pop-cyan);\n  outline-offset: 2px;\n}\n.mxs-hub__video-trigger::after {\n  content: \"\";\n  position: absolute; inset: 0;\n  background: linear-gradient(180deg, rgba(10,15,28,0) 50%, rgba(10,15,28,0.55) 100%);\n  pointer-events: none;\n  transition: opacity 240ms ease;\n}\n.mxs-hub__video-trigger:hover::after { opacity: 0.6; }\n.mxs-hub__programs-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 600ms ease;\n}\n.mxs-hub__video-trigger:hover .mxs-hub__programs-image { transform: scale(1.04); }\n.mxs-hub__video-play {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 88px; height: 88px;\n  background: rgba(10, 15, 28, 0.78);\n  border: 2px solid rgba(45,188,227,0.7);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  transition: background 220ms ease, transform 220ms ease, border-color 220ms ease;\n  pointer-events: none;\n  z-index: 2;\n  animation: mxs-pulse-ring 2.4s ease-out infinite;\n}\n.mxs-hub__video-play svg { margin-left: 4px; }\n.mxs-hub__video-trigger:hover .mxs-hub__video-play {\n  transform: translate(-50%, -50%) scale(1.08);\n  background: var(--c-pop-cyan);\n  border-color: var(--c-pop-cyan);\n  color: #0a0f1c;\n}\n@keyframes mxs-pulse-ring {\n  0%   { box-shadow: 0 0 0 0 rgba(45,188,227,0.5); }\n  70%  { box-shadow: 0 0 0 28px rgba(45,188,227,0); }\n  100% { box-shadow: 0 0 0 0 rgba(45,188,227,0); }\n}\n.mxs-hub__video-iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  display: block;\n}\n.mxs-hub__programs-content {\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__programs-headline {\n  margin-bottom: 32px;\n}\n.mxs-hub__programs-body {\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__programs .mxs-hub__hero-eyebrow {\n  margin-bottom: 28px;\n}\n.mxs-hub__programs .mxs-hub__eyebrow { color: var(--c-pop-cyan); }\n.mxs-hub__programs-title {\n  font-size: 72px;\n  line-height: 0.94;\n  font-weight: 800 !important;\n  letter-spacing: -0.03em;\n  color: #fff;\n  margin: 0;\n}\n.mxs-hub__programs-em {\n  background: var(--grad-pop-deep);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__programs-sub {\n  font-size: 18px;\n  line-height: 1.5;\n  color: var(--c-text-dark);\n  margin: 0 0 32px;\n  font-weight: 400;\n}\n.mxs-hub__programs-sub strong { color: #fff; font-weight: 600 !important; }\n.mxs-hub__programs-cta-row {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  margin: 0;\n}\n\n/* Active brand grid - dark blue boxes, big logos, layered hover animation */\n.mxs-hub__brand-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  max-width: 1180px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__brand-card {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--c-navy);\n  border: 1px solid rgba(94,185,222,0.18);\n  padding: 36px 16px;\n  text-decoration: none;\n  color: inherit;\n  min-height: 380px;\n  overflow: hidden;\n  transition:\n    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n    background 0.5s ease,\n    border-color 0.4s ease,\n    box-shadow 0.5s ease;\n  isolation: isolate;\n}\n/* Diagonal shimmer sweep - runs across the card on hover-in */\n.mxs-hub__brand-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    115deg,\n    transparent 30%,\n    rgba(45,188,227,0.14) 50%,\n    transparent 70%\n  );\n  transform: translateX(-110%);\n  transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n  pointer-events: none;\n  z-index: 0;\n}\n/* Cursor-following radial spotlight (continuous tracking on hover) */\n.mxs-hub__brand-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(\n    420px circle at var(--mxs-mx, 50%) var(--mxs-my, 50%),\n    rgba(45,188,227,0.22) 0%,\n    transparent 55%\n  );\n  opacity: 0;\n  transition: opacity 0.5s ease;\n  pointer-events: none;\n  z-index: 0;\n}\n.mxs-hub__brand-card:hover {\n  background: var(--c-navy-mid);\n  transform: translateY(-10px) scale(1.025);\n  border-color: rgba(45,188,227,0.55);\n  box-shadow:\n    0 36px 80px -28px rgba(45,188,227,0.55),\n    0 0 0 1px rgba(45,188,227,0.3);\n}\n.mxs-hub__brand-card:hover::before {\n  transform: translateX(110%);\n}\n.mxs-hub__brand-card:hover::after {\n  opacity: 1;\n}\n\n.mxs-hub__brand-mark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.mxs-hub__brand-card:hover .mxs-hub__brand-mark { transform: scale(1.06); }\n.mxs-hub__brand-mark img {\n  max-width: 540px;\n  max-height: 300px;\n  width: auto;\n  height: auto;\n  display: block;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n  opacity: 0.92;\n  transition: opacity 0.3s ease;\n}\n.mxs-hub__brand-card:hover .mxs-hub__brand-mark img { opacity: 1; }\n/* Lotus exception: white filter collapses its detailed roundel to a blob.\n   Render Lotus in its natural colors instead. */\n.mxs-hub__brand-mark img[alt=\"Lotus\"] {\n  filter: none;\n  opacity: 0.95;\n}\n.mxs-hub__brand-card:hover .mxs-hub__brand-mark img[alt=\"Lotus\"] {\n  opacity: 1;\n}\n\n/* ---------- COMING SOON / PIPELINE ---------- */\n.mxs-hub__pipeline {\n  background: #fff;\n  padding: 96px 24px 88px;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__pipeline-head {\n  max-width: 880px;\n  margin: 0 auto 48px;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__pipeline .mxs-hub__eyebrow { color: var(--c-pop-blue); }\n.mxs-hub__pipeline-title {\n  font-size: 42px;\n  line-height: 1.0;\n  font-weight: 800 !important;\n  letter-spacing: -0.025em;\n  color: var(--c-black);\n  margin: 0 0 18px;\n}\n.mxs-hub__pipeline-em {\n  background: var(--grad-pop);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-blue);\n}\n.mxs-hub__pipeline-sub {\n  font-size: 16px;\n  color: var(--c-text);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mxs-hub__pipeline-sub strong { color: var(--c-ink); font-weight: 700 !important; }\n\n.mxs-hub__coming-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  max-width: 1180px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__coming-card {\n  position: relative;\n  background: linear-gradient(135deg, #f7f9fb 0%, #ffffff 100%);\n  border: 1px solid var(--c-line);\n  padding: 36px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 170px;\n  overflow: hidden;\n  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;\n}\n/* Animated shimmer sweeping across each box */\n.mxs-hub__coming-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%;\n  width: 60%; height: 100%;\n  background: linear-gradient(110deg,\n    transparent 0%,\n    rgba(45,188,227,0.08) 45%,\n    rgba(45,188,227,0.16) 50%,\n    rgba(45,188,227,0.08) 55%,\n    transparent 100%);\n  animation: mxs-shimmer-sweep 4s ease-in-out infinite;\n  pointer-events: none;\n}\n.mxs-hub__coming-card:nth-child(2)::before { animation-delay: 0.4s; }\n.mxs-hub__coming-card:nth-child(3)::before { animation-delay: 0.8s; }\n.mxs-hub__coming-card:nth-child(4)::before { animation-delay: 1.2s; }\n.mxs-hub__coming-card:nth-child(5)::before { animation-delay: 1.6s; }\n.mxs-hub__coming-card:nth-child(6)::before { animation-delay: 2.0s; }\n@keyframes mxs-shimmer-sweep {\n  0%   { left: -100%; }\n  60%  { left: 140%; }\n  100% { left: 140%; }\n}\n.mxs-hub__coming-card:hover {\n  border-color: rgba(45,188,227,0.5);\n  transform: translateY(-4px);\n  box-shadow: 0 18px 40px -16px rgba(59,108,233,0.25);\n}\n\n/* Pulsing dot trio */\n.mxs-hub__coming-dots {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 16px;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__coming-dots span {\n  width: 10px; height: 10px;\n  border-radius: 50%;\n  background: var(--grad-pop);\n  opacity: 0.4;\n  animation: mxs-dot-pulse 1.6s ease-in-out infinite;\n}\n.mxs-hub__coming-dots span:nth-child(1) { animation-delay: 0s; }\n.mxs-hub__coming-dots span:nth-child(2) { animation-delay: 0.2s; }\n.mxs-hub__coming-dots span:nth-child(3) { animation-delay: 0.4s; }\n@keyframes mxs-dot-pulse {\n  0%, 80%, 100% { opacity: 0.3; transform: scale(1); }\n  40%           { opacity: 1; transform: scale(1.2); }\n}\n\n.mxs-hub__coming-label {\n  font-size: 13px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  font-weight: 800 !important;\n  color: var(--c-pop-blue);\n  margin-bottom: 4px;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__coming-tag {\n  font-size: 10px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  font-weight: 600 !important;\n  color: var(--c-muted);\n  position: relative;\n  z-index: 1;\n}\n\n/* ---------- COMPLIANT FOR ---------- */\n.mxs-hub__compliant {\n  background: var(--c-dark);\n  color: #fff;\n  padding: 96px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__compliant::before {\n  content: \"\";\n  position: absolute; top: 30%; left: -120px;\n  width: 480px; height: 480px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(45,188,227,0.12) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n}\n.mxs-hub__compliant-head {\n  max-width: 880px;\n  margin: 0 auto 56px;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__compliant .mxs-hub__eyebrow { color: var(--c-pop-cyan); }\n.mxs-hub__compliant-title {\n  font-size: 42px;\n  line-height: 1.0;\n  font-weight: 800 !important;\n  letter-spacing: -0.025em;\n  color: #fff;\n  margin: 0 0 18px;\n}\n.mxs-hub__compliant-em {\n  background: var(--grad-pop-deep);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__compliant-sub {\n  font-size: 17px;\n  color: var(--c-text-dark);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mxs-hub__compliant-sub strong { color: #fff; font-weight: 600 !important; }\n\n.mxs-hub__compliant-row {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  max-width: 1100px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__compliant-chip {\n  position: relative;\n  background: linear-gradient(135deg, rgba(20,42,78,0.55) 0%, rgba(32,58,102,0.42) 100%);\n  border: 1px solid rgba(94,185,222,0.32);\n  padding: 28px 16px;\n  min-height: 280px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  transition:\n    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n    background 0.4s ease,\n    border-color 0.4s ease,\n    box-shadow 0.4s ease;\n}\n/* Diagonal shimmer sweep on hover-in - matches active brand cards */\n.mxs-hub__compliant-chip::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    115deg,\n    transparent 30%,\n    rgba(45,188,227,0.10) 50%,\n    transparent 70%\n  );\n  transform: translateX(-110%);\n  transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n  pointer-events: none;\n  z-index: 0;\n}\n.mxs-hub__compliant-chip:hover {\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(45,188,227,0.5);\n  transform: translateY(-6px) scale(1.02);\n  box-shadow: 0 28px 60px -24px rgba(45,188,227,0.4);\n}\n.mxs-hub__compliant-chip:hover::before {\n  transform: translateX(110%);\n}\n.mxs-hub__compliant-mark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: relative;\n  z-index: 1;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.mxs-hub__compliant-chip:hover .mxs-hub__compliant-mark { transform: scale(1.05); }\n.mxs-hub__compliant-mark img {\n  max-width: 480px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n  display: block;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n  opacity: 0.82;\n  transition: opacity 0.3s ease;\n}\n.mxs-hub__compliant-chip:hover .mxs-hub__compliant-mark img { opacity: 1; }\n\n/* ---------- WHY MXS ---------- */\n.mxs-hub__why {\n  background: linear-gradient(180deg, #1c3556 0%, #2c4d75 100%);\n  color: #fff;\n  padding: 96px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__why::before {\n  content: \"\";\n  position: absolute; top: -100px; left: 5%;\n  width: 500px; height: 500px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(94,185,222,0.22) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  animation: mxs-orb-float 28s ease-in-out infinite;\n}\n.mxs-hub__why::after {\n  content: \"\";\n  position: absolute; bottom: -150px; right: 0;\n  width: 400px; height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(45,188,227,0.2) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  animation: mxs-orb-float 32s ease-in-out infinite reverse;\n}\n.mxs-hub__why-head {\n  max-width: 920px;\n  margin: 0 auto 56px;\n  text-align: center;\n  position: relative; z-index: 1;\n}\n.mxs-hub__why .mxs-hub__eyebrow { color: var(--c-pop-cyan); }\n.mxs-hub__why-title {\n  font-size: 44px;\n  line-height: 1.0;\n  font-weight: 800 !important;\n  letter-spacing: -0.025em;\n  color: #fff;\n  margin: 0 0 22px;\n}\n.mxs-hub__why-em {\n  background: var(--grad-pop-deep);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__why-sub {\n  font-size: 17px;\n  color: var(--c-text-dark);\n  line-height: 1.4;\n  margin: 0;\n}\n.mxs-hub__why-sub strong { color: #fff; font-weight: 600 !important; }\n.mxs-hub__pillars {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  max-width: 1180px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__pillar {\n  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);\n  border: 1px solid rgba(94,185,222,0.15);\n  padding: 36px 32px 32px;\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n.mxs-hub__pillar:hover {\n  transform: translateY(-4px);\n  border-color: rgba(45,188,227,0.5);\n  box-shadow: 0 20px 50px -20px rgba(45,188,227,0.4);\n}\n.mxs-hub__pillar-num {\n  font-size: 64px;\n  font-weight: 800 !important;\n  letter-spacing: -0.04em;\n  line-height: 1;\n  background: linear-gradient(180deg, rgba(45,188,227,0.2) 0%, rgba(45,188,227,0.04) 100%);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  margin-bottom: 18px;\n}\n.mxs-hub__pillar-title {\n  font-size: 22px;\n  font-weight: 800 !important;\n  letter-spacing: -0.015em;\n  line-height: 1.1;\n  color: #fff;\n  margin: 0 0 14px;\n}\n.mxs-hub__pillar-em {\n  background: var(--grad-pop);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__pillar-body {\n  font-size: 14.5px;\n  line-height: 1.4;\n  color: var(--c-text-dark);\n  margin: 0;\n}\n.mxs-hub__pillar-body strong { color: #fff; font-weight: 700 !important; }\n\n/* ---------- BEYOND THE WEBSITE / SERVICES ---------- */\n.mxs-hub__services {\n  background: var(--c-bg-soft);\n  padding: 96px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__services::before {\n  content: \"\";\n  position: absolute; top: 20%; right: -120px;\n  width: 380px; height: 380px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(59,108,233,0.08) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n}\n.mxs-hub__services-head {\n  max-width: 880px;\n  margin: 0 auto 44px;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__services .mxs-hub__eyebrow { color: var(--c-pop-blue); }\n.mxs-hub__services-title {\n  font-size: 44px;\n  line-height: 1.0;\n  font-weight: 800 !important;\n  letter-spacing: -0.025em;\n  color: var(--c-black);\n  margin: 0 0 20px;\n}\n.mxs-hub__services-em {\n  background: var(--grad-pop);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-blue);\n}\n.mxs-hub__services-sub {\n  font-size: 17px;\n  color: var(--c-text);\n  line-height: 1.4;\n  margin: 0;\n}\n.mxs-hub__services-sub strong { color: var(--c-ink); font-weight: 700 !important; }\n\n.mxs-hub__services-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  max-width: 1080px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__service-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 26px;\n  background: #fff;\n  border: 1px solid var(--c-line);\n  font-size: 15px;\n  font-weight: 600 !important;\n  letter-spacing: -0.005em;\n  color: var(--c-ink);\n  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;\n  cursor: default;\n}\n.mxs-hub__service-chip:hover {\n  border-color: rgba(45,188,227,0.55);\n  transform: translateY(-3px);\n  box-shadow: 0 14px 32px -14px rgba(59,108,233,0.3);\n}\n.mxs-hub__service-chip-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--grad-pop);\n  flex-shrink: 0;\n  box-shadow: 0 0 12px rgba(45,188,227,0.45);\n}\n\n/* ---------- AI SEARCH VISIBILITY ---------- */\n.mxs-hub__ai {\n  background: var(--c-black);\n  color: #fff;\n  padding: 96px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__ai::before {\n  content: \"\";\n  position: absolute; top: -100px; left: 5%;\n  width: 500px; height: 500px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(59,108,233,0.20) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  animation: mxs-orb-float 28s ease-in-out infinite;\n}\n.mxs-hub__ai::after {\n  content: \"\";\n  position: absolute; bottom: -150px; right: 0;\n  width: 400px; height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(45,188,227,0.18) 0%, transparent 65%);\n  filter: blur(80px);\n  pointer-events: none;\n  animation: mxs-orb-float 32s ease-in-out infinite reverse;\n}\n.mxs-hub__ai-head {\n  max-width: 920px;\n  margin: 0 auto 56px;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__ai .mxs-hub__eyebrow { color: var(--c-pop-cyan); }\n.mxs-hub__ai-title {\n  font-size: 44px;\n  line-height: 1.0;\n  font-weight: 800 !important;\n  letter-spacing: -0.025em;\n  color: #fff;\n  margin: 0 0 22px;\n}\n.mxs-hub__ai-em {\n  background: var(--grad-pop-deep);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__ai-sub {\n  font-size: 17px;\n  color: var(--c-text-dark);\n  line-height: 1.4;\n  margin: 0;\n}\n.mxs-hub__ai-sub strong { color: #fff; font-weight: 600 !important; }\n\n.mxs-hub__ai-engines {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  max-width: 1180px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__ai-engine {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(94,185,222,0.15);\n  padding: 32px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  transition: border-color 0.3s ease, transform 0.3s ease, background 0.3s ease;\n}\n.mxs-hub__ai-engine:hover {\n  border-color: rgba(45,188,227,0.5);\n  transform: translateY(-4px);\n  background: rgba(255,255,255,0.06);\n}\n.mxs-hub__ai-engine-mark {\n  width: 48px; height: 48px;\n  background: var(--grad-pop);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;\n}\n.mxs-hub__ai-engine:hover .mxs-hub__ai-engine-mark {\n  transform: scale(1.08) rotate(-3deg);\n  box-shadow: 0 12px 32px -8px rgba(45,188,227,0.6);\n}\n.mxs-hub__ai-engine-tag {\n  font-size: 10px;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  font-weight: 800 !important;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__ai-engine-title {\n  font-size: 22px;\n  font-weight: 800 !important;\n  letter-spacing: -0.015em;\n  line-height: 1.1;\n  color: #fff;\n  margin: 0 0 6px;\n}\n.mxs-hub__ai-engine-em {\n  background: var(--grad-pop);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__ai-engine-body {\n  font-size: 14.5px;\n  line-height: 1.4;\n  color: var(--c-text-dark);\n  margin: 0;\n}\n.mxs-hub__ai-engine-body strong { color: #fff; font-weight: 700 !important; }\n\n/* ---------- CTA ---------- */\n.mxs-hub__cta {\n  background: var(--c-black);\n  color: #fff;\n  padding: 96px 24px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.mxs-hub__cta::before {\n  content: \"\";\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 800px; height: 800px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(59,108,233,0.18) 0%, transparent 60%);\n  filter: blur(80px);\n  pointer-events: none;\n}\n.mxs-hub__cta-wrap {\n  max-width: 800px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n.mxs-hub__cta .mxs-hub__eyebrow { color: var(--c-pop-cyan); }\n.mxs-hub__cta-title {\n  font-size: 48px;\n  line-height: 1.0;\n  font-weight: 800 !important;\n  letter-spacing: -0.03em;\n  color: #fff;\n  margin: 0 0 16px;\n}\n.mxs-hub__cta-em {\n  background: var(--grad-pop-deep);\n  -webkit-background-clip: text; background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--c-pop-cyan);\n}\n.mxs-hub__cta-sub {\n  font-size: 17px;\n  color: var(--c-text-dark);\n  line-height: 1.4;\n  margin: 0 auto 32px;\n  max-width: 600px;\n}\n.mxs-hub__cta-buttons {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n/* ---------- CURSOR-FOLLOWING GLOW ----------\n   Soft cyan-into-blue radial gradient that tracks the mouse across the\n   page. Uses mix-blend-mode: screen so it lights up dark sections and\n   fades against the light ones automatically. JS guards keep it off\n   on touch devices and narrow viewports. */\n.mxs-hub__cursor-glow {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 560px;\n  height: 560px;\n  pointer-events: none;\n  background: radial-gradient(\n    circle,\n    rgba(45,188,227,0.45) 0%,\n    rgba(59,108,233,0.22) 25%,\n    rgba(45,188,227,0.08) 50%,\n    transparent 72%\n  );\n  filter: blur(48px);\n  transform: translate(var(--mxs-cx, 50vw), var(--mxs-cy, 50vh)) translate(-50%, -50%);\n  mix-blend-mode: screen;\n  z-index: 9999;\n  opacity: 0;\n  transition: opacity 0.7s ease;\n  will-change: transform;\n}\n.mxs-hub__cursor-glow--on { opacity: 1; }\n\n/* ---------- RESPONSIVE ---------- */\n@media (max-width: 1024px) {\n  .mxs-hub__hero { padding: 88px 24px 80px; }\n  .mxs-hub__hero-head { margin-bottom: 48px; }\n  .mxs-hub__hero-title { font-size: 48px; }\n  .mxs-hub__hero-sub { font-size: 17px; }\n  .mxs-hub__programs { padding: 88px 24px 80px; }\n  .mxs-hub__programs-wrap { gap: 48px; }\n  .mxs-hub__programs-title { font-size: 56px; }\n  .mxs-hub__programs-sub { font-size: 17px; margin-bottom: 28px; }\n  .mxs-hub__why-title,\n  .mxs-hub__compliant-title,\n  .mxs-hub__cta-title,\n  .mxs-hub__ai-title,\n  .mxs-hub__services-title { font-size: 34px; }\n  .mxs-hub__pipeline-title { font-size: 34px; }\n  .mxs-hub__pipeline,\n  .mxs-hub__why,\n  .mxs-hub__compliant,\n  .mxs-hub__cta,\n  .mxs-hub__ai,\n  .mxs-hub__services { padding: 72px 24px; }\n  .mxs-hub__brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n  .mxs-hub__coming-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n  .mxs-hub__ai-engines { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n  .mxs-hub__brand-card { padding: 32px 14px; min-height: 320px; }\n  .mxs-hub__brand-mark img { max-width: 440px; max-height: 260px; }\n  .mxs-hub__compliant-chip { padding: 24px 14px; min-height: 240px; }\n  .mxs-hub__compliant-mark img { max-width: 400px; max-height: 170px; }\n}\n\n@media (max-width: 760px) {\n  .mxs-hub__hero { padding: 72px 20px; }\n  .mxs-hub__hero-head { margin-bottom: 36px; }\n  .mxs-hub__hero-title { font-size: 38px; line-height: 0.95; }\n  .mxs-hub__hero-sub { font-size: 16px; }\n  .mxs-hub__programs,\n  .mxs-hub__pipeline,\n  .mxs-hub__why,\n  .mxs-hub__compliant,\n  .mxs-hub__cta,\n  .mxs-hub__ai,\n  .mxs-hub__services { padding: 64px 20px; }\n  .mxs-hub__programs-wrap { grid-template-columns: 1fr; gap: 36px; }\n  .mxs-hub__programs-visual { max-width: 560px; margin: 0 auto; }\n  .mxs-hub__video-play { width: 68px; height: 68px; }\n  .mxs-hub__video-play svg { width: 28px; height: 28px; }\n  .mxs-hub__programs-title { font-size: 38px; line-height: 0.95; }\n  .mxs-hub__programs-sub { font-size: 16px; margin-bottom: 24px; }\n  .mxs-hub__why-title,\n  .mxs-hub__compliant-title,\n  .mxs-hub__pipeline-title,\n  .mxs-hub__ai-title,\n  .mxs-hub__services-title { font-size: 30px; }\n  .mxs-hub__cta-title { font-size: 34px; }\n\n  .mxs-hub__brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }\n  .mxs-hub__coming-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }\n  .mxs-hub__compliant-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }\n  .mxs-hub__pillars { grid-template-columns: 1fr; gap: 16px; }\n  .mxs-hub__ai-engines { grid-template-columns: 1fr; gap: 14px; }\n\n  .mxs-hub__brand-card { padding: 28px 14px; min-height: 280px; }\n  .mxs-hub__brand-mark img { max-width: 400px; max-height: 220px; }\n  .mxs-hub__compliant-chip { padding: 22px 12px; min-height: 200px; }\n  .mxs-hub__compliant-mark img { max-width: 360px; max-height: 150px; }\n  .mxs-hub__cta-buttons { flex-direction: column; align-items: center; }\n  .mxs-hub__btn { width: 100%; max-width: 320px; text-align: center; }\n}\n\n@media (max-width: 480px) {\n  .mxs-hub__hero { padding: 56px 16px; }\n  .mxs-hub__hero-title { font-size: 30px; }\n  .mxs-hub__hero-sub { font-size: 15px; }\n  .mxs-hub__programs,\n  .mxs-hub__pipeline,\n  .mxs-hub__why,\n  .mxs-hub__compliant,\n  .mxs-hub__cta,\n  .mxs-hub__ai,\n  .mxs-hub__services { padding: 52px 16px; }\n  .mxs-hub__programs-title { font-size: 30px; }\n  .mxs-hub__programs-sub { font-size: 15px; }\n  .mxs-hub__cta-title { font-size: 26px; }\n  .mxs-hub__why-title,\n  .mxs-hub__compliant-title,\n  .mxs-hub__pipeline-title,\n  .mxs-hub__ai-title,\n  .mxs-hub__services-title { font-size: 24px; }\n\n  .mxs-hub__brand-grid { grid-template-columns: 1fr; }\n  .mxs-hub__coming-grid { grid-template-columns: repeat(2, 1fr); }\n  .mxs-hub__compliant-row { grid-template-columns: repeat(2, 1fr); }\n\n  .mxs-hub__brand-card { padding: 24px 12px; min-height: 260px; }\n  .mxs-hub__brand-mark img { max-width: 320px; max-height: 200px; }\n  .mxs-hub__compliant-chip { padding: 20px 10px; min-height: 180px; }\n  .mxs-hub__compliant-mark img { max-width: 300px; max-height: 120px; }\n  .mxs-hub__service-chip { padding: 12px 18px; font-size: 13.5px; gap: 10px; }\n\n  .mxs-hub__btn { padding: 16px 28px; font-size: 12px; letter-spacing: 0.12em; }\n}\n\n/* Mobile performance: kill expensive animations on small screens */\n@media (max-width: 760px) {\n  .mxs-hub__hero-orb,\n  .mxs-hub__why::before,\n  .mxs-hub__why::after,\n  .mxs-hub__compliant::before,\n  .mxs-hub__cta::before,\n  .mxs-hub__programs::before,\n  .mxs-hub__programs::after,\n  .mxs-hub__ai::before,\n  .mxs-hub__ai::after,\n  .mxs-hub__services::before,\n  .mxs-hub__stars,\n  .mxs-hub__backdrop-grid,\n  .mxs-hub__backdrop-orb { animation: none; }\n  .mxs-hub__backdrop-grid { opacity: 0.25; }\n  /* Keep stars visible but static on mobile */\n  .mxs-hub__stars { opacity: 0.7; }\n}\n</style>\n\n<div class=\"mxs-hub\">\n\n  <!-- ============= BACKDROP ============= -->\n  <div class=\"mxs-hub__backdrop\" aria-hidden=\"true\">\n    <div class=\"mxs-hub__backdrop-grid\"></div>\n    <div class=\"mxs-hub__backdrop-orb mxs-hub__backdrop-orb--1\"></div>\n    <div class=\"mxs-hub__backdrop-orb mxs-hub__backdrop-orb--2\"></div>\n  </div>\n\n  <!-- ============= HERO ============= -->\n  <div class=\"mxs-hub__hero\">\n    <div class=\"mxs-hub__hero-orb mxs-hub__hero-orb--1\"></div>\n    <div class=\"mxs-hub__hero-orb mxs-hub__hero-orb--2\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--small\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--medium\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--large\"></div>\n    <div class=\"mxs-hub__hero-wrap\">\n      <div class=\"mxs-hub__hero-head\">\n        <div class=\"mxs-hub__eyebrow\">Active OEM Programs</div>\n        <div class=\"mxs-hub__hero-title\">\n          OEM Certified. <span class=\"mxs-hub__hero-em\">Dealer Built.</span>\n        </div>\n        <div class=\"mxs-hub__hero-sub\">\n          Every brand here is officially certified or approved with MXS.\n        </div>\n      </div>\n\n      <!-- 6 Active Brand Cards - ordered by US dealer volume -->\n      <div class=\"mxs-hub__brand-grid\">\n\n        <a class=\"mxs-hub__brand-card\" href=\"https://www.teammxs.com/oem-certified-honda-hds-program/\">\n          <div class=\"mxs-hub__brand-mark\">\n            <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/5b7fd66809ec7d043afca7577d383ab8.webp\" alt=\"Honda\" loading=\"eager\">\n          </div>\n        </a>\n\n        <a class=\"mxs-hub__brand-card\" href=\"https://www.teammxs.com/oem-certified-acura-addp/\">\n          <div class=\"mxs-hub__brand-mark\">\n            <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/731b9fe2cde761c2b03c9131c1836d18.webp\" alt=\"Acura\" loading=\"eager\">\n          </div>\n        </a>\n\n        <a class=\"mxs-hub__brand-card\" href=\"https://www.teammxs.com/oem-approved-mitsubishi/\">\n          <div class=\"mxs-hub__brand-mark\">\n            <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/55a65de1d8fc9867a5ebab7c3e168a75.webp\" alt=\"Mitsubishi\" loading=\"eager\">\n          </div>\n        </a>\n\n        <a class=\"mxs-hub__brand-card\" href=\"https://www.teammxs.com/oems#contact-form\">\n          <div class=\"mxs-hub__brand-mark\">\n            <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/bd57c50b1dcd9d5b64e1f0ab66cf1d3e.webp\" alt=\"Maserati\" loading=\"eager\">\n          </div>\n        </a>\n\n        <a class=\"mxs-hub__brand-card\" href=\"https://www.teammxs.com/oems#contact-form\">\n          <div class=\"mxs-hub__brand-mark\">\n            <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/9f92aca9850106ca41c670105f7705ce.webp\" alt=\"Aston Martin\" loading=\"eager\">\n          </div>\n        </a>\n\n        <a class=\"mxs-hub__brand-card\" href=\"https://www.teammxs.com/oems#contact-form\">\n          <div class=\"mxs-hub__brand-mark\">\n            <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/5c0d764cbca82fcc6359abe669fe31db.webp\" alt=\"Lotus\" loading=\"eager\">\n          </div>\n        </a>\n\n      </div>\n    </div>\n  </div>\n\n  <!-- ============= DEALER-DRIVEN PITCH ============= -->\n  <div class=\"mxs-hub__programs\">\n\n    <div class=\"mxs-hub__programs-wrap\">\n      <div class=\"mxs-hub__programs-visual\">\n        <button class=\"mxs-hub__video-trigger\" type=\"button\" aria-label=\"Play video\" data-mxs-video=\"IC9pldgYdL8\">\n          <img src=\"https://i.ytimg.com/vi/IC9pldgYdL8/maxresdefault.jpg\" alt=\"MXS dealer-driven programs video\" class=\"mxs-hub__programs-image\" loading=\"lazy\" onerror=\"this.onerror=null;this.src='https://i.ytimg.com/vi/IC9pldgYdL8/hqdefault.jpg';\">\n          <span class=\"mxs-hub__video-play\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" width=\"36\" height=\"36\"><path d=\"M8 5v14l11-7z\" fill=\"currentColor\"/></svg>\n          </span>\n        </button>\n      </div>\n      <div class=\"mxs-hub__programs-content\">\n        <div class=\"mxs-hub__programs-headline\">\n          <div class=\"mxs-hub__hero-eyebrow\">\n            <span class=\"mxs-hub__hero-eyebrow-dot\"></span>\n            OEM Certified  /  Dealer Built\n          </div>\n          <div class=\"mxs-hub__programs-title\">\n            Built the right way.<br>\n            <span class=\"mxs-hub__programs-em\">Dealer by dealer.</span>\n          </div>\n        </div>\n        <div class=\"mxs-hub__programs-body\">\n          <div class=\"mxs-hub__programs-sub\">\n            <strong>And we did it the hard way.</strong> No volume plays. No mass program switches. Most dealers ask their OEMs to add us to their certified program, not the other way around. Just results, real tech, the right people, and the dealers who keep referring us.\n          </div>\n          <div class=\"mxs-hub__programs-cta-row\">\n            <a class=\"mxs-hub__btn mxs-hub__btn--pop\" href=\"https://www.teammxs.com/oems#contact-form\">\n              <span class=\"mxs-hub__btn-text\">Schedule a Demo<span class=\"mxs-hub__btn-arrow\">&rarr;</span></span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n\n  <!-- ============= COMPLIANT FOR ============= -->\n  <div class=\"mxs-hub__compliant\">\n    <div class=\"mxs-hub__stars mxs-hub__stars--small\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--medium\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--large\"></div>\n    <div class=\"mxs-hub__compliant-head\">\n      <div class=\"mxs-hub__eyebrow\">Beyond Our Certified Programs</div>\n      <div class=\"mxs-hub__compliant-title\">\n        Certified isn't the only way <span class=\"mxs-hub__compliant-em\">to work with us.</span>\n      </div>\n      <div class=\"mxs-hub__compliant-sub\">\n        Beyond our certified programs, MXS is a <strong>fully compliant platform option</strong> for these brands. Same hyper-crawlable architecture. Same migration protections. Same dedicated account team.\n      </div>\n    </div>\n\n    <div class=\"mxs-hub__compliant-row\">\n\n      <a class=\"mxs-hub__compliant-chip\" href=\"https://www.teammxs.com/oems#contact-form\">\n        <div class=\"mxs-hub__compliant-mark\">\n          <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/f1cee0b51f01556e2cc63dfd5764175c.webp\" alt=\"Bentley\" loading=\"lazy\">\n        </div>\n      </a>\n\n      <a class=\"mxs-hub__compliant-chip\" href=\"https://www.teammxs.com/oems#contact-form\">\n        <div class=\"mxs-hub__compliant-mark\">\n          <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/e6a2252f6bbff3fd6ce80eaa163c6ca0.webp\" alt=\"Rolls-Royce\" loading=\"lazy\">\n        </div>\n      </a>\n\n      <a class=\"mxs-hub__compliant-chip\" href=\"https://www.teammxs.com/oems#contact-form\">\n        <div class=\"mxs-hub__compliant-mark\">\n          <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/03a5344a85772a0cf9b9c891978b1a5b.webp\" alt=\"Lamborghini\" loading=\"lazy\">\n        </div>\n      </a>\n\n      <a class=\"mxs-hub__compliant-chip\" href=\"https://www.teammxs.com/oems#contact-form\">\n        <div class=\"mxs-hub__compliant-mark\">\n          <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/b414aaf8da8c5269e8a96d53fbc68e8b.webp\" alt=\"McLaren\" loading=\"lazy\">\n        </div>\n      </a>\n\n      <a class=\"mxs-hub__compliant-chip\" href=\"https://www.teammxs.com/oems#contact-form\">\n        <div class=\"mxs-hub__compliant-mark\">\n          <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/abc747d3de8f3705c29ebd886a147da2.webp\" alt=\"Bugatti\" loading=\"lazy\">\n        </div>\n      </a>\n\n      <a class=\"mxs-hub__compliant-chip\" href=\"https://www.teammxs.com/oems#contact-form\">\n        <div class=\"mxs-hub__compliant-mark\">\n          <img src=\"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/d2521cc16b19deb44b832073f955a176.webp\" alt=\"Ineos\" loading=\"lazy\">\n        </div>\n      </a>\n\n    </div>\n  </div>\n\n  <!-- ============= COMING SOON / PIPELINE ============= -->\n  <div class=\"mxs-hub__pipeline\">\n    <div class=\"mxs-hub__pipeline-head\">\n      <div class=\"mxs-hub__eyebrow\">The Pipeline</div>\n      <div class=\"mxs-hub__pipeline-title\">\n        More on the way. <span class=\"mxs-hub__pipeline-em\">Dealer momentum based.</span>\n      </div>\n      <div class=\"mxs-hub__pipeline-sub\">\n        We don't chase certifications. Every brand below is in motion because the dealers wanted us there.\n      </div>\n    </div>\n\n    <div class=\"mxs-hub__coming-grid\">\n\n      <div class=\"mxs-hub__coming-card\">\n        <div class=\"mxs-hub__coming-dots\">\n          <span></span><span></span><span></span>\n        </div>\n        <div class=\"mxs-hub__coming-label\">Up Next</div>\n        <div class=\"mxs-hub__coming-tag\">Brand TBA</div>\n      </div>\n\n      <div class=\"mxs-hub__coming-card\">\n        <div class=\"mxs-hub__coming-dots\">\n          <span></span><span></span><span></span>\n        </div>\n        <div class=\"mxs-hub__coming-label\">In Approval</div>\n        <div class=\"mxs-hub__coming-tag\">Q2 2026</div>\n      </div>\n\n      <div class=\"mxs-hub__coming-card\">\n        <div class=\"mxs-hub__coming-dots\">\n          <span></span><span></span><span></span>\n        </div>\n        <div class=\"mxs-hub__coming-label\">In Approval</div>\n        <div class=\"mxs-hub__coming-tag\">Q2 2026</div>\n      </div>\n\n      <div class=\"mxs-hub__coming-card\">\n        <div class=\"mxs-hub__coming-dots\">\n          <span></span><span></span><span></span>\n        </div>\n        <div class=\"mxs-hub__coming-label\">In Approval</div>\n        <div class=\"mxs-hub__coming-tag\">Q2 2026</div>\n      </div>\n\n      <div class=\"mxs-hub__coming-card\">\n        <div class=\"mxs-hub__coming-dots\">\n          <span></span><span></span><span></span>\n        </div>\n        <div class=\"mxs-hub__coming-label\">Coming Soon</div>\n        <div class=\"mxs-hub__coming-tag\">2026</div>\n      </div>\n\n      <div class=\"mxs-hub__coming-card\">\n        <div class=\"mxs-hub__coming-dots\">\n          <span></span><span></span><span></span>\n        </div>\n        <div class=\"mxs-hub__coming-label\">Stay Tuned</div>\n        <div class=\"mxs-hub__coming-tag\">Several In The Works</div>\n      </div>\n\n    </div>\n  </div>\n\n  <!-- ============= WHY MXS ============= -->\n  <div class=\"mxs-hub__why\">\n    <div class=\"mxs-hub__why-head\">\n      <div class=\"mxs-hub__eyebrow\">Why Certified Dealers Pick MXS</div>\n      <div class=\"mxs-hub__why-title\">\n        One platform. <span class=\"mxs-hub__why-em\">OEM specific templates.</span>\n      </div>\n      <div class=\"mxs-hub__why-sub\">\n        Same powerful backend. But every brand's shopper is different. A <strong>$250K Aston Martin DBX</strong> buyer doesn't shop the same way as a <strong>$20K Mitsubishi Mirage</strong> buyer. So we don't ship the same template to both. Every OEM gets its own design system, its own merchandising hierarchy, its own conversion patterns. <strong>Built for how that brand's shoppers actually buy.</strong>\n      </div>\n    </div>\n\n    <div class=\"mxs-hub__pillars\">\n      <div class=\"mxs-hub__pillar\">\n        <div class=\"mxs-hub__pillar-num\">01</div>\n        <div class=\"mxs-hub__pillar-title\">\n          Built fast. <span class=\"mxs-hub__pillar-em\">Built to sell.</span>\n        </div>\n        <div class=\"mxs-hub__pillar-body\">\n          Inline SRP video merchandising, premium video-enabled model showrooms, model comparison generators, instant SRP filtering, 2K media at zero speed cost. <strong>The site doesn't just look good. It closes deals.</strong>\n        </div>\n      </div>\n\n      <div class=\"mxs-hub__pillar\">\n        <div class=\"mxs-hub__pillar-num\">02</div>\n        <div class=\"mxs-hub__pillar-title\">\n          Real support. <span class=\"mxs-hub__pillar-em\">Real humans.</span>\n        </div>\n        <div class=\"mxs-hub__pillar-body\">\n          A 1-1 dedicated account manager who knows your store. <strong>10.6 hour average resolution.</strong> 91% of dev tickets closed in 24-72 hours. No support@ inbox. No chatbot loops.\n        </div>\n      </div>\n\n      <div class=\"mxs-hub__pillar\">\n        <div class=\"mxs-hub__pillar-num\">03</div>\n        <div class=\"mxs-hub__pillar-title\">\n          SEO that <span class=\"mxs-hub__pillar-em\">survives the move.</span>\n        </div>\n        <div class=\"mxs-hub__pillar-body\">\n          100% URL slug retention. Rank-based migration uplift. Architecturally sound technical SEO baseline on every launch. <strong>Google and other search engines see the same site, just better.</strong>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- ============= AI SEARCH VISIBILITY ============= -->\n  <div class=\"mxs-hub__ai\">\n    <div class=\"mxs-hub__stars mxs-hub__stars--small\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--medium\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--large\"></div>\n    <div class=\"mxs-hub__ai-head\">\n      <div class=\"mxs-hub__eyebrow\">Built To Be Discovered</div>\n      <div class=\"mxs-hub__ai-title\">\n        Hyper-crawlable architecture. <span class=\"mxs-hub__ai-em\">Compounding SEO.</span>\n      </div>\n      <div class=\"mxs-hub__ai-sub\">\n        Fast, indexable sites give Google and other search engines what they need. We layer the structured data, AI-visible FAQ pages, and live answer-engine pages that get you cited in generative results. <strong>Every layer makes the others stronger.</strong>\n      </div>\n    </div>\n\n    <div class=\"mxs-hub__ai-engines\">\n\n      <div class=\"mxs-hub__ai-engine\">\n        <div class=\"mxs-hub__ai-engine-mark\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\"><path d=\"M4 12.5l5 5L20 7\" stroke=\"#ffffff\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n        </div>\n        <div>\n          <div class=\"mxs-hub__ai-engine-tag\">Pillar 01</div>\n          <div class=\"mxs-hub__ai-engine-title\">\n            AI-readable <span class=\"mxs-hub__ai-engine-em\">architecture.</span>\n          </div>\n          <div class=\"mxs-hub__ai-engine-body\">\n            JSON-LD schema, structured data, AI-visible FAQ pages, machine-readable content patterns. <strong>Built into the foundation</strong> of every DealerMasters site, every package, every brand.\n          </div>\n        </div>\n      </div>\n\n      <div class=\"mxs-hub__ai-engine\">\n        <div class=\"mxs-hub__ai-engine-mark\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\"><path d=\"M12 2 L13.5 9.5 L21 11 L13.5 12.5 L12 20 L10.5 12.5 L3 11 L10.5 9.5 Z\" fill=\"#ffffff\"/></svg>\n        </div>\n        <div>\n          <div class=\"mxs-hub__ai-engine-tag\">Pillar 02</div>\n          <div class=\"mxs-hub__ai-engine-title\">\n            Found in <span class=\"mxs-hub__ai-engine-em\">every LLM.</span>\n          </div>\n          <div class=\"mxs-hub__ai-engine-body\">\n            Google AI Overviews, Gemini, ChatGPT, Claude, Perplexity, Copilot. When shoppers ask any of them for the best dealer or lowest lease, <strong>your site has a real shot at being the sourced answer.</strong>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"mxs-hub__ai-engine\">\n        <div class=\"mxs-hub__ai-engine-mark\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\"><path d=\"M3 17l6-6 4 4 8-8\" stroke=\"#ffffff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M14 7h7v7\" stroke=\"#ffffff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n        </div>\n        <div>\n          <div class=\"mxs-hub__ai-engine-tag\">Pillar 03</div>\n          <div class=\"mxs-hub__ai-engine-title\">\n            Compounding <span class=\"mxs-hub__ai-engine-em\">SEO lift.</span>\n          </div>\n          <div class=\"mxs-hub__ai-engine-body\">\n            Strong schema feeds AI engines. Live answer-engine pages lift traditional rankings. Multi-engine visibility compounds organic authority. <strong>Three wins instead of one.</strong>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n\n  <!-- ============= BEYOND THE WEBSITE ============= -->\n  <div class=\"mxs-hub__services\">\n    <div class=\"mxs-hub__services-head\">\n      <div class=\"mxs-hub__eyebrow\">Beyond The Website</div>\n      <div class=\"mxs-hub__services-title\">\n        We do more than websites. <span class=\"mxs-hub__services-em\">Just ask.</span>\n      </div>\n      <div class=\"mxs-hub__services-sub\">\n        Depending on the program, we layer in everything from digital advertising to video production.\n      </div>\n    </div>\n\n    <div class=\"mxs-hub__services-row\">\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Digital Advertising\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        SEO Strategy\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Social Media Management\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Google Business Profile Management\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Reputation Management\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Video Production\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        CTV/OTT\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Email Marketing\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Content Production\n      </div>\n      <div class=\"mxs-hub__service-chip\">\n        <div class=\"mxs-hub__service-chip-dot\"></div>\n        Photography &amp; Creative\n      </div>\n    </div>\n\n  </div>\n\n  <!-- ============= CTA ============= -->\n  <div class=\"mxs-hub__cta\">\n    <div class=\"mxs-hub__stars mxs-hub__stars--small\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--medium\"></div>\n    <div class=\"mxs-hub__stars mxs-hub__stars--large\"></div>\n    <div class=\"mxs-hub__cta-wrap\">\n      <div class=\"mxs-hub__eyebrow\">Ready When You Are</div>\n      <div class=\"mxs-hub__cta-title\">\n        Don't see your brand? <span class=\"mxs-hub__cta-em\">Talk to us.</span>\n      </div>\n      <div class=\"mxs-hub__cta-sub\">\n        30-minute walkthrough with the Team MXS team. We'll show you the platform, review your current site, and tell you straight up whether we're the right fit for your store.\n      </div>\n      <div class=\"mxs-hub__cta-buttons\">\n        <a class=\"mxs-hub__btn mxs-hub__btn--pop\" href=\"https://www.teammxs.com/oems#contact-form\">\n          <span class=\"mxs-hub__btn-text\">Schedule a Demo<span class=\"mxs-hub__btn-arrow\">&rarr;</span></span>\n        </a>\n      </div>\n    </div>\n  </div>\n\n</div>\n\n<script>\n(function() {\n  if (window.__mxsHubInit) return;\n  window.__mxsHubInit = true;\n\n  var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var root = document.querySelector('.mxs-hub');\n  if (!root) return;\n\n  // ============================================================\n  // 1. CURSOR-FOLLOWING SPOTLIGHT ON BRAND CARDS\n  // ============================================================\n  var supportsHover = window.matchMedia && window.matchMedia('(hover: hover)').matches;\n  var isWideEnough = window.innerWidth >= 1024;\n\n  if (supportsHover && isWideEnough && !reduceMotion) {\n    var brandCards = root.querySelectorAll('.mxs-hub__brand-card');\n    brandCards.forEach(function(card) {\n      var rect;\n      var rafId;\n      card.addEventListener('mouseenter', function() {\n        rect = card.getBoundingClientRect();\n      });\n      card.addEventListener('mousemove', function(e) {\n        if (!rect) rect = card.getBoundingClientRect();\n        if (rafId) cancelAnimationFrame(rafId);\n        rafId = requestAnimationFrame(function() {\n          var localX = e.clientX - rect.left;\n          var localY = e.clientY - rect.top;\n          card.style.setProperty('--mxs-mx', localX + 'px');\n          card.style.setProperty('--mxs-my', localY + 'px');\n        });\n      });\n      card.addEventListener('mouseleave', function() {\n        if (rafId) cancelAnimationFrame(rafId);\n        rect = null;\n      });\n    });\n  }\n\n  // ============================================================\n  // 2. PLATFORM WRAPPER FIX\n  // Force dark backgrounds up the DOM so the seam between platform\n  // chrome and our injection is invisible\n  // ============================================================\n  function applyPlatformFix() {\n    try {\n      var DARK = '#0a0e1a';\n      // Helper: force dark background-color AND strip any background-image\n      // (the platform's /oems page uses a background-image on body/wrappers\n      // that would otherwise show through below the footer).\n      function darken(el) {\n        if (!el || !el.style) return;\n        el.style.backgroundColor = DARK;\n        el.style.backgroundImage = 'none';\n      }\n\n      var node = root.parentElement;\n      while (node && node !== document.body && node !== document.documentElement) {\n        darken(node);\n        node = node.parentElement;\n      }\n      var commonWrappers = document.querySelectorAll(\n        '#___gatsby, #gatsby-focus-wrapper, #__next, #root, #app, ' +\n        'main, #main, .main, .main-content, .page-content, ' +\n        '.site-content, .content-wrapper, .page-wrapper, #content, #page'\n      );\n      commonWrappers.forEach(darken);\n      darken(document.documentElement);\n      darken(document.body);\n\n      var platformFooters = document.querySelectorAll(\n        'footer, .site-footer, .main-footer, #footer, .footer, [class*=\"footer\"]'\n      );\n      platformFooters.forEach(function(footer) {\n        if (root.contains(footer)) return;\n        darken(footer);\n        var ancestor = footer.parentElement;\n        var hops = 0;\n        while (ancestor && hops < 4 && ancestor !== document.body) {\n          darken(ancestor);\n          ancestor = ancestor.parentElement;\n          hops++;\n        }\n      });\n    } catch (e) {\n      if (window.console && console.warn) {\n        console.warn('[MXS HUB] Platform wrapper fix skipped:', e.message);\n      }\n    }\n  }\n  applyPlatformFix();\n  setTimeout(applyPlatformFix, 250);\n  setTimeout(applyPlatformFix, 1000);\n  setTimeout(applyPlatformFix, 2500);\n  if (document.readyState !== 'complete') {\n    window.addEventListener('load', applyPlatformFix);\n  }\n\n  // ============================================================\n  // 3. CONTACT MODAL TRIGGER\n  // Intercept any in-page #contact-form CTA and dispatch a synthetic\n  // click on the dealer template's nav header_cta to open the modal\n  // ============================================================\n  function getDealerContactTrigger() {\n    return document.querySelector('a#nav_link.header_cta')\n        || document.querySelector('a.header_cta')\n        || document.querySelector('a#nav_link')\n        || document.querySelector('.header_cta')\n        || document.querySelector('a[href*=\"contact-form\"]:not(.mxs-hub__btn)');\n  }\n  function fireSyntheticClick(el) {\n    try {\n      var evt = new MouseEvent('click', {\n        bubbles: true, cancelable: true, view: window, button: 0, buttons: 1\n      });\n      el.dispatchEvent(evt);\n      return true;\n    } catch (e) {\n      try { if (typeof el.click === 'function') { el.click(); return true; } }\n      catch (e2) { console.warn('[MXS HUB] click dispatch failed:', e2.message); }\n    }\n    return false;\n  }\n  var contactCtas = root.querySelectorAll('a[href*=\"#contact-form\"]');\n  contactCtas.forEach(function(cta) {\n    cta.addEventListener('click', function(e) {\n      // On mobile/tablet the desktop dealer header CTA is hidden behind the\n      // hamburger menu, so a synthetic click on it does nothing visible.\n      // Bypass the interception below 1024px and let the anchor navigate\n      // naturally to teammxs.com/oems#contact-form instead.\n      if (window.innerWidth < 1024) return;\n\n      var trigger = getDealerContactTrigger();\n      if (trigger) {\n        e.preventDefault();\n        fireSyntheticClick(trigger);\n        if (window.console && console.log) {\n          console.log('[MXS HUB] Contact modal triggered via', trigger);\n        }\n      }\n    });\n  });\n\n  // ============================================================\n  // 4. CURSOR-FOLLOWING GLOW\n  // Creates a fixed-position blue/cyan radial gradient that tracks\n  // the mouse across the entire page. mix-blend-mode: screen on the\n  // CSS side handles section-aware lighting automatically. Disabled\n  // on touch devices and narrow viewports.\n  // ============================================================\n  var canHover = window.matchMedia && window.matchMedia('(hover: hover)').matches;\n  var wideEnough = window.innerWidth >= 1024;\n  if (canHover && wideEnough) {\n    var cursorGlow = document.createElement('div');\n    cursorGlow.className = 'mxs-hub__cursor-glow';\n    cursorGlow.setAttribute('aria-hidden', 'true');\n    root.appendChild(cursorGlow);\n\n    var glowRaf;\n    document.addEventListener('mousemove', function(e) {\n      if (!cursorGlow.classList.contains('mxs-hub__cursor-glow--on')) {\n        cursorGlow.classList.add('mxs-hub__cursor-glow--on');\n      }\n      if (glowRaf) cancelAnimationFrame(glowRaf);\n      glowRaf = requestAnimationFrame(function() {\n        cursorGlow.style.setProperty('--mxs-cx', e.clientX + 'px');\n        cursorGlow.style.setProperty('--mxs-cy', e.clientY + 'px');\n      });\n    }, { passive: true });\n\n    document.addEventListener('mouseleave', function() {\n      cursorGlow.classList.remove('mxs-hub__cursor-glow--on');\n    });\n  }\n\n  // ============================================================\n  // 5. YOUTUBE CLICK-TO-PLAY\n  // Defers loading the YouTube iframe until the user clicks the\n  // poster image. Uses youtube-nocookie domain for privacy.\n  // ============================================================\n  var videoTriggers = root.querySelectorAll('.mxs-hub__video-trigger[data-mxs-video]');\n  videoTriggers.forEach(function(trigger) {\n    trigger.addEventListener('click', function() {\n      var videoId = this.getAttribute('data-mxs-video');\n      if (!videoId) return;\n      var parent = this.parentNode;\n      if (!parent) return;\n      var iframe = document.createElement('iframe');\n      iframe.className = 'mxs-hub__video-iframe';\n      iframe.setAttribute('src',\n        'https://www.youtube-nocookie.com/embed/' + videoId +\n        '?autoplay=1&rel=0&modestbranding=1&playsinline=1'\n      );\n      iframe.setAttribute('title', 'MXS dealer programs video');\n      iframe.setAttribute('frameborder', '0');\n      iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\n      iframe.setAttribute('allowfullscreen', '');\n      parent.replaceChild(iframe, this);\n    });\n  });\n\n})();\n</script></div>"},"SEO":{"order":15,"visible":true,"seo":{"MetaData":"","MetaTitle":"","tags":[""]}}},"title":"OEM Programs ","theme":{"colors":{"primary":"#0a0f1c","secondary":"white","text":"#ffffff","secondarytext":"#272727","accent1":"#276df1","accent2":"#276df1"}},"dealerInfo":{"dealerAddress":"333 N Lantana Street, Suite 122,,Camarillo, CA 93010","dealerLogo":"https://media.dealermasters.com/Nissan/MXS/MXS_logo_04.webp","dealerName":"Team MXS","salesNumber":"866-665-4669","serviceNumber":"866-665-4669","partsNumber":"866-665-4669","bodyShopNumber":"866-665-4669","financeNumber":"866-665-4669","manufacturer":"","website":"Team MXS","websiteLink":"/","directions":"https://www.google.com/maps/","newInventory":"/","usedInventory":"/","bgBackground":"","salesHours":[{"day":"Mon - Fri","time":"8 AM - 5 PM PST"}],"financeHours":[],"serviceHours":[],"partsHours":[],"collisionHours":[],"managerSpecialPage":"/manager","financeSpecialPage":"/finance","leaseSpecialPage":"/lease","privacy":"/","termsOfService":"/","favicon":"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/dbf217aa4f6ef4a9a7227a195766d659.png","gtmId":"GTM-PZD6C7W","socialThumbnail":"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/dbf217aa4f6ef4a9a7227a195766d659.png"},"inventorymanagement":{"filterOptions":"NUC","costrange":"5000","mileagerange":"10000","months":"180","downpayment":"15","aRate":"0","bRate":"0","cRate":"0","dRate":"0","eRate":"0","fRate":"0","unavailableImg":"","vehiclecardbutton":[{"btnleft":"","btnleftlink":"","btnright":"","btnrightlink":"","overrideTheme":false,"btncolor":"","btntxtcolor":""}],"topHtmlVDP":"<p></p>","botHtmlVDP":"<p></p>","topHtmlSRP":"<p></p>","botHtmlSRP":"<p></p>","disclaimerSRP":"<p dir = \"auto\">We make every effort to present information that is accurate. However, it is based on data provided by the vehicle manufacturar and/or other sources and therefore exact configuration, color, specifications & accesories should be used as a guide only and are not guaranteed. Under no circumstances will be liable for any inaccuracies, claims or losses of any nature. Furthermore inventory is subject to prior sale and prices are subject ot change without notice., cannot be combined with any other offer(s), do not include provincial or local taxes, tags, registration or title fees. To ensure your complete satisfaction, please verify accuracy prior to purchase.</p>\n","vdpslug":"{{year}}/{{make}}/{{model}}/{{vin}}","actionButtons":[{"buttonText":"Check availability","buttonLink":"","buttonImage":"","overrideTheme":"","btncolor":"","btntxtcolor":""}],"disclaimerVDP":"<p dir = \"auto\">We make every effort to present information that is accurate. However, it is based on data provided by the vehicle manufacturar and/or other sources and therefore exact configuration, color, specifications & accesories should be used as a guide only and are not guaranteed. Under no circumstances will be liable for any inaccuracies, claims or losses of any nature. Furthermore inventory is subject to prior sale and prices are subject ot change without notice., cannot be combined with any other offer(s), do not include provincial or local taxes, tags, registration or title fees. To ensure your complete satisfaction, please verify accuracy prior to purchase.</p>\n","disclaimerCalculator":"<p></p>","disclaimerFinanceApp":"<p></p>","disclaimerContact":"<p></p>","fallbackText":"Call for Price","PosDifText":"Dealer Accessories","NegDifText":"Dealer Discount","netPriceCustomText":"","LocationFilter":false},"footer":{"logo":"https://media.dealermasters.com/242ebbad91ba7e3a4af114846cbcd19a.png","links":[{"linkName":"SERVICE & PARTS","linkValue":"/service","subLinks":[{"linkName":"Shop Parts","linkValue":"/parts"}]}],"cookieDisclaimer":"<div></div>","linkLI":"","linkIOS":"","linkAndroid":"","bottomLinks":[{"linkName":"Dealer Masters","linkValue":"/dealermasters"},{"linkName":"eCommerce","linkValue":"/ecommerce-services"},{"linkName":"About","linkValue":"/about"},{"linkName":"Contact Us","linkValue":"?title=Get%20In%20Touch%20With%20Us#contact-form"},{"linkName":"Privacy Policy","linkValue":"/privacy-policy-and-cookie-policy"},{"linkName":"SOC 2 | Trust Center","linkValue":"https://trust.teammxs.com/"}]},"lead_url":"https://leads.dealermasters.com/leads","site_id":"6351ab9310c6d3e9abe42c4b","blogmanagement":{"blogResultsTopHTML":"<style>\n</style>\n","blogResultsBottomHTML":"<div class=\"wrapper\">\n<!--Alignment valid values: \"left-align\", \"center-left-align\", \"middle-align\", \"right-align\". Defaults to left-align.-->\n<!--Theme valid values: \"no-bg\" \"dark\", \"light\". Defaults to no-bg.-->\n    <section id=\"main-bg\" class=\"content-section light middle-align\">\n        <h3 id=\"content-title\">MEET WITH TEAM MXS</h3>\n        <a id=\"a-link\" class=\"content-cta\" href=\"#contact-form\">BOOK NOW</a>\n    </section>\n</div>\n<style>\n  .blog-module--blog-jumbotron--1yRvV {\n    max-width: 1920px;\n    margin: 54px auto 0;\n    background-position: left;\n\t}\n  \n  .wrapper {\n    max-width: 1920px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    margin: 0 auto;\n  }\n  section.content-section {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    padding: 4rem;\n    gap: 1.5rem;\n  }\n  .content-section h3 {\n    font-size: 32px;\n    font-family: var(--primary-font);\n    text-align: center;\n    font-weight: 300;\n  }\n  .content-section p {\n    letter-spacing: 0.1px;\n    line-height: 1.5;\n    font-size: 16px;\n  }\n  a.content-cta {\n    background-color: var(--primary-text);\n    padding: 1rem;\n    font-size: 16px;\n    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);\n    width: fit-content;\n  }\n  @media only screen and (max-width: 576px) {\n    .content-section h3 { font-size: 28px; }\n  }\n  /*Alignment*/\n  /**Left**/\n  section.content-section.left-align {\n    align-items: flex-start;\n  } \n  .left-align.content-section p {\n    text-align: left;\n  }\n  /**Center Left**/\n  section.content-section.center-left-align {\n    align-items: center;\n  } \n  .center-left-align.content-section p {\n    text-align: left;\n  }\n  /**Middle**/\n  section.content-section.middle-align {\n    align-items: center;\n  } \n  .middle-align.content-section p {\n    text-align: center;\n  }\n  /**Right**/\n  section.content-section.right-align {\n    align-items: flex-end;\n  }\n  .right-align.content-section p {\n    text-align: right;\n  }\n  /*Themes*/\n  /**No BG**/\n  section.content-section.no-bg {\n    background-color: transparent;\n  }\n  .content-section.no-bg a.content-cta {\n    background: var(--primary-accent) linear-gradient(295.53deg,#276df1 22.68%,#539cff 98.61%);\n    color: var(--primary-text);\n  }\n  /**Light**/\n  section.content-section.light {\n    background: var(--primary-accent) linear-gradient(295.53deg,#276df1 22.68%,#539cff 98.61%);\n  }\n  .content-section.light a.content-cta {\n    background-color: var(--primary-text);\n    color: var(--primary-accent);\n  }\n  /**Dark**/\n  section.content-section.dark {\n    background: #272727;\n  }\n  .content-section.dark a.content-cta {\n    background: var(--primary-accent) linear-gradient(295.53deg,#276df1 22.68%,#539cff 98.61%);\n    color: var(--primary-text);\n  }\n  \n  /** MOBILE ADJUSTMENTS **/ \n  @media screen and (max-width: 750px) {\n    .blog-module--blog-jumbotron--1yRvV {\n     min-height: 300px !important;  \n    }\n    \n    .blog-module--blog-jumbotron--1yRvV p {\n      font-size: 30px !important; \n    }\n  }\n</style>","allBlogPagesBottomHTML":"","categoriesBlogResultsHTML":"","blogResultsPageSlug":"/blogs"},"gtmId":"GTM-PZD6C7W"}},"staticQueryHashes":["952559061"]}