.card {     
border-radius: 1.1rem;
      border: 1px solid rgba(228,194,106,0.35);
      background: radial-gradient(circle at top, rgba(228,194,106,0.25), rgba(16,13,11,0.96));
      padding: 1.4rem;
      box-shadow: 0 20px 45px rgba(0,0,0,0.45);
    font-size: 0.95rem;}


    .lead {
      font-size: 1rem;
      max-width: 37rem;
      color: var(--oy-cream);
      margin-bottom: 1.4rem;
    }

    .highlights {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.1rem;
      margin-top: 1.4rem;
      font-size: 0.9rem;
    }

    .highlight {
      border-radius: 999px;
      border: 1px solid rgba(228,194,106,0.35);
      padding: 0.55rem 1rem;
      display: flex;
      align-items: center;
      gap: 0.55rem;
      background: rgba(18,15,13,0.96);
    }

    .highlight span {
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 999px;
      border: 1px solid rgba(228,194,106,0.9);
      box-shadow: 0 0 0 1px rgba(228,194,106,0.20);
    }

.card-light {     
border-radius: 1.1rem;
      border: 1px solid rgba(228,194,106,0.35);
      background: radial-gradient(circle at top, rgba(228,194,106,0.25), rgba(16,13,11,0.96));
    padding-left: 40px;
      box-shadow: 0 20px 45px rgba(0,0,0,0.45);
    font-size: 0.95rem;}

.feature {     
border-radius: 1.1rem;
      border: 1px solid rgba(228,194,106,0.35);
      background: radial-gradient(circle at top, rgba(228,194,106,0.25), rgba(16,13,11,0.96));
      padding: 1.4rem;
      box-shadow: 0 20px 45px rgba(0,0,0,0.45);
    font-size: 0.95rem;
height: 300px;}