.feature-tools{h2[data-v-eb88f4c5] {text-align: center; color: #101828; font-size: 24px; font-weight: 400; @media screen and (max-width: 991px) {font-size: 19px;}} p[data-v-eb88f4c5] {text-align: center; text-transform: uppercase; color: #6A7282; font-size: 14px;} .categories {&[data-v-eb88f4c5] {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 30px;} .category-button {&[data-v-eb88f4c5] {display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 4px; border: 1px solid #D1D5DC; background: #FFF; color: #364153; font-size: 14px; font-weight: 400; cursor: pointer; transition: all .1s ease-in-out;} @media screen and (max-width: 991px) {&[data-v-eb88f4c5] {padding: 10px 16px; font-size: 13px;}} .category-icon[data-v-eb88f4c5] {width: 20px; height: 20px;} &[data-v-eb88f4c5]:hover {border-color: #6AA8FF; background: rgba(24,121,255,.05);} &.active[data-v-eb88f4c5] {border-color: transparent; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%); color: #FFF;}}} .features {&[data-v-eb88f4c5] {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-top: 50px;} @media screen and (max-width: 991px) {&[data-v-eb88f4c5] {grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 30px;}} .feature {&[data-v-eb88f4c5] {padding: 25px; border-radius: 10px; border: 1px solid #D1D5DC; background: #FAFAFA; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; color: #101828; transition: all .1s ease-in-out; position: relative;} @media screen and (max-width: 991px) {&[data-v-eb88f4c5] {padding: 15px 10px;}} .hovered-icon[data-v-eb88f4c5] {display: none;} .badge[data-v-eb88f4c5] {position: absolute; top: 8px; right: 8px; background: #3B58B6; color: #FFFFFF; border: 1.5px solid #3B58B6; font-size: 9px; font-weight: 700; padding: 3px 8px; border-radius: 999px; text-transform: uppercase; letter-spacing: .5px;} .feature-title[data-v-eb88f4c5] {display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap;} &:hover {&[data-v-eb88f4c5] {border-radius: 10px; border: 1px solid #6AA8FF; background: rgba(24,121,255,.15);} .icon[data-v-eb88f4c5] {display: none;} .hovered-icon[data-v-eb88f4c5] {display: inline-block;}}} .beta-badge[data-v-eb88f4c5] {position: absolute; top: 10px; right: 10px; padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .04em; background: rgba(24,121,255,.1); border: 1px solid rgba(24,121,255,.22); color: #175CD3; line-height: 1; pointer-events: none; text-transform: uppercase;}}}.feature-tools[data-v-eb88f4c5]{font-family:Lexend,sans-serif;padding:60px 0}@media screen and (max-width: 991px){.feature-tools[data-v-eb88f4c5]{padding:30px 0}}.feature-tools.remove-texts[data-v-eb88f4c5]{padding:0}