body {
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
      background-color: #f7f9fc;
    }

    .pricing-card {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      transition: transform 0.3s ease-in-out;
    }

    .pricing-card:hover {
      transform: translateY(-5px);
    }

    .pricing-tabs input[type="radio"]:checked + label {
      background-color: white;
      color: #000;
      font-weight: 600;
    }

    .most-popular {
      position: relative;
      background-color: #fce2a3;
      color: #000;
      padding: 0.5rem 1rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 0.05em;
      transform: rotate(-10deg);
      position: absolute;
      top: -1.5rem;
      left: 50%;
      transform: translateX(-50%) rotate(-10deg);
      white-space: nowrap;
    }

    .price-line {
      position: relative;
    }
    .price-line::after {
      content: '';
      position: absolute;
      bottom: -0.25rem;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #f3f4f6; /* Tailwind gray-200 */
    }