.pricing{h3[data-v-f54a94e3] {color: #101828; text-align: center; font-size: 16px; font-weight: 400; margin-top: 30px;} .subtitle[data-v-f54a94e3] {color: #4A5565; text-align: center; font-size: 16px; font-weight: 400; max-width: 600px; margin: 20px auto;} .plans {&[data-v-f54a94e3] {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin-top: 40px;} @media screen and (max-width: 991px) {&[data-v-f54a94e3] {grid-template-columns: repeat(1,minmax(0,1fr));}} .plan {&[data-v-f54a94e3] {border-radius: 16px; border: 1px solid #E5E7EB; background: #FFF; padding: 20px; position: relative;} &.popular {&[data-v-f54a94e3] {border: 2px solid #101828; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);} .popular-container {&[data-v-f54a94e3] {position: absolute; top: -16px; left: 0; right: 0; width: 100%; display: flex; justify-content: center; align-items: center;} .popular[data-v-f54a94e3] {border-radius: 25px; background: #101828; color: #FFF; font-size: 14px; font-weight: 400; text-align: center; padding: 5px 15px;}} a[data-v-f54a94e3] {background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%),#101828; box-shadow: 6px 6px 10px 0 rgba(0,0,0,.09); color: #FAFAFA; font-size: 18px; font-weight: 600; padding: 16px 20px;}} .icon[data-v-f54a94e3] {width: 50px; height: 50px; border-radius: 10px; background: #F3F4F6; display: flex; justify-content: center; align-items: center;} h5[data-v-f54a94e3] {color: #101828; font-size: 16px; font-weight: 400; margin-top: 10px;} .description[data-v-f54a94e3] {color: #4A5565; font-size: 14px; font-weight: 400;} .price {&[data-v-f54a94e3] {color: #101828; font-size: 16px; font-weight: 400;} .period[data-v-f54a94e3] {color: #4A5565; font-size: 14px; font-weight: 400;}} a[data-v-f54a94e3] {display: block; border-radius: 12px; border: 1px solid #E5E7EB; background: #FFF; box-shadow: 6px 6px 9.9px 0 rgba(0,0,0,.04); color: #2C3441; font-size: 18px; font-weight: 400; text-align: center; padding: 16px 20px;} .features {.feature-section {&[data-v-f54a94e3] {margin-top: 20px;} .title[data-v-f54a94e3] {color: #6A7282; font-size: 12px; font-weight: 400; margin-bottom: 10px;} .feature {&[data-v-f54a94e3] {font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 10px; margin-bottom: 10px;} &.included[data-v-f54a94e3] {color: #364153;} &.excluded[data-v-f54a94e3] {color: #99A1AF;}}}}}} .show-more-container {&[data-v-f54a94e3] {display: flex; justify-content: center; align-items: center; margin-top: 40px;} .show-more-button {&[data-v-f54a94e3] {border-radius: 12px; border: 1px solid #E5E7EB; background: #FFF; box-shadow: 6px 6px 9.9px 0 rgba(0,0,0,.04); color: #2C3441; font-size: 14px; font-weight: 400; padding: 12px 40px; cursor: pointer; transition: all .2s ease-in-out;} &[data-v-f54a94e3]:hover {background: #F9FAFB; box-shadow: 6px 6px 9.9px 0 rgba(0,0,0,.08);}}}}.pricing[data-v-f54a94e3]{font-family:Lexend,sans-serif;padding:60px 0}@media screen and (max-width: 991px){.pricing[data-v-f54a94e3]{padding:30px 0}}.pricing .badge-container[data-v-f54a94e3]{display:flex;align-items:center;justify-content:center}.pricing .badge-container .badge{p[data-v-f54a94e3] {margin-bottom: 0;}}.pricing .badge-container .badge[data-v-f54a94e3]{display:inline-flex;align-items:center;gap:10px;border-radius:20px;background:rgba(50,50,50,.5);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(27.75px);backdrop-filter:blur(27.75px);color:#fff;font-weight:400;font-family:Inter,sans-serif;font-size:14px;padding:4px 10px 4px 4px}.pricing .badge-container .badge .icon[data-v-f54a94e3]{display:flex;align-items:center;justify-content:center;background:linear-gradient(149deg,#898989 9.82%,#5D5D5D 36.09%);border-radius:100%;padding:5px}