/* Cortex palette A over the inner pages. Loaded after styles.css. */
:root{
  --color-ink-black:#FFFFFF;--color-paper-white:#02090A;--color-mist-gray:#061A1C;--color-fog-white:#061A1C;
  --color-slate-gray:#A1A1AA;--color-ash-gray:#A1A1AA;--color-smoke-gray:#A1A1AA;
  --color-blush-peach:#061A1C;--color-sienna-brown:#36F4A4;
  --surface-canvas:#02090A;--surface-card-mist:#061A1C;--surface-section-fog:#061A1C;--surface-accent-blush:#061A1C;
  --line:#16302F;--line-strong:#16302F;--shadow-subtle-3:0 0 0 1px #16302F;
  --font-signifier:'Inter Tight','Inter Tight Fallback',system-ui,sans-serif;--font-sohne:'Inter Tight','Inter Tight Fallback',system-ui,sans-serif;
  --cx-acc:#36F4A4;--cx-acc2:#30DEEE;--cx-btn:#751BE9;--cx-mono:'JetBrains Mono','JetBrains Mono Fallback',ui-monospace,monospace;
  --radius-cards:0;--radius-images:0;--radius-inputs:0;--radius-buttons:0;--radius-elevatedcards:0;
}
html,body{background:#02090A;color:#FFFFFF}
h1,h2,h3,h4{font-family:'Inter Tight','Inter Tight Fallback',system-ui,sans-serif;font-weight:500;letter-spacing:-.03em;color:#FFFFFF}
a{color:inherit}
main a:not(.btn){text-decoration-color:var(--cx-acc)}
.btn,.btn-primary{border-radius:0}
.btn-primary,.nav-cta{background:var(--cx-btn)!important;color:#FFFFFF!important;border-color:var(--cx-btn)!important}
.btn-primary:hover,.nav-cta:hover{filter:brightness(1.12)}
.btn:not(.btn-primary){background:transparent;color:#FFFFFF;border:1px solid #16302F}
img{border-radius:0}
input,textarea,select{background:#061A1C;color:#FFFFFF;border-color:#16302F}
::selection{background:var(--cx-acc);color:#02090A}
/* header */
.site-header{background:#02090A!important;border-bottom:1px solid #16302F;box-shadow:none!important}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.03em;color:#FFFFFF}
.cx-mk{display:inline-block;width:18px;height:18px;border:2px solid var(--cx-acc);border-radius:50%;position:relative;flex:none}
.cx-mk::after{content:"";position:absolute;inset:3px;background:var(--cx-acc);border-radius:50%}
.cx-lg b{color:var(--cx-acc);font-weight:600}
.nav a{color:#A1A1AA}.nav a:hover,.nav a[aria-current="page"]{color:#FFFFFF}
.nav a[aria-current="page"]{text-decoration-color:var(--cx-acc)}
.lang-switch{font-family:var(--cx-mono);font-size:12px}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{background:#FFFFFF!important}
@media (max-width:1100px){.nav{background:#02090A!important;border-color:#16302F!important}}
/* footer */
.site-footer{background:#02090A!important;color:#A1A1AA;border-top:1px solid #16302F}
.site-footer a{color:#FFFFFF}.site-footer .footer-label{font-family:var(--cx-mono);font-size:12px;color:var(--cx-acc);letter-spacing:.08em;text-transform:uppercase}
.site-footer .footer-bottom{border-color:#16302F}
.eyebrow,.kicker,.label{font-family:var(--cx-mono);color:var(--cx-acc)}

.brand-svg{display:block;height:30px;width:auto;max-width:none}.site-footer .brand-svg{height:30px}@media (max-width:480px){.site-header .brand-svg{height:26px}}

/* The skin flips --navy to white and pins headings to white, so .cta-band was white text on a white box. */
.cta-band{background:#061A1C;color:#FFFFFF;border:1px solid #16302F}
.cta-band h2{color:#FFFFFF}
.cta-band p,.cta-band .hero-note,.cta-band .cta-mail{color:#A1A1AA}
.cta-band a:not(.btn){color:#FFFFFF}
.cta-band .btn-light,.cta-band .btn:not(.btn-primary){background:#751BE9;color:#FFFFFF;border:1px solid #751BE9}
.cta-band .btn-light:hover,.cta-band .btn:not(.btn-primary):hover{background:#8a3df0;color:#FFFFFF;filter:none}