.hero-container[data-v-a0f29c39]{background-image:url(/img/home/intro-section-background.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.hero-container .hero{h1[data-v-a0f29c39] {color: #252525; font-size: 40px; font-weight: 600; line-height: 56px; margin-top: 45px; @media screen and (max-width: 991px) {font-size: 24px; margin-top: 25px; line-height: 32px;}} .description[data-v-a0f29c39] {color: #252525; font-size: 16px; font-weight: 500; margin-top: 15px;} .features {&[data-v-a0f29c39] {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; border-radius: 19px; background: rgba(255,255,255,.55); margin-top: 60px; padding: 20px;} @media screen and (max-width: 991px) {&[data-v-a0f29c39] {margin-top: 20px; grid-template-columns: repeat(1,minmax(0,1fr));}} .feature[data-v-a0f29c39] {display: flex; align-items: center; gap: 5px; font-weight: 300;}} .no-upload {&[data-v-a0f29c39] {display: flex; align-items: center; justify-content: center; height: 100%;} .start-now[data-v-a0f29c39] {display: inline-block; border-radius: 12px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%),#101828; color: #FFFFFF; padding: 12px 40px; cursor: pointer; text-align: center; @media screen and (max-width: 991px) {width: 100%}}}}.hero-container .hero[data-v-a0f29c39]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding-top:60px;padding-bottom:60px;font-family:Lexend,sans-serif}@media screen and (max-width: 991px){.hero-container .hero[data-v-a0f29c39]{grid-template-columns:repeat(1,minmax(0,1fr));padding-top:30px;padding-bottom:30px}}.hero-container .hero .badge{p[data-v-a0f29c39] {margin-bottom: 0; background: linear-gradient(149deg,#898989 9.82%,#5D5D5D 36.09%); border-radius: 20px; padding: 7px 10px; font-style: italic;}}.hero-container .hero .badge[data-v-a0f29c39]{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:linear-gradient(23deg,#1E1E1E 15.61%,#848484 152.7%);box-shadow:5px 4px 16.8px #00000026;-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}@media screen and (max-width: 991px){.dragzone-desktop[data-v-a0f29c39]{display:none}}@media screen and (min-width: 992px){.dragzone-mobile[data-v-a0f29c39]{display:none}}.discover-features{h2[data-v-946501a3] {text-align: center; color: #101828; font-size: 24px; font-weight: 400; @media screen and (max-width: 991px) {font-size: 19px;}} .subtitle[data-v-946501a3] {text-align: center; text-transform: uppercase; color: #6A7282; font-size: 14px;} .features {&[data-v-946501a3] {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; margin-top: 50px;} @media screen and (max-width: 991px) {&[data-v-946501a3] {grid-template-columns: repeat(1,minmax(0,1fr)); margin-top: 30px;}} .left-panel {&[data-v-946501a3] {display: flex; flex-direction: column; justify-content: space-between; gap: 10px;} .feature {&[data-v-946501a3] {border-radius: 12px; background: #FEFEFE; padding: 16px; cursor: pointer; border: 1px solid #D1D5DC;} .top {&[data-v-946501a3] {display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #101828; font-size: 16px; font-weight: 500;} .info[data-v-946501a3] {display: flex; align-items: center; gap: 10px;}} .selected-icon[data-v-946501a3] {display: none;} p[data-v-946501a3] {color: #4A5565; font-size: 14px; font-weight: 400; margin-top: 10px;} a[data-v-946501a3] {display: inline-block; border-radius: 8px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%); color: #FFFFFF; font-size: 14px; font-weight: 500; padding: 14px 40px;} .image[data-v-946501a3] {max-width: 100%; max-height: 100%; margin-top: 20px; display: none;} .chevron[data-v-946501a3] {display: none; transition: all .1s ease-in-out; @media screen and (max-width: 991px) {display: inline-block;}} &.selected {&[data-v-946501a3] {border: 1px solid #6AA8FF; background: rgba(24,121,255,.15);} .icon[data-v-946501a3] {display: none;} .selected-icon[data-v-946501a3] {display: inline-block;} .chevron[data-v-946501a3] {transform: rotate(180deg);} @media screen and (max-width: 991px) {.image[data-v-946501a3] {display: inline-block;}}}}} .right-panel {&[data-v-946501a3] {grid-column: span 3 / span 3;} @media screen and (max-width: 991px) {&[data-v-946501a3] {display: none;}} img[data-v-946501a3] {max-width: 100%; max-height: 100%;}}}}.discover-features[data-v-946501a3]{font-family:Lexend,sans-serif;padding:60px 0}@media screen and (max-width: 991px){.discover-features[data-v-946501a3]{padding:30px 0}}.feature-tools{h2[data-v-62624018] {text-align: center; color: #101828; font-size: 24px; font-weight: 400; @media screen and (max-width: 991px) {font-size: 19px;}} p[data-v-62624018] {text-align: center; text-transform: uppercase; color: #6A7282; font-size: 14px;} .features {&[data-v-62624018] {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-top: 50px;} @media screen and (max-width: 991px) {&[data-v-62624018] {grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 30px;}} .feature {&[data-v-62624018] {padding: 25px; border-radius: 10px; border: 1px solid #D1D5DC; background: #FAFAFA; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; color: #101828; transition: all .1s ease-in-out;} @media screen and (max-width: 991px) {&[data-v-62624018] {padding: 15px 10px;}} .hovered-icon[data-v-62624018] {display: none;} &:hover {&[data-v-62624018] {border-radius: 10px; border: 1px solid #6AA8FF; background: rgba(24,121,255,.15);} .icon[data-v-62624018] {display: none;} .hovered-icon[data-v-62624018] {display: inline-block;}}}}}.feature-tools[data-v-62624018]{font-family:Lexend,sans-serif;padding:60px 0}@media screen and (max-width: 991px){.feature-tools[data-v-62624018]{padding:30px 0}}.workspace{h2[data-v-4f7027a4] {text-align: center; color: #101828; font-size: 24px; font-weight: 400; @media screen and (max-width: 991px) {font-size: 19px;}} .subtitle[data-v-4f7027a4] {text-align: center; text-transform: uppercase; color: #6A7282; font-size: 14px;} img[data-v-4f7027a4] {max-width: 100%; max-height: 100%; margin-top: 30px; border-radius: 25px; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);}}.workspace[data-v-4f7027a4]{font-family:Lexend,sans-serif;padding:60px 0}@media screen and (max-width: 991px){.workspace[data-v-4f7027a4]{padding:30px 0}}