.tools-hero[data-v-9529aab8]{position:relative;z-index:1;padding:48px 0 0}.tools-hero[data-v-9529aab8] .el-button>span{gap:8px}@media (min-width: 768px){.tools-hero[data-v-9529aab8]{padding:48px 0}}.tools-hero__container[data-v-9529aab8]{position:relative;z-index:1;width:100%;max-width:1396px;margin:0 auto;padding:0 16px}@media (min-width: 992px){.tools-hero__container[data-v-9529aab8]{padding:0 55px}}.tools-hero__header[data-v-9529aab8]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:32px;overflow:hidden}@media (min-width: 992px){.tools-hero__header[data-v-9529aab8]{flex-direction:row;flex-wrap:wrap;align-items:flex-start;text-align:left;gap:24px 32px}}@media (min-width: 1200px){.tools-hero__header[data-v-9529aab8]{flex-wrap:nowrap;gap:14px}}@media (min-width: 1380px){.tools-hero__header[data-v-9529aab8]{gap:32px}}.tools-hero__title[data-v-9529aab8]{font-size:32px}@media (min-width: 992px){.tools-hero__title[data-v-9529aab8]{font-size:48px;flex:0 0 100%}}@media (min-width: 1200px){.tools-hero__title[data-v-9529aab8]{flex:0 0 50%}}.tools-hero__description[data-v-9529aab8]{min-width:0;max-width:480px}@media (min-width: 992px){.tools-hero__description[data-v-9529aab8]{max-width:none;flex:1 1 70%}}@media (min-width: 1200px){.tools-hero__description[data-v-9529aab8]{flex:0 0 30%}}.tools-hero__cta[data-v-9529aab8]{white-space:nowrap;flex-shrink:0}.tools-hero__cta[data-v-9529aab8] .iconify{transition:transform .2s ease}.tools-hero__cta[data-v-9529aab8]:hover .iconify{transform:scale(1.2)}@media (min-width: 992px){.tools-hero__cta[data-v-9529aab8]{flex:0 0 auto;align-self:center}}.tools-hero__cards[data-v-9529aab8]{display:flex;flex-direction:column;padding:16px;border-radius:var(--syntx-ui-corner-m);background-color:var(--syntx-ui-color-component-primary-bg)}@media (min-width: 768px){.tools-hero__cards[data-v-9529aab8]{padding:32px}}@media (min-width: 992px){.tools-hero__cards[data-v-9529aab8]{max-width:1286px;margin:0 auto}}.tools-hero__cards-wrapper[data-v-9529aab8]{position:relative}.tools-hero__cards-wrapper[data-v-9529aab8]:before,.tools-hero__cards-wrapper[data-v-9529aab8]:after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.tools-hero__cards-wrapper[data-v-9529aab8]:before{left:0;background:linear-gradient(to left,transparent,var(--syntx-ui-color-component-primary-bg))}.tools-hero__cards-wrapper[data-v-9529aab8]:after{right:0;background:linear-gradient(to right,transparent,var(--syntx-ui-color-component-primary-bg))}.tools-hero__cards-wrapper--scrolled-left[data-v-9529aab8]:before{opacity:1}.tools-hero__cards-wrapper--scrolled-right[data-v-9529aab8]:after{opacity:1}@media (min-width: 1200px){.tools-hero__cards-wrapper[data-v-9529aab8]:before,.tools-hero__cards-wrapper[data-v-9529aab8]:after{display:none}}.tools-hero__cards-row[data-v-9529aab8]{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tools-hero__cards-row[data-v-9529aab8]::-webkit-scrollbar{display:none}@media (min-width: 1200px){.tools-hero__cards-row[data-v-9529aab8]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;overflow-x:visible;padding-bottom:0}}.tools-hero__card[data-v-9529aab8]{display:flex;flex-direction:column;gap:24px;flex-shrink:0;width:60%}@media (min-width: 768px){.tools-hero__card[data-v-9529aab8]{width:30%}}@media (min-width: 1200px){.tools-hero__card[data-v-9529aab8]{width:100%;min-width:0}}.tools-hero__card-media-wrapper[data-v-9529aab8]{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5}@media (min-width: 768px){.tools-hero__card-media-wrapper[data-v-9529aab8]{aspect-ratio:1/1}}.tools-hero__card-media[data-v-9529aab8]{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}@media (min-width: 768px){.tools-hero__card-media[data-v-9529aab8]{aspect-ratio:1/1}}.tools-hero__card-media[data-v-9529aab8] picture,.tools-hero__card-media[data-v-9529aab8] img{display:block;width:100%;height:100%}.tools-hero__card-media[data-v-9529aab8] img{object-fit:cover}.tools-hero__card-compare[data-v-9529aab8]{object-fit:unset}.tools-hero__card-compare[data-v-9529aab8] .image-compare__wrapper{margin:0}.tools-hero__card-compare[data-v-9529aab8] .image-compare__img img{object-fit:cover}.tools-hero__card-compare[data-v-9529aab8] .image-compare__img--left img{filter:blur(.6px) saturate(.85) contrast(.85) brightness(.9)}.tools-hero__card-compare[data-v-9529aab8] .image-compare__badge{display:none}.tools-hero__card-compare[data-v-9529aab8] .image-compare__separator{top:0!important;height:100%!important;box-shadow:none}.tools-hero__card-compare[data-v-9529aab8] .image-compare__handle{width:32px;height:32px;background:var(--syntx-ui-color-text-accent);box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center}.tools-hero__card-compare[data-v-9529aab8] .image-compare__arrow{position:absolute;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));color:var(--syntx-ui-color-text-primary);transition:transform .2s ease}.tools-hero__card-compare[data-v-9529aab8] .image-compare__arrow .iconify{width:16px;height:16px}.tools-hero__card-compare[data-v-9529aab8]:hover .image-compare__arrow{transform:scale(1.3)}.tools-hero__card-compare[data-v-9529aab8] .image-compare__arrow--left{right:100%;margin-right:2px}.tools-hero__card-compare[data-v-9529aab8] .image-compare__arrow--right{left:100%;margin-left:2px}.tools-hero__card-volume[data-v-9529aab8]{position:absolute;top:8px;right:8px}.tools-hero__card-icon[data-v-9529aab8]{display:none}@media (min-width: 768px){.tools-hero__card-icon[data-v-9529aab8]{display:inline}}.tools-hero__card-action[data-v-9529aab8]{background:transparent;border:1px solid var(--syntx-ui-color-text-primary);color:var(--syntx-ui-color-text-primary)}.tools-hero__card-action[data-v-9529aab8] .iconify{transition:transform .2s ease}.tools-hero__card-action[data-v-9529aab8]:hover{background:transparent;border-color:var(--syntx-ui-color-text-accent);color:var(--syntx-ui-color-text-accent)}.tools-hero__card-action:hover .tools-hero__card-icon[data-v-9529aab8]{transform:scale(1.2)}.tools-hero__card-action[data-v-9529aab8]:hover .iconify:last-child{transform:translate(4px)}