/* screen - home */

.home {
    align-items: flex-start;
    background-color: var(--ebony);
    display: flex;
    flex-direction: column;
    height: 3133px;
    overflow: hidden;
    width: 1440px;
}

    .home .flex-col {
        flex-direction: column;
        margin-top: -102px;
        min-height: 2188px;
        width: 1607px;
    }

    .home .overlap-group3 {
        height: 902px;
        position: relative;
        width: 1440px;
    }

    .home .overlap-group4 {
        height: 852px;
        left: 0;
        position: absolute;
        top: 0;
        width: 1440px;
    }

    .home .rectangle-1 {
        background-color: var(--haiti);
        height: 750px;
        top: 102px;
    }

    .home .ellipse-7 {
        background: linear-gradient(270deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 501px/94px;
        filter: blur(150px);
        height: 188px;
        left: 219px;
        position: absolute;
        top: 0;
        width: 1002px;
    }

    .home .mask-group {
        height: 750px;
        left: 0;
        position: absolute;
        top: 102px;
        width: 1440px;
        opacity: 0.1;
    }

    .home .navbar {
        align-items: center;
        display: inline-flex;
        gap: 24px;
        left: 538px;
        position: absolute;
        top: 138px;
        z-index: 10;
    }

    .home .navbar-link-place {
        text-decoration: underline;
    }

    .home .navbar a {
        text-decoration: none;
        color: white;
    }

    .home .frame-3-1 {
        flex-direction: column;
        gap: 32px;
        left: 229px;
        position: absolute;
        top: 272px;
    }

    .home .create-professional {
        color: var(--white);
        font-family: var(--font-family-lufga-semibold);
        font-size: 48px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        text-align: center;
        width: 982px;
    }

    .home .transform-your-promp {
        letter-spacing: 0;
        line-height: 24px;
        opacity: 0.8;
        position: relative;
        text-align: center;
        width: 690px;
    }

    .home .frame {
        align-items: flex-start;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 24px;
        justify-content: center;
        position: relative;
    }

    .home .frame-2 {
        align-items: center;
        background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 1000px;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 8px;
        justify-content: center;
        padding: 12px 24px;
        position: relative;
    }

    .home .start-creating-free {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .frame-3 {
        align-items: center;
        border: none;
        border-radius: 1000px;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 8px;
        justify-content: center;
        padding: 12px 24px;
        position: relative;
        border: 1px solid rgba(196, 74, 244, 1);
    }

    .home .frame-5-1 {
        align-items: center;
        display: flex;
        justify-content: space-between;
        left: 80px;
        position: absolute;
        top: 131px;
        width: 1280px;
    }

    .home .div {
        position: relative;
        width: 175.03px;
    }

    .home .frame-8 {
        align-items: center;
        display: flex;
        height: 20px;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 4px;
        width: 22px;
    }

    .home .frame-1 {
        border: 0px none;
        height: 20px;
        position: relative;
        width: 22.5px;
    }

    .home .vector {
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 21px;
    }

    .home .ulta-imagesnet {
        left: 30px;
        letter-spacing: 0;
        line-height: 28px;
        position: absolute;
        top: -2px;
        white-space: nowrap;
        width: 143px;
    }

    .home .frame-4-2 {
        gap: 24px;
    }

    .home .sign-in {
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        width: fit-content;
    }

    .home .vector-1-1 {
        height: 268px;
        left: 236px;
        position: absolute;
        top: 584px;
        width: 484px;
    }

    .home .vector-2-1 {
        height: 268px;
        left: 720px;
        position: absolute;
        top: 584px;
        width: 484px;
    }

    .home .vector-3-1 {
        height: 122px;
        left: 720px;
        position: absolute;
        top: 728px;
        width: 266px;
    }

    .home .vector-4-1 {
        height: 122px;
        left: 455px;
        position: absolute;
        top: 728px;
        width: 266px;
    }

    .home .frame-8-1 {
        border-radius: 1000px;
        box-shadow: 0px 0px 30px #ffffff40;
        gap: 8px;
        left: 189px;
        padding: 2px;
        top: 555px;
        width: 128px;
    }

    .home .frame-7 {
        align-items: center;
        align-self: stretch;
        background: radial-gradient(50% 50% at 50% 50%, rgba(43, 33, 62, 1) 0%, rgba(16, 8, 33, 1) 100%);
        border: none;
        border-radius: 1000px;
        box-shadow: inset 0px 0px 10px #ffffff40;
        display: flex;
        flex: 0 0 auto;
        gap: 8px;
        justify-content: center;
        padding: 16px;
        position: relative;
        width: 100%;
    }

    .home .i {
        height: 16px;
        width: 16px;
    }

    .home .svg {
        height: 16px;
        width: 16px;
    }

    .home .frame-9 {
        border: 0px none;
        height: 16px;
        position: relative;
        width: 16px;
    }

    .home .vector-6 {
        height: 14px;
        left: 0;
        position: absolute;
        top: 1px;
        width: 16px;
    }

    .home .images {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .frame-12 {
        align-items: flex-start;
        background-blend-mode: lighten;
        background-color: var(--purple-heart);
        border-radius: 1000px;
        box-shadow: 0px 0px 30px #ffffff40;
        display: flex;
        flex-direction: column;
        gap: 8px;
        left: 1123px;
        padding: 2px;
        position: absolute;
        top: 555px;
        width: 128px;
    }

    .home .i-1 {
        height: 16px;
        width: 14px;
    }

    .home .svg-1 {
        height: 16px;
        width: 14px;
    }

    .home .frame-10 {
        border: 0px none;
        height: 16px;
        position: relative;
        width: 14px;
    }

    .home .vector-7 {
        height: 14px;
        left: 0;
        position: absolute;
        top: 1px;
        width: 14px;
    }

    .home .publish {
        margin-top: -1.00px;
        width: fit-content;
    }

    .home .frame-11 {
        align-items: flex-start;
        background-blend-mode: lighten;
        background-color: var(--purple-heart);
        border-radius: 1000px;
        box-shadow: 0px 0px 30px #ffffff40;
        display: inline-flex;
        flex-direction: column;
        gap: 8px;
        left: 920px;
        padding: 2px;
        position: absolute;
        top: 706px;
    }

    .home .frame-7-2::before {
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        background: linear-gradient(103deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
        border-radius: 1000px;
        content: '';
        inset: 0;
        mask-composite: exclude;
        padding: 1px;
        pointer-events: none;
        position: absolute;
        z-index: 1;
    }

    .home .frame-7-2 {
        align-items: center;
        border: none;
        border-radius: 1000px;
        box-shadow: inset 0px 0px 10px #ffffff40;
        display: inline-flex;
        gap: 8px;
        padding: 16px;
    }

    .home .i-2 {
        height: 16px;
        width: 16px;
    }

    .home .svg-2 {
        height: 16px;
        width: 16px;
    }


    .home .frame-13 {
        /*background-image: url(../img/vector-110.svg);*//*arc*/
        background-size: 100% 100%;
        border: 0px none;
        height: 16px;
        position: relative;
        width: 16px;
    }

    .home .effects {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .frame-10-1 {
        align-items: flex-start;
        background-blend-mode: lighten;
        background-color: var(--purple-heart);
        border-radius: 1000px;
        box-shadow: 0px 0px 30px #ffffff40;
        display: flex;
        flex-direction: column;
        gap: 8px;
        left: 406px;
        padding: 2px;
        position: absolute;
        top: 706px;
        width: 128px;
    }

    .home .i-3 {
        height: 16px;
        width: 18px;
    }

    .home .svg-3 {
        height: 16px;
        width: 18px;
    }

    .home .frame-14 {
        border: 0px none;
        height: 16px;
        position: relative;
        width: 18px;
    }

    .home .vector-8 {
        height: 12px;
        left: 0;
        position: absolute;
        top: 2px;
        width: 18px;
    }

    .home .videos {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .frame-17 {
        align-items: center;
        display: flex;
        height: 40px;
        justify-content: center;
        left: 698px;
        position: absolute;
        top: 832px;
        width: 47px;
    }

    .home .frame-4 {
        border: 0px none;
        height: 33.33px;
        position: relative;
        width: 37.5px;
    }

    .home .vector-1 {
        height: 33px;
        left: 0;
        position: absolute;
        top: 0;
        width: 35px;
    }

    .home .frame-18 {
        align-items: center;
        display: flex;
        height: 65px;
        justify-content: center;
        left: 688px;
        position: absolute;
        top: 832px;
        width: 65px;
        background: linear-gradient(to right, #6F4AF4, #4ADBF4);
        border-radius: 100%;
    }


    .home .everything-you-need {
        align-self: center;
        letter-spacing: 0;
        line-height: normal;
        margin-right: 166.0px;
        margin-top: 119px;
        min-height: 42px;
        min-width: 681px;
        text-align: center;
    }

    .home .frame-container {
        align-items: flex-start;
        display: flex;
        gap: 122px;
        height: 167px;
        margin-left: 72px;
        margin-top: 57px;
        min-width: 1305px;
        padding: 0 49px;
    }

    .home .frame-15 {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 24px;
        justify-content: center;
        position: relative;
        width: 321px;
    }

    .home .frame-16 {
        align-items: center;
        background-color: var(--purple-heart);
        border-radius: 1000px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        height: 48px;
        justify-content: center;
        position: relative;
        width: 48px;
    }

    .home .vector-9 {
        height: 16px;
        position: relative;
        width: 17px;
    }

    .home .ai-image-generation {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        text-align: center;
    }

    .home .create-stunning-imag {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        opacity: 0.8;
        position: relative;
        text-align: center;
    }

    .home .vector-2 {
        height: 14px;
        position: relative;
        width: 16px;
    }

    .home .video-creation {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        text-align: center;
    }

    .home .transform-images-int {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        opacity: 0.8;
        position: relative;
        text-align: center;
    }

    .home .vector-10 {
        height: 16px;
        position: relative;
        width: 11px;
    }

    .home .voice-sound {
        align-self: stretch;
        text-align: center;
    }

    .home .add-professional-voi {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        opacity: 0.8;
        position: relative;
        text-align: center;
    }

    .home .frame-container-1 {
        gap: 122px;
        height: 167px;
        margin-left: 72px;
        margin-top: 80px;
        min-width: 1305px;
        padding: 0 49px;
    }

    .home .vector-3 {
        height: 16px;
        position: relative;
        width: 14px;
    }

    .home .ai-avatars {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        text-align: center;
    }

    .home .include-realistic-ai {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        opacity: 0.8;
        position: relative;
        text-align: center;
    }

    .home .auto-scheduling {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        text-align: center;
    }

    .home .schedule-daily-conte {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        opacity: 0.8;
        position: relative;
        text-align: center;
    }

    .home .analytics-insights {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        text-align: center;
    }

    .home .track-performance-ac {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        opacity: 0.8;
        position: relative;
        text-align: center;
    }

    .home .overlap-group1 {
        height: 537px;
        margin-top: 117px;
        position: relative;
        width: 1607px;
    }

    .home .rectangle-3 {
        background: linear-gradient(270deg, rgba(30, 17, 59, 1) 0%, rgba(30, 17, 59, 0.8) 100%);
        height: 500px;
        top: 37px;
        transform: rotate(180deg);
    }

    .home .overlap-group {
        background-color: #1c1133;
        border: 3px solid;
        border-color: var(--white);
        border-radius: 17.88px;
        height: 499px;
        left: 800px;
        position: absolute;
        top: 0;
        width: 805px;
    }

    .home .mask-group-1 {
        height: 499px;
        left: -3px;
        position: absolute;
        top: -3px;
        width: 640px;
    }

    .home .frame-6-1 {
        align-items: flex-start;
        display: flex;
        gap: 13.41px;
        height: 25px;
        justify-content: center;
        left: 580px;
        position: absolute;
        top: 31px;
        width: 177px;
    }

    .home .frame-3-2::before {
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 558.79px;
        content: '';
        inset: 0;
        mask-composite: exclude;
        padding: 0.56px;
        pointer-events: none;
        position: absolute;
        z-index: 1;
    }

    .home .frame-3-2 {
        border: none;
        border-radius: 558.79px;
        flex: 0 0 auto;
        gap: 6.71px;
        justify-content: center;
        margin-bottom: -0.27px;
        margin-left: -0.21px;
        padding: 6.71px 13.41px;
        position: relative;
    }

    .home .frame-19 {
        align-items: center;
        display: flex;
        height: 8.94px;
        justify-content: center;
        position: relative;
        width: 7.82px;
    }

    .home .frame-20 {
        border: 0px none;
        height: 8.94px;
        position: relative;
        width: 7.82px;
    }

    .home .vector-11 {
        height: 8px;
        left: 0;
        position: absolute;
        top: 1px;
        width: 8px;
    }

    .home .save {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        position: relative;
        width: fit-content;
    }

    .home .frame-2-1 {
        background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 558.79px;
        gap: 6.71px;
        margin-bottom: -0.27px;
        margin-right: -0.21px;
        padding: 6.71px 13.41px;
    }

    .home .i-4 {
        height: 11.18px;
        width: 6.71px;
    }

    .home .svg-4 {
        height: 9px;
        top: 1px;
        width: 7px;
    }

    .home .frame-21 {
        border: 0px none;
        height: 8.94px;
        overflow: hidden;
        position: relative;
        width: 6.71px;
    }

    .home .vector-12 {
        height: 8px;
        left: -1474px;
        position: absolute;
        top: -1590px;
        width: 7px;
    }

    .home .run-workflow {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        position: relative;
        width: fit-content;
    }

    .home .workflow-builder {
        font-family: var(--font-family-lufga-semibold);
        font-size: 22.4px;
        font-weight: 600;
        left: 42px;
        line-height: normal;
        position: absolute;
        text-align: center;
        top: 28px;
    }

    .home .frame-39 {
        align-items: center;
        display: flex;
        gap: 13.41px;
        height: 13px;
        left: 294px;
        position: absolute;
        top: 36px;
        width: 212px;
    }

    .home .frame-37 {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 4.47px;
        margin-bottom: -0.29px;
        margin-top: -0.29px;
        position: relative;
    }

    .home .ellipse-11 {
        background-color: var(--lightning-yellow);
        border-radius: 2.24px;
        height: 4.47px;
        position: relative;
        width: 4.47px;
    }

    .home .auto-saved-2-min-ago {
        letter-spacing: 0;
        line-height: 13.4px;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: fit-content;
    }

    .home .frame-38 {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 4.47px;
        margin-bottom: -0.29px;
        margin-right: -0.86px;
        margin-top: -0.29px;
        position: relative;
    }

    .home .frame-22 {
        align-items: center;
        display: flex;
        height: 7.82px;
        justify-content: center;
        opacity: 0.5;
        position: relative;
        width: 7.82px;
    }

    .home .frame-23 {
        background-image: url(../img/vector-117.svg);
        background-size: 100% 100%;
        border: 0px none;
        height: 7.82px;
        position: relative;
        width: 7.82px;
    }

    .home .est-cost-45-credits {
        letter-spacing: 0;
        line-height: 13.4px;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: fit-content;
    }

    .home .frame-42 {
        align-items: center;
        display: flex;
        height: 33px;
        justify-content: space-between;
        left: 42px;
        position: absolute;
        top: 78px;
        width: 715px;
    }

    .home .frame-4-1 {
        gap: 8.94px;
    }

    .home .frame-41 {
        align-items: center;
        background-color: var(--white-2);
        border-radius: 55.88px;
        display: flex;
        flex-direction: column;
        gap: 4.47px;
        height: 32.97px;
        justify-content: center;
        position: relative;
        width: 32.97px;
    }

    .home .vector-13 {
        height: 13.2px;
        position: relative;
        width: 15.09px;
    }

    .home .frame-24 {
        align-items: flex-start;
        display: inline-flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 4.47px;
        position: relative;
    }

    .home .flux1-dev {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.8;
        position: relative;
    }

    .home .vector-14 {
        height: 8.94px;
        position: relative;
        width: 13.41px;
    }

    .home .vector-15 {
        height: 13.82px;
        position: relative;
        width: 9.5px;
    }

    .home .eleven-labs {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.8;
        position: relative;
    }

    .home .vector-16 {
        height: 9.59px;
        position: relative;
        width: 13.41px;
    }

    .home .vector-17 {
        height: 13.41px;
        margin-left: -1459.61px;
        margin-top: -1620.25px;
        position: relative;
        width: 13.41px;
    }

    .home .publish-1 {
        align-self: stretch;
        margin-top: -0.56px;
    }

    .home .social-media {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.8;
        position: relative;
    }

    .home .line-2 {
        height: 1px;
        left: 42px;
        position: absolute;
        top: 124px;
        width: 595px;
    }

    .home .line-3 {
        height: 1px;
        left: 42px;
        position: absolute;
        top: 123px;
        width: 115px;
    }

    .home .frame-15-1 {
        align-items: flex-start;
        background-color: var(--port-gore);
        border-radius: 8.94px;
        display: flex;
        flex-direction: column;
        gap: 6.71px;
        height: 46px;
        justify-content: center;
        left: 590px;
        padding: 8.94px;
        position: absolute;
        top: 142px;
        width: 167px;
    }

    .home .properties {
        letter-spacing: 0;
        line-height: 11.2px;
        margin-top: -1.50px;
        position: relative;
        white-space: nowrap;
        width: fit-content;
    }

    .home .frame-52 {
        align-items: flex-start;
        background-color: var(--port-gore);
        border-radius: 8.94px;
        display: flex;
        flex-direction: column;
        gap: 6.71px;
        height: 103px;
        justify-content: center;
        left: 590px;
        padding: 8.94px;
        position: absolute;
        top: 197px;
        width: 167px;
    }

    .home .templates {
        letter-spacing: 0;
        line-height: 11.2px;
        margin-top: -2.06px;
        position: relative;
        white-space: nowrap;
        width: fit-content;
    }

    .home .frame-5 {
        align-items: center;
        align-self: stretch;
        display: flex;
        flex: 0 0 auto;
        justify-content: space-between;
        position: relative;
        width: 100%;
    }

    .home .asmr-video {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .podcast-clip {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .news-summary {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .frame-56 {
        align-items: center;
        align-self: stretch;
        display: flex;
        flex: 0 0 auto;
        justify-content: space-between;
        margin-bottom: -0.94px;
        position: relative;
        width: 100%;
    }

    .home .product-demo {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .frame-51 {
        height: 25px;
        left: 353px;
        position: absolute;
        top: 449px;
        width: 93px;
    }

    .home .frame-43 {
        align-items: flex-start;
        background-color: var(--port-gore);
        border-radius: 8.94px;
        display: flex;
        flex-direction: column;
        gap: 8.94px;
        height: 154px;
        justify-content: center;
        left: 42px;
        padding: 8.94px;
        position: absolute;
        top: 142px;
        width: 167px;
    }

    .home .workflow-info {
        font-family: var(--font-family-lufga-regular);
        font-size: 11.2px;
        font-weight: 400;
        line-height: 11.2px;
        margin-top: -1.50px;
        position: relative;
        white-space: nowrap;
        width: fit-content;
    }

    .home .frame-45-1 {
        align-items: center;
        align-self: stretch;
        background-color: var(--white-2);
        border-radius: 4.47px;
        display: flex;
        flex: 0 0 auto;
        gap: 4.47px;
        padding: 6.71px;
        position: relative;
        width: 100%;
    }

    .home .place {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .frame-46-1 {
        align-items: flex-start;
        align-self: stretch;
        background-color: var(--white-2);
        border-radius: 4.47px;
        display: flex;
        gap: 4.47px;
        height: 83.82px;
        margin-bottom: -0.38px;
        padding: 6.71px;
        position: relative;
        width: 100%;
    }

    .home .description {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .frame-44 {
        align-items: flex-start;
        background-color: var(--port-gore);
        border-radius: 8.94px;
        display: flex;
        flex-direction: column;
        gap: 8.94px;
        height: 114px;
        justify-content: center;
        left: 590px;
        padding: 8.94px;
        position: absolute;
        top: 309px;
        width: 167px;
    }

    .home .cost-estimate {
        letter-spacing: 0;
        line-height: 11.2px;
        margin-top: -1.41px;
        position: relative;
        white-space: nowrap;
        width: fit-content;
    }

    .home .text-to-image-1 {
        opacity: 0.8;
    }

    .home .address {
        line-height: normal;
        margin-top: -0.56px;
        width: fit-content;
    }

    .home .text-to-video-1 {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .address-1 {
        line-height: normal;
        margin-top: -0.56px;
        width: fit-content;
    }

    .home .voiceover {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .address-2 {
        line-height: normal;
        margin-top: -0.56px;
        width: fit-content;
    }

    .home .line-4 {
        align-self: stretch;
        height: 1px;
        position: relative;
        width: 100%;
    }

    .home .frame-50 {
        align-items: center;
        align-self: stretch;
        display: flex;
        flex: 0 0 auto;
        justify-content: space-between;
        margin-bottom: -0.30px;
        position: relative;
        width: 100%;
    }

    .home .total {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .address-3 {
        line-height: normal;
        margin-top: -0.56px;
        width: fit-content;
    }

    .home .frame-8-2 {
        border-radius: 8.94px;
        gap: 4.47px;
        height: 72px;
        left: 280px;
        padding: 1.12px;
        top: 174px;
        width: 243px;
    }

    .home .frame-7-1 {
        align-items: flex-start;
        border-radius: 7.82px;
        box-shadow: inset 0px 0px 5.59px #ffffff40;
        display: flex;
        flex-direction: column;
        gap: 8.94px;
        padding: 8.94px;
        width: 240.84px;
    }

    .home .frame-57 {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 4.47px;
        position: relative;
    }

    .home .i-5 {
        height: 8.94px;
        width: 8.94px;
    }

    .home .svg-5 {
        height: 9px;
        width: 9px;
    }

    .home .frame-25 {
        border: 0px none;
        height: 8.94px;
        position: relative;
        width: 8.94px;
    }

    .home .vector-18 {
        height: 8px;
        left: 0;
        position: absolute;
        top: 1px;
        width: 9px;
    }

    .home .frame-59 {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 13.41px;
        justify-content: flex-end;
        position: relative;
    }

    .home .frame-45 {
        align-items: center;
        background-color: var(--white-2);
        border-radius: 4.47px;
        display: flex;
        justify-content: space-between;
        padding: 4.47px 8.94px;
        position: relative;
        width: 67.05px;
    }

    .home .size {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .vector-4 {
        height: 4.03px;
        position: relative;
        width: 6.71px;
    }

    .home .vector-5 {
        height: 5.59px;
        position: relative;
        width: 5.59px;
    }

    .home .frame-46 {
        align-items: flex-start;
        align-self: stretch;
        background-color: var(--white-2);
        border-radius: 4.47px;
        display: flex;
        flex: 0 0 auto;
        gap: 4.47px;
        padding: 6.71px;
        position: relative;
        width: 100%;
    }

    .home .enter-your-prompt {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .frame-53 {
        align-items: flex-start;
        background-blend-mode: lighten;
        background-color: var(--purple-heart);
        border-radius: 8.94px;
        display: flex;
        flex-direction: column;
        gap: 4.47px;
        height: 72px;
        left: 238px;
        padding: 1.12px;
        position: absolute;
        top: 304px;
        width: 243px;
    }

    .home .vector-19 {
        height: 9.91px;
        position: relative;
        width: 6.81px;
    }

    .home .female {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        opacity: 0.8;
        position: relative;
        width: fit-content;
    }

    .home .voice-script {
        margin-top: -0.56px;
        opacity: 0.8;
        width: fit-content;
    }

    .home .ellipse-12 {
        background-color: var(--white);
        border-radius: 3.91px;
        height: 8px;
        left: 519px;
        position: absolute;
        top: 206px;
        width: 8px;
    }

    .home .ellipse-13 {
        background-color: var(--white);
        border-radius: 3.91px;
        height: 8px;
        left: 478px;
        position: absolute;
        top: 336px;
        width: 8px;
    }

    .home .frame-23-1 {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 24px;
        left: 80px;
        position: absolute;
        top: 185px;
        width: 628px;
    }

    .home .visual-workflow-builder {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 24px;
        margin-top: -1.00px;
        opacity: 0.8;
        position: relative;
    }

    .home .drag-drop-and-conn {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        position: relative;
    }

    .home .flex-row {
        align-self: center;
        gap: 107px;
        height: 241px;
        margin-top: 120px;
        min-width: 1280px;
    }

    .home .frame-25-1 {
        align-items: flex-start;
        display: inline-flex;
        flex-direction: column;
        gap: 32px;
        justify-content: center;
        position: relative;
    }

    .home .simple-credit-based-pricing {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: 329px;
    }

    .home .pay-only-for-what-yo {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 24px;
        opacity: 0.8;
        position: relative;
    }

    .home .learn-more {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .flex-col-1 {
        align-items: flex-start;
        gap: 24px;
        min-height: 238px;
        position: relative;
        width: 844px;
    }

    .home .frame-container-2 {
        gap: 24px;
        height: 107px;
        min-width: 844px;
    }

    .home .frame-6 {
        align-items: center;
        border: 2px solid;
        border-color: var(--mulled-wine);
        border-radius: 24px;
        display: flex;
        gap: 24px;
        padding: 24px;
        position: relative;
        width: 410px;
    }

    .home .frame-24-1 {
        align-items: flex-start;
        display: flex;
        flex: 1;
        flex-direction: column;
        flex-grow: 1;
        gap: 8px;
        position: relative;
    }

    .home .x-pack {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
    }

    .home .address-4 {
        align-self: stretch;
        line-height: 20px;
    }

    .home .price {
        letter-spacing: 0;
        line-height: normal;
        position: relative;
        text-align: center;
        width: fit-content;
    }

    .home .x1100-credits {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        position: relative;
    }

    .home .frame-29::before {
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 24px;
        content: '';
        inset: 0;
        mask-composite: exclude;
        padding: 2px;
        pointer-events: none;
        position: absolute;
        z-index: 1;
    }

    .home .frame-29 {
        align-items: center;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), linear-gradient(135deg, rgba(196, 74, 244, 0.1) 0%, rgba(111, 74, 244, 0.1) 100%);
        border: none;
        border-radius: 24px;
        display: flex;
        gap: 24px;
        padding: 24px;
        position: relative;
        width: 844px;
    }

    .home .x3000-credits {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        position: relative;
    }

    .home .frame-30 {
        align-items: center;
        background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 6px;
        display: inline-flex;
        flex: 0 0 auto;
        gap: 8px;
        justify-content: center;
        padding: 8px;
        position: relative;
    }

    .home .popular {
        letter-spacing: 0;
        line-height: 20px;
        margin-top: -1.00px;
        position: relative;
        white-space: nowrap;
        width: fit-content;
    }

    .home .flex-col-2 {
        align-items: flex-end;
        gap: 120px;
        margin-top: 21px;
        min-height: 665px;
        width: 1440px;
    }

    .home .frame-31 {
        align-items: center;
        display: inline-flex;
        gap: 24px;
        margin-right: 26px;
        position: relative;
    }

    .home .x6500-credits {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        position: relative;
    }

    .home .x15000-credits {
        align-self: stretch;
        letter-spacing: 0;
        line-height: 20px;
        position: relative;
    }

    .home .overlap-group2 {
        height: 438px;
        position: relative;
        width: 1440px;
    }

    .home .rectangle-4 {
        background: linear-gradient(179deg, rgba(30, 17, 59, 1) 0%, rgba(30, 17, 59, 0) 100%);
        height: 369px;
        top: 69px;
    }

    .home .pay-only-for-what-yo-1 {
        left: 931px;
        letter-spacing: 0;
        line-height: 24px;
        opacity: 0.8;
        position: absolute;
        top: 219px;
        white-space: nowrap;
    }

    .home .frame-32 {
        align-items: center;
        background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        border-radius: 32px;
        display: flex;
        justify-content: space-between;
        left: 189px;
        padding: 32px;
        position: absolute;
        top: 0;
        width: 1062px;
    }

    .home .frame-2-2 {
        background-color: var(--white);
        border: 1px solid;
        border-radius: 1000px;
        gap: 8px;
        padding: 12px 24px;
    }

    .home .start-creating-free-1 {
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;
        background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
        background-clip: text;
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        text-fill-color: transparent;
        width: fit-content;
    }

    .home .frame-3-3 {
        border: 1px solid;
        border-color: var(--white);
        border-radius: 1000px;
        flex: 0 0 auto;
        gap: 8px;
        justify-content: center;
        padding: 12px 24px;
        position: relative;
    }

    .home .watch-demo-1 {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .div-1 {
        align-items: flex-start;
        display: flex;
        gap: 8px;
        left: 80px;
        min-width: 175px;
        position: absolute;
        top: 218px;
    }

    .home .frame-26 {
        align-items: center;
        align-self: center;
        display: flex;
        height: 20px;
        justify-content: center;
        position: relative;
        width: 22px;
    }

    .home .line-1 {
        height: 1px;
        left: 80px;
        object-fit: cover;
        position: absolute;
        top: 277px;
        width: 1280px;
    }

    .home .line-3-1 {
        height: 1px;
        left: 80px;
        object-fit: cover;
        position: absolute;
        top: 365px;
        width: 1280px;
    }

    .home .add {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        position: relative;
    }

    .home .address-5 {
        letter-spacing: 0;
        position: relative;
    }

    .home .div-2 {
        border: 0px none;
        height: 28px;
    }

    .home .flex-col-3 {
        display: flex;
        flex-direction: column;
    }

    .home .frame-2-3 {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        justify-content: center;
        position: relative;
    }

    .home .frame-3-4 {
        align-items: center;
        display: inline-flex;
    }

    .home .frame-4-3 {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        position: relative;
    }

    .home .frame-7-3 {
        background: radial-gradient(50% 50% at 50% 50%, rgba(43, 33, 62, 1) 0%, rgba(16, 8, 33, 1) 100%);
        flex: 0 0 auto;
        justify-content: center;
        position: relative;
    }

    .home .frame-8-3 {
        align-items: flex-start;
        background-blend-mode: lighten;
        background-color: var(--purple-heart);
        display: flex;
        flex-direction: column;
        position: absolute;
    }

    .home .frame-container-3 {
        align-items: flex-start;
        display: flex;
    }

    .home .i-6 {
        border: 0px none;
        position: relative;
    }

    .home .navbar-link {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -1.00px;
        position: relative;
        width: fit-content;
    }

    .home .publish-2 {
        letter-spacing: 0;
        line-height: normal;
        position: relative;
    }

    .home .rectangle {
        left: 0;
        position: absolute;
        width: 1440px;
    }

    .home .svg-6 {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .home .text {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        position: relative;
        width: fit-content;
    }

    .home .text-to {
        align-self: stretch;
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        position: relative;
    }

    .home .text-to-image-3 {
        letter-spacing: 0;
        line-height: normal;
        margin-top: -0.56px;
        position: relative;
        width: fit-content;
    }

    .home .voice {
        letter-spacing: 0;
        line-height: normal;
        position: relative;
    }

    .home .workflow {
        color: var(--white);
        letter-spacing: 0;
    }

.footer-link {
    color: white;
    text-decoration: none;
}