:root {
      color-scheme: light dark;
      --bg: #f4f6f7;
      --surface: #ffffff;
      --surface-2: #e9eef0;
      --ink: #162126;
      --muted: #586970;
      --line: #ccd6da;
      --accent: #C9A227;
      --accent-deep: #0B2A4A;
      --teal: #0B2A4A;
      --teal-soft: #EAECEE;
      --amber-soft: #F7F0DC;
      --red-soft: #f7e0da;
      --shadow: 0 16px 36px rgba(23, 42, 48, .08);
      --focus: #0B2A4A;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --bg: #0B1420;
        --surface: #101D30;
        --surface-2: #223035;
        --ink: #f2f5f5;
        --muted: #b4c0c4;
        --line: #36474d;
        --accent: #E3C563;
        --accent-deep: #C9A227;
        --teal: #5B7FA6;
        --teal-soft: #14243C;
        --amber-soft: #493726;
        --red-soft: #442a25;
        --shadow: 0 18px 42px rgba(0,0,0,.24);
        --focus: #7fc3ff;
      }
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font-family: "DM Sans", sans-serif;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
    }
    button, input { font: inherit; }
    a { color: inherit; }
    .page { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 32px 0 72px; }
    .brand-strip {
      position: sticky;
      top: 0;
      z-index: 30;
      display: grid;
      grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      margin: -10px 0 18px;
      padding: 10px 0;
      color: var(--muted);
      background: color-mix(in srgb, var(--bg) 96%, transparent);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(10px);
    }
    .brand-name { color: var(--ink); font-size: 1.15rem; font-weight: 800; letter-spacing: -.025em; }
    .brand-scope { font-size: .88rem; text-align: right; }
    .language-picker { display: flex; align-items: center; gap: 9px; color: var(--ink); font-weight: 700; }
    .language-picker label { font-size: .84rem; white-space: nowrap; }
    .language-picker select {
      min-height: 44px;
      max-width: 175px;
      padding: 8px 34px 8px 12px;
      border: 2px solid var(--accent);
      border-radius: 8px;
      background: var(--surface);
      color: var(--ink);
      cursor: pointer;
      font-weight: 800;
    }
    .language-picker select:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
    .language-note {
      margin: -2px 0 18px;
      padding: 11px 14px;
      background: var(--teal-soft);
      color: var(--teal);
      border-left: 4px solid var(--teal);
      font-size: .88rem;
      font-weight: 650;
    }
    html[dir="rtl"] body { font-family: "DM Sans", sans-serif; }
    html[dir="rtl"] .brand-scope, html[dir="rtl"] .pay { text-align: left; }
    html[dir="rtl"] .scoreboard, html[dir="rtl"] .tier-card { border-left: 0; border-right: 5px solid var(--accent); }
    html[dir="rtl"] .tier-card.skilled { border-right-color: var(--teal); }
    html[dir="rtl"] .language-note { border-left: 0; border-right: 4px solid var(--teal); }
    html[dir="rtl"] .requirements li { padding-left: 0; padding-right: 16px; }
    html[dir="rtl"] .requirements li::before { left: auto; right: 0; }
    .hero {
      min-height: 420px;
      box-shadow: 0 20px 50px rgba(11,42,74,.25);
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(250px, .55fr);
      gap: 36px;
      align-items: end;
      padding: 48px;
      border-radius: 18px;
      overflow: hidden;
      position: relative;
      isolation: isolate;
      color: #fff;
      background:
      linear-gradient(135deg, rgba(11,42,74,.92) 0%, rgba(7,30,54,.88) 45%, rgba(18,58,99,.85) 100%),
      linear-gradient(160deg, #0B2A4A 0%, #123a63 50%, #1a4a75 100%) center/cover no-repeat;
      box-shadow: var(--shadow);
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(90deg, rgba(9,27,38,.9) 0%, rgba(9,27,38,.74) 46%, rgba(9,27,38,.28) 100%);
    }
    .hero .eyebrow, .hero .hero-copy, .hero .scoreboard span { color: #eef6f7; }
    .hero .scoreboard { border-color: #ff8a61; background: rgba(8,25,34,.52); padding: 20px 22px; backdrop-filter: blur(4px); }
    .hero .scoreboard .verified { color: #C9A227; }
    .hero .verified-dot { background: #C9A227; box-shadow: 0 0 0 4px rgba(147,226,222,.18); }
    .eyebrow, .mono {
      font-family: "IBM Plex Mono", monospace;
      font-size: .75rem;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
    .eyebrow { color: var(--accent-deep); margin: 0 0 12px; }
    h1 { font-size: clamp(2.35rem, 6vw, 4.9rem); line-height: .98; letter-spacing: -.055em; margin: 0; max-width: 790px; }
    .version-badge {
      display: inline-flex;
      vertical-align: top;
      margin: .16em 0 0 .5em;
      padding: 6px 9px;
      border: 1px solid rgba(238, 246, 247, .48);
      background: rgba(8, 25, 34, .58);
      color: #eef6f7;
      font-family: "IBM Plex Mono", monospace;
      font-size: clamp(.65rem, 1vw, .78rem);
      line-height: 1;
      letter-spacing: .03em;
    }
    .hero-copy { margin: 22px 0 0; max-width: 670px; color: var(--muted); font-size: 1.07rem; }
    .agent-line {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 22px 0 0;
      padding: 10px 13px;
      background: rgba(7, 24, 33, .68);
      border: 1px solid rgba(238, 246, 247, .28);
      color: #eef6f7;
      font-size: .9rem;
      font-weight: 600;
    }
    .agent-line strong { color: #C9A227; }
    .agent-pulse { width: 8px; height: 8px; border-radius: 50%; background: #C9A227; flex: 0 0 auto; }
    .scoreboard { border-left: 4px solid var(--accent); padding: 6px 0 6px 22px; }
    .scoreboard strong { display: block; font-size: 2.8rem; line-height: 1; letter-spacing: -.05em; }
    .scoreboard span { color: var(--muted); }
    .scoreboard .verified { margin-top: 18px; display: flex; align-items: center; gap: 9px; color: var(--teal); font-weight: 700; }
    .verified-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px var(--teal-soft); }

    .coverage { margin: 24px 0 8px; }
    .coverage h2 { margin: 0 0 6px; font-size: 1rem; }
    .coverage-note { margin: 0 0 12px; color: var(--muted); font-size: .88rem; max-width: 820px; }
    .place-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .place { padding: 7px 10px; background: var(--surface); border: 1px solid var(--line); color: var(--muted); font-size: .82rem; font-weight: 700; }
    .tier-band {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin: 28px 0 14px;
    }
    .tier-card {
      background: var(--surface);
      border-left: 5px solid var(--accent);
      padding: 24px;
      box-shadow: var(--shadow);
    }
    .tier-card.skilled { border-color: var(--teal); }
    .tier-label { margin: 0 0 7px; color: var(--accent-deep); font-family: "IBM Plex Mono", monospace; font-size: .78rem; font-weight: 700; }
    .tier-card.skilled .tier-label { color: var(--teal); }
    .tier-card h2 { margin: 0; font-size: 1.25rem; }
    .tier-card p { margin: 8px 0 0; color: var(--muted); font-size: .9rem; }
    .tier-card strong { color: var(--ink); }
    .category-band {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin: 14px 0 28px;
    }
    .category-card { background: var(--surface); border-top: 4px solid var(--accent); padding: 22px; }
    .category-card:nth-child(2) { border-color: var(--teal); }
    .category-card:nth-child(3) { border-color: #65727a; }
    .category-icon { width: 42px; height: 42px; color: var(--accent-deep); margin-bottom: 14px; }
    .category-card:nth-child(2) .category-icon { color: var(--teal); }
    .category-card:nth-child(3) .category-icon { color: var(--muted); }
    .category-card h2 { margin: 0; font-size: 1.12rem; }
    .category-card p { margin: 7px 0 0; color: var(--muted); font-size: .88rem; }
    .category-status { display: inline-block; margin-top: 14px; font-family: "IBM Plex Mono", monospace; font-size: .72rem; color: var(--accent-deep); }
    .service-intro {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
      gap: 18px;
      margin: 28px 0;
    }
    .howto, .service-fee {
      background: var(--surface);
      border: 1px solid var(--line);
      padding: 28px;
      box-shadow: var(--shadow);
    }
    .howto h2, .service-fee h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.025em; }
    .howto > p, .service-fee > p { margin: 8px 0 0; color: var(--muted); }
    .howto-steps {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
      margin-top: 22px;
      border-top: 1px solid var(--line);
    }
    .howto-step { padding: 18px 18px 0 0; }
    .howto-step + .howto-step { padding-left: 18px; border-left: 1px solid var(--line); }
    .howto-step b { display: block; color: var(--accent-deep); font-family: "IBM Plex Mono", monospace; font-size: .8rem; margin-bottom: 6px; }
    .howto-step strong { display: block; line-height: 1.25; }
    .howto-step span { display: block; color: var(--muted); font-size: .86rem; margin-top: 5px; }
    .fee-amount { font-family: "IBM Plex Mono", monospace; color: var(--accent-deep); font-size: 2.35rem; line-height: 1; font-weight: 700; margin: 20px 0 5px; }
    .fee-label { color: var(--muted); font-size: .88rem; }
    .fee-note { margin-top: 18px !important; padding-top: 16px; border-top: 1px solid var(--line); font-size: .85rem; }

    .strategy {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 22px;
      margin: 28px 0;
    }
    .panel { background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
    .panel-main { padding: 28px; }
    .panel h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.025em; }
    .panel-intro { margin: 8px 0 22px; color: var(--muted); }
    .rank-list { list-style: none; padding: 0; margin: 0; }
    .rank-list li {
      display: grid;
      grid-template-columns: 32px 1fr auto;
      align-items: center;
      gap: 12px;
      padding: 14px 0;
      border-top: 1px solid var(--line);
    }
    .rank-num { font-family: "IBM Plex Mono", monospace; color: var(--accent-deep); }
    .rank-role { font-weight: 700; }
    .rank-meta { display: block; color: var(--muted); font-size: .88rem; font-weight: 400; margin-top: 2px; }
    .rank-pay { font-weight: 700; white-space: nowrap; }
    .ladder { padding: 28px; background: var(--ink); color: var(--bg); border-color: var(--ink); box-shadow: none; }
    @media (prefers-color-scheme: dark) { .ladder { background: #edf3f3; color: #172126; border-color: #edf3f3; } }
    .ladder p { opacity: .76; }
    .ladder-steps { margin-top: 22px; }
    .step { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
    .step b { color: var(--accent); font-family: "IBM Plex Mono", monospace; }
    .step strong { display: block; }
    .step small { display: block; opacity: .7; margin-top: 2px; }

    .toolbar {
      margin: 42px 0 20px;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: end;
      flex-wrap: wrap;
    }
    .toolbar h2 { margin: 0 0 3px; font-size: 1.75rem; letter-spacing: -.035em; }
    .toolbar p { margin: 0; color: var(--muted); }
    .filters { display: flex; gap: 8px; flex-wrap: wrap; }
    .filter {
      border: 1px solid var(--line);
      background: var(--surface);
      color: var(--ink);
      padding: 10px 14px;
      border-radius: 999px;
      cursor: pointer;
      font-weight: 700;
    }
    .filter:hover { border-color: var(--accent); }
    .filter.active { background: var(--ink); color: var(--bg); border-color: var(--ink); }
    @media (prefers-color-scheme: dark) { .filter.active { background: #eef3f3; color: #172126; border-color: #eef3f3; } }
    button:focus-visible, a:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }

    .jobs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .job {
      background: var(--surface);
      border: 1px solid var(--line);
      padding: 24px;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }
    .job[data-priority="true"] { border-top: 5px solid var(--teal); padding-top: 20px; }
    .job.hidden { display: none; }
    .job-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
    .company { margin: 0 0 6px; color: var(--muted); font-size: .9rem; font-weight: 700; }
    .job h3 { margin: 0; font-size: 1.35rem; line-height: 1.14; letter-spacing: -.025em; }
    .pay { font-family: "IBM Plex Mono", monospace; color: var(--accent-deep); text-align: right; font-size: .95rem; font-weight: 700; white-space: nowrap; }
    .pay small { display: block; color: var(--muted); font-family: "DM Sans", sans-serif; font-weight: 500; }
    .tags { display: flex; gap: 7px; flex-wrap: wrap; margin: 17px 0; }
    .tag { background: var(--surface-2); color: var(--muted); border-radius: 5px; padding: 5px 8px; font-size: .77rem; font-weight: 700; }
    .tag.fit { background: var(--teal-soft); color: var(--teal); }
    .tag.warn { background: var(--amber-soft); color: var(--accent-deep); }
    .reason { margin: 0 0 16px; font-size: .96rem; }
    .reason strong { color: var(--teal); }
    .requirements { margin: 0 0 20px; padding: 0; list-style: none; color: var(--muted); font-size: .9rem; }
    .requirements li { position: relative; padding-left: 16px; margin: 7px 0; }
    .requirements li::before { content: "—"; position: absolute; left: 0; color: var(--accent); }
    .job-footer { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .date { color: var(--muted); font-size: .77rem; }
    .apply { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; background: var(--accent); color: white; padding: 10px 14px; border-radius: 7px; font-weight: 700; }
    .apply:hover { background: var(--accent-deep); }
    .apply svg { width: 16px; height: 16px; }

    .notes {
      margin-top: 42px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }
    .note { padding: 24px; background: var(--surface-2); border-top: 3px solid var(--line); }
    .note h2 { font-size: 1.15rem; margin: 0 0 10px; }
    .note p, .note li { color: var(--muted); font-size: .9rem; }
    .note ul { margin: 8px 0 0; padding-left: 19px; }
    .note a { color: var(--accent-deep); font-weight: 700; }
    .stamp { margin: 30px 0 0; color: var(--muted); font-size: .78rem; text-align: center; }
    .empty { display: none; padding: 34px; text-align: center; background: var(--surface); border: 1px solid var(--line); color: var(--muted); }

    @media (max-width: 820px) {
      .page { width: min(100% - 28px, 680px); padding-top: 20px; }
      .brand-strip { grid-template-columns: 1fr auto; gap: 9px 12px; }
      .brand-scope { grid-column: 1 / -1; text-align: left; }
      html[dir="rtl"] .brand-scope { text-align: right; }
      .hero, .service-intro, .strategy, .notes { grid-template-columns: 1fr; }
      .hero { min-height: 0; padding: 28px; }
      .hero::before { background: linear-gradient(180deg, rgba(9,27,38,.56), rgba(9,27,38,.91)); }
      .tier-band, .category-band { grid-template-columns: 1fr; }
      .howto-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px; }
      .howto-step:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); padding-top: 18px; }
      .howto-step:nth-child(4) { border-top: 1px solid var(--line); padding-top: 18px; }
      .hero { gap: 28px; padding-top: 22px; }
      .scoreboard { max-width: 420px; }
      .jobs { grid-template-columns: 1fr; }
    }
    @media (max-width: 520px) {
      h1 { font-size: 2.65rem; }
      .page { width: min(100% - 22px, 680px); }
      .brand-strip { grid-template-columns: 1fr; align-items: center; margin-top: -6px; }
      .brand-name { font-size: 1rem; }
      .brand-scope { grid-column: 1; max-width: none; font-size: .8rem; text-align: left; }
      html[dir="rtl"] .brand-scope { text-align: right; }
      .language-picker { gap: 8px; justify-content: space-between; }
      .language-picker select { width: min(190px, 62vw); max-width: none; min-height: 46px; font-size: .9rem; }
      .language-note { font-size: .82rem; }
      .hero { min-height: 0; padding: 22px 18px; border-radius: 14px; }
      .panel-main, .ladder, .job, .note, .howto, .service-fee { padding: 20px; }
      .howto-steps { grid-template-columns: 1fr; }
      .howto-step, .howto-step + .howto-step, .howto-step:nth-child(3), .howto-step:nth-child(4) { padding: 15px 0; border-left: 0; border-top: 1px solid var(--line); }
      .rank-list li { grid-template-columns: 26px 1fr; }
      .rank-pay { grid-column: 2; }
      .job-top { display: block; }
      .pay { text-align: left; margin-top: 12px; white-space: normal; }
      .job-footer { align-items: stretch; flex-direction: column; }
      .apply { justify-content: center; }
      .filters { width: 100%; }
      .filter { flex: 1; padding-left: 8px; padding-right: 8px; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
  

    /* Bulale Capital parent-brand integration */
    :root{--accent:#C9A227;--accent-deep:#0B2A4A;--teal:#0B2A4A;--teal-soft:#ece8f6;--focus:#C9A227}
    @media (prefers-color-scheme: dark){:root{--accent:#D6B766;--accent-deep:#D6B766;--teal:#D6B766;--teal-soft:#2b2850;--focus:#D6B766}}
    .brand-name{text-decoration:none;color:var(--ink)}
    .brand-name .parent{font-family:Georgia,serif;letter-spacing:.045em;color:#0B2A4A}
    @media (prefers-color-scheme: dark){.brand-name .parent{color:#F8F5EE}}
    .home-link{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--accent-deep);text-decoration:none;margin-top:8px}
    .home-link:hover{text-decoration:underline}

/* Bulale Jobs Assessment — self-contained addition */
#bulale-assessment{margin:42px auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:100px}
#bulale-assessment *{box-sizing:border-box}
.ba-eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--teal)}
.ba-title{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;margin:8px 0;color:var(--ink)}
.ba-lead{color:var(--muted);max-width:750px;margin:0 0 18px}
.ba-metrics{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 20px}
.ba-pill{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-weight:700;font-size:.82rem}
.ba-progress{height:9px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin:12px 0 22px}
.ba-progress>div{height:100%;background:var(--teal);transition:width .25s}
.ba-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--bg)}
.ba-qmeta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--muted);font-size:.83rem;font-weight:700;margin-bottom:12px}
.ba-q{font-size:1.18rem;line-height:1.6;margin:0 0 18px;color:var(--ink);font-weight:750}
.ba-choices{display:grid;gap:10px}
.ba-choice{display:flex;gap:12px;align-items:flex-start;width:100%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:14px;border-radius:10px;text-align:left;cursor:pointer;line-height:1.5}
.ba-choice:hover{border-color:var(--teal)}
.ba-choice:focus-visible,.ba-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.ba-choice[aria-pressed="true"]{border-color:var(--teal);background:var(--teal-soft)}
.ba-letter{font-weight:800;color:var(--teal);flex:none;min-width:22px}
.ba-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px}
.ba-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:11px 18px;font-weight:800;cursor:pointer}
.ba-btn.primary{border-color:#bb8f28;background:#c9a227;color:#17242e}
.ba-btn:disabled{opacity:.5;cursor:not-allowed}
.ba-feedback{background:var(--teal-soft);color:var(--ink);padding:16px;border-radius:12px;margin-top:17px}
.ba-review{display:grid;gap:12px;margin-top:18px}
.ba-review article{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--bg)}
.ba-review p{margin:5px 0}
.ba-muted{color:var(--muted);font-size:.86rem}
@media(max-width:640px){#bulale-assessment{padding:17px}.ba-card{padding:14px}.ba-controls .ba-btn{flex:1}}


/* Bulale Jobs integrated career center */
:root {--bc-navy:#0b2a4a;--bc-gold:#c9a227}
.bc-nav{position:sticky;top:0;z-index:50;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;padding:12px 14px;background:#0B2A4A;border-bottom:3px solid #C9A227;scroll-margin-top:0}
.bc-nav a{font-weight:750;text-decoration:none;font-size:.89rem;padding:10px 12px;border-radius:8px;color:#fff}
.bc-nav a:hover,.bc-nav a:focus-visible{background:#C9A227;color:#0B2A4A}
.bc-nav a.bc-active{color:#0B2A4A;background:#C9A227}
.bc-center{margin:28px 0 40px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.bc-hero{background:#0b2a4a;color:#fff;padding:clamp(23px,4.4vw,50px)}
.bc-kicker{font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:#e8c54e;margin-bottom:20px}
.bc-hero h2{font-size:clamp(1.8rem,3.6vw,3.1rem);margin:0 0 15px;color:#fff;line-height:1.2}
.bc-hero p{font-size:clamp(.95rem,1.5vw,1.2rem);color:#e3eaf2;max-width:820px;margin:0 0 24px}
.bc-actions{display:flex;gap:12px;flex-wrap:wrap}
.bc-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border-radius:9px;background:#c9a227;color:#142b42;text-decoration:none;font-weight:800;border:2px solid #c9a227}
.bc-cta.secondary{background:transparent;color:#fff;border-color:#a9bfd0}
.bc-content{padding:clamp(20px,3vw,38px)}
.bc-content h3{margin:0 0 7px;font-size:1.45rem}
.bc-content>p{color:var(--muted);margin:0 0 24px}
.bc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bc-tile{border:1px solid var(--line);padding:20px;border-radius:14px;background:var(--surface);min-width:0;display:flex;flex-direction:column;gap:9px}
.bc-tile strong{font-size:1.05rem;line-height:1.3}
.bc-tile p{font-size:.88rem;color:var(--muted);margin:0 0 auto}
.bc-tag{font-size:.75rem;font-weight:750;color:#065e5b;background:var(--teal-soft);padding:5px 9px;border-radius:7px;align-self:flex-start}
.bc-tag.planned{color:var(--muted);background:var(--surface-2)}
.bc-tile a{margin-top:10px;text-align:center;text-decoration:none;color:#102a43;background:#e5be40;padding:11px;border-radius:8px;font-weight:750}
.bc-tile button{margin-top:10px;padding:11px;border-radius:8px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);cursor:not-allowed}
.bc-mini{font-size:2rem;line-height:1.1}
.bc-interview{background:var(--surface-2);padding:22px;border:1px solid var(--line);border-radius:14px;margin-top:23px}
.bc-interview h3{margin:0 0 10px}
.bc-interview select,.bc-interview textarea{display:block;width:100%;max-width:850px;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--ink);background:var(--surface);font:inherit;margin:10px 0}
.bc-interview textarea{min-height:115px;resize:vertical}
.bc-interview button{background:#c9a227;border:0;color:#142b42;padding:11px 17px;border-radius:8px;cursor:pointer;font-weight:800}
.bc-interview #bc-coaching{margin-top:13px;white-space:pre-line}
#bulale-assessment{scroll-margin-top:110px}
.bc-center a:focus-visible,.bc-interview button:focus-visible{outline:3px solid #448dd1;outline-offset:3px}
@media(max-width:850px){.bc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.bc-grid{grid-template-columns:1fr}.bc-hero{padding:24px}.bc-nav{gap:2px}.bc-nav a{padding:8px;font-size:.79rem}}


    .hero{background:linear-gradient(135deg,#0B2A4A 0%,#143a63 60%,#0B2A4A 100%);color:#fff;border-bottom:4px solid #C9A227}
    .hero h1{color:#fff}
    .hero .eyebrow{color:#C9A227}
    section>h2,section .ba-title{scroll-margin-top:70px}

    .proud-line{font-weight:800;color:#0B2A4A;margin-top:8px}
    .proud-line::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#C9A227;margin-right:8px}

    .success-band{padding:26px 18px;background:var(--surface);border-top:3px solid var(--accent);margin-top:26px}
    .stories{display:grid;gap:14px;margin:14px 0}
    .story{background:var(--bg);border-left:5px solid var(--accent);border-radius:10px;padding:16px 18px}
    .story-text{font-size:1.05rem;font-weight:600;margin:0 0 6px}
    .story-meta{color:var(--muted);font-size:.85rem;margin:0}
    .share-success{display:inline-block;background:#0B2A4A;color:#fff;font-weight:700;padding:12px 20px;border-radius:9px;text-decoration:none;border:2px solid #0B2A4A}
    .share-success:hover{background:#C9A227;border-color:#C9A227;color:#0B2A4A}
    .rating-widget{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:12px}
    .rating-widget h3{margin:0 0 8px}
    .stars{display:flex;gap:6px;margin:6px 0 12px}
    .star{font-size:2rem;background:none;border:1px solid var(--line);border-radius:8px;color:#c8cdd2;cursor:pointer;min-width:48px;min-height:48px}
    .star.on{color:#C9A227;border-color:#C9A227}
    .send-rating{background:#C9A227;color:#0B2A4A;font-weight:800;border:2px solid #C9A227;border-radius:9px;padding:11px 18px;cursor:pointer}
    .rating-note{color:var(--muted);font-size:.88rem;margin:10px 0 0}

    .findus-widget{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:12px}
    .findus-widget h3{margin:0 0 10px;font-size:1.05rem}
    .findus-opts{display:flex;gap:8px;flex-wrap:wrap}
    .findus-opt{background:#0B2A4A;color:#fff;font-weight:700;border:2px solid #0B2A4A;border-radius:9px;padding:10px 16px;cursor:pointer;min-height:44px}
    .findus-opt:hover{background:#C9A227;border-color:#C9A227;color:#0B2A4A}
    .findus-note{color:var(--muted);font-size:.88rem;margin:10px 0 0}

    .referral-tip{margin-top:14px;padding:12px 16px;background:var(--amber-soft,#F7F0DC);border-left:4px solid #C9A227;border-radius:8px;font-size:.95rem}

    .ba-section{margin:42px auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:100px}
    .ba-section *{box-sizing:border-box}