.plans-wrapper {
                    background: #f5f5f5;
                    border: 1px solid rgba(66,69,71,.08);
                    box-shadow: 0 18px 32px rgba(66,69,71,.12);
                    border-radius: 24px;
                    padding: 28px 24px 32px 24px;
                }

                .plans-heading {
                    text-align: center;
                    margin-bottom: 20px;
                }

                .plans-heading h2 {
                    font-size: 24px;
                    font-weight: 700;
                    color: #424547;
                    margin: 0;
                }

                .plans-heading p {
                    font-size: 14px;
                    color: #606b74;
                    margin: 12px auto 0;
                    line-height: 1.5;
                    max-width: 640px;
                }

                .plan-grid {
                    display: flex;
                    gap: 24px;
                    flex-wrap: wrap;
                }

                .plan-card-lite {
                    flex: 1;
                    position: relative;
                    background: linear-gradient(140deg, rgba(190,161,244,.14) 0%, #ffffff 58%, #f9f7ff 100%);
                    border: 1px solid rgba(190,161,244,.32);
                    border-radius: 26px;
                    box-shadow: 0 24px 48px rgba(96,107,116,.18);
                    padding: 30px 28px 32px 28px;
                    display: flex;
                    flex-direction: column;
                    gap: 18px;
                    transition: transform .22s ease, box-shadow .22s ease;
                    color: #2f3239;
                }

                .plan-card-lite.plan-card-lite--free {
                    background: linear-gradient(140deg, rgba(255,255,255,1) 0%, rgba(247,244,255,.95) 100%);
                    border: 1px solid rgba(190,161,244,.22);
                    box-shadow: 0 20px 42px rgba(96,107,116,.14);
                }

                .plan-card-lite:hover {
                    transform: translateY(-4px);
                    box-shadow: 0 32px 60px rgba(66,69,71,.22);
                }

                .plan-card-lite.highlight {
                    border: 1px solid rgba(111,83,220,.65);
                    box-shadow: 0 42px 82px rgba(54,36,140,.45);
                    background: linear-gradient(140deg, rgba(56,34,126,.96) 0%, rgba(88,52,176,.92) 60%, rgba(143,101,241,.9) 100%);
                    color: #f5f5ff;
                }

                .plan-card-lite .plan-icon {
                    width: 58px;
                    height: 58px;
                    border-radius: 20px;
                    background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(255,255,255,.5));
                    box-shadow: 0 22px 40px rgba(255,255,255,.26);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .plan-card-lite .plan-icon img {
                    width: 30px;
                    height: 30px;
                    object-fit: contain;
                    filter: saturate(1.3);
                }

                .plan-badge {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    font-size: 12px;
                    letter-spacing: .65px;
                    text-transform: uppercase;
                    color: #5c5f63;
                    background: rgba(190,161,244,.22);
                    border-radius: 999px;
                    padding: 6px 12px;
                    width: max-content;
                }

                .plan-card-lite.plan-card-lite--free .plan-badge {
                    background: rgba(190,161,244,.16);
                }

                .plan-card-lite.highlight .plan-badge {
                    background: rgba(255,255,255,.25);
                    color: #ffffff;
                }

                .plan-title {
                    font-size: 20px;
                    color: #2f3239;
                }

                .plan-card-lite.highlight .plan-title {
                    color: #ffffff;
                }

                .plan-desc {
                    margin: 0;
                    font-size: 14px;
                    color: #4a4f54;
                    line-height: 1.55;
                }

                .plan-card-lite.plan-card-lite--free .plan-desc {
                    color: #4d4f66;
                }

                .plan-card-lite.highlight .plan-desc {
                    color: rgba(245,245,255,.88);
                }

                .plan-price {
                    font-size: 24px;
                    font-weight: 800;
                    color: #1f8f4b;
                    letter-spacing: -.5px;
                }

                .plan-card-lite.plan-card-lite--free .plan-price {
                    color: #2a7a48;
                }

                .plan-card-lite.highlight .plan-price {
                    color: #fffbff;
                }

                .plan-price span {
                    display: block;
                    font-size: 12px;
                    color: #606b74;
                    margin-top: 4px;
                }

                .plan-card-lite ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    color: #4d5861;
                    font-size: 13px;
                    line-height: 1.55;
                }

                .plan-card-lite ul li {
                    position: relative;
                    padding-left: 18px;
                }

                .plan-card-lite ul li::before {
                    content: "";
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: rgba(98,204,136,.9);
                    position: absolute;
                    left: 0;
                    top: 7px;
                }

                .plan-card-lite.plan-card-lite--free ul li::before {
                    background: rgba(190,161,244,.7);
                }

                .plan-card-lite.highlight ul {
                    color: rgba(255,255,255,.96);
                }

                .plan-card-lite.highlight ul li::before {
                    background: rgba(255,215,130,.9);
                }

                .plan-note {
                    font-size: 12px;
                    color: #4a4f54;
                    background: rgba(255,255,255,.68);
                    padding: 12px 14px;
                    border-radius: 16px;
                    line-height: 1.5;
                }

                .plan-card-lite.highlight .plan-note {
                    color: rgba(245,245,255,.9);
                    background: rgba(255,255,255,.18);
                }

                .plan-card-lite .plan-cta {
                    margin-top: auto;
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    align-self: flex-start;
                    background: linear-gradient(135deg,#1db954,#169743);
                    color: #ffffff;
                    font-weight: 700;
                    font-size: 14px;
                    padding: 12px 18px;
                    border-radius: 14px;
                    box-shadow: 0 18px 32px rgba(22,151,67,.24);
                    transition: transform .18s ease, box-shadow .18s ease;
                }

                .plan-card-lite .plan-cta span {
                    font-size: 18px;
                    line-height: 1;
                }

                .plan-card-lite .plan-cta:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 22px 40px rgba(22,151,67,.28);
                }

                .plan-card-lite.plan-card-lite--basic .plan-cta {
                    background: linear-gradient(135deg,#15803d,#0f5d2e);
                    box-shadow: 0 18px 32px rgba(15,93,46,.26);
                }

                .plan-card-lite.plan-card-lite--basic .plan-cta:hover {
                    box-shadow: 0 22px 40px rgba(15,93,46,.30);
                }

                .plan-card-lite.highlight .plan-cta {
                    background: linear-gradient(135deg,#ffd36b,#ff8d4d);
                    box-shadow: 0 22px 46px rgba(255,141,77,.32);
                }

                .plan-card-lite.highlight .plan-cta:hover {
                    box-shadow: 0 28px 52px rgba(255,141,77,.36);
                }

                @media (max-width: 768px) {
                    .plan-grid {
                        flex-direction: column;
                    }

                    .plan-card-lite {
                        padding: 26px 24px 30px;
                    }

                    .plan-card-lite .plan-price,
                    .plan-card-lite .plan-cta {
                        align-self: stretch;
                        justify-content: center;
                    }
                }