/* Certifai light theme.
 * The original stylesheet contains generated, high-specificity !important rules.
 * Layered important colors override them without changing layout or animation.
 */
@layer certifai-light {
  :root {
    color-scheme: light !important;
    --ink: #20242b !important;
    --ink-2: #505762 !important;
    --ink-3: #646b76 !important;
    --line: #dfe3e9 !important;
    --line-2: #edf0f4 !important;
    --bg-soft: #f7f8fa !important;
    --bg-tint: #fff9dc !important;
    --snap: #ffd900 !important;
    --snap-d: #ffd900 !important;
    --snap-bg: #fff5bd !important;
    --acad: #ffd900 !important;
    --acad-d: #ffd900 !important;
    --acad-bg: #fff9dc !important;
    --accent: #ffd900 !important;
  }

  body.certifai-light {
    background: #fff !important;
    color: var(--ink) !important;
  }
  body.certifai-light :where(*) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    border-color: var(--line) !important;
  }
  body.certifai-light ::before,
  body.certifai-light ::after {
    -webkit-text-fill-color: currentColor !important;
    border-color: var(--line) !important;
  }
  body.certifai-light ::selection {
    background: #ffd900 !important;
    color: #20242b !important;
  }
  body.certifai-light :where(a, button, input, textarea, [role="button"]):focus-visible {
    outline: 2px solid #866500 !important;
    outline-offset: 4px !important;
  }

  /* Navigation and the light animated introduction. */
  body.certifai-light header {
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 3px 18px rgba(32, 36, 43, .04) !important;
  }
  body.certifai-light .evbar { background: #000 !important; color: #ffd900 !important; border-color: #000 !important; }
  body.certifai-light .evbar :where(*) { color: #ffd900 !important; -webkit-text-fill-color: #ffd900 !important; }
  body.certifai-light .evbar .ev-dot { background: #ffd900 !important; }
  body.certifai-light .evbar a { border-color: #ffd900 !important; }
  body.certifai-light .evbar a:focus-visible { outline-color: #ffd900 !important; }
  body.certifai-light .homeback { background: #fff !important; color: var(--ink-2) !important; }
  body.certifai-light .homeback:hover { background: #fff9dc !important; border-color: #b6a147 !important; }
  body.certifai-light .nav-links a { color: var(--ink-2) !important; }
  body.certifai-light .nav-links a:is(.on, :hover, :focus-visible) { color: var(--ink) !important; font-weight: 700 !important; }
  body.certifai-light .nav-links a:is(.on, :hover, :focus-visible)::after { height: 4px !important; transform: scaleX(1) !important; }
  body.certifai-light .nav-links a::after { background: #ffd900 !important; }
  body.certifai-light .nav-toggle { color: var(--ink) !important; background: #fff !important; }
  body.certifai-light .nav-toggle span { background: currentColor !important; }
  body.certifai-light .logo { color: var(--ink) !important; }
  body.certifai-light .logo small { color: var(--ink-3) !important; }
  body.certifai-light .logo .dot { background: #ffd900 !important; }
  /* Service switcher: current service, descriptions and a selected-state check. */
  body.certifai-light .service-switcher { position: relative; flex-shrink: 0; }
  body.certifai-light .service-trigger {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
    padding: 8px 10px !important; border: 0; border-radius: 10px; margin: 0;
    background: transparent !important; color: var(--ink) !important;
    font-family: inherit; font-size: 24px; font-weight: 700; line-height: 1.2;
    letter-spacing: -.03em; white-space: nowrap; cursor: pointer;
  }
  body.certifai-light .service-trigger:is(:hover, [aria-expanded="true"]) { background: #f3f4f6 !important; }
  body.certifai-light .service-chevron { flex-shrink: 0; color: #646b76 !important; transition: transform .15s ease; }
  body.certifai-light .service-trigger[aria-expanded="true"] .service-chevron { transform: rotate(180deg); }
  body.certifai-light .service-menu {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 120;
    display: flex; flex-direction: column; gap: 2px; width: min(284px, calc(100vw - 32px));
    padding: 6px !important; margin: 0; border: 1px solid var(--line); border-radius: 16px;
    background: #fff !important; box-shadow: 0 10px 30px rgba(32, 36, 43, .12);
  }
  body.certifai-light .service-menu[hidden] { display: none !important; }
  body.certifai-light .service-option {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    min-height: 64px; padding: 10px 12px !important; border: 0; border-radius: 10px;
    color: var(--ink) !important; text-decoration: none; background: transparent !important;
  }
  body.certifai-light .service-option:is(:hover, :focus-visible) { background: #f3f4f6 !important; }
  body.certifai-light .service-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  body.certifai-light .service-name { font-size: 15px; font-weight: 600; line-height: 1.4; }
  body.certifai-light .service-description { font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--ink-3) !important; }
  body.certifai-light .service-check { flex-shrink: 0; }
  body.certifai-light .service-switcher :is(button, a):focus-visible { outline-color: #ffd900 !important; outline-offset: 2px !important; }
  @media (max-width: 734px) {
    body.certifai-light .service-trigger { font-size: 20px; padding-inline: 6px !important; gap: 8px; }
  }
  @media (prefers-reduced-motion: reduce) {
    body.certifai-light .service-chevron { transition: none; }
  }

  /* Black introduction with moving particles; contact uses white particles on yellow. */
  body.certifai-light .intro-background {
    background: #000 !important;
  }
  body.certifai-light :is(.intro-background, .contact-background) > .particle-bg {
    opacity: .9 !important;
    filter: none !important;
    mix-blend-mode: normal;
  }
  body.certifai-light .intro-background > .particle-shade {
    background: none !important;
  }
  body.certifai-light .hero { background: transparent !important; }
  body.certifai-light :where(#pearson, #industry, #answer, #diagnosis, #result, #faq) { background: #fff !important; }
  body.certifai-light #result { background: #f7f8fa !important; }
  body.certifai-light :is(#why, #levels) .sec-head .lead-strong { font-weight: 700 !important; }
  body.certifai-light #hrd .hc h4,body.certifai-light #hrd .hc h3{ font-weight: 700 !important; color: #000 !important; -webkit-text-fill-color: #000 !important; }
  body.certifai-light :is(#pearson, #hrd, #why, #answer, #levels, #diagnosis, #video, #result, #faq, #contact) h2 { color: #000 !important; -webkit-text-fill-color: #000 !important; }
  body.certifai-light :where(#hrd, #why, #levels) { background: #f7f8fa !important; }
  body.certifai-light #contact { position: relative !important; isolation: isolate; background: #ffd900 !important; }
  body.certifai-light #contact > .contact-background { position: absolute !important; inset: 0 !important; z-index: 0; overflow: hidden; pointer-events: none; }
  body.certifai-light #contact > .contact-background > .particle-bg { position: absolute !important; inset: 0 !important; display: block; width: 100% !important; height: 100% !important; pointer-events: none; }
  body.certifai-light #contact > .wrap { position: relative !important; z-index: 1; }
  body.certifai-light :where(.more-content, .more-content-inner, .vband.inner) { background: transparent !important; }
  body.certifai-light :where(.orb, .arch-scene) { opacity: 0 !important; }

  /* Body copy, headings and yellow brand accents. */
  body.certifai-light :is(h1, h2),
  body.certifai-light :is(h1, h2) * { font-weight: 800 !important; }
  body.certifai-light :where(p, li, dt, figcaption, .fn, .fm) { color: var(--ink-2) !important; }
  body.certifai-light :where(h1, h2, h3, h4, h5, h6, b, strong, label, dd, summary, .lead-strong, .iq) { color: var(--ink) !important; }
  body.certifai-light :where(
    small, .eyebrow, .when, .src, .axis, .hero-note, .pz-src, .disc, .vs-tag,
    .cf-lab, .cf-note, .cf-list em, .cf-list p, .ct-lab, .contact i,
    .s, .dtitle, .dorg > span, .kpi dt, .kpi div > span, .kpi dd em,
    .dsub em, .dlegend, .dnote, .scalebar, .ak, .ik, .inote, .ms, .vcap
  ) { color: var(--ink-3) !important; }
  /* Keep highlighted lines inside their own line boxes. */
  body.certifai-light .heading-highlight {
    color: #000 !important;
    background: #ffd900 !important;
    -webkit-text-fill-color: #000 !important;
    line-height: 1.05 !important;
    padding: 0 .06em !important;
  }
  /* Paint the highlight behind every line of its heading so the line above is never covered. */
  body.certifai-light .heading-highlight { position: relative; z-index: -1; }
  body.certifai-light :is(h1, h2, h3):has(> .heading-highlight) { isolation: isolate; line-height: 1.3 !important; }
  body.certifai-light #answer .pf li::before { background: #ffd900 !important; }
  /* Solid yellow highlight follows the hero phrase across wrapped lines. */
  body.certifai-light .hero h1:has(.grad) { line-height: 1.3 !important; }
  body.certifai-light .hero h1 .grad {
    color: #20242b !important;
    background: #ffd900 !important;
    -webkit-text-fill-color: #20242b !important;
    line-height: 1.05 !important;
    padding: 0 .06em !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }
  body.certifai-light :where(.badge, .jobchips span, .pill-ok, .dtag, .vs-tag, .vs-mid span, .evtag) {
    color: var(--ink-2) !important;
    background: #fff !important;
  }
  body.certifai-light :where(.badge b, .hero-note b, .fhome, .privacy-toggle) { color: #765b00 !important; }
  body.certifai-light :where(.badge, .jobchips span, .homeback, .dtag) { box-shadow: none !important; }
  body.certifai-light :where(.btn-brand, .btn-dark, .mc, .dchips .exp) {
    color: #20242b !important;
    background: #ffd900 !important;
    border-color: #e2be00 !important;
    box-shadow: 0 5px 14px rgba(146, 113, 0, .1) !important;
  }
  body.certifai-light :where(.btn-brand, .btn-dark, .mc, .dchips .exp) :where(*) { color: inherit !important; }
  body.certifai-light :where(.btn-brand, .btn-dark, .mc):hover {
    background: #f5cf00 !important;
    box-shadow: 0 8px 22px rgba(146, 113, 0, .16) !important;
  }
  body.certifai-light .btn-ghost { color: var(--ink) !important; background: transparent !important; }
  body.certifai-light .btn-ghost::before { background-color: #000 !important; border-color: #000 !important; }

  /* Header CTA matches the hero CTA's desktop label footprint and spacing. */
  body.certifai-light header .nav > a[href="#contact"].btn-brand {
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 14px 24px !important;
    min-height: 48px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
  }

  /* Keep the button's original intrinsic size; shrink only the visible label. */
  body.certifai-light .hero-cta > a[href="#contact"].btn-brand,
  body.certifai-light .hero-cta > a[href="#contact"].btn-brand:hover {
    background: #000 !important;
    color: #ffd900 !important;
    border-color: #000 !important;
    -webkit-text-fill-color: #ffd900 !important;
  }
  body.certifai-light .hero-cta > a[href="#contact"].btn-brand :where(*) {
    color: #ffd900 !important;
    -webkit-text-fill-color: #ffd900 !important;
  }
  body.certifai-light .contact-button-label {
    display: inline-grid;
    grid-template-areas: "label";
    font-size: inherit;
    line-height: inherit;
  }
  body.certifai-light .contact-button-sizer,
  body.certifai-light .contact-button-text {
    grid-area: label;
    line-height: inherit;
  }
  body.certifai-light .contact-button-sizer {
    visibility: hidden;
    font-size: inherit !important;
  }
  body.certifai-light .contact-button-text {
    place-self: center;
    font-size: calc(1em - 3pt) !important;
  }

  /* GNB label is 1pt larger; its hidden sizer preserves the button footprint. */
  body.certifai-light header .contact-button-text {
    font-size: calc(1em - 2pt) !important;
  }
  /* Tablet/mobile (hamburger menu): hide the header contact button. */
  @media (max-width: 1068px) {
    body.certifai-light header .nav > a.btn[href="#contact"] { display: none !important; }
  }
  /* Tablet/mobile: section h2 had ~1.19 line-height, so wrapped lines nearly touched. */
  @media (max-width: 1068px) {
    body.certifai-light main h2, body.certifai-light :is(section, .pz) h2 { line-height: 1.3 !important; }
  }
  /* Contact button inside the hamburger menu (desktop keeps the header button). */
  body.certifai-light header .nav-links > a.nav-cta { display: none !important; }
  @media (max-width: 1068px) {
    body.certifai-light header .nav-links > a.nav-cta {
      display: flex !important; align-items: center; justify-content: center;
      margin-top: 12px; min-height: 48px; padding: 12px 20px !important; border-radius: 999px !important;
      background: #ffd900 !important; color: #000 !important; -webkit-text-fill-color: #000 !important;
      font-weight: 700 !important; text-decoration: none; border: 0 !important;
    }
  }

  /* Dark hero copy, scoped separately from the existing light report card. */
  body.certifai-light .hero-dark .hero-copy :is(h1, h1 b) {
    color: #f5f5f5 !important; -webkit-text-fill-color: #f5f5f5 !important;
  }
  body.certifai-light .hero-dark .hero-copy h1 .grad {
    color: #ffd900 !important; background: none !important; -webkit-text-fill-color: #ffd900 !important;
  }
  body.certifai-light .hero-dark .hero-copy :is(.sub, .hero-note, .jobchips > b, .jobchips > em) {
    color: #c9cdd3 !important; -webkit-text-fill-color: #c9cdd3 !important;
  }
  body.certifai-light .hero-dark .hero-copy .sub strong {
    color: #f5f5f5 !important; -webkit-text-fill-color: #f5f5f5 !important;
  }
  body.certifai-light .hero-dark .hero-copy .badge {
    color: #d1d5db !important; background: #171717 !important; border-color: #454545 !important;
  }
  body.certifai-light .hero-dark .hero-copy :is(.badge b, .hero-note b) {
    color: #ffd900 !important; -webkit-text-fill-color: #ffd900 !important;
  }
  body.certifai-light .hero-dark .hero-cta > a[href="#contact"].btn-brand,
  body.certifai-light .hero-dark .hero-cta > a[href="#contact"].btn-brand:hover {
    color: #000 !important; background: #ffd900 !important; border-color: #ffd900 !important;
    -webkit-text-fill-color: #000 !important;
  }
  body.certifai-light .hero-dark .hero-cta > a[href="#contact"].btn-brand :where(*) {
    color: #000 !important; -webkit-text-fill-color: #000 !important;
  }
  body.certifai-light .hero-dark .hero-cta .btn-ghost { color: #e5e7eb !important; }
  body.certifai-light .hero-dark .hero-cta .btn-ghost::before {
    background-color: #111 !important; border-color: #555 !important; box-shadow: inset 0 0 0 1px #555 !important;
  }

  /* Pearson: title above the copy and statistics; source stays with the cards. */
  body.certifai-light #pearson .pz-head { margin-bottom: 0 !important; }
  body.certifai-light #pearson .pz-copy { min-width: 0; }
  @media (max-width: 1068px) {
    body.certifai-light #pearson .pz-side { grid-column: 1 !important; }
  }

  /* Cards and the expandable detail section. */
  body.certifai-light :where(
    .hcard, .pz-stats > div, .hc, .indb, .evc, .pf, .lvc, .vscard,
    .cf-left, .cf-right, .dpanel, .kpi > div, .faq details, .formcard
  ) {
    background: #fff !important;
    border-color: var(--line) !important;
    box-shadow: 0 8px 26px rgba(32, 36, 43, .035) !important;
  }
  body.certifai-light .hcard { border: 0 !important; box-shadow: 0 18px 50px rgba(32, 36, 43, .08) !important; }
  body.certifai-light .hcard::before { color: #000 !important; background: transparent !important; -webkit-text-fill-color: #000 !important; }
  body.certifai-light .hc::before { color: var(--ink) !important; background: #fff3a8 !important; border-color: #ecd989 !important; }
  body.certifai-light #hrd .hc::before { color: #ffd900 !important; background: #000 !important; border-color: #000 !important; -webkit-text-fill-color: #ffd900 !important; }
  body.certifai-light #hrd .hc .when { color: #000 !important; background: #ffd900 !important; -webkit-text-fill-color: #000 !important; }
  body.certifai-light .indb { background: #ffd900 !important; }
  body.certifai-light .indb .iq { font-weight: 800 !important; }
  /* Industry banner: black type on yellow with a bright particle ring on the right. */
  body.certifai-light #industry .indb { position: relative !important; overflow: hidden !important; isolation: isolate; }
  body.certifai-light #industry .indb > .ind-background { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
  body.certifai-light #industry .indb > .ind-background > .particle-bg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
  body.certifai-light #industry .indb > :not(.ind-background) { position: relative; z-index: 1; }
  body.certifai-light #industry .indb :is(.ik, .iq, .inote, .inote b) { color: #000 !important; -webkit-text-fill-color: #000 !important; }
  body.certifai-light #industry .indb .ik { font-weight: 500 !important; }
  body.certifai-light #industry .indb .inote { font-weight: 400 !important; line-height: 2 !important; }
  body.certifai-light #industry .indb .inote.gap { border-top: 0 !important; margin-top: 36px !important; padding-top: 0 !important; font-size: 1.1em !important; }
  body.certifai-light #industry .indb .inote.gap b { font-weight: 700 !important; }
  body.certifai-light :where(.hgoal, .pilot, .dinsight) {
    background: #fff9dc !important;
    border-color: #e8d783 !important;
  }
  body.certifai-light :where(.hgoal b, .delta b, .pz-stats b) { color: #765b00 !important; }
  body.certifai-light #pearson .pz-stats > div { background: #000 !important; border-color: #000 !important; color: #ffd900 !important; box-shadow: none !important; }
  body.certifai-light #pearson .pz-stats > div > :is(b, span) { color: #ffd900 !important; background: none !important; -webkit-text-fill-color: #ffd900 !important; }
  body.certifai-light :where(.evnote, .evc .scope, .cf-fix, .cf-cnt) { background: #f7f8fa !important; }
  body.certifai-light details.more > summary { color: #ffd900 !important; background: #000 !important; }
  body.certifai-light details.more > summary:hover { background: #000 !important; }
  body.certifai-light details.more > summary .mt,
  body.certifai-light details.more > summary .mt * { color: #ffd900 !important; -webkit-text-fill-color: #ffd900 !important; }
  body.certifai-light :where(.pf .pn, .vs-tag.on, .mc-rx, .di-tag) { color: var(--ink) !important; background: #fff3a8 !important; }
  body.certifai-light #answer .pf .pn { background: #ffd900 !important; }
  body.certifai-light #diagnosis :where(.vs-tag.on, .vscard.mp) { background: #ffd900 !important; }
  body.certifai-light #diagnosis .mc-rx { background: #000 !important; color: #ffd900 !important; -webkit-text-fill-color: #ffd900 !important; }
  body.certifai-light :where(.zn, .spec > div, .mc-el li) { background: #f7f8fa !important; }
  body.certifai-light :where(.lvc:nth-child(n+5), .zn.z3, .vscard.mp) { background: #fff9dc !important; border-color: #dfcc75 !important; }
  body.certifai-light .spec { background: var(--line) !important; }
  body.certifai-light .spec > div { background: #fff !important; }
  body.certifai-light .lvc::before { background: #ffd900 !important; }
  body.certifai-light .blabel::after { background: var(--line) !important; }
  body.certifai-light .dots8 i { background: #e8ebef !important; }
  body.certifai-light .dots8 i::before,
  body.certifai-light .dots8 i::after { background: #737b86 !important; }
  body.certifai-light .dots8 i.on { background: #ffd900 !important; }
  body.certifai-light .dots8 i.on::before,
  body.certifai-light .dots8 i.on::after { background: #20242b !important; }
  body.certifai-light .gauge path:first-of-type { stroke: #e4e8ee !important; }
  body.certifai-light .gauge path:last-of-type { stroke: #646b76 !important; }
  body.certifai-light :where(.cf-list li.ok > i, .mc-el li.ok > b) { color: #20242b !important; background: #ffd900 !important; }
  body.certifai-light :where(.cf-miss, .cf-list li.no > i, .mc-el li.no > b) { color: #fff !important; background: #b53e0d !important; }
  body.certifai-light :where(.cf-list li.no > .cd) { background: #b53e0d !important; }
  body.certifai-light :where(.cf-list li.no div > b, .mc-el li.no) { color: #a4370d !important; }
  body.certifai-light .mc-el li.no { background: #fff0e8 !important; }

  /* Report preview: keep the yellow scale and improve track/label contrast. */
  body.certifai-light .dash { background: #fff !important; box-shadow: 0 12px 36px rgba(32,36,43,.05) !important; }
  body.certifai-light :where(.dbar, .dcanvas, .dnote, .dchips span) { background: #f7f8fa !important; }
  body.certifai-light .dchips .exp { background: #ffd900 !important; color: #20242b !important; }
  body.certifai-light .dtool { background: #fff !important; }
  body.certifai-light .dots i { background: #c2c8d1 !important; }
  body.certifai-light :where(.kpi dd.acc, .kpi .warn, .pbar.low b, .heat tr.worst td:first-child) {
    color: #765b00 !important;
    background: none !important;
  }
  body.certifai-light :where(.lv .bar, .pbar .tr, .evrow .tr, .cf-gauge) { background: #e9edf2 !important; }
  body.certifai-light :where(.pbar .tr i, .evrow.hi .tr i, .cf-gauge i, .dlegend i.ok) { background: #ffd900 !important; }
  body.certifai-light .evrow.mu .tr i { background: #9da5b1 !important; }
  body.certifai-light .evrow.lo .tr i { background: #d48035 !important; }
  body.certifai-light :where(.pbar.low .tr i, .dlegend i.no) { background: #e4b558 !important; }
  body.certifai-light .pbar .tr::after { border-color: #737b86 !important; }
  body.certifai-light .col.gl { background: #fff9dc !important; }
  body.certifai-light :where(.lv .nm i, .mc-lv i) { color: #20242b !important; background: #fff3a8 !important; }
  body.certifai-light .lv.top { background: #fff9dc !important; }
  body.certifai-light .tagmax { color: #20242b !important; background: #ffd900 !important; }
  body.certifai-light .heat :where(th, td) { color: var(--ink-2) !important; }
  body.certifai-light .heat td i { color: #20242b !important; }
  body.certifai-light .heat :where(th.avg, td.avg) { background: #f7f8fa !important; }
  body.certifai-light .heat td i.flag { box-shadow: 0 0 0 2px #ad8000 inset !important; }
  body.certifai-light .scalebar i { background: linear-gradient(90deg, #fff9dc, #ffd900) !important; }
  body.certifai-light .dinsight :where(p, b) { color: var(--ink) !important; }

  /* Video remains intact; overlay labels stay readable over its poster. */
  body.certifai-light .vframe { background: #f7f8fa !important; }
  body.certifai-light .vfall .vplay { background: #20242b !important; border-color: #ffd900 !important; }
  body.certifai-light .vfall .vlabel,
  body.certifai-light .vfall .vlabel b { color: #fff !important; }

  /* FAQ, consultation form and footer. */
  body.certifai-light .faq summary::after { color: #765b00 !important; }
  body.certifai-light .faq details[open] { border: 2px solid #ffd900 !important; }
  body.certifai-light #contact .contact { border: 0 !important; }
  body.certifai-light #contact .contact > :is(.ct-lab, a) { color: #ffd900 !important; -webkit-text-fill-color: #ffd900 !important; }
  body.certifai-light #contact form { background: transparent !important; box-shadow: none !important; }
  body.certifai-light #contact :where(input:not([type="checkbox"]), textarea) {
    color: var(--ink) !important;
    background: #fff !important;
    border-color: #b8c0cb !important;
  }
  body.certifai-light #contact :where(input, textarea)::placeholder { color: #646b76 !important; opacity: 1 !important; }
  body.certifai-light #contact :where(input, textarea):focus { border-color: #ffd900 !important; outline-color: #ffd900 !important; }
  body.certifai-light #contact input[type="checkbox"] { accent-color: #ffd900; }
  body.certifai-light #contact :where(.required, .pilot > b, .form-msg) { color: #765b00 !important; }
  body.certifai-light #contact .privacy-content { background: #f7f8fa !important; }
  body.certifai-light footer { background: #f7f8fa !important; }
  body.certifai-light footer a { color: var(--ink) !important; }
  body.certifai-light footer a:hover { text-decoration: underline; text-decoration-color: #b38b00; }
  body.certifai-light .cmtbtn { background: #fff !important; color: var(--ink) !important; box-shadow: 0 6px 24px #20242b1a !important; }

  /* Shared level palette: L2 retains brand yellow; higher levels become vivid orange. */
  :root {
    --level-0: #F4E8B8; --level-0-tint: #FBF8EB;
    --level-1: #F8DF78; --level-1-tint: #FFF7D6;
    --level-2: #FFD900; --level-2-tint: #FFF7CC;
    --level-3: #FFB300; --level-3-tint: #FFF2CC;
    --level-4: #FF8A00; --level-4-tint: #FFF0DB;
    --level-5: #FF6500; --level-5-tint: #FFE7D6;
  }
  body.certifai-light :is([data-level="0"], .l0) { --level-color: var(--level-0); --level-tint: var(--level-0-tint); }
  body.certifai-light :is([data-level="1"], .l1) { --level-color: var(--level-1); --level-tint: var(--level-1-tint); }
  body.certifai-light :is([data-level="2"], .l2) { --level-color: var(--level-2); --level-tint: var(--level-2-tint); }
  body.certifai-light :is([data-level="3"], .l3) { --level-color: var(--level-3); --level-tint: var(--level-3-tint); }
  body.certifai-light :is([data-level="4"], .l4) { --level-color: var(--level-4); --level-tint: var(--level-4-tint); }
  body.certifai-light :is([data-level="5"], .l5) { --level-color: var(--level-5); --level-tint: var(--level-5-tint); }
  body.certifai-light :is(.l0, .l1, .l2, .l3, .l4, .l5) { background: var(--level-color) !important; color: #20242b !important; -webkit-text-fill-color: #20242b !important; }
  body.certifai-light .hcard .lv[data-level] .bar > i,
  body.certifai-light .cols .col[data-level] > i { background: var(--level-color) !important; }
  body.certifai-light .lvc[data-level] { background: var(--level-tint) !important; border-color: var(--level-color) !important; }
  body.certifai-light .lvc[data-level]::before { background: var(--level-color) !important; }
  body.certifai-light .lv[data-level].top,
  body.certifai-light .col[data-level].gl { background: var(--level-tint) !important; }
  body.certifai-light .lv[data-level] .tagmax { background: var(--level-color) !important; }
  body.certifai-light #levels .zn.z1 { background: var(--level-1-tint) !important; border-color: var(--level-1) !important; }
  body.certifai-light #levels .zn.z2 { background: var(--level-3-tint) !important; border-color: var(--level-3) !important; }
  body.certifai-light #levels .zn.z3 { background: var(--level-5-tint) !important; border-color: var(--level-5) !important; }
  /* Level cards: white cards with gray border; level color only on the top strip. */
  body.certifai-light #levels .lvc[data-level] { background: #fff !important; border-color: #c4c8ce !important; }
  body.certifai-light #levels .zn,
  body.certifai-light #levels .zn:is(.z1, .z2, .z3) { background: #fff !important; border-color: transparent !important; }
  body.certifai-light #levels .zn.z1 { color: #555b63 !important; }
  body.certifai-light #levels .zn.z2,
  body.certifai-light #levels .zn.z2 small { color: var(--level-3) !important; -webkit-text-fill-color: var(--level-3) !important; }
  body.certifai-light #levels .zn.z3,
  body.certifai-light #levels .zn.z3 small { color: var(--level-5) !important; -webkit-text-fill-color: var(--level-5) !important; }
  body.certifai-light .hcard .hgoal { background: var(--level-4-tint) !important; border-color: var(--level-4) !important; }
  body.certifai-light .hcard .hgoal b,
  body.certifai-light #result .kpi dd.acc { color: #8f3900 !important; }
  body.certifai-light #result .dlegend i.gz { background: var(--level-4-tint) !important; border-color: var(--level-4) !important; }

  /* Report colors: competency stages share the level palette; score cells have a separate numeric scale. */
  body.certifai-light #result [data-competency="engagement"] { --competency-color: var(--level-1); }
  body.certifai-light #result [data-competency="understanding"] { --competency-color: var(--level-2); }
  body.certifai-light #result [data-competency="control"] { --competency-color: var(--level-3); }
  body.certifai-light #result [data-competency="collaboration"] { --competency-color: var(--level-4); }
  body.certifai-light #result [data-competency="automation"] { --competency-color: var(--level-5); }
  body.certifai-light #result .pbar[data-competency] .tr > i,
  body.certifai-light #result .dlegend [data-competency] > i { background: var(--competency-color) !important; }
  body.certifai-light #result :is(.pbar.low b, .kpi .warn, .heat tr.worst td:first-child) { color: #8f3900 !important; }
  body.certifai-light #result .heat td i[data-s="0"], body.certifai-light #result .scalebar i > span[data-score-band="0"] { background: #FBF8EB !important; }
  body.certifai-light #result .heat td i[data-s="10"], body.certifai-light #result .scalebar i > span[data-score-band="10"] { background: #FCF0B0 !important; }
  body.certifai-light #result .heat td i[data-s="20"], body.certifai-light #result .scalebar i > span[data-score-band="20"] { background: #FDE876 !important; }
  body.certifai-light #result .heat td i[data-s="30"], body.certifai-light #result .scalebar i > span[data-score-band="30"] { background: #FEE13B !important; }
  body.certifai-light #result .heat td i[data-s="40"], body.certifai-light #result .scalebar i > span[data-score-band="40"] { background: #FFD900 !important; }
  body.certifai-light #result .heat td i[data-s="50"], body.certifai-light #result .scalebar i > span[data-score-band="50"] { background: #FFC200 !important; }
  body.certifai-light #result .heat td i[data-s="60"], body.certifai-light #result .scalebar i > span[data-score-band="60"] { background: #FFAB00 !important; }
  body.certifai-light #result .heat td i[data-s="70"], body.certifai-light #result .scalebar i > span[data-score-band="70"] { background: #FF9300 !important; }
  body.certifai-light #result .heat td i[data-s="80"], body.certifai-light #result .scalebar i > span[data-score-band="80"] { background: #FF7C00 !important; }
  body.certifai-light #result .heat td i[data-s="90"], body.certifai-light #result .scalebar i > span[data-score-band="90"] { background: #FF6500 !important; }
  body.certifai-light #result .scalebar > i { display: inline-grid; grid-template-columns: repeat(10, minmax(0, 1fr)); overflow: hidden; background: none !important; }
  body.certifai-light #result .scalebar > i > span { display: block; height: 100%; min-width: 0; }
  body.certifai-light #result .heat td i.flag { box-shadow: inset 0 0 0 2px #8f3900 !important; }
  body.certifai-light #result .dinsight { background: #ffd900 !important; border: 1px solid #ffd900 !important; }
  body.certifai-light #result .di-tag { background: #000 !important; color: #ffd900 !important; -webkit-text-fill-color: #ffd900 !important; }
  /* Why-section evidence cards: gray outline, soft tags, dark/yellow comparison bars. */
  body.certifai-light #why .evc { border: 1px solid #c4c8ce !important; box-shadow: none !important; }
  body.certifai-light #why .evc h4,body.certifai-light #why .evc h3{ font-weight: 700 !important; }
  body.certifai-light #why .evc .axis { font-size: 14.5px !important; line-height: 1.75 !important; }
  body.certifai-light #why .evc .evtag { color: #555b63 !important; -webkit-text-fill-color: #555b63 !important; background: #e6e7e9 !important; padding: 9px 14px !important; border-radius: 999px !important; }
  body.certifai-light #why .evc.big .evtag { color: #20242b !important; -webkit-text-fill-color: #20242b !important; background: #fff3a8 !important; }
  body.certifai-light #why .dots8 i:not(.on) { background: #cfd1d4 !important; }
  body.certifai-light #why .dots8 i:not(.on)::before,
  body.certifai-light #why .dots8 i:not(.on)::after { background: #3f444b !important; }
  body.certifai-light #why .evrow .tr { background: #cccccc !important; }
  body.certifai-light #why .evrow.mu .tr i { background: #3a3a3a !important; }
  body.certifai-light #why .evrow:is(.hi, .lo) .tr i { background: #ffd900 !important; }
  body.certifai-light #why .evrow.mu b { color: #000 !important; -webkit-text-fill-color: #000 !important; }
  body.certifai-light #why .evrow:is(.hi, .lo) b { color: #8f7300 !important; -webkit-text-fill-color: #8f7300 !important; }
  body.certifai-light #why .evc .evd { margin-bottom: 0 !important; }
  body.certifai-light #why .evc .src { margin-top: 16px !important; }

  /* Dark hero report card (전사 AI 역량 지도). */
  body.certifai-light .hero-dark .hcard {
    background: rgba(27, 27, 27, .14) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);
    box-shadow: 0 26px 55px rgba(0, 0, 0, .45) !important;
  }
  body.certifai-light .hero-dark .hcard::before {
    color: #bdbdbd !important; -webkit-text-fill-color: #bdbdbd !important;
    background: rgba(40, 40, 40, .1) !important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  }
  body.certifai-light .hero-dark .hcard .t h4,body.certifai-light .hero-dark .hcard .t .hcard-title{ color: #f5f5f5 !important; }
  body.certifai-light .hero-dark .hcard :is(.t span, .s, .delta span) { color: #9ca3af !important; }
  body.certifai-light .hero-dark .hcard .lv :is(.nm, .vl) { color: #d1d5db !important; }
  body.certifai-light .hero-dark .hcard .lv .bar { background: #2c2c2c !important; }
  body.certifai-light .hero-dark .hcard .lv[data-level].top { background: rgba(255, 217, 0, .08) !important; }
  body.certifai-light .hero-dark .hcard .lv[data-level="2"].top { background: rgba(255, 255, 255, .4) !important; }
  body.certifai-light .hero-dark .hcard .lv[data-level="2"].top :is(.nm, .vl) { color: #20242b !important; }
  body.certifai-light .hero-dark .hcard .lv[data-level="2"].top .bar { background: #e9edf2 !important; }
  body.certifai-light .hero-dark .hcard .hgoal {
    color: #c9cdd3 !important; background: rgba(255, 138, 0, .1) !important; border-color: rgba(255, 138, 0, .55) !important;
  }
  body.certifai-light .hero-dark .hcard .hgoal b { color: #ff8a00 !important; }
  body.certifai-light .hero-dark .hcard .delta b { color: #ffd900 !important; }
  body.certifai-light .hero-dark .hcard .pill-ok { color: #ffd900 !important; background: transparent !important; }
  body.certifai-light .hero-dark .hcard .f { border-top-color: #333 !important; }
  body.certifai-light .hero-dark .hcard .disc { color: #8b9099 !important; border-top-color: #2c2c2c !important; }
  body.certifai-light .hero-dark .hcard .disc b { color: #e5e7eb !important; }

  @media (max-width: 1068px) {
    body.certifai-light .nav-links { background: #fff !important; box-shadow: 0 12px 24px #20242b0d !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    body.certifai-light :is(.intro-background, .contact-background, .ind-background) > .particle-bg { opacity: .14 !important; }
  }
}