:root {
      --tj-dark: #111827;
      --tj-muted: #5f6b7a;
      --tj-light: #f5f7fa;
      --tj-gold: #c9972b;
      --tj-gold-dark: #9f741b;
      --tj-border: rgba(17, 24, 39, .12);
    }

    html { scroll-behavior: smooth; }
    body {
      color: var(--tj-dark);
      font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    }

    section { scroll-margin-top: 78px; }
    .text-gold { color: var(--tj-gold-dark); }
    .bg-soft { background: var(--tj-light); }

    .navbar {
      background: rgba(255, 255, 255, .96);
      border-bottom: 1px solid var(--tj-border);
      backdrop-filter: blur(12px);
    }

    .navbar-brand {
      font-weight: 800;
      letter-spacing: -.03em;
    }

    .nav-link {
      color: var(--tj-dark);
      font-weight: 600;
    }

    .nav-link:hover,
    .nav-link:focus { color: var(--tj-gold-dark); }

    .btn-gold {
      --bs-btn-color: #fff;
      --bs-btn-bg: var(--tj-gold-dark);
      --bs-btn-border-color: var(--tj-gold-dark);
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #805d16;
      --bs-btn-hover-border-color: #805d16;
      --bs-btn-focus-shadow-rgb: 159, 116, 27;
    }

    .hero {
      position: relative;
      overflow: hidden;
      min-height: 82vh;
      display: flex;
      align-items: center;
      background:
        radial-gradient(circle at 85% 20%, rgba(201,151,43,.20), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f6f3eb 100%);
    }

    .hero::after {
      content: "";
      position: absolute;
      right: -90px;
      bottom: -120px;
      width: 420px;
      height: 420px;
      border: 55px solid rgba(201,151,43,.10);
      border-radius: 50%;
    }

    .hero-content { position: relative; z-index: 1; }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      padding: .45rem .8rem;
      background: rgba(201,151,43,.12);
      color: #795813;
      border: 1px solid rgba(201,151,43,.28);
      border-radius: 999px;
      font-size: .85rem;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .display-title {
      max-width: 900px;
      font-weight: 850;
      letter-spacing: -.045em;
      line-height: 1.02;
    }

    .hero-copy {
      max-width: 720px;
      color: var(--tj-muted);
      font-size: 1.15rem;
    }

    .trust-item {
      display: flex;
      align-items: center;
      gap: .55rem;
      color: var(--tj-muted);
      font-size: .94rem;
      font-weight: 600;
    }

    .section-heading {
      max-width: 760px;
      margin-inline: auto;
    }

    .section-heading h2 {
      font-weight: 800;
      letter-spacing: -.035em;
    }

    .section-heading p { color: var(--tj-muted); }

    .feature-card,
    .path-card,
    .step-card,
    .testimonial-card {
      height: 100%;
      border: 1px solid var(--tj-border);
      border-radius: 1rem;
      background: #fff;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .feature-card:hover,
    .path-card:hover {
      transform: translateY(-5px);
      border-color: rgba(201,151,43,.5);
      box-shadow: 0 1rem 2.5rem rgba(17,24,39,.10);
    }

    .icon-box {
      width: 3rem;
      height: 3rem;
      display: inline-grid;
      place-items: center;
      border-radius: .8rem;
      background: rgba(201,151,43,.12);
      color: var(--tj-gold-dark);
      font-size: 1.2rem;
    }

    .path-card {
      position: relative;
      overflow: hidden;
    }

    .path-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 4px;
      background: var(--tj-gold);
    }

    .path-card ul {
      margin-bottom: 0;
      padding-left: 0;
      list-style: none;
    }

    .path-card li {
      display: flex;
      gap: .65rem;
      margin-bottom: .7rem;
      color: var(--tj-muted);
    }

    .path-card li i {
      color: var(--tj-gold-dark);
      margin-top: .25rem;
    }

    .step-number {
      display: inline-grid;
      place-items: center;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      color: #fff;
      background: var(--tj-dark);
      font-weight: 800;
    }

    .quote-mark {
      color: rgba(201,151,43,.35);
      font-size: 2.2rem;
      line-height: 1;
    }

    .mentor-panel {
      color: #fff;
      background:
        linear-gradient(135deg, rgba(17,24,39,.98), rgba(31,41,55,.96));
      border-radius: 1.25rem;
      overflow: hidden;
    }

    .mentor-panel .badge {
      color: #ffe7a8;
      background: rgba(201,151,43,.18);
      border: 1px solid rgba(201,151,43,.35);
    }

    .mentor-placeholder {
      min-height: 430px;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 50% 25%, rgba(201,151,43,.35), transparent 30%),
        linear-gradient(145deg, #2c3542, #111827);
    }

    .mentor-placeholder i {
      color: rgba(255,255,255,.18);
      font-size: 9rem;
    }

    .check-list {
      padding-left: 0;
      list-style: none;
    }

    .check-list li {
      display: flex;
      gap: .75rem;
      margin-bottom: .9rem;
    }

    .check-list i {
      margin-top: .25rem;
      color: var(--tj-gold);
    }

    .faq .accordion-item {
      border: 1px solid var(--tj-border);
      border-radius: .8rem !important;
      overflow: hidden;
      margin-bottom: .8rem;
    }

    .faq .accordion-button {
      font-weight: 750;
      box-shadow: none;
    }

    .faq .accordion-button:not(.collapsed) {
      color: var(--tj-dark);
      background: rgba(201,151,43,.09);
    }

    .cta {
      color: #fff;
      background:
        radial-gradient(circle at 90% 0%, rgba(201,151,43,.42), transparent 28%),
        var(--tj-dark);
      border-radius: 1.25rem;
    }

    footer a {
      color: #ced4da;
      text-decoration: none;
    }

    footer a:hover { color: #fff; }

    @media (max-width: 767.98px) {
      .hero {
        min-height: auto;
        padding-block: 5rem;
      }

      .display-title { font-size: clamp(2.6rem, 13vw, 4rem); }
      .mentor-placeholder { min-height: 300px; }
    }