:root{--black: #000;--ink: #17181b;--white: #fff;--soft-white: #ffffffdb;--muted: #ffffff94;--teal: #00ffd4;--purple: #926bd9;--lilac: #aa85ec;--pink: #ffaddb;--light: #f6f6fa;--line: #e4e2ed;--navy: #17133a;--shadow: 0 28px 80px #0000002e}
.neon-wrap{ width: min(1200px, 100% - 48px); margin: 0px auto; }
.neon-header{ z-index: 50; background: var(--black); border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: sticky; top: 0px; }
.header-inner{ align-items: center; gap: 35px; height: 74px; display: flex; }
.neon-logo{ white-space: nowrap; align-items: center; gap: 10px; font-size: 19px; font-weight: 800; display: inline-flex; }
.neon-logo-mark{ background: var(--teal); color: rgb(17, 17, 17); border-radius: 7px; place-items: center; width: 32px; height: 32px; font-family: Roboto, sans-serif; font-weight: 800; display: grid; }
.neon-nav{ color: rgba(255, 255, 255, 0.78); flex: 1 1 0%; justify-content: center; align-items: center; gap: 27px; font-size: 14px; display: flex; }
.neon-nav a, .header-actions>a{ transition: color .2s; }
.neon-nav a:hover, .header-actions>a:hover{ color: var(--teal); }
.header-actions{ align-items: center; gap: 17px; font-size: 14px; display: flex; }
.pill-button{ border: 1px solid rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; gap: 9px; min-height: 47px; padding: 0px 20px; font-size: 14px; font-weight: 700; transition: transform .2s,filter .2s,background .2s; display: inline-flex; }
.pill-button:hover{ filter: brightness(1.08); transform: translateY(-2px); }
.pill-button.outline{ color: rgb(255, 255, 255); background: 0px 0px; border-color: rgba(255, 255, 255, 0.28); }
.menu-button{ color: rgb(255, 255, 255); background: 0px 0px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 8px; place-items: center; width: 38px; height: 38px; display: none; }
.mobile-actions{ display: none; }
.eyebrow{ letter-spacing: 0.14em; text-transform: uppercase; font-size: 11px; font-weight: 700; }
.eyebrow.purple{ color: var(--purple); }
.footer-signal i{ background: var(--teal); border-radius: 50%; width: 7px; height: 7px; box-shadow: 0 0 0 4px #00ffd41a; }
.neon-footer{ background: rgb(7, 7, 12); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 85px 0px 25px; }
.footer-hero{ justify-content: space-between; align-items: end; gap: 30px; padding-bottom: 85px; display: flex; }
.footer-hero h2{ letter-spacing: -0.06em; max-width: 650px; margin: 17px 0px 0px; font: 600 55px / 1 Roboto; }
.footer-grid{ border-top: 1px solid rgba(255, 255, 255, 0.14); grid-template-columns: 2fr repeat(3,1fr); gap: 30px; padding: 55px 0px; display: grid; }
.footer-brand p{ color: rgba(255, 255, 255, 0.55); max-width: 275px; margin: 22px 0px; font-size: 13px; line-height: 1.5; }
.footer-signal{ color: rgba(255, 255, 255, 0.4); align-items: flex-start; gap: 9px; max-width: 290px; font-size: 11px; line-height: 1.45; display: flex; }
.footer-signal i{ flex: 0 0 auto; margin-top: 4px; }
.footer-grid>div:not(.footer-brand){ color: rgba(255, 255, 255, 0.58); align-content: start; gap: 13px; font-size: 13px; display: grid; }
.footer-grid h3{ color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.1em; margin: 0px 0px 10px; font-size: 12px; }
.footer-grid a:hover{ color: var(--teal); }
.footer-bottom{ color: rgba(255, 255, 255, 0.35); border-top: 1px solid rgba(255, 255, 255, 0.1); justify-content: space-between; padding-top: 22px; font-size: 11px; display: flex; }
@media (max-width:900px){.neon-wrap{ width: min(100% - 34px, 680px); }}
@media (max-width:900px){.header-inner{ height: 68px; }}
@media (max-width:900px){.neon-nav{ box-shadow: var(--shadow); background: rgb(9, 9, 14); border: 1px solid rgba(0, 74, 173, 0.45); flex-direction: column; align-items: stretch; gap: 0px; padding: 14px; display: none; position: absolute; top: 68px; left: 17px; right: 17px; }}
@media (max-width:900px){.neon-nav>a{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 14px 10px; }}
@media (max-width:900px){.mobile-actions{ gap: 12px; padding: 14px 10px 2px; display: grid; }}
@media (max-width:900px){.header-actions>a{ display: none; }}
@media (max-width:900px){.menu-button{ display: grid; }}
@media (max-width:900px){.footer-hero{ flex-direction: column; align-items: flex-start; }}
@media (max-width:900px){.footer-grid{ grid-template-columns: 1.4fr 1fr 1fr; }}
@media (max-width:900px){.footer-grid>div:last-child{ grid-column: span 2; }}
@media (max-width:560px){.neon-wrap{ width: calc(100% - 28px); }}
@media (max-width:560px){.neon-logo{ font-size: 17px; }}
@media (max-width:560px){.footer-hero h2{ font-size: 42px; }}
@media (max-width:560px){.footer-grid{ grid-template-columns: 1fr 1fr; gap: 35px 18px; }}
@media (max-width:560px){.footer-brand{ grid-column: span 2; }}
@media (max-width:560px){.footer-grid>div:last-child{ grid-column: auto; }}
@media (max-width:560px){.footer-bottom{ line-height: 1.8; display: block; }}
:root{--font-body: "Roboto",ui-sans-serif,system-ui,sans-serif;--font-display: "Roboto",ui-sans-serif,system-ui,sans-serif;--black: #050507;--ink: #f4f3f8;--soft-white: #f4f3f8;--light: #050507;--line: #ffffff24;--teal: #00ffd4;--purple: #926bd9;--lilac: #aa85ec;--pink: #ff9dcc;--shadow: 0 28px 90px #00000075}
.neon-site .pill-button{ font-family: var(--font-display); }
.neon-wrap{ width: min(1200px, 100% - 48px); }
.pill-button{ border-radius: 8px; }
.pill-button{ letter-spacing: 0px; min-height: 52px; padding-inline: 23px; }
@media (max-width:700px){.neon-wrap{ width: min(100% - 28px, 620px); }}
.mobile-user-link{ display: none; }
@media (max-width:900px){.neon-header .header-inner{ justify-content: center; min-height: 68px; display: flex; position: relative; }}
@media (max-width:900px){.neon-header .neon-logo{ z-index: 1; white-space: nowrap; position: absolute; left: 50%; transform: translate(-50%); }}
@media (max-width:900px){.neon-header .header-actions{ z-index: 2; margin: 0px; display: block; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }}
@media (max-width:900px){.neon-header .header-actions>:not(.mobile-user-link){ display: none; }}
@media (max-width:900px){.neon-header .mobile-user-link{ color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; place-items: center; width: 40px; height: 40px; display: grid; }}
@media (max-width:900px){.neon-header .menu-button{ z-index: 2; width: 44px; height: 44px; margin: 0px; display: grid; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }}
@media (max-width:900px){.neon-nav{ top: 68px; }}
.neon-site .neon-logo>span:last-child{ letter-spacing: 0.02em; }
[data-theme=light] .neon-header{ background: rgb(255, 255, 255); border-bottom-color: rgb(217, 226, 239); }
[data-theme=light] .neon-logo{ color: rgb(16, 33, 63); }
[data-theme=light] .neon-logo-mark{ color: rgb(255, 255, 255); background: rgb(0, 74, 173); }
[data-theme=light] .neon-nav{ color: rgb(60, 74, 99); }
[data-theme=light] .neon-nav a:hover, [data-theme=light] .header-actions>a:hover{ color: rgb(0, 74, 173); }
[data-theme=light] .header-actions{ color: rgb(60, 74, 99); }
[data-theme=light] .pill-button.outline{ color: rgb(16, 33, 63); border-color: rgb(185, 200, 220); }
[data-theme=light] .menu-button, [data-theme=light] .mobile-user-link{ color: rgb(16, 33, 63); background: rgb(255, 255, 255); border-color: rgb(185, 200, 220); }
[data-theme=light] .neon-footer{ color: rgb(16, 33, 63); background: rgb(245, 248, 252); border-top-color: rgb(217, 226, 239); }
[data-theme=light] .footer-hero h2, [data-theme=light] .footer-grid h3{ color: rgb(16, 33, 63); }
[data-theme=light] .footer-brand p, [data-theme=light] .footer-signal, [data-theme=light] .footer-grid>div:not(.footer-brand), [data-theme=light] .footer-bottom{ color: rgb(60, 74, 99); }
[data-theme=light] .footer-grid, [data-theme=light] .footer-bottom{ border-color: rgb(217, 226, 239); }
[data-theme=light] .footer-grid a:hover{ color: rgb(0, 74, 173); }
.footer-bottom{ align-items: center; gap: 18px; }
:root{--candidate-bg: #050914;--candidate-panel: #0b1530;--candidate-panel-soft: #0d1b3d;--candidate-blue: #004aad;--candidate-blue-light: #c9a6f5;--candidate-lavender: #a78bfa;--candidate-ink: #f6f8ff;--candidate-muted: #a6b0c9;--candidate-line: #9db4eb33}
html[data-theme=light] .neon-footer h2, html[data-theme=light] .neon-footer a, html[data-theme=light] .footer-bottom, html[data-theme=light] .footer-links strong{ color: rgb(16, 33, 63); }
html[data-theme=light] .footer-hero, html[data-theme=light] .footer-grid, html[data-theme=light] .footer-bottom{ border-color: rgb(216, 226, 239); }
html[data-theme=light] .footer-grid p, html[data-theme=light] .footer-links a, html[data-theme=light] .footer-bottom span{ color: rgb(91, 107, 130); }
:root{--light-page: #fff;--light-tint: #f4f7fc;--light-panel: #fff;--light-ink: #10213f;--light-muted: #334b68;--light-line: #dbe4f1;--light-blue: #004aad;--light-blue-deep: #121f78;--light-lavender: #29abe2;--light-navy: #071832}
.neon-logo-wordmark{ width: 196px; height: auto; display: block; }
.neon-logo-fallback{ align-items: center; gap: 10px; display: none; }
html[data-theme=light] .neon-footer .neon-logo-wordmark, html[data-theme=midnight] .neon-logo-wordmark{ display: none; }
html[data-theme=light] .neon-footer .neon-logo-fallback, html[data-theme=midnight] .neon-logo-fallback{ display: inline-flex; }
html[data-theme=light] .neon-footer .neon-logo-mark, html[data-theme=midnight] .neon-logo-mark{ color: rgb(255, 255, 255); background: rgb(0, 74, 173); }
html[data-theme=light] .neon-footer .neon-logo-fallback, html[data-theme=midnight] .neon-logo-fallback{ color: rgb(255, 255, 255); }
html[data-theme=light] .neon-header{ border-bottom-color: var(--light-line); background: rgba(255, 255, 255, 0.96); box-shadow: 0 1px #10213f05; }
html[data-theme=light] .neon-header .neon-nav, html[data-theme=light] .neon-header .header-actions{ color: var(--light-ink); }
html[data-theme=light] .neon-header .neon-nav a:hover, html[data-theme=light] .neon-header .header-actions>a:hover{ color: var(--light-blue); }
html[data-theme=light] .menu-button{ color: var(--light-ink); background: rgb(255, 255, 255); border-color: rgb(203, 216, 232); }
html[data-theme=light] .eyebrow{ color: var(--light-lavender); }
html[data-theme=light] .neon-footer .footer-grid p, html[data-theme=light] .neon-footer .footer-grid a, html[data-theme=light] .neon-footer .footer-bottom span{ color: rgb(174, 191, 216); }
@media (max-width:900px){html[data-theme=light] .neon-nav{ border-color: var(--light-line); background: rgb(255, 255, 255); box-shadow: 0 18px 38px #1c355c29; }}
@media (max-width:900px){html[data-theme=light] .neon-nav>a{ color: var(--light-ink); border-bottom-color: var(--light-line); }}
@media (max-width:900px){html[data-theme=light] .mobile-actions a:first-child{ color: var(--light-ink); }}
@media (max-width:560px){.neon-logo-wordmark{ width: 162px; }}
html[data-theme=light] .neon-footer{ color: rgb(16, 33, 63); background: rgb(255, 255, 255); border-top-color: rgb(219, 228, 241); }
html[data-theme=light] .neon-footer .footer-hero, html[data-theme=light] .neon-footer .footer-grid, html[data-theme=light] .neon-footer .footer-bottom{ border-color: rgb(219, 228, 241); }
html[data-theme=light] .neon-footer h2, html[data-theme=light] .neon-footer a, html[data-theme=light] .neon-footer .footer-bottom{ color: rgb(16, 33, 63); }
html[data-theme=light] .neon-footer .footer-grid p, html[data-theme=light] .neon-footer .footer-grid a, html[data-theme=light] .neon-footer .footer-bottom span, html[data-theme=light] .neon-footer .footer-signal{ color: rgb(64, 91, 125); }
html[data-theme=light] .neon-footer .neon-logo-wordmark{ display: block; }
html[data-theme=light] .neon-footer .neon-logo-fallback{ display: none; }
html[data-theme=light] .neon-footer .footer-grid a, html[data-theme=light] .neon-footer .footer-grid strong, html[data-theme=light] .neon-footer .footer-hero h2{ color: rgb(16, 33, 63) !important; }
html[data-theme=light] .neon-footer .footer-grid :is(p,span,small), html[data-theme=light] .neon-footer .footer-hero p{ opacity: 1; color: rgb(54, 82, 115) !important; }
html[data-theme=light] .neon-footer .footer-signal i{ background: rgb(0, 74, 173); }
:root{--c4-ink: #10213f;--c4-copy: #38516f;--c4-muted: #536987;--c4-line: #c9d7eb;--c4-tint: #f2f6fc;--c4-blue: #004aad;--c4-purple: #004aad;--c4-dark: #071832;--c4-slate: #385477;--c4-surface: #fff;--c4-tint-strong: #e8f0fc;--c4-border: #c9d8ef;--c4-blue-dark: #121f78;--c4-lavender: #29abe2;--c4-navy: #081d3d}
html[data-theme=light] .neon-footer{ background: rgb(255, 255, 255); border-top: 1px solid rgb(215, 226, 240); }
html[data-theme=light] .neon-footer :is(h2,h3,strong,a){ color: var(--c4-ink); }
html[data-theme=light] .neon-footer :is(p,span,small){ color: var(--c4-copy); opacity: 1; }
:root{--c4-ink: #10254b;--c4-slate: #385477;--c4-muted: #5d7190;--c4-surface: #fff;--c4-tint: #f3f7fd;--c4-tint-strong: #e8f0fc;--c4-border: #c9d8ef;--c4-blue: #004aad;--c4-blue-dark: #121f78;--c4-lavender: #29abe2;--c4-navy: #081d3d}
html[data-theme=light] .neon-footer{ color: var(--c4-ink); border-top: 1px solid var(--c4-border); background: rgb(246, 249, 254); }
html[data-theme=light] .neon-footer :is(h2,h3,a,strong){ color: var(--c4-ink); }
html[data-theme=light] .neon-footer :is(p,li,span){ color: var(--c4-slate); }
html[data-theme=light] .pill-button.outline{ border-color: var(--c4-blue); background: 0px 0px; color: var(--c4-blue); }
:root{--v2-space-xs: 24px;--v2-space-sm: 48px;--v2-space-md: 88px;--v2-space-lg: 128px;--plyr-color-main: #004aad;--plyr-video-control-color: #fff;--plyr-video-control-color-hover: #fff;--plyr-video-background: #0b1530;--plyr-menu-background: #0f1c40;--plyr-menu-color: #fff;--plyr-tooltip-background: #0f1c40;--plyr-tooltip-color: #fff}
.pill-button{ border-radius: 999px !important; }
.pill-button.outline{ border-radius: 999px; }
.eyebrow{ background: linear-gradient(90deg, rgb(41, 171, 226), rgb(127, 208, 240)); color: rgba(0, 0, 0, 0); }
.footer-optin-copy{ color: var(--c4-slate,#385477); max-width: 360px; margin: 10px 0px 0px; font-size: 14px; }
.footer-optin-form{ border: 1px solid var(--c4-border,#c9d8ef); background: rgb(255, 255, 255); border-radius: 999px; flex-wrap: wrap; gap: 10px; padding: 6px; display: flex; box-shadow: 0 4px 14px #10254b0f; }
.footer-optin-form label{ align-items: center; min-width: 220px; display: flex; }
.footer-optin-form input{ width: 100%; min-height: 48px; color: var(--c4-ink,#10254b); background: 0px 0px; border: 0px; outline: 0px; padding: 0px 18px; font-size: 14px; }
.footer-optin-form input::placeholder{ color: rgb(147, 164, 194); }
.footer-optin-form button{ color: rgb(255, 255, 255); cursor: pointer; white-space: nowrap; background: linear-gradient(135deg, rgb(0, 74, 173), rgb(41, 171, 226)); border: 0px; border-radius: 999px; align-items: center; gap: 8px; min-height: 48px; padding: 0px 22px; font-size: 14px; font-weight: 700; transition: filter .2s; display: inline-flex; }
.footer-optin-form button:hover{ filter: brightness(1.08); }
@media (max-width:640px){.footer-hero{ flex-direction: column; align-items: flex-start; }}
@media (max-width:640px){.footer-optin-form{ width: 100%; }}
@media (max-width:640px){.footer-optin-form label{ flex: 1 1 0%; min-width: 0px; }}
:root{--swiper-theme-color: #007aff}
:root{--swiper-navigation-size: 44px}
/* States the static page never renders: open mobile menu, newsletter result. */
@media (max-width:900px){.neon-nav.open { display: flex; }}
.footer-optin-error { color: rgb(214, 69, 69); width: 100%; padding: 0px 8px; font-size: 12px; display: block; }
.footer-optin-success { color: rgb(0, 74, 173); background: rgba(0, 74, 173, 0.08); border: 1px solid rgba(0, 74, 173, 0.25); border-radius: 999px; align-items: center; gap: 10px; padding: 14px 22px; font-size: 14px; font-weight: 600; display: inline-flex; }
/* jsdom drops background-clip:text when parsing; restore the gradient eyebrow text. */
.neon-header .eyebrow, .neon-footer .eyebrow { -webkit-background-clip: text; background-clip: text; }