:root {
      --tj-dark: #111827;
      --tj-primary: #6f42c1;
      --tj-primary-dark: #54319a;
      --tj-gold: #d6a84b;
      --tj-light: #f7f7fb;
      --tj-muted: #667085;
    }

    body {
      color: var(--tj-dark);
      font-family: Arial, Helvetica, sans-serif;
    }

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

    .hero {
      background:
        linear-gradient(120deg, rgba(17,24,39,.96), rgba(84,49,154,.9)),
        url('https://taurusjames.com/assets/images/creators-hero.jpg') center/cover no-repeat;
      color: #fff;
      padding: 8rem 0 6rem;
    }

    .eyebrow {
      color: var(--tj-gold);
      font-size: .85rem;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .hero h1 {
      font-size: clamp(2.5rem, 7vw, 5.25rem);
      font-weight: 800;
      letter-spacing: -.045em;
      line-height: 1;
      max-width: 900px;
    }

    .hero-copy {
      color: rgba(255,255,255,.82);
      font-size: 1.15rem;
      max-width: 700px;
    }

    .btn-tj {
      background: var(--tj-primary);
      border-color: var(--tj-primary);
      color: #fff;
      font-weight: 700;
    }

    .btn-tj:hover,
    .btn-tj:focus {
      background: var(--tj-primary-dark);
      border-color: var(--tj-primary-dark);
      color: #fff;
    }

    .btn-outline-light:hover {
      color: var(--tj-dark);
    }

    section {
      padding: 5.5rem 0;
    }

    .section-title {
      font-size: clamp(2rem, 4vw, 3.25rem);
      font-weight: 800;
      letter-spacing: -.035em;
    }

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

    .icon-box {
      align-items: center;
      background: rgba(111,66,193,.1);
      border-radius: 1rem;
      color: var(--tj-primary);
      display: inline-flex;
      font-size: 1.3rem;
      height: 3.25rem;
      justify-content: center;
      width: 3.25rem;
    }

    .feature-card,
    .offer-card,
    .resource-card {
      border: 1px solid #e5e7eb;
      border-radius: 1.25rem;
      height: 100%;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .feature-card:hover,
    .offer-card:hover,
    .resource-card:hover {
      box-shadow: 0 1rem 2.5rem rgba(17,24,39,.08);
      transform: translateY(-4px);
    }

    .bg-soft {
      background: var(--tj-light);
    }

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

    .check-list li {
      margin-bottom: .8rem;
      padding-left: 1.9rem;
      position: relative;
    }

    .check-list li::before {
      color: var(--tj-primary);
      content: "\f058";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      left: 0;
      position: absolute;
    }

    .step-number {
      align-items: center;
      background: var(--tj-dark);
      border-radius: 50%;
      color: #fff;
      display: inline-flex;
      font-weight: 800;
      height: 3rem;
      justify-content: center;
      width: 3rem;
    }

    .quote-card {
      background: var(--tj-dark);
      border-radius: 1.5rem;
      color: #fff;
    }

    .cta-panel {
      background: linear-gradient(135deg, var(--tj-primary), var(--tj-dark));
      border-radius: 1.5rem;
      color: #fff;
    }

    .badge-soft {
      background: rgba(111,66,193,.1);
      color: var(--tj-primary);
      font-weight: 700;
    }

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

    footer a:hover {
      color: #fff;
    }

    @media (max-width: 991.98px) {
      .hero {
        padding: 6.5rem 0 4.5rem;
      }

      section {
        padding: 4.25rem 0;
      }
    }