html {
    font-family: 'Outfit';
    font-style: normal;
    background-color: #14171F;
    color: #A1A2B1;
    overflow-x: hidden;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.container {
    max-width: 1312px;
    width: 100%;
    margin: 0 auto;
}

.section {
    padding: 80px 0;
}

.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    gap: 48px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border-radius: 36px;
    margin-top: 24px;
}

.nav-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 56px;
}

.nav-menu a {
    display: block;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}

.flex-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    gap: 8px;
    border-radius: 24px;
    flex: 0 0 auto;

    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.btn.mirror {
    background: rgba(255, 255, 255, 0.2);
}

.btn.orange {
    background: #FD582D;
}

.main-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 821px;
    position: relative;
}

.main-section::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/disk.webp');
    background-repeat: no-repeat;
    background-position: right top;
    top: 0;
    right: 0;
    z-index: -1;
}

.h1 {
    font-weight: 300;
    font-size: 64px;
    line-height: 120%;
    color: #FFFFFF;    
}

.orng-text {
    color: #FD582D !important;
}

.main-title-block {
    margin-top: 96px;
    max-width: 745px;
}

.caption {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    width: fit-content;
    background: rgba(253, 88, 45, 0.1);
    border-radius: 36px;

    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #FD582D;
    margin-bottom: 16px;
}

.body-l {
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
}

.main-title-block .body-l {
    margin: 16px 0 32px;
    max-width: 715px;
}

.icon-sound {
    display: block;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='42.5' height='42.5' rx='21.25' stroke='%23FD582D' stroke-opacity='0.2' stroke-width='1.5'/%3E%3Cpath d='M12.5781 18.67C13.1981 16.91 14.2981 15.38 15.7181 14.23' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C12 23.17 12.21 24.29 12.58 25.33' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0898 31.57C20.0098 31.85 20.9898 32 21.9998 32C27.5198 32 31.9998 27.52 31.9998 22C31.9998 21.4 31.9398 20.81 31.8398 20.24' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7184 29.75C15.2484 29.37 14.7984 28.95 14.3984 28.49' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.2398 16.34C28.4398 13.72 25.4198 12 21.9998 12C20.9898 12 20.0098 12.15 19.0898 12.43' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.59 27.11C19.4681 27.11 20.18 26.3982 20.18 25.52C20.18 24.6419 19.4681 23.93 18.59 23.93C17.7119 23.93 17 24.6419 17 25.52C17 26.3982 17.7119 27.11 18.59 27.11Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.0019 24.4601V18.25C26.0019 16.93 25.1718 16.74 24.3318 16.97L21.1519 17.8401C20.5719 18.0001 20.1719 18.45 20.1719 19.12V20.23V20.97V25.5201' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4103 26.05C25.2884 26.05 26.0003 25.3382 26.0003 24.46C26.0003 23.5819 25.2884 22.87 24.4103 22.87C23.5322 22.87 22.8203 23.5819 22.8203 24.46C22.8203 25.3382 23.5322 26.05 24.4103 26.05Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.1797 20.76L25.9997 19.17' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-sun {
    display: block;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='42.5' height='42.5' rx='21.25' stroke='%23FD582D' stroke-opacity='0.2' stroke-width='1.5'/%3E%3Cpath d='M25.7194 19.69C27.7794 21.75 27.7794 25.08 25.7194 27.13C23.6594 29.19 20.3294 29.19 18.2794 27.13C16.2194 25.07 16.2194 21.74 18.2794 19.69C20.3294 17.63 23.6694 17.63 25.7194 19.69Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0002 23.41L20.4102 25' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.0708 16.34C29.2208 16.49 29.2208 16.74 29.0708 16.9C28.9208 17.05 28.6708 17.05 28.5108 16.9C28.3508 16.75 28.3608 16.5 28.5108 16.34C28.6608 16.18 28.9208 16.18 29.0708 16.34Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M29.0708 16.34C29.2208 16.49 29.2208 16.74 29.0708 16.9C28.9208 17.05 28.6708 17.05 28.5108 16.9C28.3508 16.75 28.3608 16.5 28.5108 16.34C28.6608 16.18 28.9208 16.18 29.0708 16.34Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4889 29.92C15.6389 30.07 15.6389 30.32 15.4889 30.48C15.3389 30.64 15.0889 30.63 14.9289 30.48C14.7789 30.33 14.7789 30.08 14.9289 29.92C15.0789 29.76 15.3389 29.76 15.4889 29.92Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M15.4889 29.92C15.6389 30.07 15.6389 30.32 15.4889 30.48C15.3389 30.64 15.0889 30.63 14.9289 30.48C14.7789 30.33 14.7789 30.08 14.9289 29.92C15.0789 29.76 15.3389 29.76 15.4889 29.92Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.8794 23.13C32.0294 23.28 32.0294 23.53 31.8794 23.69C31.7294 23.84 31.4794 23.84 31.3194 23.69C31.1594 23.54 31.1694 23.29 31.3194 23.13C31.4694 22.97 31.7294 22.97 31.8794 23.13Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M31.8794 23.13C32.0294 23.28 32.0294 23.53 31.8794 23.69C31.7294 23.84 31.4794 23.84 31.3194 23.69C31.1594 23.54 31.1694 23.29 31.3194 23.13C31.4694 22.97 31.7294 22.97 31.8794 23.13Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6686 23.13C12.8186 23.28 12.8186 23.53 12.6686 23.69C12.5186 23.85 12.2686 23.84 12.1086 23.69C11.9586 23.54 11.9586 23.29 12.1086 23.13C12.2686 22.97 12.5186 22.97 12.6686 23.13Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M12.6686 23.13C12.8186 23.28 12.8186 23.53 12.6686 23.69C12.5186 23.85 12.2686 23.84 12.1086 23.69C11.9586 23.54 11.9586 23.29 12.1086 23.13C12.2686 22.97 12.5186 22.97 12.6686 23.13Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.0708 29.92C29.2208 30.07 29.2208 30.32 29.0708 30.48C28.9208 30.63 28.6708 30.63 28.5108 30.48C28.3508 30.33 28.3608 30.08 28.5108 29.92C28.6708 29.76 28.9208 29.76 29.0708 29.92Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M29.0708 29.92C29.2208 30.07 29.2208 30.32 29.0708 30.48C28.9208 30.63 28.6708 30.63 28.5108 30.48C28.3508 30.33 28.3608 30.08 28.5108 29.92C28.6708 29.76 28.9208 29.76 29.0708 29.92Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4889 16.34C15.6389 16.49 15.6389 16.74 15.4889 16.9C15.3389 17.06 15.0889 17.05 14.9289 16.9C14.7789 16.75 14.7789 16.5 14.9289 16.34C15.0789 16.18 15.3389 16.18 15.4889 16.34Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M15.4889 16.34C15.6389 16.49 15.6389 16.74 15.4889 16.9C15.3389 17.06 15.0889 17.05 14.9289 16.9C14.7789 16.75 14.7789 16.5 14.9289 16.34C15.0789 16.18 15.3389 16.18 15.4889 16.34Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.2817 13.52C22.4317 13.67 22.4317 13.92 22.2817 14.08C22.1317 14.24 21.8817 14.23 21.7217 14.08C21.5617 13.93 21.5717 13.68 21.7217 13.52C21.8717 13.36 22.1317 13.37 22.2817 13.52Z' stroke='%23FD582D' stroke-miterlimit='10'/%3E%3Cpath d='M22.2817 13.52C22.4317 13.67 22.4317 13.92 22.2817 14.08C22.1317 14.24 21.8817 14.23 21.7217 14.08C21.5617 13.93 21.5717 13.68 21.7217 13.52C21.8717 13.36 22.1317 13.37 22.2817 13.52Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-tone {
    display: block;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='42.5' height='42.5' rx='21.25' stroke='%23FD582D' stroke-opacity='0.2' stroke-width='1.5'/%3E%3Cpath d='M17.9687 32C20.1779 32 21.9688 30.2091 21.9688 28C21.9688 25.7909 20.1779 24 17.9687 24C15.7596 24 13.9688 25.7909 13.9688 28C13.9688 30.2091 15.7596 32 17.9687 32Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.9688 28V14' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.6105 12.11L29.0305 13.58C30.1005 13.94 30.9805 15.15 30.9805 16.28V17.45C30.9805 18.98 29.8005 19.83 28.3505 19.35L23.9305 17.88C22.8605 17.52 21.9805 16.31 21.9805 15.18V14C21.9705 12.48 23.1605 11.62 24.6105 12.11Z' stroke='%23FD582D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.row-services {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 72px;
    margin-top: 80px;
}

.row-services > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(4px);
}

.h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #FD582D;
}

.regular-m {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
}

.regular-l {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
}

.section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 72px;
}

.section-header .h2 {
    flex: 0 0 auto;
}

.icon-lightning {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.78368 19.765L17.0802 3.17187C17.1432 3.04602 17.3328 3.0908 17.3328 3.23149V12.3487C17.3328 12.8203 17.8092 13.1428 18.2471 12.9676L22.3715 11.3179C22.9406 11.0902 23.4895 11.6867 23.2153 12.235L14.9188 28.8282C14.8558 28.954 14.6662 28.9092 14.6662 28.7685V19.6514C14.6662 19.1797 14.1898 18.8572 13.7519 19.0324L9.62756 20.6821C9.05839 20.9098 8.50953 20.3133 8.78368 19.765Z' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-ai {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9997 6.35412C15.9997 5.00926 17.0131 3.8468 18.3483 4.00789C20.069 4.2155 21.9644 4.91176 22.6664 6.6667M15.9997 6.35412C15.9997 5.00926 14.9864 3.8468 13.6512 4.00789C11.9305 4.2155 10.0351 4.91176 9.33308 6.6667M15.9997 6.35412V25.7778M22.6664 6.6667C23.9997 10 25.3331 8.66667 26.6664 10.6667C27.9997 12.6667 26.6664 14 26.6664 16M22.6664 6.6667C23.1109 8.00004 23.4664 11.2 21.3331 13.3333M26.6664 16C26.6664 18 28.876 19.0189 27.3331 21.3333C25.9997 23.3333 24.3872 22.2792 23.3331 23.3333C21.9997 24.6667 22.6664 25.3333 20.6664 26.6667C19.1463 27.6801 17.6262 27.6665 16.6915 27.2113C16.1728 26.9587 15.9997 26.3548 15.9997 25.7778M26.6664 16C26.4442 16.8889 25.3331 18.6667 22.6664 18.6667M15.9997 25.7778C15.9997 26.3548 15.8267 26.9587 15.308 27.2113C14.3733 27.6665 12.8532 27.6801 11.3331 26.6667C9.33308 25.3333 9.99975 24.6667 8.66641 23.3333C7.61232 22.2792 5.99975 23.3333 4.66641 21.3333C3.12348 19.0189 5.33308 18 5.33308 16M9.33308 6.6667C7.99975 10 6.66641 8.66667 5.33308 10.6667C3.99975 12.6667 5.33308 14 5.33308 16M9.33308 6.6667C8.88864 8.00004 8.53308 11.2 10.6664 13.3333M5.33308 16C5.5553 16.8889 6.66641 18.6667 9.33308 18.6667' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-share {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6133 8.22668C25.2799 10.08 27.12 13.0267 27.4933 16.4267' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M4.65234 16.4933C4.99901 13.1067 6.81234 10.16 9.45234 8.29333' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10.9219 27.92C12.4685 28.7066 14.2285 29.1466 16.0819 29.1466C17.8685 29.1466 19.5485 28.7466 21.0552 28.0133' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16.0817 10.2667C18.1288 10.2667 19.7883 8.60713 19.7883 6.56C19.7883 4.51286 18.1288 2.85333 16.0817 2.85333C14.0345 2.85333 12.375 4.51286 12.375 6.56C12.375 8.60713 14.0345 10.2667 16.0817 10.2667Z' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.44104 26.56C8.48818 26.56 10.1477 24.9005 10.1477 22.8533C10.1477 20.8062 8.48818 19.1467 6.44104 19.1467C4.39391 19.1467 2.73438 20.8062 2.73438 22.8533C2.73438 24.9005 4.39391 26.56 6.44104 26.56Z' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M25.5582 26.56C27.6054 26.56 29.2649 24.9005 29.2649 22.8533C29.2649 20.8062 27.6054 19.1467 25.5582 19.1467C23.5111 19.1467 21.8516 20.8062 21.8516 22.8533C21.8516 24.9005 23.5111 26.56 25.5582 26.56Z' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.row-3-col {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 56px;
}

.row-3-col > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.medium-m {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

.medium-s {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #A1A2B1;
}

.section-2 {
    position: relative;
}

.section-2::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/ai.webp');
    background-repeat: no-repeat;
    background-position: right center;
    top: 0;
    right: 0;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.icon-download {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 3L12.5 14M16.5 12L13.2071 15.2929C12.8166 15.6834 12.1834 15.6834 11.7929 15.2929L8.5 12M3.5 16V16.2C3.5 17.8802 3.5 18.7202 3.82698 19.362C4.1146 19.9265 4.57354 20.3854 5.13803 20.673C5.77976 21 6.61984 21 8.3 21H16.7C18.3802 21 19.2202 21 19.862 20.673C20.4265 20.3854 20.8854 19.9265 21.173 19.362C21.5 18.7202 21.5 17.8802 21.5 16.2V16' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-share {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.94034 13.0203C3.69622 12.811 3.57416 12.7064 3.52944 12.5819C3.49019 12.4727 3.49019 12.3531 3.52944 12.2439C3.57416 12.1194 3.69622 12.0147 3.94034 11.8055L12.4111 4.54486C12.8313 4.18466 13.0414 4.00457 13.2193 4.00015C13.3739 3.99632 13.5216 4.06424 13.6193 4.18412C13.7317 4.32205 13.7317 4.59879 13.7317 5.15226V9.44752C15.8664 9.82098 17.8201 10.9026 19.272 12.5268C20.8549 14.2974 21.7305 16.5888 21.7317 18.9639V19.5759C20.6824 18.3118 19.3722 17.2894 17.8909 16.5788C16.585 15.9523 15.1733 15.5812 13.7317 15.4834V19.6735C13.7317 20.227 13.7317 20.5037 13.6193 20.6417C13.5216 20.7615 13.3739 20.8295 13.2193 20.8256C13.0414 20.8212 12.8313 20.6411 12.4111 20.2809L3.94034 13.0203Z' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-regenerate {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 12C22.5 17.52 18.02 22 12.5 22C6.98 22 3.61 16.44 3.61 16.44M3.61 16.44H8.13M3.61 16.44V21.44M2.5 12C2.5 6.48 6.94 2 12.5 2C19.17 2 22.5 7.56 22.5 7.56M22.5 7.56V2.56M22.5 7.56H18.06' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-reload {
    display: block;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.10812 5.08002C9.97812 4.82002 10.9381 4.65002 11.9981 4.65002C16.7881 4.65002 20.6681 8.53002 20.6681 13.32C20.6681 18.11 16.7881 21.99 11.9981 21.99C7.20813 21.99 3.32812 18.11 3.32812 13.32C3.32812 11.54 3.86813 9.88002 4.78813 8.50002' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.87109 5.32L10.7611 2' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.87109 5.31995L11.2411 7.77995' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    flex: 0 0 auto;
    cursor: pointer;
}

.icon-play {
    display: block;
    width: 60px;
    height: 60px;
    /* background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='58.5' height='58.5' rx='29.25' stroke='white' stroke-opacity='0.1' stroke-width='1.5'/%3E%3Cpath d='M21.332 30V25.2534C21.332 19.36 25.5054 16.9467 30.612 19.8934L34.732 22.2667L38.852 24.64C43.9587 27.5867 43.9587 32.4134 38.852 35.36L34.732 37.7334L30.612 40.1067C25.5054 43.0534 21.332 40.64 21.332 34.7467V30Z' fill='%23FD582D'/%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.832031 12V7.25333C0.832031 1.36 5.00536 -1.05333 10.112 1.89333L14.232 4.26667L18.352 6.64C23.4587 9.58667 23.4587 14.4133 18.352 17.36L14.232 19.7333L10.112 22.1067C5.00536 25.0533 0.832031 22.64 0.832031 16.7467V12Z' fill='%23FD582D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    flex: 0 0 auto;
    cursor: pointer;
}

.icon-play.active {
    border: 1.5px solid #FD582D;
}

.icon-pause {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.832031 12V7.25333C0.832031 1.36 5.00536 -1.05333 10.112 1.89333L14.232 4.26667L18.352 6.64C23.4587 9.58667 23.4587 14.4133 18.352 17.36L14.232 19.7333L10.112 22.1067C5.00536 25.0533 0.832031 22.64 0.832031 16.7467V12Z' fill='%23FD582D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 1.5px solid #FD582D;
    border-radius: 100%;
    flex: 0 0 auto;
    cursor: pointer;
}

.icon-mute {
    display: block;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.37003V7.41003C15 4.43003 12.93 3.29003 10.41 4.87003L7.49 6.70003C7.17 6.89003 6.8 7.00003 6.43 7.00003H5C3 7.00003 2 8.00003 2 10V14C2 16 3 17 5 17H7' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.4102 19.13C12.9302 20.71 15.0002 19.56 15.0002 16.59V12.95' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.81 9.42004C19.71 11.57 19.44 14.08 18 16' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.1481 7.80005C22.6181 11.29 22.1781 15.37 19.8281 18.5' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 2L2 22' stroke='%23FD582D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    flex: 0 0 auto;
    cursor: pointer;
}

.icon-mute.active {
    border: 1.5px solid #FD582D;
}

.section-3 {
    background: radial-gradient(50% 100% at 50% 100%, rgba(253, 88, 45, 0.4) 0%, rgba(253, 88, 45, 0) 100%);
}

.wrapper-powerful {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 16px;
    gap: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 32px;
}

.wrapper-powerful > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.regular-s {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #FD582D;
}

.head-powerful {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 32px;
    gap: 10px;
    background: rgba(253, 88, 45, 0.2);
    border-radius: 24px 24px 0px 0px;
    width: 100%;
}

.content-powerful {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 32px;
    gap: 16px;
    width: 100%;
    background: #14171F;
    border-radius: 0px 0px 24px 24px;
    height: 100%;
}

.content-powerful .btn {
    width: 100%;
}

.tags {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
}

.tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    background: rgba(253, 88, 45, 0.1);
    border-radius: 36px;

    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FD582D;
}

.tabs {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px;
    gap: 2px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 56px;
    width: 100%;
}

.tabs .tab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    gap: 8px;
    border-radius: 36px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.tabs .tab.active {
    background: #FD582D;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 24px;

    height: 142px;

    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}

.body-xl {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
}

.content-powerful .body-xl,
.content-powerful .regular-m {
    text-align: center;
    width: 100%;
}

.btns-audio {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin: 0 auto;
}

.wrapper-powerful .flex-btns {
    margin: 24px auto 0;
}

.btn.mirror-orange {
    background: rgba(253, 88, 45, 0.2);
    border: 1px solid rgba(253, 88, 45, 0.2);
}

.progress-bar {
    width: 100%;
    height: 5px;
    appearance: none;
    outline: none;
    transition: background 450ms ease-in;
    cursor: pointer;
    background: linear-gradient(to right, #FD582D 0%, rgba(255, 255, 255, 0.1) 0%);
}

.progress-bar::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #FFFFFF;
    border: 2px solid #14171F;
    appearance: none;
}

.progress-bar::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #FFFFFF;
    border: 2px solid #14171F;
    appearance: none;
}

.regular-xs {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.icon-review {
    display: block;
    width: 40px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='32' viewBox='0 0 40 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.284 3.45946L9.62963 18.1622L5.80247 19.1506C6.21399 18.2445 6.70782 17.5032 7.28395 16.9266C7.94239 16.3501 8.68313 16.0618 9.50617 16.0618C11.2346 16.0618 12.7984 16.7619 14.1975 18.1622C15.679 19.5624 16.4198 21.3745 16.4198 23.5985C16.4198 25.8224 15.5967 27.7992 13.9506 29.529C12.3868 31.1763 10.4938 32 8.27161 32C6.04938 32 4.11523 31.1763 2.46914 29.529C0.823045 27.8816 0 25.9048 0 23.5985C0 22.61 0.205761 21.4981 0.617284 20.2626C1.02881 18.9447 1.7284 17.2973 2.71605 15.3205L10.9877 0L17.284 3.45946ZM40 3.45946L32.3457 18.1622L28.5185 19.1506C28.93 18.2445 29.4239 17.5032 30 16.9266C30.6584 16.3501 31.3992 16.0618 32.2222 16.0618C33.9506 16.0618 35.5144 16.7619 36.9136 18.1622C38.3951 19.5624 39.1358 21.3745 39.1358 23.5985C39.1358 25.8224 38.3128 27.7992 36.6667 29.529C35.1029 31.1763 33.2099 32 30.9877 32C28.7654 32 26.8313 31.1763 25.1852 29.529C23.5391 27.8816 22.7161 25.9048 22.7161 23.5985C22.7161 22.61 22.9218 21.4981 23.3333 20.2626C23.7449 18.9447 24.4444 17.2973 25.4321 15.3205L33.7037 0L40 3.45946Z' fill='%23FD582D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
    margin-bottom: 24px;
}

.reviews {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    margin-top: 56px;
}

.review {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 32px;
    gap: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
}

.review-autor {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.section-4 {
    position: relative;
}

.section-4::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url('../images/bg-review.webp');
    background-repeat: no-repeat;
    background-position: right top;
    z-index: -1;
}

.wrapper-packages {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}

.package {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    gap: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    width: 100%;
}

.bold-m {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #FFFFFF;
}

.h2-l {
    font-weight: 300;
    font-size: 96px;
    line-height: 120%;
    text-align: center;
    color: #FD582D;
}

.currency {
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
}

.period {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
}

.list-icon li {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding-left: 21px;
    color: #FFFFFF;
    margin-bottom: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.834 19.5C8.9166 19.5 6.11871 18.4991 4.05581 16.7175C1.99291 14.9359 0.833984 12.5196 0.833984 10C0.833984 7.48044 1.99291 5.06408 4.05581 3.28249C6.11871 1.50089 8.9166 0.5 11.834 0.5V10L11.834 19.5Z' fill='%23FD582D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.list-icon li:last-child {
    margin-bottom: 0;
}

.package .regular-xs {
    max-width: 227px;
    text-align: center;
}

.btn.gray {
    background: rgba(255, 255, 255, 0.2);
}

.package .btn {
    width: 100%;
}

.head-package {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.head-package p {
    color: #FD582D;
}

.tag-popular {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    background: rgba(253, 88, 45, 0.1);
    border-radius: 36px;

    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
}

.package.popular {
    background: rgba(253, 88, 45, 0.2);
    border: 1px solid #FD582D;
}

.section-6 {
    background: radial-gradient(100% 100% at 50% 0%, rgba(253, 88, 45, 0.4) 0%, rgba(253, 88, 45, 0) 100%);
}

.wrapper-call {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 32px 56px;
    gap: 40px;
    background: rgba(253, 88, 45, 0.2);
    border: 1px solid #FD582D;
    border-radius: 24px;
    width: 100%;
}

.wrapper-call .h3 {
    margin-bottom: 16px;
}

.h3 {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: #FFFFFF;
}

.light-l {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
}

.social {
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
}

.social.social-x {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2439 2.25H21.5519L14.3249 10.51L22.8269 21.75H16.1699L10.9559 14.933L4.98991 21.75H1.67991L9.40991 12.915L1.25391 2.25H8.07991L12.7929 8.481L18.2439 2.25ZM17.0829 19.77H18.9159L7.08391 4.126H5.11691L17.0829 19.77Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.social.social-inst {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.257 5.66797C16.5901 5.66797 16.0898 6.16818 16.0898 6.83512C16.0898 7.50207 16.5901 8.00228 17.257 8.00228C17.9239 8.00228 18.4242 7.50207 18.4242 6.83512C18.4242 6.16818 17.9239 5.66797 17.257 5.66797Z' fill='white'/%3E%3Cpath d='M12.0047 7.16895C9.25351 7.16895 7.08594 9.41989 7.08594 12.0877C7.08594 14.7555 9.33688 17.0064 12.0047 17.0064C14.6724 17.0064 16.9234 14.7555 16.9234 12.0877C16.9234 9.41989 14.7558 7.16895 12.0047 7.16895ZM12.0047 15.2557C10.2539 15.2557 8.83667 13.8384 8.83667 12.0877C8.83667 10.3369 10.2539 8.91968 12.0047 8.91968C13.7554 8.91968 15.1727 10.3369 15.1727 12.0877C15.1727 13.8384 13.7554 15.2557 12.0047 15.2557Z' fill='white'/%3E%3Cpath d='M16.0059 2H8.08588C4.66778 2 2 4.66778 2 8.00251V15.9225C2 19.2572 4.66778 21.925 8.00251 21.925H15.9225C19.2572 21.925 21.925 19.2572 21.925 15.9225V8.00251C22.0084 4.66778 19.3406 2 16.0059 2ZM20.0909 16.0059C20.0909 18.2568 18.2568 20.1743 15.9225 20.1743H8.00251C5.75157 20.1743 3.8341 18.3402 3.8341 16.0059V8.08588C3.8341 5.83494 5.6682 3.91747 8.00251 3.91747H15.9225C18.1734 3.91747 20.0909 5.75157 20.0909 8.08588V16.0059Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.body-xs {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #A1A2B1;
}

footer {
    padding: 32px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #14171F;
}

.footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 56px;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding-top: 24px;
}

.footer-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.body-m {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
}

.review-autor img {
    width: 66px;
    height: 66px;
    flex: 0 0 auto;
    object-fit: cover;
}

.mobile {
    display: none !important;
}

.icon-login {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41406 6.30001C7.6724 3.30001 9.21406 2.07501 12.5891 2.07501H12.6974C16.4224 2.07501 17.9141 3.56668 17.9141 7.29168V12.725C17.9141 16.45 16.4224 17.9417 12.6974 17.9417H12.5891C9.23906 17.9417 7.6974 16.7333 7.4224 13.7833' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66406 10H12.3974' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5391 7.20834L13.3307 10L10.5391 12.7917' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.icon-sign {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66406 13.3333C6.66406 15.6903 6.66406 16.8689 7.3963 17.6011C8.12853 18.3333 9.30704 18.3333 11.6641 18.3333H12.4974C14.8544 18.3333 16.0329 18.3333 16.7652 17.6011C17.4974 16.8689 17.4974 15.6903 17.4974 13.3333V6.66666C17.4974 4.30963 17.4974 3.13112 16.7652 2.39889C16.0329 1.66666 14.8544 1.66666 12.4974 1.66666H11.6641C9.30704 1.66666 8.12853 1.66666 7.3963 2.39889C6.66406 3.13112 6.66406 4.30963 6.66406 6.66666' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.66667 16.25C4.70248 16.25 3.72039 16.25 3.11019 15.6398C2.5 15.0296 2.5 14.0475 2.5 12.0833V7.91667C2.5 5.95248 2.5 4.97039 3.11019 4.36019C3.72039 3.75 4.70248 3.75 6.66667 3.75' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M5 10L12.5 10M12.5 10L10.4167 12.0833M12.5 10L10.4167 7.91667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.login-page-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    background: radial-gradient(50% 100% at 50% 100%, rgba(253, 88, 45, 0.4) 0%, rgba(253, 88, 45, 0) 100%), #14171F;
}

.login-wrapper {
    height: 100%;
    max-width: 427px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.icon-google {
    display: block;
    width: 23px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_232_5023)'%3E%3Cpath d='M23.4865 12.7245C23.4865 11.7413 23.4082 11.0237 23.2389 10.2796H12.2266V14.7176H18.6905C18.5603 15.8205 17.8565 17.4815 16.2926 18.5976L16.2707 18.7461L19.7526 21.4963L19.9938 21.5209C22.2093 19.4347 23.4865 16.3653 23.4865 12.7245Z' fill='%234285F4'/%3E%3Cpath d='M12.228 24.4176C15.3948 24.4176 18.0534 23.3545 19.9953 21.5209L16.2941 18.5976C15.3036 19.3018 13.9743 19.7934 12.228 19.7934C9.12635 19.7934 6.49384 17.7074 5.55542 14.824L5.41787 14.8359L1.79735 17.6927L1.75 17.8269C3.67877 21.7334 7.64061 24.4176 12.228 24.4176Z' fill='%2334A853'/%3E%3Cpath d='M5.5565 14.824C5.30889 14.0799 5.16559 13.2826 5.16559 12.4588C5.16559 11.6349 5.30889 10.8377 5.54347 10.0936L5.53691 9.93513L1.87102 7.03241L1.75107 7.09058C0.956137 8.71168 0.5 10.5321 0.5 12.4588C0.5 14.3855 0.956137 16.2058 1.75107 17.8269L5.5565 14.824Z' fill='%23FBBC05'/%3E%3Cpath d='M12.228 5.12403C14.4305 5.12403 15.9161 6.09402 16.7632 6.90461L20.0735 3.60928C18.0405 1.6826 15.3948 0.5 12.228 0.5C7.6406 0.5 3.67877 3.18406 1.75 7.09056L5.54239 10.0936C6.49384 7.2102 9.12635 5.12403 12.228 5.12403Z' fill='%23EB4335'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_232_5023'%3E%3Crect width='23' height='24' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex: 0 0 auto;
}

.input {
    display: block;
    padding: 14px 16px;
    background: #2B2E35;
    border-radius: 24px;
    width: 100%;
    
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.input::placeholder {
    color: #A1A2B1;
}

.auth-wrapper-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 8px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border-radius: 36px;
}

.auth-wrapper-form .btn {
    width: 100%;
}

.serp {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.serp-block {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
}
.serp-block p {
    flex: 0 0 auto;
}

.plans-wrapper {
    margin-bottom: 80px;
}

.account-page-wrapper {
    padding-top: 96px;
    background: radial-gradient(50% 100% at 50% 100%, rgba(253, 88, 45, 0.4) 0%, rgba(253, 88, 45, 0) 100%), #14171F;
}

.head-credits {
    text-align: center;
    padding-top: 40px;
}

.logout-ac {
    display: block;
    width: 48px;
    height: 48px;
    position: relative;
    border-radius: 100%;
    flex: 0 0 auto;
}

.logout-ac img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 100%;
}

.icon-orange {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: rgba(253, 88, 45, 0.2);
    border: 1px solid rgba(253, 88, 45, 0.2);
    background-position: center;
}

.music-list-page {
    padding-top: 40px;
    max-width: 769px;
    width: 100%;
    margin: 0 auto 80px;
}

.music-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.music-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
    background: #14171F;
    border-radius: 24px;
    width: 100%;
}

.row-music {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
}

.row-music .btns-audio {
    margin: 0;
}

.info-music .tags {
    margin-top: 4px;
}

.audio-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.audio-container .tag {
    flex: 0 0 auto;
}

.audio-track {
    width: 100%;
    display: flex;
    align-items: center;
}

.form_radio input[type=radio] {
	display: none;
}

.form_radio label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    gap: 8px;
    border-radius: 36px;

    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}

.form_radio input[type=radio]:checked + label {
    background: #FD582D;
}

.tags-radio {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px;
    gap: 2px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 56px;
    width: fit-content;
}

.wrapper-form-generate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 56px;
}

.block-head {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 32px;
    gap: 10px;
    background: rgba(253, 88, 45, 0.2);
    border-radius: 24px 24px 0px 0px;
    width: 100%;
}

.form-test-works {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
    gap: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 32px;
    width: 100%;
}

.wrapper-input-gen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 32px;
    gap: 16px;
    width: 100%;
    background: #14171F;
    border-radius: 0px 0px 24px 24px;
    height: 100%;
}

.form-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.mobile-header {
    display: none;
}

.range-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.plans-wrapper #tokens-count {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

@media (hover: hover) {
    .nav-menu a:hover {
        color: #FD582D;
    }
    .btn.mirror-orange:hover {
        background-color: #FD582D;
    }
    .btn.mirror-orange:hover .icon-download {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3L12 14M16 12L12.7071 15.2929C12.3166 15.6834 11.6834 15.6834 11.2929 15.2929L8 12M3 16V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }
    .btn.mirror-orange:hover .icon-share {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.94034 13.0203C3.69622 12.811 3.57416 12.7064 3.52944 12.5819C3.49019 12.4727 3.49019 12.3531 3.52944 12.2439C3.57416 12.1194 3.69622 12.0147 3.94034 11.8055L12.4111 4.54486C12.8313 4.18466 13.0414 4.00457 13.2193 4.00015C13.3739 3.99632 13.5216 4.06424 13.6193 4.18412C13.7317 4.32205 13.7317 4.59879 13.7317 5.15226V9.44752C15.8664 9.82098 17.8201 10.9026 19.272 12.5268C20.8549 14.2974 21.7305 16.5888 21.7317 18.9639V19.5759C20.6824 18.3118 19.3722 17.2894 17.8909 16.5788C16.585 15.9523 15.1733 15.5812 13.7317 15.4834V19.6735C13.7317 20.227 13.7317 20.5037 13.6193 20.6417C13.5216 20.7615 13.3739 20.8295 13.2193 20.8256C13.0414 20.8212 12.8313 20.6411 12.4111 20.2809L3.94034 13.0203Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }
    .btn.mirror-orange:hover .icon-regenerate {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 12C22.5 17.52 18.02 22 12.5 22C6.98 22 3.61 16.44 3.61 16.44M3.61 16.44H8.13M3.61 16.44V21.44M2.5 12C2.5 6.48 6.94 2 12.5 2C19.17 2 22.5 7.56 22.5 7.56M22.5 7.56V2.56M22.5 7.56H18.06' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }
    .logout-ac:hover::after {
        content: '';
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background: linear-gradient(0deg, rgba(20, 23, 31, 0.8), rgba(20, 23, 31, 0.8));
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .logout-ac:hover::before {
        content: '';
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.89844 7.55999C9.20844 3.95999 11.0584 2.48999 15.1084 2.48999H15.2384C19.7084 2.48999 21.4984 4.27999 21.4984 8.74999V15.27C21.4984 19.74 19.7084 21.53 15.2384 21.53H15.1084C11.0884 21.53 9.23844 20.08 8.90844 16.54' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9972 12H3.61719' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.85 8.64999L2.5 12L5.85 15.35' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }
}


@media screen and (max-width: 640px) {
    .header .flex-btns:not(.mobile) {
        display: none;
    }
    .login-wrapper {
        max-width: 343px;
    }
    .container {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0 16px;
    }
    .header .nav-menu {
        display: none;
    }
    .main-section::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url('../images/disk-mobile.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right top;
        top: 0;
        right: 0;
        z-index: -1;
    }
    .main-section {
        height: 892px;
        justify-content: flex-end;
    }
    .h1 {
        font-size: 36px;
    }
    .main-title-block {
        margin-top: 0;
        max-width: 100%;
    }
    .main-title-block .body-l {
        margin: 12px 0 24px;
        max-width: 343px;
    }
    .body-l {
        font-size: 16px;
    }
    .caption {
        font-size: 14px;
        line-height: 18px;
        padding: 6px 12px;
        margin-bottom: 12px;
    }
    .row-services {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 24px;
    }
    .section {
        padding: 40px 0;
    }
    .section-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
    }
    .row-3-col {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
    .section-2::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../images/ai.webp);
        background-repeat: no-repeat;
        background-position: center bottom;
        top: 0;
        right: 0;
        mix-blend-mode: luminosity;
        z-index: -1;
        opacity: .2;
    }
    .wrapper-powerful {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px;
        gap: 16px;
    }
    .wrapper-powerful .music .btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px;
        gap: 4px;
        width: 48px;
        height: 48px;
        border-radius: 100%;
    }
    .wrapper-powerful .music .btn span {
        display: none;
    }
    .reviews {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .section-4::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-image: url(../images/bg-review.webp);
        background-repeat: no-repeat;
        background-position: center bottom;
        z-index: -1;
    }
    .wrapper-packages {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .wrapper-call {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 24px;
    }
    .footer .nav-menu {
        display: none;
    }
    .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .main-title-block .flex-btns {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    .main-title-block .flex-btns .btn {
        width: 100%;
    }
    .body-m {
        font-size: 14px;
    }
    .h2 {
        font-size: 40px;
    }
    .regular-m {
        font-size: 14px;
        line-height: 19px;
    }
    .head-powerful,
    .content-powerful {
        padding: 16px;
    }
    .icon-review {
        background-size: cover;
        width: 25px;
        height: 20px;
        margin-bottom: 20px;
    }
    .review-autor img {
        width: 52px;
        height: 52px;
    }
    .body-xl {
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
    }
    .regular-xs {
        font-size: 14px;
        line-height: 18px;
    }
    .review {
        gap: 20px;
        padding: 16px;
    }
    .package {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px 16px 16px;
        gap: 24px;
    }
    .bold-m {
        font-size: 32px;
    }
    .h2-l {
        font-size: 64px;
    }
    .currency {
        font-size: 24px;
    }
    .period {
        font-size: 16px;
    }
    .tag-popular {
        font-size: 14px;
        line-height: 18px;
    }
    .h3 {
        font-size: 40px;
    }
    .light-l {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }
    .wrapper-call .flex-btns {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
    }
    .wrapper-call .flex-btns .btn {
        width: 100%;
    }
    .flex-btns.mobile {
        display: flex !important;
    }
    .header .flex-btns.mobile .btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 14px;
        gap: 8px;
        width: 48px;
        height: 48px;
        border-radius: 100%;
    }
    .mobile.nav-menu-bottom {
        display: block !important;
        width: 100%;
        position: fixed;
        bottom: 0;
        margin-bottom: 16px;
    }
    .nav-menu-bottom .nav-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 16px;
        gap: 48px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px);
        border-radius: 36px;
    }
    .nav-menu a {
        font-size: 14px;
        line-height: 18px;
    }
    .form_radio label {
        padding: 8px 12px;
    }
    .mobile-header {
        display: block;
        margin-top: 3px;
    }
    .mobile-header .nav-menu {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 4px;
        gap: 2px;
        width: 100%;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 56px;
    }
    .mobile-header .nav-menu a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 8px 32px;
        gap: 8px;
        border-radius: 36px;
        width: 100%;

        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #A1A2B1;
    }
    .mobile-header .nav-menu a.select {
        background: #FD582D;
        color: #FFFFFF;
        border-bottom: unset;
    }
    .account-page-wrapper {
        padding-top: 152px;
    }
    .header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 4px;
        gap: 48px;
        margin: 16px 0;
    }
    .header .regular-l {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }
}