/* Theme B — "Midnight": dark navy first screen, bright blue outlines, orange buttons.
   Based on Trade Pilot style B. Loaded after styles.css by b.html. */
.theme-b {
  --ink: #152033;
  --ink-2: #2C3A52;
  --muted: #5D6A80;
  --line: #DDE3EC;
  --soft: #F2F4F7;
  --soft-2: #E6EAF0;
  --navy: #152033;
  --blue: #2E8BEA;
  --hl: #2E8BEA;
  --green: #12A984;
  --green-ink: #0B8466;
  --green-soft: #E2F6F0;
  --cta: #F5A623; --cta-ink: #152033; --cta-shadow: #B8760B; --cta-hover: #FFB847;
  --band-bg: #1B2940;
  --band-ic: #2E8BEA;
  --serif: "Noto Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sans: "Noto Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --logo-shield: #2E8BEA; --logo-accent: #F5A623; --logo-accent-text: #2E8BEA;
  --h-weight: 800;
}
.theme-b .util { background: #0E1626; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.theme-b .util svg { stroke: #19C39A; }
.theme-b .top { background: var(--navy); border-bottom-color: rgba(255, 255, 255, .08); }
.theme-b .top .brand__name { color: #fff; }
.theme-b .top__nav a { color: #C9D3E3; }
.theme-b .top__nav a:hover { color: #fff; }

/* dark hero */
.theme-b .hero { background: radial-gradient(800px 500px at 85% 20%, rgba(46, 139, 234, .22), rgba(46, 139, 234, 0) 70%), var(--navy); border-bottom: 0; color: #fff; }
.theme-b .hero__title { color: #fff; }
.theme-b .hero { --under-ink: #DCE5F2; --under-muted: #8FA2BF; }
.theme-b .qteaser__lock { background: rgba(255, 255, 255, .5); }
.theme-b .hero__line { color: #C9D3E3; }
.theme-b .hero__trust li { color: #fff; }
.theme-b .hero__trust svg { background: var(--blue); }
.theme-b .kicker { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); color: #fff; box-shadow: none; }
.theme-b .kicker__seal svg { fill: var(--blue); stroke: var(--navy); }
.theme-b .sponsor { background: rgba(255, 255, 255, .06); border-color: rgba(46, 139, 234, .6); box-shadow: none; color: #fff; }
.theme-b .sponsor__ic { background: var(--blue); }
.theme-b .sponsor__ic svg { stroke: #fff; }
.theme-b .sponsor--card { background: var(--soft); border-color: var(--line); color: var(--ink); }
.theme-b .sponsor--card .sponsor__ic { background: var(--navy); }
.theme-b .sponsor--card .sponsor__ic svg { stroke: #F5A623; }

/* quiz card on the dark hero */
.theme-b .qcard { border: 2px solid var(--blue); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .7); color: var(--ink); }
.theme-b .qcard__time { color: var(--blue); }
.theme-b .qcard__time::before { background: var(--blue); }
.theme-b .steps-dots i.is-on { background: #9CC8F4; }
.theme-b .steps-dots i.is-done { background: var(--blue); }
.theme-b .opt:hover, .theme-b .opt.is-on { border-color: var(--blue); box-shadow: 0 0 0 3px #DCEBFB; }
.theme-b .opt.is-on { background: #EEF5FD; }
.theme-b .opt:hover .opt__ic, .theme-b .opt.is-on .opt__ic { background: var(--blue); color: #fff; border-color: var(--blue); }
.theme-b .opt__tick { background: var(--blue); }
.theme-b .pring__fg { stroke: var(--blue); }
.theme-b .load__steps li.is-done i { background: var(--blue); border-color: var(--blue); }
.theme-b .load__steps li.is-on i { border-color: var(--blue); border-top-color: transparent; }

/* trust band: dark with blue outlines */
.theme-b .band { border-top: 1px solid rgba(46, 139, 234, .35); border-bottom: 1px solid rgba(46, 139, 234, .35); }
.theme-b .band__item b { color: #fff; }

/* why us: dark section with blue outlined boxes and underlined titles */
.theme-b #why { background: var(--navy); color: #fff; }
.theme-b #why .h2 { color: #fff; }
.theme-b #why .eyebrow { color: #fff; }
.theme-b .usp__item { background: rgba(255, 255, 255, .03); border: 2px solid var(--blue); box-shadow: none; text-align: center; }
.theme-b .usp__ic { margin: 0 auto 12px; background: transparent; color: var(--blue); }
.theme-b .usp__item h3 { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.theme-b .usp__item p { color: #C9D3E3; }

.theme-b .sec--soft { background: var(--soft); }
.theme-b .crit__ic { background: var(--blue); }
.theme-b .how__n { background: var(--blue); }
.theme-b .sec--ink { background: radial-gradient(700px 300px at 50% 0%, rgba(46, 139, 234, .25), rgba(46, 139, 234, 0) 70%), var(--navy); }
.theme-b .gtile.is-ok { border-color: var(--blue); box-shadow: 0 0 0 3px #DCEBFB, var(--shadow); }
.theme-b .gtile.is-ok .gtile__st { background: var(--blue); border-color: var(--blue); }

/* result */
.theme-b .screen--result { background: linear-gradient(180deg, var(--navy) 0, var(--navy) 260px, var(--soft) 260px); }
.theme-b .result__head .h2 { color: #fff; }
.theme-b .result__head .eyebrow { color: #9CC8F4; }
.theme-b .answers span { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); color: #fff; }
.theme-b .pick { border: 2px solid var(--blue); }
.theme-b .pick__top { background: #0E1626; }
.theme-b .link { color: var(--muted); }