.pricing-container {
      display: flex;
      gap: 1rem;
      justify-content: center;
      flex-wrap: wrap;
      perspective: 1000px;
    }

    .pricing-card {
      width: 230px;
	  text-align: center;
      padding: 2.5rem;
      border-radius: 24px;
      background: linear-gradient(145deg, rgb(47 47 162 / 70%) 0%, rgba(13, 13, 75, 0.7) 100%);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(103, 132, 255, 0.1);
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
      transform-style: preserve-3d;
    }

    .pricing-card:hover {
      transform: translateY(-10px);
      border: 1px solid rgba(103, 132, 255, 0.3);
      box-shadow: 
        0 0 20px rgba(103, 132, 255, 0.1),
        0 0 40px rgba(103, 132, 255, 0.1);
    }

    .inner-glow {
      position: absolute;
      inset: 0;
      border-radius: 24px;
      background: radial-gradient(
        circle at 50% 50%,
        rgba(103, 132, 255, 0.15) 0%,
        transparent 70%
      );
      pointer-events: none;
    }

    .plan-icon {
      background: linear-gradient(135deg, rgba(103, 132, 255, 0.2), rgba(103, 132, 255, 0.1));
      width: 56px;
      height: 56px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
      font-size: 1.5rem;
      position: relative;
      overflow: hidden;
    }

    .plan-icon::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
      animation: shine 2s infinite;
    }

    @keyframes shine {
      0% { transform: translateX(-100%); }
      100% { transform: translateX(100%); }
    }

    .plan-name {
      color: #fff;
      font-size: 1.75rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
      background: linear-gradient(90deg, #fff, #6784ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .price {
      font-size: 1.5rem;
      font-weight: 700;
      margin: 1.5rem 0;
      color: #fff;
      display: flex;
      align-items: baseline;
      gap: 0.5rem;
    }

    .price span {
      font-size: 0.7rem;
      opacity: 0.8;
      font-weight: 400;
    }

    .features {
      list-style: none;
      margin: 2rem 0;
    }

    .features li {
      margin: 1rem 0;
      opacity: 0.9;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-size: 1.1rem;
    }

    .features li::before {
      content: "⚡";
      color: #6784ff;
      font-size: 0.9rem;
    }

    .cta-button {
      width: 100%;
      padding: 1.25rem;
      border: none;
      border-radius: 16px;
      background: linear-gradient(135deg, #6784ff, #4462ff);
      color: white;
      font-weight: 600;
      font-size: 1.1rem;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .cta-button::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transform: translateX(-100%);
      transition: transform 0.3s ease;
    }

    .cta-button:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 20px rgba(103, 132, 255, 0.3);
    }

    .cta-button:hover::after {
      transform: translateX(100%);
    }

    .comparison {
      color: rgba(255, 255, 255, 0.6);
      font-size: 0.975rem;
      margin-top: 1rem;
      text-align: center;
    }

    .highlight {
      position: absolute;
      top: 1rem;
      right: -4rem;
      background: linear-gradient(135deg, #6784ff, #4462ff);
      color: white;
      padding: 0.5rem 4rem;
      transform: rotate(45deg);
      font-size: 0.875rem;
      font-weight: 500;
      box-shadow: 0 2px 10px rgba(103, 132, 255, 0.3);
    }

    .card-blur {
      position: absolute;
      inset: 0;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      z-index: -1;
    }

    @keyframes float {
      0% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
      100% { transform: translateY(0px); }
    }

    .popular {
      animation: float 4s ease-in-out infinite;
    }

    @media (max-width: 768px) {
      .pricing-container {
        padding: 1rem;
      }
      
      .pricing-card {
        width: 100%;
        max-width: 380px;
      }
    }
	
	.plan-icon img {
		width: 65%;
	}
	
.comparison{
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2px;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 4px 8px;
  border-radius: 6px;

  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}

/* baseline (14 days) */
.comparison.t0{
  opacity: .55;
}

/* small improvement */
.comparison.t1{
  color: #dbe4ff;
  border-color: rgba(255,255,255,.18);
}

/* noticeable value */
.comparison.t2{
  color: #ffffff;
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.25);
}

/* strong value → subtle warm shift */
.comparison.t3{
  color: #fff7e0;
  background: rgba(180,140,60,.22);   /* soft gold */
  border-color: rgba(210,170,80,.55);
}

/* BEST DEAL → refined gold (premium, not loud) */
.comparison.t4{
  color: #fff9e6;
  background: linear-gradient(
    135deg,
    rgba(210,170,80,.45),
    rgba(170,130,50,.55)
  );
  border-color: rgba(230,190,100,.75);
  font-weight: 700;
}

[id^="price-yen-"]{
  font-size: 1rem;
  text-align: center;
  font-weight: 300;
  display: block;
}