#view-how-it-works .hiw-step-row>div:last-child {
      background: linear-gradient(180deg, #0B1F3A 0%, #102A44 100%) !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      border-radius: 18px !important;
      box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    }

    /* Step card left gold accent bar */
    #view-how-it-works .hiw-step-row>div:last-child>div[style*="width:3px"] {
      background: var(--grad-gold) !important;
    }

    /* Step card titles — bigger, bolder, white */
    #view-how-it-works .hiw-step-row h3 {
      color: #FFFFFF !important;
      font-size: 1.1rem !important;
      font-weight: 800 !important;
    }

    /* Step card body text — larger, lighter */
    #view-how-it-works .hiw-step-row p {
      color: #C8D6E5 !important;
      font-size: .9rem !important;
      line-height: 1.8 !important;
      font-weight: 500 !important;
    }

    /* Step card ordered/unordered lists */
    #view-how-it-works .hiw-step-row ol,
    #view-how-it-works .hiw-step-row ul {
      color: #C8D6E5 !important;
      font-size: .88rem !important;
      line-height: 2.1 !important;
      font-weight: 500 !important;
    }

    #view-how-it-works .hiw-step-row li {
      color: #C8D6E5 !important;
    }

    /* Strong/bold highlights inside steps — gold */
    #view-how-it-works .hiw-step-row strong {
      color: #F0DC9A !important;
    }

    /* Links inside step cards */
    #view-how-it-works .hiw-step-row a {
      color: #F0DC9A !important;
    }

    /* ─── SUB-STEP CARDS (A/B inside step 2) — darker navy ──────── */
    #view-how-it-works .hiw-step-row div[style*="background:#F8FAFC"] {
      background: rgba(255, 255, 255, 0.04) !important;
      border: 1px solid rgba(255, 255, 255, 0.08) !important;
      border-radius: 12px !important;
    }

    /* Sub-step section labels */
    #view-how-it-works .hiw-step-row div[style*="background:#F8FAFC"] div[style*="color:#8E7127"] {
      color: #C9A84C !important;
      font-size: .78rem !important;
    }

    /* Sub-step list text */
    #view-how-it-works .hiw-step-row div[style*="background:#F8FAFC"] ol {
      color: #B8C9DE !important;
      font-size: .84rem !important;
    }

    #view-how-it-works .hiw-step-row div[style*="background:#F8FAFC"] li {
      color: #B8C9DE !important;
    }

    /* ─── PRO TIP CALLOUT — dark gold tinted ────────────────────── */
    #view-how-it-works .hiw-step-row div[style*="background:#FFFBEB"] {
      background: rgba(201, 168, 76, 0.08) !important;
      border-color: rgba(201, 168, 76, 0.25) !important;
    }

    #view-how-it-works .hiw-step-row div[style*="background:#FFFBEB"] div {
      color: #C8D6E5 !important;
    }

    #view-how-it-works .hiw-step-row div[style*="background:#FFFBEB"] strong {
      color: #F0DC9A !important;
    }

    /* ─── RESULT CALLOUT (step 4) — dark green tinted ───────────── */
    #view-how-it-works .hiw-step-row div[style*="background:#F0FDF4"] {
      background: rgba(60, 179, 113, 0.08) !important;
      border-color: rgba(60, 179, 113, 0.25) !important;
    }

    #view-how-it-works .hiw-step-row div[style*="background:#F0FDF4"] div {
      color: #C8D6E5 !important;
    }

    #view-how-it-works .hiw-step-row div[style*="background:#F0FDF4"] strong {
      color: #6EE7B7 !important;
    }

    /* ─── BUTTONS INSIDE STEPS — gold system ─────────────────────── */
    #view-how-it-works .hiw-step-row .btn-gold {
      background: linear-gradient(135deg, #D4AF37, #F0DC9A) !important;
      color: #0B1F3A !important;
      border-radius: 12px !important;
      border: none !important;
      box-shadow: 0 6px 14px rgba(212, 175, 55, 0.35);
    }

    #view-how-it-works .hiw-step-row .btn-gold:hover {
      transform: translateY(-1px);
      box-shadow: 0 10px 20px rgba(212, 175, 55, 0.45);
    }