@font-face {
    font-family: "Stem";
    src: url("/wp-content/uploads/2024/11/Stem-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.rt-home .rt-home-seoclimb__search {
    top: 7%;
    min-height: 52px;
    padding: 7px 8px 7px 16px;
    gap: 10px;
}

.rt-home .rt-home-seoclimb__lens {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border: 3px solid rgba(98, 85, 255, .7);
    border-radius: 50%;
    position: relative;
}

.rt-home .rt-home-seoclimb__lens::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 3px;
    right: -7px;
    bottom: -4px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .7);
    transform: rotate(45deg);
}

.rt-home .rt-home-seoclimb__search input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #15151c;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
}

.rt-home .rt-home-seoclimb__search input::-webkit-search-cancel-button {
    display: none;
}

.rt-home .rt-home-seoclimb__go {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 15px;
    border: 0;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 10px 18px rgba(98, 85, 255, .18);
}

.rt-home .rt-home-seoclimb__chips {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 24%;
    display: flex;
    gap: 8px;
    z-index: 3;
}

.rt-home .rt-home-seoclimb__chips button {
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 999px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .06);
}

.rt-home .rt-home-seoclimb__chips button.is-active {
    background: var(--rt-mock-purple);
    color: #fff;
}

.rt-home .rt-home-seoclimb__serp {
    top: 36%;
    width: 58%;
    gap: 8px;
}

.rt-home .rt-home-seoclimb__result {
    min-height: 38px;
    border: 1px solid rgba(23, 27, 38, .05);
}

.rt-home .rt-home-seoclimb__result b,
.rt-home .rt-home-seoclimb__result small,
.rt-home .rt-home-seoclimb__result em {
    display: block;
    font-style: normal;
    line-height: 1;
}

.rt-home .rt-home-seoclimb__result--muted b {
    width: 68%;
    height: 8px;
    margin-top: 2px;
    border-radius: 999px;
    color: transparent;
    background: rgba(23, 27, 38, .18);
}

.rt-home .rt-home-seoclimb__result--muted em {
    width: 34px;
    height: 8px;
    margin-top: 9px;
    border-radius: 999px;
    color: transparent;
    background: rgba(23, 27, 38, .1);
}

.rt-home .rt-home-seoclimb__result--rowtech {
    min-height: 56px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px 10px;
    align-items: center;
    border-color: rgba(98, 85, 255, .24);
    background:
        radial-gradient(circle at 12% 20%, rgba(98, 85, 255, .1), transparent 34%),
        #fff;
    box-shadow: 0 14px 24px rgba(98, 85, 255, .14);
    transform: translateY(92px);
    animation: none;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__result--rowtech {
    animation: rt-home-serp-climb-real 2.18s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__result--rowtech {
    transform: translateY(0) scale(1);
}

/* SEO SERP ranking motion: Row Tech really climbs from 10+ to #1. */
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp {
    top: 35%;
    width: 58%;
    height: 202px;
    display: block;
    gap: 0;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 38px;
    transition: transform .72s cubic-bezier(.16, .86, .22, 1), opacity .3s ease;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1) {
    transform: translateY(0);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(46px);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(92px);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    min-height: 56px;
    transform: translateY(138px) scale(.98);
    z-index: 2;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1),
.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1) {
    transform: translateY(66px);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2),
.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(112px);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3),
.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(158px);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    animation: rt-home-serp-climb-to-top 2.18s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    transform: translateY(0) scale(1);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech em {
    display: inline-grid;
    place-items: center;
    align-self: center;
    justify-self: center;
    padding: 0;
    line-height: 1;
    text-align: center;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart {
    right: 7%;
    bottom: 12%;
    width: 31%;
    height: 45%;
    padding: 0;
    overflow: visible;
    border-radius: 24px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart strong,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart em {
    display: none;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart::before {
    content: "";
    position: absolute;
    left: 22%;
    top: 14%;
    bottom: 22%;
    width: 2px;
    border-radius: 999px;
    background: rgba(23, 27, 38, .08);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i {
    left: 42%;
    right: auto;
    bottom: 24%;
    width: 28%;
    height: 18%;
    border-radius: 999px 999px 8px 8px;
    background: linear-gradient(180deg, #61f16d, #6255ff);
    transform-origin: bottom center;
    animation: rt-home-seo-chart-rise-clean 2.18s cubic-bezier(.16, .86, .22, 1) infinite;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__chart i {
    animation: none;
    transform: scaleY(1);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::before,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::after {
    content: none;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span {
    left: 7%;
    right: auto;
    top: auto;
    bottom: 18%;
    width: auto;
    height: auto;
    padding: 5px 8px;
    border-radius: 999px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 15px rgba(42, 48, 66, .08);
    animation: rt-home-seo-month-rise 2.18s cubic-bezier(.16, .86, .22, 1) infinite;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__chart span {
    animation: none;
    transform: translateY(-84px);
}

@keyframes rt-home-serp-climb-to-top {
    0% {
        transform: translateY(138px) scale(.97);
    }

    24% {
        transform: translateY(96px) scale(.985);
    }

    48% {
        transform: translateY(56px) scale(1);
    }

    74% {
        transform: translateY(18px) scale(1.012);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes rt-home-seo-chart-rise-clean {
    0% {
        transform: scaleY(.22);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes rt-home-seo-month-rise {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-84px);
    }
}

/* SEO mockup polish: clean four-step climb. */
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb {
    background: linear-gradient(180deg, #f7f9ff 0%, #eef4fb 100%);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__search {
    left: 7%;
    right: 7%;
    top: 7%;
    min-height: 50px;
    border: 1px solid rgba(98, 85, 255, .12);
    box-shadow: 0 12px 22px rgba(42, 48, 66, .08);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chips {
    top: 23%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp {
    left: 7%;
    top: 34%;
    width: 60%;
    height: 196px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result {
    min-height: 36px;
    padding: 9px 11px;
    border: 1px solid rgba(23, 27, 38, .055);
    border-radius: 15px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 15px rgba(42, 48, 66, .055);
    transition: transform .66s cubic-bezier(.16, .86, .22, 1), opacity .28s ease, box-shadow .28s ease;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--muted {
    opacity: .58;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1) {
    transform: translateY(0);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(44px);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(88px);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    min-height: 54px;
    padding: 10px 11px 10px 13px;
    border-color: rgba(98, 85, 255, .3);
    background: #fff;
    box-shadow: 0 16px 26px rgba(98, 85, 255, .16);
    transform: translateY(132px) scale(.98);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1),
.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1) {
    transform: translateY(64px);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2),
.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(108px);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3),
.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(152px);
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    animation: rt-home-serp-climb-simple 1.72s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    transform: translateY(0) scale(1);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech b {
    font-size: 14px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech small {
    margin-top: 4px;
    font-size: 9px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech em {
    width: 40px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border-radius: 999px;
    line-height: 1;
    text-align: center;
    transform: translateY(0);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart {
    right: 7%;
    bottom: 13%;
    width: 29%;
    height: 43%;
    border: 1px solid rgba(23, 27, 38, .055);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 20px rgba(42, 48, 66, .06);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart::before {
    left: 24%;
    top: 16%;
    bottom: 20%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i {
    left: 48%;
    bottom: 22%;
    width: 24%;
    height: 18%;
    border-radius: 999px 999px 7px 7px;
    animation: rt-home-seo-chart-rise-simple 1.72s cubic-bezier(.16, .86, .22, 1) infinite;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__chart i {
    animation: none;
    transform: scaleY(1);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span {
    left: 8%;
    bottom: 18%;
    padding: 5px 8px;
    font-size: 9px;
    animation: rt-home-seo-month-rise-simple 1.72s cubic-bezier(.16, .86, .22, 1) infinite;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__chart span {
    animation: none;
    transform: translateY(-76px);
}

@keyframes rt-home-serp-climb-simple {
    0% {
        transform: translateY(132px) scale(.98);
    }

    34% {
        transform: translateY(44px) scale(1);
    }

    67% {
        transform: translateY(20px) scale(1.01);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes rt-home-seo-chart-rise-simple {
    0% {
        transform: scaleY(.2);
    }

    34% {
        transform: scaleY(.58);
    }

    67% {
        transform: scaleY(.78);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes rt-home-seo-month-rise-simple {
    0% {
        transform: translateY(0);
    }

    34% {
        transform: translateY(-36px);
    }

    67% {
        transform: translateY(-58px);
    }

    100% {
        transform: translateY(-76px);
    }
}

.rt-home .rt-home-seoclimb__result--rowtech b {
    grid-column: 1;
    color: var(--rt-mock-purple);
    font-size: 15px;
    font-weight: 950;
}

.rt-home .rt-home-seoclimb__result--rowtech small {
    grid-column: 1;
    color: #5f6674;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rt-home .rt-home-seoclimb__result--rowtech em {
    grid-row: 1 / span 2;
    grid-column: 2;
    width: 43px;
    height: 34px;
    font-size: 13px;
}

.rt-home .rt-home-seoclimb__chart {
    right: 7%;
    bottom: 11%;
    width: 31%;
    height: 48%;
    padding: 15px 12px 28px;
}

.rt-home .rt-home-seoclimb__chart strong,
.rt-home .rt-home-seoclimb__chart em {
    position: relative;
    z-index: 2;
    display: block;
    line-height: 1;
}

.rt-home .rt-home-seoclimb__chart strong {
    color: var(--rt-mock-purple);
    font-size: 25px;
    font-weight: 950;
}

.rt-home .rt-home-seoclimb__chart em {
    max-width: 9ch;
    margin-top: 5px;
    color: var(--rt-mock-muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    line-height: 1.12;
}

.rt-home .rt-home-seoclimb__chart i {
    left: 14%;
    right: 14%;
    bottom: 30%;
    height: 38%;
    border-radius: 18px 18px 6px 6px;
}

.rt-home .rt-home-seoclimb__chart i::before,
.rt-home .rt-home-seoclimb__chart i::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 22%;
    border-radius: 14px 14px 5px 5px;
    background: rgba(98, 85, 255, .28);
}

.rt-home .rt-home-seoclimb__chart i::before {
    left: -42%;
    height: 38%;
}

.rt-home .rt-home-seoclimb__chart i::after {
    right: -42%;
    height: 68%;
}

.rt-home .rt-home-seoclimb__chart span {
    left: auto;
    right: auto;
    top: auto;
    bottom: 12px;
    width: auto;
    height: auto;
    background: none;
    color: rgba(23, 27, 38, .42);
    font-size: 8px;
    font-weight: 900;
    white-space: nowrap;
}

.rt-home .rt-home-seoclimb__chart span:nth-child(4) {
    left: 10%;
}

.rt-home .rt-home-seoclimb__chart span:nth-child(5) {
    left: 42%;
}

.rt-home .rt-home-seoclimb__chart span:nth-child(6) {
    right: 9%;
}

@keyframes rt-home-serp-climb-real {
    0% {
        transform: translateY(92px) scale(.96);
    }

    22% {
        transform: translateY(62px) scale(.98);
    }

    46% {
        transform: translateY(32px) scale(1);
    }

    72% {
        transform: translateY(8px) scale(1.015);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}

/* SEO climb mockup final layer. */
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__search {
    top: 7%;
    min-height: 52px;
    padding: 7px 8px 7px 16px;
    gap: 10px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__lens {
    flex: 0 0 auto;
    position: relative;
    width: 17px;
    height: 17px;
    border: 3px solid rgba(98, 85, 255, .7);
    border-radius: 50%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__lens::after {
    content: "";
    position: absolute;
    right: -7px;
    bottom: -4px;
    width: 8px;
    height: 3px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .7);
    transform: rotate(45deg);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__search input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #15151c;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__go {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 15px;
    border: 0;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 10px 18px rgba(98, 85, 255, .18);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chips {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 24%;
    z-index: 3;
    display: flex;
    gap: 8px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chips button {
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 999px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .06);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chips button.is-active {
    background: var(--rt-mock-purple);
    color: #fff;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp {
    top: 36%;
    width: 58%;
    gap: 8px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result {
    min-height: 38px;
    border: 1px solid rgba(23, 27, 38, .05);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result b,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result small,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result em {
    display: block;
    font-style: normal;
    line-height: 1;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--muted b {
    width: 68%;
    height: 8px;
    margin-top: 2px;
    border-radius: 999px;
    color: transparent;
    background: rgba(23, 27, 38, .18);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--muted em {
    width: 34px;
    height: 8px;
    margin-top: 9px;
    border-radius: 999px;
    color: transparent;
    background: rgba(23, 27, 38, .1);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech {
    min-height: 56px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px 10px;
    align-items: center;
    border-color: rgba(98, 85, 255, .24);
    background:
        radial-gradient(circle at 12% 20%, rgba(98, 85, 255, .1), transparent 34%),
        #fff;
    box-shadow: 0 14px 24px rgba(98, 85, 255, .14);
    transform: translateY(92px);
    animation: none;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-climbing .rt-home-seoclimb__result--rowtech {
    animation: rt-home-serp-climb-real 2.18s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech b {
    grid-column: 1;
    color: var(--rt-mock-purple);
    font-size: 15px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech small {
    grid-column: 1;
    color: #5f6674;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech em {
    grid-row: 1 / span 2;
    grid-column: 2;
    width: 43px;
    height: 34px;
    font-size: 13px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart {
    right: 7%;
    bottom: 11%;
    width: 31%;
    height: 48%;
    padding: 15px 12px 28px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart strong,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart em {
    position: relative;
    z-index: 2;
    display: block;
    line-height: 1;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart strong {
    color: var(--rt-mock-purple);
    font-size: 25px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart em {
    max-width: 9ch;
    margin-top: 5px;
    color: var(--rt-mock-muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    line-height: 1.12;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i {
    left: 14%;
    right: 14%;
    bottom: 30%;
    height: 38%;
    border-radius: 18px 18px 6px 6px;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::before,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 22%;
    border-radius: 14px 14px 5px 5px;
    background: rgba(98, 85, 255, .28);
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::before {
    left: -42%;
    height: 38%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::after {
    right: -42%;
    height: 68%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span {
    left: auto;
    right: auto;
    top: auto;
    bottom: 12px;
    width: auto;
    height: auto;
    background: none;
    color: rgba(23, 27, 38, .42);
    font-size: 8px;
    font-weight: 900;
    white-space: nowrap;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span:nth-child(4) {
    left: 10%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span:nth-child(5) {
    left: 42%;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span:nth-child(6) {
    right: 9%;
}

.rt-home .rt-home-digital-mockup--seo-mockup.is-seo-complete .rt-home-seoclimb__result--rowtech {
    transform: translateY(0) scale(1);
}

.rt-home .rt-home-digital-mockup,
.rt-home .rt-home-commerceflow {
    --rt-mock-purple: #6255ff;
    --rt-mock-ink: #15151c;
    --rt-mock-muted: #747985;
    --rt-mock-line: rgba(23, 27, 38, .08);
    position: relative;
    width: min(88vw, 560px);
    aspect-ratio: 1.12 / 1;
    filter: drop-shadow(0 30px 38px rgba(30, 34, 50, .16));
}

.rt-home .rt-home-digital-mockup.rt-home-material-mockup {
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-4deg);
}

.rt-home .rt-home-service.is-reverse .rt-home-digital-mockup.rt-home-material-mockup {
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(4deg);
}

.rt-home .rt-home-digital-mockup.rt-home-material-mockup::before {
    inset: 8% 2% 0 4%;
    border-radius: 44px;
    background:
        radial-gradient(circle at 18% 24%, rgba(98, 85, 255, .16), transparent 30%),
        radial-gradient(circle at 82% 20%, rgba(97, 241, 109, .16), transparent 28%),
        radial-gradient(circle at 58% 82%, rgba(251, 188, 5, .15), transparent 30%);
    filter: blur(24px);
}

.rt-home .rt-home-digital-mockup__browser,
.rt-home .rt-home-commerceflow__shop {
    position: absolute;
    inset: 6% 4% 8%;
    overflow: hidden;
    border: 8px solid rgba(255, 255, 255, .9);
    border-radius: 38px;
    background: linear-gradient(145deg, #fff 0%, #f6f8fb 100%);
    box-shadow:
        inset 0 0 0 1px rgba(28, 32, 42, .07),
        0 24px 36px rgba(35, 42, 56, .14);
    animation: rt-home-live-float 5.8s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home .rt-home-digital-mockup__bar,
.rt-home .rt-home-commerceflow__top {
    height: 14%;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 7%;
    border-bottom: 1px solid var(--rt-mock-line);
    color: var(--rt-mock-muted);
}

.rt-home .rt-home-digital-mockup__bar span,
.rt-home .rt-home-commerceflow__top span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #ff7b8a;
}

.rt-home .rt-home-digital-mockup__bar span:nth-child(2) {
    background: #ffd46b;
}

.rt-home .rt-home-digital-mockup__bar span:nth-child(3) {
    margin-right: auto;
    background: #63dd83;
}

.rt-home .rt-home-digital-mockup__bar strong,
.rt-home .rt-home-commerceflow__top strong {
    margin-left: auto;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0;
}

.rt-home .rt-home-digital-mockup button,
.rt-home .rt-home-commerceflow button {
    font: inherit;
    cursor: pointer;
}

.rt-home .rt-home-webbuild,
.rt-home .rt-home-funnel,
.rt-home .rt-home-brandlab,
.rt-home .rt-home-socialstudio,
.rt-home .rt-home-adscockpit,
.rt-home .rt-home-seoclimb {
    position: absolute;
    inset: 14% 0 0;
}

.rt-home .rt-home-webbuild__tools,
.rt-home .rt-home-socialstudio__switch {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 6%;
    z-index: 3;
    display: flex;
    gap: 8px;
}

.rt-home .rt-home-webbuild__tools button,
.rt-home .rt-home-socialstudio__switch button,
.rt-home .rt-home-seoclimb__search button {
    min-height: 30px;
    padding: 0 13px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 999px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    box-shadow: 0 9px 18px rgba(42, 48, 66, .07);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.rt-home .rt-home-webbuild__tools button.is-active,
.rt-home .rt-home-socialstudio__switch button.is-active,
.rt-home .rt-home-seoclimb__search button.is-active,
.rt-home .rt-home-webbuild__tools button:hover,
.rt-home .rt-home-socialstudio__switch button:hover,
.rt-home .rt-home-seoclimb__search button:hover {
    background: var(--rt-mock-purple);
    color: #fff;
    transform: translateY(-1px);
}

.rt-home .rt-home-webbuild__canvas {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 8%;
    height: 66%;
    overflow: hidden;
    border-radius: 28px;
    background:
        linear-gradient(rgba(98, 85, 255, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(98, 85, 255, .08) 1px, transparent 1px),
        #eef4fb;
    background-size: 28px 28px;
    transition: left .35s ease, right .35s ease, border-radius .35s ease;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__canvas {
    left: 31%;
    right: 31%;
    border-radius: 34px;
}

.rt-home .rt-home-webbuild__block {
    position: absolute;
    display: block;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 18px rgba(42, 48, 66, .08);
    animation: rt-home-build-pop 4.6s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home .rt-home-webbuild__block--nav {
    left: 7%;
    right: 7%;
    top: 8%;
    height: 9%;
}

.rt-home .rt-home-webbuild__block--hero {
    left: 7%;
    top: 24%;
    width: 48%;
    height: 24%;
    border-radius: 20px;
    background: linear-gradient(135deg, #6255ff, #61f16d);
}

.rt-home .rt-home-webbuild__block--copy {
    right: 8%;
    top: 28%;
    width: 30%;
    height: 8%;
    animation-delay: .14s;
}

.rt-home .rt-home-webbuild__block--cta {
    right: 18%;
    top: 42%;
    width: 20%;
    height: 9%;
    background: #6255ff;
    animation-delay: .28s;
}

.rt-home .rt-home-webbuild__block--card-one,
.rt-home .rt-home-webbuild__block--card-two,
.rt-home .rt-home-webbuild__block--card-three {
    bottom: 10%;
    width: 24%;
    height: 24%;
    border-radius: 18px;
}

.rt-home .rt-home-webbuild__block--card-one {
    left: 7%;
    animation-delay: .42s;
}

.rt-home .rt-home-webbuild__block--card-two {
    left: 38%;
    animation-delay: .56s;
}

.rt-home .rt-home-webbuild__block--card-three {
    right: 7%;
    animation-delay: .7s;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--hero,
.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--copy,
.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--cta {
    left: 12%;
    right: auto;
    width: 76%;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-one,
.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-two,
.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-three {
    left: 12%;
    right: auto;
    width: 76%;
    height: 11%;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-one {
    bottom: 28%;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-two {
    bottom: 15%;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-three {
    bottom: 2%;
}

.rt-home .rt-home-funnel__page {
    position: absolute;
    left: 10%;
    top: 12%;
    width: 54%;
    height: 72%;
    padding: 7%;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 18px 28px rgba(42, 48, 66, .1);
}

.rt-home .rt-home-funnel__headline,
.rt-home .rt-home-funnel__copy {
    display: block;
    height: 13%;
    border-radius: 999px;
    background: #17171d;
}

.rt-home .rt-home-funnel__copy {
    width: 82%;
    height: 7%;
    margin-top: 9%;
    background: rgba(23, 23, 29, .12);
}

.rt-home .rt-home-funnel__copy--short {
    width: 56%;
    margin-top: 4%;
}

.rt-home .rt-home-funnel__cta {
    position: absolute;
    left: 11%;
    bottom: 12%;
    min-height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 12px 22px rgba(98, 85, 255, .22);
    animation: rt-home-cta-pulse 3.2s ease-in-out infinite;
}

.rt-home .rt-home-funnel__visitor {
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 999px;
    background: #61f16d;
    box-shadow: 0 0 0 8px rgba(97, 241, 109, .16);
    animation: rt-home-funnel-visitor 4.8s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home .rt-home-funnel__visitor--one {
    right: 17%;
    top: 18%;
}

.rt-home .rt-home-funnel__visitor--two {
    right: 8%;
    top: 42%;
    animation-delay: .42s;
}

.rt-home .rt-home-funnel__visitor--three {
    right: 22%;
    bottom: 23%;
    animation-delay: .84s;
}

.rt-home .rt-home-funnel__lead {
    position: absolute;
    right: 10%;
    bottom: 10%;
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #fff;
    color: var(--rt-mock-purple);
    box-shadow: 0 18px 30px rgba(42, 48, 66, .12);
}

.rt-home .rt-home-funnel__lead span,
.rt-home .rt-home-funnel__lead strong {
    display: block;
    line-height: 1;
}

.rt-home .rt-home-funnel__lead span {
    color: var(--rt-mock-muted);
    font-size: 12px;
    font-weight: 800;
}

.rt-home .rt-home-funnel__lead strong {
    font-size: 30px;
    font-weight: 950;
}

.rt-home .rt-home-brandlab__preview {
    position: absolute;
    left: 8%;
    top: 11%;
    width: 52%;
    height: 52%;
    padding: 7%;
    border-radius: 30px;
    background: linear-gradient(135deg, #15151c, #6255ff);
    color: #fff;
    box-shadow: 0 18px 30px rgba(42, 48, 66, .16);
    transition: background .28s ease, transform .28s ease;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-brandlab__preview {
    background: linear-gradient(135deg, #ea4335, #fbbc05 48%, #6255ff);
}

.rt-home .rt-home-digital-mockup[data-rt-active="2"] .rt-home-brandlab__preview {
    background: linear-gradient(135deg, #fff, #edf1ff);
    color: #15151c;
}

.rt-home .rt-home-brandlab__mark {
    display: inline-grid;
    place-items: center;
    width: 74px;
    height: 74px;
    border-radius: 26px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 24px;
    font-weight: 950;
    animation: rt-home-brand-mark 4.8s ease-in-out infinite;
}

.rt-home .rt-home-brandlab__preview strong,
.rt-home .rt-home-brandlab__preview em {
    display: block;
    margin-top: 18px;
    font-style: normal;
}

.rt-home .rt-home-brandlab__preview strong {
    max-width: 10ch;
    font-size: 29px;
    line-height: .95;
}

.rt-home .rt-home-brandlab__preview em {
    color: currentColor;
    opacity: .72;
    font-size: 12px;
    font-weight: 800;
}

.rt-home .rt-home-brandlab__palette {
    position: absolute;
    right: 9%;
    top: 16%;
    display: grid;
    gap: 12px;
}

.rt-home .rt-home-brandlab__palette button {
    width: 46px;
    height: 46px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #6255ff;
    box-shadow: 0 10px 18px rgba(42, 48, 66, .12);
    transition: transform .2s ease;
}

.rt-home .rt-home-brandlab__palette button:nth-child(2) {
    background: #fbbc05;
}

.rt-home .rt-home-brandlab__palette button:nth-child(3) {
    background: #61f16d;
}

.rt-home .rt-home-brandlab__palette button.is-active {
    transform: scale(1.16);
}

.rt-home .rt-home-brandlab__cards {
    position: absolute;
    left: 8%;
    right: 9%;
    bottom: 9%;
    display: grid;
    grid-template-columns: 1fr 1.1fr .8fr;
    gap: 12px;
}

.rt-home .rt-home-brandlab__cards span {
    height: 56px;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
    animation: rt-home-build-pop 4.6s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home .rt-home-socialstudio__calendar {
    position: absolute;
    left: 8%;
    top: 12%;
    display: grid;
    width: 34%;
    gap: 10px;
}

.rt-home .rt-home-socialstudio__calendar span {
    height: 46px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
    animation: rt-home-calendar-post 4.8s ease-in-out infinite;
}

.rt-home .rt-home-socialstudio__calendar span:nth-child(2) {
    animation-delay: .18s;
}

.rt-home .rt-home-socialstudio__calendar span:nth-child(3) {
    animation-delay: .36s;
}

.rt-home .rt-home-socialstudio__phone {
    position: absolute;
    right: 10%;
    top: 10%;
    width: 36%;
    height: 72%;
    padding: 6%;
    border: 7px solid #15151c;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 18px 30px rgba(42, 48, 66, .16);
}

.rt-home .rt-home-socialstudio__post {
    height: 100%;
    padding: 14px;
    border-radius: 24px;
    background: linear-gradient(160deg, #6255ff, #61f16d);
    color: #fff;
}

.rt-home .rt-home-socialstudio__post i {
    display: block;
    height: 58%;
    border-radius: 18px;
    background: rgba(255, 255, 255, .28);
}

.rt-home .rt-home-socialstudio__post strong,
.rt-home .rt-home-socialstudio__post em {
    display: block;
    margin-top: 12px;
    font-style: normal;
    line-height: 1;
}

.rt-home .rt-home-socialstudio__post strong {
    font-size: 28px;
}

.rt-home .rt-home-socialstudio__post em {
    font-size: 14px;
    font-weight: 850;
}

.rt-home .rt-home-socialstudio__switch {
    left: 8%;
    right: auto;
    top: auto;
    bottom: 9%;
}

.rt-home .rt-home-adscockpit__flow {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 10%;
    height: 42%;
    border-radius: 28px;
    background:
        linear-gradient(90deg, transparent 0 31%, rgba(98, 85, 255, .16) 31% 32%, transparent 32% 66%, rgba(97, 241, 109, .18) 66% 67%, transparent 67%),
        #eef4fb;
}

.rt-home .rt-home-adscockpit__click {
    position: absolute;
    left: 9%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fbbc05;
    box-shadow: 0 0 0 8px rgba(251, 188, 5, .18);
    animation: rt-home-ad-click 4.2s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home .rt-home-adscockpit__click--one {
    top: 20%;
}

.rt-home .rt-home-adscockpit__click--two {
    top: 47%;
    animation-delay: .28s;
}

.rt-home .rt-home-adscockpit__click--three {
    top: 72%;
    animation-delay: .56s;
}

.rt-home .rt-home-adscockpit__filter,
.rt-home .rt-home-adscockpit__lead {
    position: absolute;
    top: 50%;
    display: grid;
    place-items: center;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    transform: translateY(-50%);
}

.rt-home .rt-home-adscockpit__filter {
    left: 38%;
    width: 88px;
    height: 88px;
    background: #fff;
    color: var(--rt-mock-purple);
    box-shadow: 0 14px 26px rgba(42, 48, 66, .1);
}

.rt-home .rt-home-adscockpit__lead {
    right: 8%;
    width: 76px;
    height: 76px;
    background: #61f16d;
    color: #15151c;
    animation: rt-home-lead-pop 4.2s ease-in-out infinite;
}

.rt-home .rt-home-adscockpit__budget {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 26%;
    display: grid;
    gap: 9px;
    color: var(--rt-mock-muted);
    font-size: 12px;
    font-weight: 850;
}

.rt-home .rt-home-adscockpit__budget input {
    width: 100%;
    accent-color: var(--rt-mock-purple);
}

.rt-home .rt-home-adscockpit__metrics {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 8%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.rt-home .rt-home-adscockpit__metrics span {
    padding: 15px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
}

.rt-home .rt-home-adscockpit__metrics b,
.rt-home .rt-home-adscockpit__metrics em {
    display: block;
    font-style: normal;
    line-height: 1;
}

.rt-home .rt-home-adscockpit__metrics b {
    color: var(--rt-mock-purple);
    font-size: 26px;
}

.rt-home .rt-home-adscockpit__metrics em {
    margin-top: 7px;
    color: var(--rt-mock-muted);
    font-size: 12px;
    font-weight: 850;
}

.rt-home .rt-home-seoclimb__search {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 8%;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 7px 8px 7px 18px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 12px 22px rgba(42, 48, 66, .1);
}

.rt-home .rt-home-seoclimb__search > span {
    flex: 1 1 auto;
    min-width: 0;
    color: #15151c;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rt-home .rt-home-seoclimb__serp {
    position: absolute;
    left: 8%;
    top: 29%;
    width: 56%;
    display: grid;
    gap: 9px;
}

.rt-home .rt-home-seoclimb__result {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .07);
}

.rt-home .rt-home-seoclimb__result--muted {
    opacity: .48;
}

.rt-home .rt-home-seoclimb__result--rowtech {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--rt-mock-purple);
    animation: rt-home-serp-climb 5.8s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home .rt-home-seoclimb__result--rowtech b {
    font-size: 14px;
    line-height: 1;
}

.rt-home .rt-home-seoclimb__result--rowtech em {
    display: grid;
    place-items: center;
    width: 38px;
    height: 28px;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 950;
}

.rt-home .rt-home-seoclimb__chart {
    position: absolute;
    right: 8%;
    bottom: 12%;
    width: 30%;
    height: 42%;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
}

.rt-home .rt-home-seoclimb__chart i {
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 20%;
    height: 48%;
    border-radius: 999px 999px 18px 18px;
    background: linear-gradient(180deg, #61f16d, #6255ff);
    transform-origin: bottom center;
    animation: rt-home-chart-grow 5.8s ease-in-out infinite;
}

.rt-home .rt-home-seoclimb__chart span {
    position: absolute;
    left: 17%;
    right: 17%;
    height: 1px;
    background: rgba(23, 27, 38, .08);
}

.rt-home .rt-home-seoclimb__chart span:nth-child(2) {
    top: 25%;
}

.rt-home .rt-home-seoclimb__chart span:nth-child(3) {
    top: 50%;
}

.rt-home .rt-home-seoclimb__chart span:nth-child(4) {
    top: 75%;
}

.rt-home .rt-home-commerceflow {
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(4deg);
}

.rt-home .rt-home-commerceflow__top b {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    border-radius: 50%;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 12px;
}

.rt-home .rt-home-commerceflow__products {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 22%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.rt-home .rt-home-commerceflow__product {
    min-height: 118px;
    padding: 10px;
    border: 1px solid rgba(98, 85, 255, .1);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
    transition: border-color .2s ease, transform .2s ease;
}

.rt-home .rt-home-commerceflow__product.is-active,
.rt-home .rt-home-commerceflow__product:hover {
    border-color: rgba(98, 85, 255, .55);
    transform: translateY(-5px);
}

.rt-home .rt-home-commerceflow__product i,
.rt-home .rt-home-commerceflow__product span,
.rt-home .rt-home-commerceflow__product em {
    display: block;
}

.rt-home .rt-home-commerceflow__product i {
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(135deg, #fbbc05, #61f16d);
}

.rt-home .rt-home-commerceflow__product:nth-child(2) i {
    background: linear-gradient(135deg, #6255ff, #9cc4ff);
}

.rt-home .rt-home-commerceflow__product:nth-child(3) i {
    background: linear-gradient(135deg, #ea4335, #fbbc05);
}

.rt-home .rt-home-commerceflow__product span {
    width: 70%;
    height: 8px;
    margin-top: 12px;
    border-radius: 999px;
    background: rgba(23, 27, 38, .12);
}

.rt-home .rt-home-commerceflow__product em {
    margin-top: 9px;
    color: var(--rt-mock-purple);
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.rt-home .rt-home-commerceflow__checkout {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 22%;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-radius: 22px;
    background: #15151c;
    color: #fff;
}

.rt-home .rt-home-commerceflow__checkout span {
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    font-weight: 800;
}

.rt-home .rt-home-commerceflow__checkout strong {
    font-size: 24px;
}

.rt-home .rt-home-commerceflow__checkout button {
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #61f16d;
    color: #15151c;
    font-size: 12px;
    font-weight: 950;
}

.rt-home .rt-home-commerceflow__status {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 8%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
}

.rt-home .rt-home-commerceflow__status span,
.rt-home .rt-home-commerceflow__status b {
    border-radius: 999px;
}

.rt-home .rt-home-commerceflow__status span {
    width: 28px;
    height: 28px;
    background: #61f16d;
}

.rt-home .rt-home-commerceflow__status strong {
    flex: 1;
    color: var(--rt-mock-ink);
    font-size: 13px;
}

.rt-home .rt-home-commerceflow__status b {
    width: 54px;
    height: 8px;
    background: rgba(98, 85, 255, .18);
}

@keyframes rt-home-live-float {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -11px, 0);
    }
}

@keyframes rt-home-build-pop {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-6px) scale(1.02);
    }
}

@keyframes rt-home-cta-pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes rt-home-funnel-visitor {
    0% {
        opacity: .4;
        transform: translate3d(0, 0, 0) scale(.85);
    }

    55% {
        opacity: 1;
        transform: translate3d(-170px, 90px, 0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate3d(-215px, 126px, 0) scale(.7);
    }
}

@keyframes rt-home-brand-mark {
    0%, 100% {
        border-radius: 26px;
        transform: rotate(0);
    }

    50% {
        border-radius: 50%;
        transform: rotate(-8deg);
    }
}

@keyframes rt-home-calendar-post {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(12px);
    }
}

@keyframes rt-home-ad-click {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.7);
    }

    20%, 72% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(360px, 0, 0) scale(.9);
    }
}

@keyframes rt-home-lead-pop {
    0%, 45%, 100% {
        transform: translateY(-50%) scale(1);
    }

    70% {
        transform: translateY(-50%) scale(1.12);
    }
}

@keyframes rt-home-serp-climb {
    0%, 100% {
        transform: translateY(92px);
    }

    45%, 72% {
        transform: translateY(0);
    }
}

@keyframes rt-home-chart-grow {
    0%, 100% {
        transform: scaleY(.24);
    }

    45%, 72% {
        transform: scaleY(1);
    }
}

@media (max-width: 767px) {
    .rt-home .rt-home-digital-mockup,
    .rt-home .rt-home-commerceflow {
        width: min(92vw, 420px);
    }

    .rt-home .rt-home-digital-mockup__browser,
    .rt-home .rt-home-commerceflow__shop {
        border-width: 6px;
        border-radius: 30px;
    }

    .rt-home .rt-home-brandlab__preview strong,
    .rt-home .rt-home-socialstudio__post strong {
        font-size: 22px;
    }

    .rt-home .rt-home-seoclimb__search button,
    .rt-home .rt-home-webbuild__tools button,
    .rt-home .rt-home-socialstudio__switch button {
        padding-inline: 9px;
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rt-home .rt-home-digital-mockup *,
    .rt-home .rt-home-commerceflow * {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

@font-face {
    font-family: "Satoshi";
    src: url("/wp-content/uploads/2024/08/Satoshi-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("/wp-content/uploads/2024/08/Satoshi-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.rt-home {
    --rt-content-max: 1920px;
    --rt-content-gutter: clamp(18px, 2.7vw, 48px);
    --rt-text: #212121;
    --rt-heading: #222;
    --rt-muted: #353434;
    --rt-purple: #6255ff;
    background: #fff;
    color: var(--rt-text);
    font-family: "Satoshi", Raleway, Arial, sans-serif;
    overflow-x: hidden;
    overflow-y: visible;
}

.rt-home *,
.rt-home *::before,
.rt-home *::after {
    box-sizing: border-box;
}

.rt-home-about__media img,
.rt-home-service__glyph img,
.rt-home-service__main-image,
.rt-home-cta img {
    max-width: 100%;
    height: auto;
}

.rt-home-about,
.rt-home-cta,
.rt-home-faq,
.rt-home-reviews > * {
    width: min(100%, var(--rt-content-max));
    margin: 0 auto;
    padding-inline: var(--rt-content-gutter);
}

.rt-home-about {
    display: grid;
    grid-template-columns: minmax(280px, 50%) minmax(360px, 50%);
    gap: 65px;
    align-items: stretch;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-bottom: 50px;
}

.rt-home-about__media,
.rt-home-about__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rt-home-about__media img {
    display: block;
    width: 100%;
    max-width: 760px;
    border-radius: 28px;
}

.rt-home-eyebrow {
    margin: 0 0 14px;
    color: var(--rt-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: uppercase;
}

.rt-home-about h1,
.rt-home-about h2,
.rt-home-service__copy h2,
.rt-home-section-head h2,
.rt-home-cta h2 {
    margin: 0;
    color: var(--rt-heading);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

.rt-home-about h1,
.rt-home-about h2,
.rt-home-section-head h2,
.rt-home-cta h2 {
    font-size: 60px;
    line-height: 55px;
}

.rt-home-mobile-break {
    display: none;
}

.rt-home-about__copy p,
.rt-home-service__copy p,
.rt-home-cta p,
.rt-home-faq details p {
    margin: 0 0 20px;
    color: var(--rt-muted);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.45;
}

.rt-home-about__copy p {
    text-align: justify;
}

.rt-home-button,
.rt-home-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 69px;
    padding: 20px 50px;
    border: 1px solid #000;
    border-radius: 50px;
    background: transparent;
    color: #000 !important;
    font-family: "Satoshi", Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-decoration: none;
    transition: transform .24s ease, background-color .24s ease, color .24s ease;
}

.rt-home-button:hover,
.rt-home-button:focus-visible,
.rt-home-link:hover,
.rt-home-link:focus-visible {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, .24);
    color: #000 !important;
}

.rt-home-services {
    width: 100%;
    margin: 0;
    padding: 0;
}

.rt-home-services {
    --rt-home-stack-top: var(--rt-header-height, 88px);
    --rt-home-service-height: 671px;
    position: relative;
    isolation: isolate;
    overflow: visible;
}

.rt-home-service {
    display: grid;
    grid-template-columns: minmax(0, 44.5%) minmax(0, 55.5%);
    min-height: 84vh;
    align-items: stretch;
    gap: 0;
    padding-inline: max(var(--rt-content-gutter), calc((100vw - var(--rt-content-max)) / 2 + var(--rt-content-gutter)));
    background: var(--rt-service-bg, #f8f8f8);
    overflow: hidden;
}

@media (min-width: 1025px) {
    .rt-home-services .rt-home-service {
        position: sticky;
        top: var(--rt-home-stack-top);
        min-height: var(--rt-home-service-height);
        z-index: var(--rt-home-stack-z, 1);
        filter: brightness(var(--rt-home-stack-brightness, 1));
        transform: translate3d(0, var(--rt-home-stack-y, 0px), 0);
        transform-origin: center top;
        will-change: transform, filter;
    }

    .rt-home-services .rt-home-service:nth-child(1) {
        --rt-home-stack-z: 1;
    }

    .rt-home-services .rt-home-service:nth-child(2) {
        --rt-home-stack-z: 2;
    }

    .rt-home-services .rt-home-service:nth-child(3) {
        --rt-home-stack-z: 3;
    }

    .rt-home-services .rt-home-service:nth-child(4) {
        --rt-home-stack-z: 4;
    }

    .rt-home-services .rt-home-service:nth-child(5) {
        --rt-home-stack-z: 5;
    }

    .rt-home-services .rt-home-service:nth-child(6) {
        --rt-home-stack-z: 6;
    }

    .rt-home-services .rt-home-service:nth-child(7) {
        --rt-home-stack-z: 7;
    }

    .rt-home-services .rt-home-service:nth-child(8) {
        --rt-home-stack-z: 8;
    }
}

.rt-home-service.is-reverse .rt-home-service__visual {
    order: 2;
    justify-content: flex-end;
}

.rt-home-service__visual {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding: 5% 0;
}

.rt-home-service__orb {
    position: relative;
    width: min(31vw, 620px);
    min-height: min(74vh, 730px);
    margin: 0;
    border-radius: 250px;
    background: var(--rt-orb-bg, linear-gradient(180deg, #f4cc82 0%, #ef742b 100%));
    display: grid;
    place-items: center;
    overflow: visible;
    transform-origin: center center;
    transform: translate3d(0, var(--rt-service-orb-y, 0px), 0);
    transition: transform .08s linear;
}

.rt-home-service.is-reverse .rt-home-service__orb {
    margin: 0;
}

.rt-home-service__glyph {
    position: absolute;
    top: 2%;
    right: -4%;
    left: auto;
    z-index: 2;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--rt-glyph-bg, #f8dac1);
    transform: rotate(var(--rt-service-spin, 0deg));
    will-change: transform;
}

.rt-home-service.is-reverse .rt-home-service__glyph {
    left: auto;
    right: -4%;
}

.rt-home-service__glyph img {
    width: 64%;
    height: auto;
    display: block;
}

.rt-home-service__main-image {
    position: relative;
    z-index: 1;
    width: min(48.3%, 391px);
    display: block;
    filter: drop-shadow(0 22px 30px rgba(0, 0, 0, .08));
    transform-origin: center center;
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0);
    transition: transform .08s linear;
}

.rt-home-service.has-webdev-mockup .rt-home-service__visual {
    align-items: center;
    justify-content: center;
}

.rt-home-service.has-ecommerce-mockup .rt-home-service__visual {
    align-items: center;
    justify-content: center;
}

.rt-home-webdev-mockup {
    position: relative;
    width: min(88vw, 560px);
    aspect-ratio: 1.12 / 1;
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-6deg);
    transform-origin: center center;
    filter: drop-shadow(0 30px 36px rgba(35, 42, 58, .16));
    transition: transform .08s linear;
}

.rt-home-webdev-mockup::before {
    content: "";
    position: absolute;
    inset: 12% 2% 3% 8%;
    border-radius: 46px;
    background:
        radial-gradient(circle at 22% 20%, rgba(66, 133, 244, .22), transparent 30%),
        radial-gradient(circle at 76% 26%, rgba(251, 188, 5, .18), transparent 28%),
        radial-gradient(circle at 62% 78%, rgba(52, 168, 83, .18), transparent 32%);
    filter: blur(20px);
    transform: rotate(7deg);
}

.rt-home-webdev-mockup__window {
    position: absolute;
    inset: 8% 3% 10% 5%;
    overflow: hidden;
    border: 8px solid rgba(255, 255, 255, .86);
    border-radius: 38px;
    background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
    box-shadow:
        inset 0 0 0 1px rgba(60, 64, 67, .08),
        0 22px 36px rgba(60, 64, 67, .16);
    animation: rt-webdev-float 5.4s ease-in-out infinite;
}

.rt-home-webdev-mockup__topbar {
    height: 14%;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 6%;
    color: rgba(60, 64, 67, .48);
    font-size: 13px;
    font-weight: 800;
}

.rt-home-webdev-mockup__topbar span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.rt-home-webdev-mockup__topbar span:nth-child(1) {
    background: #ea4335;
}

.rt-home-webdev-mockup__topbar span:nth-child(2) {
    background: #fbbc05;
}

.rt-home-webdev-mockup__topbar span:nth-child(3) {
    background: #34a853;
    margin-right: auto;
}

.rt-home-webdev-mockup__search {
    position: relative;
    z-index: 2;
    width: 76%;
    height: 16%;
    margin: 0 auto 4%;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 4% 0 5%;
    border-radius: 999px;
    background: #fff;
    box-shadow:
        0 12px 24px rgba(60, 64, 67, .12),
        inset 0 0 0 1px rgba(60, 64, 67, .06);
}

.rt-home-webdev-mockup__search i {
    width: 18px;
    height: 18px;
    border: 3px solid #5f6368;
    border-radius: 50%;
}

.rt-home-webdev-mockup__search i::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 3px;
    margin: 13px 0 0 -1px;
    border-radius: 999px;
    background: #5f6368;
    transform: rotate(45deg);
}

.rt-home-webdev-mockup__search span {
    flex: 1;
    color: #5f6368;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.rt-home-webdev-mockup__search b {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #4285f4;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    box-shadow: 0 10px 20px rgba(66, 133, 244, .28);
    animation: rt-webdev-pulse 2.4s ease-in-out infinite;
}

.rt-home-webdev-mockup__canvas {
    position: absolute;
    inset: 33% 6% 7%;
    display: grid;
    grid-template-columns: 24% 1fr;
    gap: 5%;
}

.rt-home-webdev-mockup__sidebar,
.rt-home-webdev-mockup__page {
    border-radius: 28px;
    background: rgba(241, 243, 244, .92);
}

.rt-home-webdev-mockup__sidebar {
    display: grid;
    gap: 11%;
    padding: 18% 18%;
}

.rt-home-webdev-mockup__sidebar span {
    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 64, 67, .05);
}

.rt-home-webdev-mockup__sidebar span:nth-child(1) {
    background: rgba(66, 133, 244, .22);
}

.rt-home-webdev-mockup__sidebar span:nth-child(2) {
    background: rgba(251, 188, 5, .24);
}

.rt-home-webdev-mockup__sidebar span:nth-child(3) {
    background: rgba(52, 168, 83, .22);
}

.rt-home-webdev-mockup__page {
    position: relative;
    overflow: hidden;
    padding: 9% 8%;
}

.rt-home-webdev-mockup__page::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0 32%, rgba(255, 255, 255, .7) 45%, transparent 58%),
        linear-gradient(135deg, rgba(66, 133, 244, .15), rgba(52, 168, 83, .13));
    animation: rt-webdev-sheen 4.8s ease-in-out infinite;
}

.rt-home-webdev-mockup__tag,
.rt-home-webdev-mockup__hero,
.rt-home-webdev-mockup__line,
.rt-home-webdev-mockup__cards {
    position: relative;
    z-index: 1;
}

.rt-home-webdev-mockup__tag {
    display: inline-grid;
    place-items: center;
    min-width: 58px;
    height: 30px;
    margin: 0 8px 16px 0;
    border-radius: 999px;
    background: #fff;
    color: #1a73e8;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 8px 16px rgba(60, 64, 67, .08);
    animation: rt-webdev-tag 3.6s ease-in-out infinite;
}

.rt-home-webdev-mockup__tag:nth-child(2) {
    color: #ea4335;
    animation-delay: .22s;
}

.rt-home-webdev-mockup__tag:nth-child(3) {
    color: #34a853;
    animation-delay: .44s;
}

.rt-home-webdev-mockup__hero {
    display: block;
    width: 76%;
    height: 28%;
    border-radius: 26px;
    background: linear-gradient(135deg, #4285f4, #34a853);
    box-shadow: 0 14px 24px rgba(66, 133, 244, .14);
}

.rt-home-webdev-mockup__line {
    display: block;
    height: 12px;
    margin-top: 16px;
    border-radius: 999px;
    background: #dfe5ee;
    animation: rt-webdev-line 3s ease-in-out infinite;
}

.rt-home-webdev-mockup__line--one {
    width: 70%;
}

.rt-home-webdev-mockup__line--two {
    width: 50%;
    animation-delay: .34s;
}

.rt-home-webdev-mockup__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 18px;
}

.rt-home-webdev-mockup__cards span {
    height: 48px;
    border-radius: 18px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 64, 67, .05);
}

.rt-home-webdev-mockup__bubble {
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    box-shadow: 0 12px 22px rgba(60, 64, 67, .12);
    animation: rt-webdev-bubble 4.4s ease-in-out infinite;
}

.rt-home-webdev-mockup__bubble--blue {
    width: 54px;
    height: 54px;
    left: 2%;
    top: 20%;
    background: #4285f4;
}

.rt-home-webdev-mockup__bubble--red {
    width: 32px;
    height: 32px;
    right: 4%;
    top: 14%;
    background: #ea4335;
    animation-delay: .35s;
}

.rt-home-webdev-mockup__bubble--yellow {
    width: 44px;
    height: 44px;
    left: 9%;
    bottom: 8%;
    background: #fbbc05;
    animation-delay: .7s;
}

.rt-home-webdev-mockup__bubble--green {
    width: 26px;
    height: 26px;
    right: 10%;
    bottom: 16%;
    background: #34a853;
    animation-delay: 1s;
}

@keyframes rt-webdev-float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

@keyframes rt-webdev-pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

@keyframes rt-webdev-tag {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes rt-webdev-line {
    0%, 100% {
        opacity: .52;
        transform: scaleX(.86);
        transform-origin: left center;
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes rt-webdev-bubble {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(10px, -14px, 0);
    }
}

@keyframes rt-webdev-sheen {
    0%, 100% {
        transform: translateX(-28%);
    }

    50% {
        transform: translateX(22%);
    }
}

.rt-home-ecommerce-mockup {
    position: relative;
    width: min(88vw, 560px);
    aspect-ratio: 1.12 / 1;
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(5deg);
    transform-origin: center center;
    filter: drop-shadow(0 30px 38px rgba(41, 48, 62, .16));
    transition: transform .08s linear;
}

.rt-home-ecommerce-mockup::before {
    content: "";
    position: absolute;
    inset: 8% -2% 2% 0;
    border-radius: 48px;
    background:
        radial-gradient(circle at 26% 20%, rgba(66, 133, 244, .2), transparent 32%),
        radial-gradient(circle at 82% 42%, rgba(251, 188, 5, .2), transparent 28%),
        radial-gradient(circle at 44% 78%, rgba(52, 168, 83, .2), transparent 34%);
    filter: blur(22px);
    transform: rotate(-8deg);
}

.rt-home-ecommerce-mockup__phone {
    position: absolute;
    inset: 5% 8% 6%;
    overflow: hidden;
    border: 8px solid rgba(255, 255, 255, .88);
    border-radius: 44px;
    background: linear-gradient(145deg, #fbfdff 0%, #eef6ff 100%);
    box-shadow:
        inset 0 0 0 1px rgba(60, 64, 67, .08),
        0 24px 38px rgba(60, 64, 67, .16);
    animation: rt-ecommerce-float 5.2s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-ecommerce-mockup__header {
    height: 16%;
    display: grid;
    grid-template-columns: 44px 1fr 38px;
    align-items: center;
    gap: 14px;
    padding: 0 8%;
}

.rt-home-ecommerce-mockup__header span,
.rt-home-ecommerce-mockup__cart span {
    border-radius: 18px;
    background: linear-gradient(135deg, #4285f4, #34a853);
}

.rt-home-ecommerce-mockup__header span {
    width: 44px;
    height: 44px;
    box-shadow: 0 10px 22px rgba(66, 133, 244, .22);
}

.rt-home-ecommerce-mockup__header strong {
    color: #3c4043;
    font-size: 17px;
    font-weight: 900;
}

.rt-home-ecommerce-mockup__header b {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #ea4335;
    font-size: 14px;
    box-shadow: 0 10px 20px rgba(60, 64, 67, .1);
    animation: rt-ecommerce-badge 2.6s ease-in-out infinite;
}

.rt-home-ecommerce-mockup__grid {
    position: absolute;
    inset: 17% 7% 22%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 1fr 1fr;
    gap: 14px;
}

.rt-home-ecommerce-mockup__product,
.rt-home-ecommerce-mockup__checkout {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: #fff;
    box-shadow:
        0 14px 24px rgba(60, 64, 67, .1),
        inset 0 0 0 1px rgba(60, 64, 67, .06);
}

.rt-home-ecommerce-mockup__product {
    padding: 14px;
    animation: rt-ecommerce-card 4.6s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-ecommerce-mockup__product--two {
    animation-delay: .18s;
}

.rt-home-ecommerce-mockup__product--three {
    animation-delay: .36s;
}

.rt-home-ecommerce-mockup__product i {
    display: block;
    width: 100%;
    height: 50%;
    border-radius: 22px;
    background:
        radial-gradient(circle at 70% 30%, rgba(255, 255, 255, .65), transparent 24%),
        linear-gradient(135deg, rgba(66, 133, 244, .8), rgba(66, 133, 244, .28));
}

.rt-home-ecommerce-mockup__product--two i {
    background:
        radial-gradient(circle at 74% 30%, rgba(255, 255, 255, .65), transparent 24%),
        linear-gradient(135deg, rgba(251, 188, 5, .82), rgba(251, 188, 5, .28));
}

.rt-home-ecommerce-mockup__product--three i {
    background:
        radial-gradient(circle at 74% 30%, rgba(255, 255, 255, .65), transparent 24%),
        linear-gradient(135deg, rgba(52, 168, 83, .82), rgba(52, 168, 83, .26));
}

.rt-home-ecommerce-mockup__product span,
.rt-home-ecommerce-mockup__product em {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: #e8eef6;
}

.rt-home-ecommerce-mockup__product span {
    width: 70%;
    margin-top: 14px;
}

.rt-home-ecommerce-mockup__product em {
    width: 44%;
    margin-top: 9px;
    background: #d7e2f1;
}

.rt-home-ecommerce-mockup__checkout {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px;
    background: linear-gradient(135deg, #4285f4, #34a853);
    color: #fff;
    animation: rt-ecommerce-checkout 4.6s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-ecommerce-mockup__checkout::before {
    content: "";
    position: absolute;
    width: 78px;
    height: 78px;
    right: -18px;
    top: -20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
}

.rt-home-ecommerce-mockup__checkout span,
.rt-home-ecommerce-mockup__checkout strong {
    position: relative;
    z-index: 1;
}

.rt-home-ecommerce-mockup__checkout span {
    font-size: 13px;
    font-weight: 800;
    opacity: .88;
}

.rt-home-ecommerce-mockup__checkout strong {
    font-size: 28px;
    font-weight: 950;
}

.rt-home-ecommerce-mockup__cart {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 7%;
    height: 13%;
    display: grid;
    grid-template-columns: 46px 1fr 24px;
    align-items: center;
    gap: 12px;
    padding: 0 14px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 16px 28px rgba(60, 64, 67, .13);
    animation: rt-ecommerce-cart 4.6s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-ecommerce-mockup__cart span {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.rt-home-ecommerce-mockup__cart strong {
    color: #3c4043;
    font-size: 14px;
    font-weight: 900;
}

.rt-home-ecommerce-mockup__cart b {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #34a853;
    box-shadow: 0 0 0 7px rgba(52, 168, 83, .12);
}

.rt-home-ecommerce-mockup__orb {
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    box-shadow: 0 14px 24px rgba(60, 64, 67, .12);
    animation: rt-ecommerce-orb 4.8s ease-in-out infinite;
}

.rt-home-ecommerce-mockup__orb--blue {
    width: 52px;
    height: 52px;
    left: 4%;
    top: 23%;
    background: #4285f4;
}

.rt-home-ecommerce-mockup__orb--yellow {
    width: 42px;
    height: 42px;
    right: 8%;
    top: 12%;
    background: #fbbc05;
    animation-delay: .35s;
}

.rt-home-ecommerce-mockup__orb--green {
    width: 34px;
    height: 34px;
    right: 7%;
    bottom: 20%;
    background: #34a853;
    animation-delay: .7s;
}

@keyframes rt-ecommerce-float {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -12px, 0);
    }
}

@keyframes rt-ecommerce-card {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    45% {
        transform: translate3d(0, -8px, 0) scale(1.025);
    }
}

@keyframes rt-ecommerce-checkout {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    55% {
        transform: translate3d(-6px, -10px, 0) scale(1.035);
    }
}

@keyframes rt-ecommerce-cart {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(8px, -8px, 0);
    }
}

@keyframes rt-ecommerce-badge {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }
}

@keyframes rt-ecommerce-orb {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-10px, 14px, 0);
    }
}

.rt-home-service.has-material-mockup .rt-home-service__visual {
    align-items: center;
    justify-content: center;
}

.rt-home-material-mockup {
    --rt-material-blue: #4285f4;
    --rt-material-red: #ea4335;
    --rt-material-yellow: #fbbc05;
    --rt-material-green: #34a853;
    --rt-material-accent: var(--rt-material-blue);
    --rt-material-accent-2: var(--rt-material-green);
    --rt-material-accent-3: var(--rt-material-yellow);
    position: relative;
    width: min(88vw, 560px);
    aspect-ratio: 1.12 / 1;
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-5deg);
    transform-origin: center center;
    filter: drop-shadow(0 30px 38px rgba(41, 48, 62, .15));
    transition: transform .08s linear;
}

.rt-home-service.is-reverse .rt-home-material-mockup {
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(5deg);
}

.rt-home-material-mockup--brand-mockup {
    --rt-material-accent: #ea4335;
    --rt-material-accent-2: #4285f4;
    --rt-material-accent-3: #fbbc05;
}

.rt-home-material-mockup--social-mockup {
    --rt-material-accent: #34a853;
    --rt-material-accent-2: #4285f4;
    --rt-material-accent-3: #ea4335;
}

.rt-home-material-mockup--ads-mockup {
    --rt-material-accent: #fbbc05;
    --rt-material-accent-2: #4285f4;
    --rt-material-accent-3: #34a853;
}

.rt-home-material-mockup--seo-mockup {
    --rt-material-accent: #4285f4;
    --rt-material-accent-2: #34a853;
    --rt-material-accent-3: #ea4335;
}

.rt-home-material-mockup::before {
    content: "";
    position: absolute;
    inset: 8% 0 0 4%;
    border-radius: 46px;
    background:
        radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--rt-material-accent) 22%, transparent), transparent 32%),
        radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--rt-material-accent-3) 22%, transparent), transparent 28%),
        radial-gradient(circle at 56% 78%, color-mix(in srgb, var(--rt-material-accent-2) 20%, transparent), transparent 34%);
    filter: blur(22px);
    transform: rotate(7deg);
}

.rt-home-material-mockup__surface {
    position: absolute;
    inset: 7% 5% 8%;
    overflow: hidden;
    border: 8px solid rgba(255, 255, 255, .88);
    border-radius: 42px;
    background: linear-gradient(145deg, #ffffff 0%, #f3f7fb 100%);
    box-shadow:
        inset 0 0 0 1px rgba(60, 64, 67, .08),
        0 24px 38px rgba(60, 64, 67, .15);
    animation: rt-material-float 5.4s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__topbar {
    height: 15%;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 7%;
    color: #5f6368;
}

.rt-home-material-mockup__topbar span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.rt-home-material-mockup__topbar span:nth-child(1) {
    background: var(--rt-material-red);
}

.rt-home-material-mockup__topbar span:nth-child(2) {
    background: var(--rt-material-yellow);
}

.rt-home-material-mockup__topbar span:nth-child(3) {
    margin-right: auto;
    background: var(--rt-material-green);
}

.rt-home-material-mockup__topbar strong {
    font-size: 14px;
    font-weight: 900;
}

.rt-home-material-mockup__stage {
    position: absolute;
    inset: 17% 7% 22%;
    overflow: hidden;
    padding: 8%;
    border-radius: 32px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--rt-material-accent) 14%, transparent), color-mix(in srgb, var(--rt-material-accent-2) 10%, transparent)),
        #eef3f8;
}

.rt-home-material-mockup__stage::before {
    content: "";
    position: absolute;
    inset: -20% -35%;
    background: linear-gradient(115deg, transparent 34%, rgba(255, 255, 255, .64) 48%, transparent 62%);
    animation: rt-material-sheen 4.8s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__tags,
.rt-home-material-mockup__hero,
.rt-home-material-mockup__line,
.rt-home-material-mockup__tiles,
.rt-home-material-mockup__metric {
    position: relative;
    z-index: 1;
}

.rt-home-material-mockup__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.rt-home-material-mockup__tags span {
    display: inline-grid;
    min-width: 58px;
    height: 30px;
    place-items: center;
    border-radius: 999px;
    background: #fff;
    color: var(--rt-material-accent);
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 8px 16px rgba(60, 64, 67, .08);
    animation: rt-material-rise 3.4s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__tags span:nth-child(2) {
    color: var(--rt-material-accent-2);
    animation-delay: .18s;
}

.rt-home-material-mockup__tags span:nth-child(3) {
    color: var(--rt-material-accent-3);
    animation-delay: .36s;
}

.rt-home-material-mockup__hero {
    display: block;
    width: 74%;
    height: 30%;
    margin-top: 8%;
    border-radius: 28px;
    background:
        radial-gradient(circle at 80% 28%, rgba(255, 255, 255, .6), transparent 20%),
        linear-gradient(135deg, var(--rt-material-accent), var(--rt-material-accent-2));
    box-shadow: 0 16px 26px color-mix(in srgb, var(--rt-material-accent) 16%, transparent);
    animation: rt-material-surface 4.6s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__line {
    display: block;
    height: 12px;
    margin-top: 16px;
    border-radius: 999px;
    background: rgba(95, 99, 104, .14);
    transform-origin: left center;
    animation: rt-material-line 3.2s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__line--one {
    width: 70%;
}

.rt-home-material-mockup__line--two {
    width: 48%;
    animation-delay: .24s;
}

.rt-home-material-mockup__tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 18px;
}

.rt-home-material-mockup__tiles span {
    height: 50px;
    border-radius: 18px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 64, 67, .05);
    animation: rt-material-tile 4s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__tiles span:nth-child(2) {
    animation-delay: .2s;
}

.rt-home-material-mockup__tiles span:nth-child(3) {
    animation-delay: .4s;
}

.rt-home-material-mockup__metric {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 7%;
    height: 14%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 18px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 16px 28px rgba(60, 64, 67, .12);
    animation: rt-material-metric 4.8s cubic-bezier(.2, 0, .2, 1) infinite;
}

.rt-home-material-mockup__metric span {
    color: #5f6368;
    font-size: 13px;
    font-weight: 850;
}

.rt-home-material-mockup__metric strong {
    color: var(--rt-material-accent);
    font-size: 26px;
    font-weight: 950;
}

.rt-home-material-mockup__orb {
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    box-shadow: 0 14px 24px rgba(60, 64, 67, .12);
    animation: rt-material-orb 4.6s ease-in-out infinite;
}

.rt-home-material-mockup__orb--blue {
    width: 52px;
    height: 52px;
    left: 2%;
    top: 24%;
    background: var(--rt-material-blue);
}

.rt-home-material-mockup__orb--red {
    width: 34px;
    height: 34px;
    right: 9%;
    top: 13%;
    background: var(--rt-material-red);
    animation-delay: .24s;
}

.rt-home-material-mockup__orb--yellow {
    width: 42px;
    height: 42px;
    left: 10%;
    bottom: 8%;
    background: var(--rt-material-yellow);
    animation-delay: .48s;
}

.rt-home-material-mockup__orb--green {
    width: 30px;
    height: 30px;
    right: 8%;
    bottom: 18%;
    background: var(--rt-material-green);
    animation-delay: .72s;
}

.rt-home-material-mockup--brand-mockup .rt-home-material-mockup__hero {
    width: 42%;
    height: 42%;
    border-radius: 50%;
}

.rt-home-material-mockup--brand-mockup .rt-home-material-mockup__stage {
    background:
        radial-gradient(circle at 72% 22%, rgba(251, 188, 5, .2), transparent 22%),
        linear-gradient(135deg, rgba(234, 67, 53, .12), rgba(66, 133, 244, .1)),
        #f5f7fb;
}

.rt-home-material-mockup--social-mockup .rt-home-material-mockup__stage {
    border-radius: 38px;
}

.rt-home-material-mockup--social-mockup .rt-home-material-mockup__hero {
    width: 58%;
    height: 44%;
    border-radius: 32px;
}

.rt-home-material-mockup--ads-mockup .rt-home-material-mockup__hero,
.rt-home-material-mockup--seo-mockup .rt-home-material-mockup__hero {
    height: 22%;
}

.rt-home-material-mockup--ads-mockup .rt-home-material-mockup__tiles span {
    height: 64px;
}

.rt-home-material-mockup--seo-mockup .rt-home-material-mockup__tiles {
    grid-template-columns: 1fr;
}

.rt-home-material-mockup--seo-mockup .rt-home-material-mockup__tiles span {
    height: 18px;
    border-radius: 999px;
}

@keyframes rt-material-float {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -12px, 0);
    }
}

@keyframes rt-material-rise {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes rt-material-surface {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.035) translateY(-6px);
    }
}

@keyframes rt-material-line {
    0%, 100% {
        opacity: .54;
        transform: scaleX(.82);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes rt-material-tile {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes rt-material-metric {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(8px, -8px, 0);
    }
}

@keyframes rt-material-orb {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(10px, -14px, 0);
    }
}

@keyframes rt-material-sheen {
    0%, 100% {
        transform: translateX(-24%);
    }

    50% {
        transform: translateX(22%);
    }
}

.rt-home-restyle-mockup {
    width: min(88vw, 560px);
    aspect-ratio: 1.12 / 1;
    filter: drop-shadow(0 28px 34px rgba(18, 31, 38, .18));
}

.rt-home-restyle-mockup__device {
    position: absolute;
    inset: 7% 3.5% 9%;
    overflow: hidden;
    border: 8px solid rgba(255, 255, 255, .82);
    border-radius: 34px;
    background: #f8fbff;
    box-shadow:
        inset 0 0 0 1px rgba(34, 34, 34, .08),
        0 18px 30px rgba(25, 41, 45, .16);
    transform: rotate(-5deg);
}

.rt-home-restyle-mockup__bar {
    height: 12.5%;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 5.5%;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid rgba(34, 34, 34, .08);
}

.rt-home-restyle-mockup__bar span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #d9dde5;
}

.rt-home-restyle-mockup__bar span:nth-child(1) {
    background: #ff7b8a;
}

.rt-home-restyle-mockup__bar span:nth-child(2) {
    background: #ffd46b;
}

.rt-home-restyle-mockup__bar span:nth-child(3) {
    background: #6ff198;
}

.rt-home-restyle-mockup__bar strong {
    margin-left: auto;
    color: rgba(34, 34, 34, .42);
    font-size: clamp(9px, .7vw, 12px);
    font-weight: 700;
    letter-spacing: 0;
}

.rt-home-restyle-mockup__screen {
    position: relative;
    height: 87.5%;
    overflow: hidden;
    background: #eef0ea;
}

.rt-home-restyle-mockup__layer {
    position: absolute;
    inset: 0;
}

.rt-home-restyle-mockup__layer--before {
    padding: 8%;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .08), transparent 26%),
        linear-gradient(180deg, #e7e1d4 0%, #cfc7b8 100%);
}

.rt-home-restyle-mockup__old-logo,
.rt-home-restyle-mockup__old-nav,
.rt-home-restyle-mockup__old-title,
.rt-home-restyle-mockup__old-line,
.rt-home-restyle-mockup__old-card {
    display: block;
    border-radius: 999px;
    background: rgba(91, 86, 78, .38);
}

.rt-home-restyle-mockup__old-logo {
    width: 24%;
    height: 8%;
}

.rt-home-restyle-mockup__old-nav {
    position: absolute;
    top: 9.5%;
    right: 8%;
    width: 42%;
    height: 4.5%;
}

.rt-home-restyle-mockup__old-title {
    width: 66%;
    height: 13%;
    margin-top: 18%;
    border-radius: 12px;
    background: rgba(64, 59, 52, .45);
}

.rt-home-restyle-mockup__old-line {
    width: 76%;
    height: 4.2%;
    margin-top: 8%;
}

.rt-home-restyle-mockup__old-line--short {
    width: 48%;
    margin-top: 4%;
}

.rt-home-restyle-mockup__old-card {
    position: absolute;
    bottom: 9%;
    width: 34%;
    height: 21%;
    border-radius: 13px;
    background: rgba(255, 255, 255, .28);
    box-shadow: inset 0 0 0 1px rgba(64, 59, 52, .12);
}

.rt-home-restyle-mockup__old-card--one {
    left: 8%;
}

.rt-home-restyle-mockup__old-card--two {
    left: 48%;
}

.rt-home-restyle-mockup__layer--after {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 20%, rgba(98, 85, 255, .24), transparent 32%),
        linear-gradient(145deg, #ffffff 0%, #edf7f6 43%, #eef0ff 100%);
    clip-path: inset(0 0 0 58%);
    animation: rt-restyle-reveal 5.6s cubic-bezier(.7, 0, .2, 1) infinite;
}

.rt-home-restyle-mockup__after-hero {
    height: 62%;
    padding: 9%;
    background:
        linear-gradient(135deg, rgba(98, 85, 255, .96), rgba(97, 241, 109, .72)),
        #6255ff;
    color: #fff;
}

.rt-home-restyle-mockup__brand {
    display: inline-flex;
    align-items: baseline;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    color: #141414;
    font-size: clamp(12px, 1vw, 17px);
    font-weight: 700;
    line-height: 1;
}

.rt-home-restyle-mockup__brand span {
    color: #6255ff;
}

.rt-home-restyle-mockup__after-hero i {
    display: block;
    width: 18%;
    height: 7px;
    margin-top: 14%;
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
}

.rt-home-restyle-mockup__after-hero strong {
    display: block;
    max-width: 72%;
    margin-top: 5%;
    transform: translateY(-14px);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(22px, 2.15vw, 35px);
    font-weight: 500;
    line-height: .9;
    letter-spacing: 0;
}

.rt-home-restyle-mockup__after-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4%;
    padding: 6%;
}

.rt-home-restyle-mockup__after-grid span {
    min-height: 64px;
    padding: 12px 8px;
    border-radius: 17px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 18px rgba(39, 48, 66, .08);
}

.rt-home-restyle-mockup__after-grid b,
.rt-home-restyle-mockup__after-grid em {
    display: block;
    text-align: center;
    font-style: normal;
    letter-spacing: 0;
}

.rt-home-restyle-mockup__after-grid b {
    color: #6255ff;
    font-size: clamp(13px, 1vw, 18px);
    line-height: 1;
}

.rt-home-restyle-mockup__after-grid em {
    margin-top: 5px;
    color: #24242a;
    font-size: clamp(8px, .62vw, 11px);
    font-weight: 700;
}

.rt-home-restyle-mockup__divider {
    position: absolute;
    top: -8%;
    bottom: -8%;
    left: 58%;
    z-index: 3;
    width: 3px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(98, 85, 255, .24), 0 0 22px rgba(98, 85, 255, .42);
    animation: rt-restyle-divider 5.6s cubic-bezier(.7, 0, .2, 1) infinite;
}

.rt-home-restyle-mockup__divider::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 48%;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #6255ff;
    box-shadow: 0 10px 20px rgba(98, 85, 255, .22);
    transform: translate(-50%, -50%);
}

.rt-home-restyle-mockup__divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 48%;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translate(-62%, -50%) rotate(45deg);
}

.rt-home-restyle-mockup__tag {
    position: absolute;
    z-index: 4;
    padding: 8px 13px;
    border-radius: 999px;
    color: #222;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 10px 22px rgba(22, 34, 40, .12);
    font-size: clamp(10px, .74vw, 13px);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.rt-home-restyle-mockup__tag--before {
    left: 2%;
    top: 8%;
}

.rt-home-restyle-mockup__tag--after {
    right: 0;
    bottom: 9%;
    color: #fff;
    background: #6255ff;
}

.rt-home-restyle-mockup__spark {
    position: absolute;
    z-index: 4;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .28);
    animation: rt-restyle-spark 5.6s ease-in-out infinite;
}

.rt-home-restyle-mockup__spark--one {
    top: 20%;
    right: 3%;
}

.rt-home-restyle-mockup__spark--two {
    left: 10%;
    bottom: 8%;
    animation-delay: .65s;
}

@keyframes rt-restyle-reveal {
    0%, 18% {
        clip-path: inset(0 0 0 72%);
    }

    46%, 72% {
        clip-path: inset(0 0 0 18%);
    }

    100% {
        clip-path: inset(0 0 0 72%);
    }
}

@keyframes rt-restyle-divider {
    0%, 18% {
        left: 72%;
    }

    46%, 72% {
        left: 18%;
    }

    100% {
        left: 72%;
    }
}

@keyframes rt-restyle-spark {
    0%, 30%, 100% {
        opacity: .24;
        transform: rotate(0) scale(.72);
    }

    48%, 66% {
        opacity: 1;
        transform: rotate(45deg) scale(1);
    }
}

.rt-home-service__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 8% 6% 8% 6%;
}

.rt-home-service.is-reverse .rt-home-service__copy {
    padding: 8% 6% 8% 0;
}

.rt-home-service__copy h2 {
    max-width: 720px;
    color: var(--rt-heading);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(56px, 4.7vw, 72px);
    font-weight: 500;
    line-height: .92;
}

.rt-home-service__copy p {
    max-width: 820px;
    margin: 0 0 10px;
    color: var(--rt-text);
    text-align: justify;
}

.rt-home-reviews {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-block: clamp(70px, 8vw, 130px);
    background: transparent;
}

.rt-home-reviews > * {
    padding-inline: clamp(22px, 4vw, 74px);
}

.rt-home-section-head {
    margin-bottom: clamp(28px, 4vw, 62px);
}

.rt-home-reviews .rt-home-section-head {
    text-align: center;
}

.rt-home-section-head .rt-home-eyebrow {
    color: var(--rt-purple);
    font-weight: 700;
}

.rt-home-section-head h2 {
    max-width: 1100px;
}

.rt-home-reviews .rt-home-section-head h2 {
    margin-inline: auto;
}

.rt-home-projects {
    padding-block: 0;
    background: #fff;
}

.rt-home-projects .rt-slider {
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
}

.rt-home-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 480px);
    gap: clamp(32px, 5vw, 80px);
    align-items: stretch;
    width: min(100% - 40px, 1276px);
    max-width: 1276px;
    margin: clamp(70px, 8vw, 128px) auto;
    padding: clamp(42px, 5vw, 72px);
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 32px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .86), transparent 34%),
        linear-gradient(135deg, #f6f7ff 0%, #ebe9ff 100%);
    box-shadow: none;
    clip-path: none;
}

.rt-home-cta p {
    max-width: 720px;
}

.rt-home-contact-form .rt-seo-m3-audit-form__copy {
    display: grid;
    align-content: center;
    gap: 18px;
}

.rt-home-contact-form__whatsapp {
    margin-top: 4px !important;
    font-weight: 800;
}

.rt-home-contact-form__whatsapp a {
    color: var(--rt-purple);
    font-weight: 900;
    text-decoration: none;
}

.rt-home-contact-form__whatsapp a:hover,
.rt-home-contact-form__whatsapp a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.rt-home-contact-form .rt-home-eyebrow,
.rt-home-contact-form h2,
.rt-home-contact-form p {
    margin-left: 0;
    margin-right: 0;
}

.rt-home-contact-form .rt-seo-m3-audit-form__panel {
    display: grid;
    align-content: start;
    gap: 12px;
    width: 100%;
    padding: 28px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 28px;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(10px);
}

.rt-home-contact-form .rt-seo-m3-audit-form__panel h3 {
    margin: 0;
    color: var(--rt-heading);
    font-size: 26px;
    line-height: 32px;
}

.rt-home-contact-form .rt-seo-m3-audit-form__panel > p {
    margin: 0;
    color: var(--rt-muted);
    font-size: 15px;
    line-height: 24px;
}

.rt-home-contact-form .rt-seo-m3-audit-form__notice {
    margin: 4px 0 2px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(98, 85, 255, .12);
    color: var(--rt-purple);
    font-weight: 750;
}

.rt-home-contact-form .rt-seo-m3-audit-form__notice--error {
    background: #fff0f0;
    color: #b3261e;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 8px;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form label span {
    color: var(--rt-heading);
    font-size: 13px;
    line-height: 18px;
    font-weight: 800;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form input,
.rt-home-contact-form .rt-seo-m3-audit-form__form textarea {
    width: 100%;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 18px;
    background: #fff;
    color: var(--rt-text);
    padding: 13px 15px;
    font: inherit;
    font-size: 15px;
    line-height: 22px;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form textarea {
    resize: vertical;
    min-height: 112px;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form input:focus,
.rt-home-contact-form .rt-seo-m3-audit-form__form textarea:focus {
    border-color: var(--rt-purple);
    box-shadow: 0 0 0 4px rgba(98, 85, 255, .14);
}

.rt-home-contact-form .rt-seo-m3-audit-form__wide,
.rt-home-contact-form .rt-seo-m3-audit-form__privacy,
.rt-home-contact-form .rt-seo-m3-audit-form__form button {
    grid-column: 1 / -1;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form label.rt-seo-m3-audit-form__privacy {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
}

.rt-home-contact-form .rt-seo-m3-audit-form__privacy input {
    width: 18px;
    height: 18px;
    margin-top: 0;
    accent-color: var(--rt-purple);
    flex: 0 0 auto;
}

.rt-home-contact-form .rt-seo-m3-audit-form__privacy span {
    color: var(--rt-muted);
    font-size: 13px;
    line-height: 19px;
    font-weight: 650;
}

.rt-home-contact-form .rt-form-required {
    color: var(--rt-purple);
    font-style: normal;
    font-weight: 900;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form button {
    min-height: 54px;
    border: 0;
    border-radius: 999px;
    background: var(--rt-purple);
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease;
}

.rt-home-contact-form .rt-seo-m3-audit-form__form button:hover,
.rt-home-contact-form .rt-seo-m3-audit-form__form button:focus-visible {
    background: #5246ef;
    transform: translateY(-2px);
}

.rt-home-contact-form .rt-seo-m3-audit-form__form button:active {
    transform: scale(.98);
}

.rt-home-faq {
    display: grid;
    grid-template-columns: minmax(320px, .92fr) minmax(520px, 1.08fr);
    gap: clamp(46px, 7vw, 118px);
    align-items: start;
    position: relative;
    isolation: isolate;
    padding-top: clamp(82px, 7.5vw, 132px);
    padding-bottom: clamp(88px, 8vw, 150px);
    background: transparent;
    box-shadow: none;
    clip-path: none;
}

.rt-home-faq::before {
    content: "";
    position: absolute;
    inset: 0 calc(50% - 50vw);
    z-index: -1;
    background:
        radial-gradient(circle at 12% 12%, rgba(98, 85, 255, .13), transparent 36%),
        radial-gradient(circle at 90% 68%, rgba(98, 85, 255, .08), transparent 34%),
        linear-gradient(180deg, rgba(240, 239, 255, 0) 0%, #f3f2ff 18%, #fbfbff 76%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.rt-home-faq__items {
    width: 100%;
    max-width: 980px;
    justify-self: end;
}

.rt-home-faq details {
    border-top: 1px solid rgba(33, 33, 33, .88);
    background: transparent;
}

.rt-home-faq details:last-child {
    border-bottom: 1px solid rgba(33, 33, 33, .88);
}

.rt-home-faq summary {
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: clamp(40px, 3.8vw, 66px) 70px clamp(40px, 3.8vw, 66px) 0;
    color: var(--rt-heading);
    font-family: "Satoshi", Raleway, Arial, sans-serif;
    font-size: clamp(22px, 1.55vw, 31px);
    font-weight: 700;
    line-height: 1.2;
}

.rt-home-faq summary::-webkit-details-marker {
    display: none;
}

.rt-home-faq summary::before,
.rt-home-faq summary::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: var(--rt-heading);
    transform: translateY(-50%);
}

.rt-home-faq summary::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform .2s ease, opacity .2s ease;
}

.rt-home-faq details[open] summary::after {
    opacity: 0;
    transform: translateY(-50%) rotate(0);
}

.rt-home-faq details p {
    max-width: 760px;
    margin: 0;
    padding: 0 70px clamp(32px, 3vw, 52px) 0;
    color: #2d2d34;
    font-size: clamp(18px, 1.05vw, 21px);
    line-height: 1.55;
}

@keyframes rtImageSaw {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.24);
    }
}

@media (min-width: 1800px) {
    .rt-home-about,
    .rt-home-cta,
    .rt-home-faq,
    .rt-home-reviews > * {
        width: min(100%, var(--rt-content-max));
    }

    .rt-home-service__copy h2 {
        font-size: clamp(64px, 3.6vw, 86px);
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .rt-home-service {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 50px 24px;
    }

    .rt-home-service.is-reverse .rt-home-service__visual {
        order: 0;
    }

    .rt-home-service__visual {
        padding: 0 0 28px;
    }

    .rt-home-service__orb,
    .rt-home-service.is-reverse .rt-home-service__orb {
        width: min(100%, 620px);
        min-height: 52vh;
        margin: 0;
    }

    .rt-home-service__copy,
    .rt-home-service.is-reverse .rt-home-service__copy {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .rt-home-about,
    .rt-home-cta,
    .rt-home-faq,
    .rt-home-reviews > * {
        padding-inline: 5%;
    }

    .rt-home-about {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-top: 0;
        padding-bottom: 20%;
        margin-bottom: 0;
    }

    .rt-home-about__media {
        order: 2;
    }

    .rt-home-about h1,
    .rt-home-about h2,
    .rt-home-section-head h2,
    .rt-home-cta h2 {
        max-width: 100%;
        font-size: 29px;
        line-height: 30px;
        text-wrap: balance;
    }

    .rt-home-about h1,
    .rt-home-about h2 {
        max-width: 12.5em;
    }

    .rt-home-mobile-break {
        display: block;
    }

    .rt-home-about__copy p,
    .rt-home-service__copy p,
    .rt-home-cta p,
    .rt-home-faq details p {
        font-size: 18px;
        line-height: 22px;
    }

    .rt-home-service,
    .rt-home-service.is-reverse {
        display: flex;
        flex-direction: column-reverse;
        min-height: auto;
        padding: 30px 10px;
    }

    .rt-home-service.is-reverse .rt-home-service__visual {
        order: 0;
    }

    .rt-home-service__visual {
        min-height: 0;
        padding: 0 0 5%;
    }

    .rt-home-service__orb,
    .rt-home-service.is-reverse .rt-home-service__orb {
        width: 100%;
        min-height: 360px;
        margin: 0;
        border-radius: 250px;
    }

    .rt-home-service__glyph,
    .rt-home-service.is-reverse .rt-home-service__glyph {
        left: auto;
        right: auto;
        top: 7%;
        width: 200px;
        height: 200px;
        transform: rotate(var(--rt-service-spin, 0deg));
        right: 8%;
    }

    .rt-home-service__main-image {
        width: min(44%, 230px);
    }

    .rt-home-restyle-mockup {
        width: min(82%, 330px);
    }

    .rt-home-restyle-mockup__device {
        border-width: 6px;
        border-radius: 28px;
    }

    .rt-home-restyle-mockup__tag {
        padding: 7px 10px;
        font-size: 10px;
    }

    .rt-home-service__copy,
    .rt-home-service.is-reverse .rt-home-service__copy {
        padding: 0 0 10%;
    }

    .rt-home-service__copy h2 {
        font-size: 42px;
        line-height: 40px;
    }

    .rt-home-button,
    .rt-home-link {
        min-height: 54px;
        padding: 15px 30px;
        font-size: 18px;
        line-height: 22px;
    }

    .rt-home-cta {
        grid-template-columns: 1fr;
        width: min(100% - 32px, 680px);
        margin-top: 54px;
        margin-bottom: 54px;
        padding: 24px;
        border-radius: 28px;
    }

    .rt-home-contact-form .rt-seo-m3-audit-form__panel {
        width: 100%;
        max-width: 680px;
        margin-inline: auto;
        padding: 20px;
        border-radius: 24px;
    }

    .rt-home-contact-form .rt-seo-m3-audit-form__form {
        grid-template-columns: 1fr;
    }

    .rt-home-contact-form .rt-seo-m3-audit-form__panel h3 {
        font-size: 23px;
        line-height: 29px;
    }

    .rt-home-faq {
        grid-template-columns: 1fr;
        gap: 34px;
        padding-top: 64px;
        padding-bottom: 76px;
    }

    .rt-home-faq .rt-home-section-head {
        max-width: 100%;
    }

    .rt-home-faq__items {
        max-width: none;
        justify-self: stretch;
    }

    .rt-home-faq summary {
        padding: 28px 42px 28px 0;
        font-size: 20px;
    }

    .rt-home-faq details p {
        font-size: 18px;
        line-height: 22px;
        padding: 0 42px 28px 0;
    }
}

@media (min-width: 1025px) {
    .rt-home-services .rt-home-service {
        height: var(--rt-home-service-height);
        min-height: var(--rt-home-service-height);
        grid-template-columns: minmax(0, 45%) minmax(0, 55%);
        padding-inline: clamp(56px, 6.8vw, 150px);
    }

    .rt-home-service__visual,
    .rt-home-service__copy {
        min-height: 100%;
    }

    .rt-home-service__visual,
    .rt-home-service.is-reverse .rt-home-service__visual {
        align-items: center;
        justify-content: center;
        padding-block: clamp(34px, 5.6vh, 78px);
    }

    .rt-home-service__orb,
    .rt-home-service.is-reverse .rt-home-service__orb {
        width: min(34vw, 650px);
        min-height: 0;
        height: min(68vh, 700px);
        max-height: calc((100svh - var(--rt-home-stack-top)) - clamp(76px, 11vh, 136px));
        margin: 0;
    }

    .rt-home-service__copy,
    .rt-home-service.is-reverse .rt-home-service__copy {
        justify-content: center;
        padding-block: clamp(44px, 6.4vh, 94px);
        padding-left: clamp(28px, 3.4vw, 78px);
        padding-right: clamp(28px, 3.4vw, 78px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rt-home-cta img {
        animation: none;
    }

    .rt-home-service__orb,
    .rt-home-service__glyph,
    .rt-home-webdev-mockup,
    .rt-home-ecommerce-mockup,
    .rt-home-material-mockup,
    .rt-home-service__main-image {
        transition: none;
    }

    .rt-home-webdev-mockup__window,
    .rt-home-webdev-mockup__search b,
    .rt-home-webdev-mockup__page::before,
    .rt-home-webdev-mockup__tag,
    .rt-home-webdev-mockup__line,
    .rt-home-webdev-mockup__bubble {
        animation: none;
    }

    .rt-home-ecommerce-mockup__phone,
    .rt-home-ecommerce-mockup__product,
    .rt-home-ecommerce-mockup__checkout,
    .rt-home-ecommerce-mockup__cart,
    .rt-home-ecommerce-mockup__header b,
    .rt-home-ecommerce-mockup__orb {
        animation: none;
    }

    .rt-home-material-mockup__surface,
    .rt-home-material-mockup__stage::before,
    .rt-home-material-mockup__tags span,
    .rt-home-material-mockup__hero,
    .rt-home-material-mockup__line,
    .rt-home-material-mockup__tiles span,
    .rt-home-material-mockup__metric,
    .rt-home-material-mockup__orb {
        animation: none;
    }

    .rt-home-restyle-mockup__layer--after,
    .rt-home-restyle-mockup__divider,
    .rt-home-restyle-mockup__spark {
        animation: none;
    }

    .rt-home-restyle-mockup__layer--after {
        clip-path: inset(0 0 0 28%);
    }

    .rt-home-restyle-mockup__divider {
        left: 28%;
    }

    .rt-home-services .rt-home-service {
        position: relative;
        top: auto;
        filter: none !important;
        transform: none !important;
    }
}

@property --rt-restyle-reveal {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 58%;
}

.rt-home-service.has-restyle-mockup .rt-home-service__visual {
    overflow: visible;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup {
    --rt-restyle-reveal: 58%;
    position: relative;
    width: min(88vw, 560px);
    animation: rt-restyle-scrub 5.6s cubic-bezier(.7, 0, .2, 1) infinite;
    touch-action: none;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup.is-user-controlled {
    animation: none;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup__layer--after {
    clip-path: inset(0 0 0 var(--rt-restyle-reveal));
    animation: none;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup__divider {
    left: var(--rt-restyle-reveal);
    width: 4px;
    cursor: ew-resize;
    animation: none;
    touch-action: none;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup__divider::before {
    width: 42px;
    height: 42px;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup__divider::after {
    width: 14px;
    height: 14px;
}

.rt-home-service.has-restyle-mockup .rt-home-restyle-mockup__divider:focus-visible::before {
    outline: 3px solid rgba(98, 85, 255, .35);
    outline-offset: 5px;
}

@keyframes rt-restyle-scrub {
    0%, 18% {
        --rt-restyle-reveal: 72%;
    }

    46%, 72% {
        --rt-restyle-reveal: 18%;
    }

    100% {
        --rt-restyle-reveal: 72%;
    }
}

.rt-home .rt-home-service__copy h2,
.rt-home .rt-home-reviews .rt-home-section-head h2,
.rt-home .rt-home-cta h2,
.rt-home .rt-home-faq .rt-home-section-head h2 {
    font-size: 48px;
    line-height: 1.08;
}

.rt-home .rt-home-about__copy p,
.rt-home .rt-home-service__copy p,
.rt-home .rt-home-cta p,
.rt-home .rt-home-faq details p {
    font-size: 18px;
    line-height: 1.48;
}

@media (min-width: 1025px) {
    .rt-home-service.has-restyle-mockup .rt-home-restyle-mockup {
        width: min(88vw, 560px);
    }
}

@media (max-width: 767px) {
    .rt-home-webdev-mockup {
        width: min(94%, 350px);
        transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-3deg);
    }

    .rt-home-webdev-mockup__window {
        inset: 9% 2% 10% 4%;
        border-width: 6px;
        border-radius: 30px;
    }

    .rt-home-webdev-mockup__search {
        width: 82%;
        height: 15%;
        gap: 9px;
    }

    .rt-home-webdev-mockup__search span {
        font-size: 11px;
    }

    .rt-home-webdev-mockup__search b {
        width: 32px;
        height: 32px;
        font-size: 22px;
    }

    .rt-home-webdev-mockup__tag {
        min-width: 44px;
        height: 24px;
        margin-right: 5px;
        font-size: 10px;
    }

    .rt-home-ecommerce-mockup {
        width: min(94%, 350px);
        transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(3deg);
    }

    .rt-home-ecommerce-mockup__phone {
        inset: 5% 5% 6%;
        border-width: 6px;
        border-radius: 34px;
    }

    .rt-home-ecommerce-mockup__grid {
        inset: 18% 7% 23%;
        gap: 10px;
    }

    .rt-home-ecommerce-mockup__product,
    .rt-home-ecommerce-mockup__checkout {
        border-radius: 22px;
    }

    .rt-home-ecommerce-mockup__header {
        grid-template-columns: 34px 1fr 32px;
        gap: 10px;
        padding-inline: 7%;
    }

    .rt-home-ecommerce-mockup__header span {
        width: 34px;
        height: 34px;
    }

    .rt-home-ecommerce-mockup__header strong {
        font-size: 13px;
    }

    .rt-home-ecommerce-mockup__header b {
        width: 32px;
        height: 32px;
    }

    .rt-home-ecommerce-mockup__checkout strong {
        font-size: 20px;
    }

    .rt-home-ecommerce-mockup__cart {
        height: 12%;
        grid-template-columns: 34px 1fr 18px;
        gap: 8px;
        padding-inline: 10px;
    }

    .rt-home-ecommerce-mockup__cart span {
        width: 34px;
        height: 34px;
    }

    .rt-home-ecommerce-mockup__cart strong {
        font-size: 11px;
    }

    .rt-home-material-mockup,
    .rt-home-service.is-reverse .rt-home-material-mockup {
        width: min(94%, 350px);
        transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-3deg);
    }

    .rt-home-service.is-reverse .rt-home-material-mockup {
        transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(3deg);
    }

    .rt-home-material-mockup__surface {
        inset: 7% 4% 8%;
        border-width: 6px;
        border-radius: 32px;
    }

    .rt-home-material-mockup__topbar {
        padding-inline: 7%;
    }

    .rt-home-material-mockup__topbar strong {
        font-size: 12px;
    }

    .rt-home-material-mockup__stage {
        inset: 17% 7% 23%;
        border-radius: 24px;
        padding: 7%;
    }

    .rt-home-material-mockup__tags {
        gap: 6px;
    }

    .rt-home-material-mockup__tags span {
        min-width: 42px;
        height: 24px;
        font-size: 10px;
    }

    .rt-home-material-mockup__tiles {
        gap: 7px;
    }

    .rt-home-material-mockup__tiles span {
        height: 36px;
    }

    .rt-home-material-mockup__metric {
        height: 12%;
        padding-inline: 14px;
    }

    .rt-home-material-mockup__metric span {
        font-size: 11px;
    }

    .rt-home-material-mockup__metric strong {
        font-size: 20px;
    }

    .rt-home-service.has-restyle-mockup .rt-home-restyle-mockup {
        width: min(94%, 350px);
    }

    .rt-home .rt-home-service__copy h2,
    .rt-home .rt-home-reviews .rt-home-section-head h2,
    .rt-home .rt-home-cta h2,
    .rt-home .rt-home-faq .rt-home-section-head h2 {
        font-size: 42px;
        line-height: 1.05;
    }
}

.rt-home .rt-home-about__copy {
    align-items: flex-start;
    gap: 18px;
}

.rt-home .rt-home-about__copy .rt-home-eyebrow {
    margin: 0;
    color: var(--rt-purple);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.rt-home .rt-home-about h1,
.rt-home .rt-home-about h2 {
    max-width: 760px;
    margin: 0;
    font-size: 48px;
    line-height: 1.08;
}

.rt-home .rt-home-about__copy p {
    max-width: 760px;
    margin: 0;
    text-align: left;
    font-size: 18px;
    line-height: 1.52;
}

.rt-home .rt-home-about__copy .rt-home-button {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .rt-home .rt-home-about__copy {
        gap: 16px;
    }

    .rt-home .rt-home-about h1,
    .rt-home .rt-home-about h2 {
        max-width: 100%;
        font-size: 42px;
        line-height: 1.06;
    }

    .rt-home .rt-home-about__copy p {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    .rt-home .rt-home-about__copy {
        gap: 14px;
    }

    .rt-home .rt-home-about h1,
    .rt-home .rt-home-about h2 {
        font-size: 40px;
        line-height: 1.06;
    }

    .rt-home .rt-home-about__copy .rt-home-button {
        margin-top: 8px;
    }
}

.rt-home .rt-web-project-carousel {
    --rt-web-max: 1280px;
    --rt-layout-gutter: clamp(18px, 5vw, 72px);
    --md-sys-color-primary: var(--rt-purple);
    padding: 72px 0 86px;
    background: var(--rt-purple);
    box-shadow: 0 0 0 100vmax var(--rt-purple);
    clip-path: inset(0 -100vmax);
    overflow: hidden;
}

.rt-home .rt-web-project-carousel__page {
    width: min(100% - (var(--rt-layout-gutter) * 2), var(--rt-web-max));
    margin: 0 auto;
    text-align: center;
}

.rt-home .rt-web-project-carousel__page h2 {
    max-width: 900px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(38px, 4.4vw, 62px);
    line-height: 1.06;
    letter-spacing: 0;
    font-weight: 840;
}

.rt-home .rt-web-project-carousel__page p {
    max-width: 680px;
    margin: 14px auto 0;
    color: rgba(255, 255, 255, .82);
    font-size: 18px;
    line-height: 30px;
}

.rt-home .rt-web-project-carousel__list-container {
    position: relative;
    margin-top: 34px;
}

.rt-home .rt-web-project-carousel .rt-slider {
    margin: 0;
}

.rt-home .rt-web-project-carousel .rt-project-stage {
    max-width: none;
}

.rt-home .rt-web-project-carousel .rt-slider--projects .rt-slider__track {
    grid-auto-columns: clamp(560px, 54vw, 780px);
    gap: 26px;
    padding: 8px clamp(24px, 6.65vw, 136px) 24px;
}

.rt-home .rt-web-project-carousel .rt-project-card {
    min-height: 0;
    aspect-ratio: 1.72 / 1;
    overflow: hidden;
    border: 0;
    border-radius: 28px;
    background: #111;
    box-shadow: none;
}

.rt-home .rt-web-project-carousel .rt-project-card a {
    position: relative;
    display: block;
    height: 100%;
    color: #fff;
}

.rt-home .rt-web-project-carousel .rt-project-card a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .02) 28%, rgba(0, 0, 0, .28) 62%, rgba(0, 0, 0, .82));
    pointer-events: none;
}

.rt-home .rt-web-project-carousel .rt-project-card__media,
.rt-home .rt-web-project-carousel .rt-project-card__content {
    position: static;
}

.rt-home .rt-web-project-carousel .rt-project-card__media {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    background: #111;
}

.rt-home .rt-web-project-carousel .rt-project-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.92) brightness(.86);
    opacity: 1;
    transform: scale(1.015);
    transition: transform .65s ease, filter .65s ease;
}

.rt-home .rt-web-project-carousel .rt-project-card:hover img,
.rt-home .rt-web-project-carousel .rt-project-card:focus-within img {
    filter: saturate(1.04) brightness(.72);
    transform: scale(1.08);
}

.rt-home .rt-web-project-carousel .rt-project-card__content {
    display: contents;
    padding: 0;
    background: none;
}

.rt-home .rt-web-project-carousel .rt-project-card__tags,
.rt-home .rt-web-project-carousel .rt-project-card strong,
.rt-home .rt-web-project-carousel .rt-project-card__cta {
    padding: 0;
}

.rt-home .rt-web-project-carousel .rt-project-card__tags {
    position: absolute;
    top: 28px;
    right: 28px;
    left: auto;
    bottom: auto;
    z-index: 2;
    order: 1;
    align-self: start;
    display: inline-flex;
    width: fit-content;
    max-width: calc(100% - 56px);
    padding: 10px 22px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 999px;
    background: rgba(255, 255, 255, .22);
    color: rgba(255, 255, 255, .96);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0;
    backdrop-filter: blur(8px);
}

.rt-home .rt-web-project-carousel .rt-project-card strong {
    position: absolute;
    left: 38px;
    right: 38px;
    bottom: 38px;
    z-index: 2;
    order: 2;
    max-width: min(620px, calc(100% - 76px));
    align-self: start;
    color: #fff;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Archivo Black", sans-serif;
    font-size: clamp(38px, 4.2vw, 66px);
    font-weight: 400;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase !important;
    text-shadow: none;
}

.rt-home .rt-web-project-carousel .rt-project-card__title,
.rt-home .rt-web-project-carousel .rt-project-card__stat {
    display: block;
}

.rt-home .rt-web-project-carousel .rt-project-card__stat {
    margin-top: 12px;
    color: rgba(255, 255, 255, .9);
    font-family: "Satoshi", Arial, sans-serif;
    font-size: clamp(16px, 1.75vw, 26px);
    font-weight: 850;
    line-height: 1.1;
}

.rt-home .rt-web-project-carousel .rt-project-card__cta {
    position: absolute;
    left: var(--rt-card-x, 50%);
    top: var(--rt-card-y, 50%);
    z-index: 3;
    display: grid;
    place-items: center;
    width: 116px;
    height: 116px;
    padding: 0 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .74);
    color: #151515;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.78);
    transition: opacity .28s ease, transform .28s ease, background .28s ease;
    backdrop-filter: blur(10px);
    pointer-events: none;
}

.rt-home .rt-web-project-carousel .rt-project-card__cta::after {
    content: none;
}

.rt-home .rt-web-project-carousel .rt-project-card:hover .rt-project-card__cta,
.rt-home .rt-web-project-carousel .rt-project-card:focus-within .rt-project-card__cta {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.rt-home .rt-web-project-carousel .rt-slider-nav {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(98, 85, 255, .46);
    border-radius: 50%;
    background: rgba(255, 255, 255, .74);
    color: var(--rt-purple);
    font-size: 0;
    line-height: 1;
    text-align: center;
    box-shadow: 0 16px 34px rgba(18, 20, 35, .14);
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.rt-home .rt-web-project-carousel .rt-slider-nav::before {
    content: none;
}

.rt-home .rt-web-project-carousel .rt-slider-nav__icon {
    display: block;
    width: 25px;
    height: 25px;
    color: currentColor;
    overflow: visible;
    pointer-events: none;
}

.rt-home .rt-web-project-carousel .rt-slider-nav__icon path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.rt-home .rt-web-project-carousel .rt-slider-nav__icon--prev {
    transform: rotate(180deg);
}

.rt-home .rt-web-project-carousel .rt-slider-nav:hover,
.rt-home .rt-web-project-carousel .rt-slider-nav:focus-visible {
    border-color: #fff;
    background: var(--rt-purple);
    color: #fff;
    box-shadow: 0 18px 38px rgba(98, 85, 255, .26);
}

.rt-home .rt-web-project-carousel .rt-slider-nav--prev {
    left: max(18px, calc((100vw - var(--rt-web-max)) / 2 + 4px));
}

.rt-home .rt-web-project-carousel .rt-slider-nav--next {
    right: max(18px, calc((100vw - var(--rt-web-max)) / 2 + 4px));
}

.rt-home .rt-web-project-carousel__pagination {
    width: min(100% - (var(--rt-layout-gutter) * 2), var(--rt-web-max));
    margin: 18px auto 0;
    display: flex;
    justify-content: center;
}

.rt-home .rt-web-project-carousel__count {
    min-width: 76px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .36);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #151515;
    font-size: 15px;
    line-height: 1;
    font-weight: 760;
    box-shadow: 0 10px 24px rgba(18, 20, 35, .06);
}

@media (max-width: 767px) {
    .rt-home .rt-web-project-carousel {
        padding: 52px 0 60px;
    }

    .rt-home .rt-web-project-carousel__page,
    .rt-home .rt-web-project-carousel__pagination {
        width: calc(100vw - 32px);
    }

    .rt-home .rt-web-project-carousel__page h2 {
        font-size: 32px;
        line-height: 1.12;
    }

    .rt-home .rt-web-project-carousel__page p {
        font-size: 16px;
        line-height: 26px;
    }

    .rt-home .rt-web-project-carousel__list-container {
        margin-top: 24px;
    }

    .rt-home .rt-web-project-carousel .rt-slider--projects .rt-slider__track {
        grid-auto-columns: calc(100vw - 36px);
        gap: 18px;
        padding: 4px 18px 18px;
    }

    .rt-home .rt-web-project-carousel .rt-project-card {
        aspect-ratio: 1.02 / 1;
        border-radius: 22px;
    }

    .rt-home .rt-web-project-carousel .rt-project-card a {
        display: block;
    }

    .rt-home .rt-web-project-carousel .rt-project-card__media img {
        height: 100%;
    }

    .rt-home .rt-web-project-carousel .rt-project-card__content {
        display: contents;
        padding: 0;
    }

    .rt-home .rt-web-project-carousel .rt-project-card__tags {
        top: 20px;
        right: 20px;
        max-width: calc(100% - 40px);
        padding: 8px 17px;
        font-size: 10px;
    }

    .rt-home .rt-web-project-carousel .rt-project-card strong {
        left: 22px;
        right: 22px;
        bottom: 26px;
        max-width: calc(100% - 44px);
        font-size: 24px;
        line-height: .96;
    }

    .rt-home .rt-web-project-carousel .rt-project-card__stat {
        margin-top: 7px;
        font-size: 12px;
    }

    .rt-home .rt-web-project-carousel .rt-project-card__cta {
        width: 96px;
        height: 96px;
        font-size: 11px;
    }

    .rt-home .rt-web-project-carousel .rt-slider-nav {
        width: 44px;
        height: 44px;
        display: inline-flex !important;
        font-size: 0;
    }

    .rt-home .rt-web-project-carousel .rt-slider-nav::before {
        font-size: 28px;
    }

    .rt-home .rt-web-project-carousel .rt-slider-nav--prev {
        left: 8px;
    }

    .rt-home .rt-web-project-carousel .rt-slider-nav--next {
        right: 8px;
    }

    .rt-home .rt-web-project-carousel__pagination {
        margin-top: 10px;
        justify-content: center;
    }
}

/* Final SEO mockup corrections. Keep this at the end of the file. */
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech em[data-rt-seo-rank] {
    display: grid !important;
    place-items: center !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
    line-height: 1 !important;
    text-align: center;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart {
    overflow: visible;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart strong,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart em {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span[data-rt-seo-month] {
    left: 8% !important;
    right: auto !important;
    top: auto !important;
    bottom: 18% !important;
    width: auto !important;
    height: auto !important;
    background: #fff !important;
}

/* Final SEO SERP behavior: 10+ -> 3 -> 2 -> 1, with the original clean chart. */
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp {
    left: 7% !important;
    top: 34% !important;
    width: 60% !important;
    height: 196px !important;
    display: block !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    min-height: 36px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(23, 27, 38, .055) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 8px 15px rgba(42, 48, 66, .055) !important;
    animation: none !important;
    transition: transform .72s cubic-bezier(.16, .86, .22, 1), box-shadow .28s ease, opacity .28s ease !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1) {
    transform: translateY(0) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(44px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(88px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    z-index: 3 !important;
    min-height: 54px !important;
    padding: 10px 11px 10px 13px !important;
    border-color: rgba(98, 85, 255, .3) !important;
    background: #fff !important;
    box-shadow: 0 16px 26px rgba(98, 85, 255, .16) !important;
    transform: translateY(132px) scale(.98) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="3"] .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(132px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="3"] .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    transform: translateY(88px) scale(1) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="2"] .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(88px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="2"] .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(132px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="2"] .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    transform: translateY(44px) scale(1.005) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="1"] .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(1) {
    transform: translateY(64px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="1"] .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(2) {
    transform: translateY(108px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="1"] .rt-home-seoclimb__serp .rt-home-seoclimb__result:nth-child(3) {
    transform: translateY(152px) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="1"] .rt-home-seoclimb__serp .rt-home-seoclimb__result--rowtech {
    transform: translateY(0) scale(1) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech em[data-rt-seo-rank] {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 32px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    text-align: center !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart {
    right: 8% !important;
    bottom: 12% !important;
    width: 30% !important;
    height: 42% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08) !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart::before,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart strong,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart em {
    content: none !important;
    display: none !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i {
    position: absolute !important;
    left: 14% !important;
    right: 14% !important;
    bottom: 20% !important;
    width: auto !important;
    height: 48% !important;
    border-radius: 999px 999px 18px 18px !important;
    background: linear-gradient(180deg, #61f16d, #6255ff) !important;
    transform-origin: bottom center !important;
    animation: rt-home-chart-grow 5.8s ease-in-out infinite !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::before,
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart i::after {
    content: none !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span {
    position: absolute !important;
    left: 17% !important;
    right: 17% !important;
    width: auto !important;
    height: 1px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: rgba(23, 27, 38, .08) !important;
    color: transparent !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span:nth-child(2) {
    top: 25% !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span:nth-child(3) {
    top: 50% !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart span:nth-child(4) {
    top: 75% !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech::after {
    content: "";
    position: absolute;
    right: -9px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:
        linear-gradient(135deg, #fff 0 44%, transparent 45%),
        linear-gradient(45deg, transparent 0 34%, #fff 35% 54%, transparent 55%),
        linear-gradient(180deg, #ffd86b, #f6b82f);
    box-shadow:
        0 10px 18px rgba(246, 184, 47, .28),
        0 0 0 4px rgba(255, 255, 255, .86);
    opacity: 0;
    transform: translateY(5px) scale(.76) rotate(-10deg);
    transition: opacity .28s ease, transform .36s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="1"] .rt-home-seoclimb__result--rowtech::after {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(-10deg);
}

/* Final SEO chart label, no award badge. */
.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__result--rowtech::after,
.rt-home .rt-home-digital-mockup--seo-mockup[data-rt-seo-position="1"] .rt-home-seoclimb__result--rowtech::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

.rt-home .rt-home-digital-mockup--seo-mockup .rt-home-seoclimb__chart::after {
    content: attr(data-rt-seo-month-label);
    position: absolute;
    left: 17%;
    right: 17%;
    top: 13%;
    z-index: 2;
    color: rgba(23, 27, 38, .42);
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
}

/* Social mockup: Instagram-style command feed. */
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio {
    background:
        radial-gradient(circle at 12% 16%, rgba(98, 85, 255, .12), transparent 26%),
        radial-gradient(circle at 88% 28%, rgba(237, 100, 165, .14), transparent 28%),
        linear-gradient(180deg, #f8faff 0%, #eef3f8 100%);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__plan {
    position: absolute;
    left: 8%;
    top: 11%;
    display: grid;
    gap: 9px;
    width: 29%;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__plan span {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .78);
    color: rgba(23, 27, 38, .54);
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 9px 18px rgba(42, 48, 66, .07);
    transition: transform .28s ease, color .28s ease, background .28s ease;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__plan span.is-active {
    background: #fff;
    color: var(--rt-mock-purple);
    transform: translateX(8px);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__phone {
    right: 30%;
    top: 7%;
    width: 34%;
    height: 80%;
    padding: 0;
    overflow: hidden;
    border: 7px solid #15151c;
    border-radius: 34px;
    background: #fff;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__appbar {
    height: 12%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    border-bottom: 1px solid rgba(23, 27, 38, .07);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__appbar strong {
    color: #15151c;
    font-size: 14px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__appbar span {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6255ff, #ed64a5);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile {
    height: 15%;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile i {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6255ff, #61f16d);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile span,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile b,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile em {
    display: block;
    font-style: normal;
    line-height: 1;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile b {
    color: #15151c;
    font-size: 11px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile em {
    margin-top: 4px;
    color: rgba(23, 27, 38, .48);
    font-size: 8px;
    font-weight: 800;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__media {
    position: relative;
    height: 37%;
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 24%, rgba(255, 255, 255, .48), transparent 18%),
        linear-gradient(145deg, #6255ff, #ed64a5 52%, #fbbc05);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media {
    border-radius: 0 0 42px 42px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .18), transparent 34%),
        linear-gradient(145deg, #15151c, #6255ff 54%, #61f16d);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media {
    margin: 0 12px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .45), transparent 16%),
        linear-gradient(145deg, #fbbc05, #ed64a5 50%, #6255ff);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__media i {
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 17%;
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__format {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    color: #15151c;
    font-size: 9px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__actions {
    height: 13%;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__actions button {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__actions button:last-child {
    margin-left: auto;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action span {
    position: absolute;
    inset: 3px;
    display: block;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--like span {
    background: #15151c;
    clip-path: path("M9 17 C4 13 1 10 1 6 C1 3 3 1 6 1 C8 1 9 3 9 3 C9 3 10 1 13 1 C16 1 18 3 18 6 C18 10 14 13 9 17 Z");
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--like.is-liked span {
    background: #ed4266;
    animation: rt-home-social-like .45s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--comment span {
    border: 2px solid #15151c;
    border-radius: 50%;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--comment span::after {
    content: "";
    position: absolute;
    right: 1px;
    bottom: -3px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #15151c;
    border-bottom: 2px solid #15151c;
    transform: rotate(30deg);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--share span {
    border-top: 2px solid #15151c;
    border-right: 2px solid #15151c;
    transform: translate(-2px, 5px) rotate(35deg);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--share span::after {
    content: "";
    position: absolute;
    right: -3px;
    top: -6px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #15151c;
    border-right: 2px solid #15151c;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--share.is-shared span {
    animation: rt-home-social-share .45s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--save span {
    border: 2px solid #15151c;
    border-bottom-color: transparent;
    border-radius: 3px 3px 0 0;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__caption {
    padding: 0 12px;
    color: #15151c;
    font-size: 10px;
    line-height: 1.25;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__caption strong {
    font-size: 11px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__caption em {
    display: block;
    margin-top: 6px;
    color: rgba(23, 27, 38, .58);
    font-size: 9px;
    font-style: normal;
    font-weight: 760;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics {
    position: absolute;
    right: 7%;
    top: 16%;
    display: grid;
    gap: 10px;
    width: 23%;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics span {
    padding: 12px 10px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics b,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics em {
    display: block;
    font-style: normal;
    line-height: 1;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics b {
    color: var(--rt-mock-purple);
    font-size: 17px;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics em {
    margin-top: 6px;
    color: rgba(23, 27, 38, .46);
    font-size: 9px;
    font-weight: 850;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__switch {
    left: 8%;
    bottom: 9%;
}

@keyframes rt-home-social-like {
    0% {
        transform: scale(.82);
    }

    52% {
        transform: scale(1.28);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes rt-home-social-share {
    0% {
        transform: translate(-2px, 5px) rotate(35deg);
    }

    55% {
        transform: translate(4px, -1px) rotate(35deg);
    }

    100% {
        transform: translate(-2px, 5px) rotate(35deg);
    }
}

/* Social mockup final: less, but interactive. */
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio {
    background: linear-gradient(180deg, #f9fbff 0%, #eef3f8 100%) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__plan,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__calendar,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__switch {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__phone {
    position: absolute !important;
    left: 10% !important;
    right: auto !important;
    top: 8% !important;
    width: 42% !important;
    height: 78% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 7px solid #15151c !important;
    border-radius: 34px !important;
    background: #fff !important;
    box-shadow: 0 18px 30px rgba(42, 48, 66, .14) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__appbar {
    height: 12% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 13px !important;
    border-bottom: 1px solid rgba(23, 27, 38, .07) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__appbar strong {
    color: #15151c !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__appbar span {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(23, 27, 38, .5) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile {
    height: 14% !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 13px !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile i {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #6255ff, #61f16d) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile b,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile em {
    display: block !important;
    font-style: normal !important;
    line-height: 1 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile b {
    color: #15151c !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__profile em {
    margin-top: 4px !important;
    color: rgba(23, 27, 38, .48) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__media {
    position: relative !important;
    height: 38% !important;
    margin: 0 12px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 78% 22%, rgba(255, 255, 255, .45), transparent 18%),
        linear-gradient(145deg, #6255ff, #ed64a5 54%, #fbbc05) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .22), transparent 38%),
        linear-gradient(145deg, #15151c, #6255ff 54%, #61f16d) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media {
    background:
        radial-gradient(circle at 80% 18%, rgba(255, 255, 255, .45), transparent 16%),
        linear-gradient(145deg, #fbbc05, #ed64a5 50%, #6255ff) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__media i {
    position: absolute !important;
    left: 15% !important;
    right: 15% !important;
    bottom: 18% !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .72) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__format {
    position: absolute !important;
    left: 12px !important;
    top: 12px !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .84) !important;
    color: #15151c !important;
    font-size: 9px !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__actions {
    height: 13% !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 14px !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__actions button {
    width: 23px !important;
    height: 23px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #15151c !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__actions button:last-child {
    margin-left: auto !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action svg path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--like.is-liked svg path {
    fill: #ed4266 !important;
    stroke: #ed4266 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--like.is-liked svg {
    animation: rt-home-social-like .45s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--share.is-shared svg {
    animation: rt-home-social-share-clean .45s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__caption {
    padding: 0 14px !important;
    color: #15151c !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__caption strong {
    font-size: 11px !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__caption em {
    display: block !important;
    margin-top: 6px !important;
    color: rgba(23, 27, 38, .58) !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 760 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics {
    position: absolute !important;
    right: 8% !important;
    top: 18% !important;
    display: grid !important;
    gap: 10px !important;
    width: 31% !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics span {
    padding: 13px 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .075) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics b,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics em {
    display: block !important;
    font-style: normal !important;
    line-height: 1 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics b {
    color: var(--rt-mock-purple) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__metrics em {
    margin-top: 6px !important;
    color: rgba(23, 27, 38, .46) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__tabs {
    position: absolute !important;
    right: 8% !important;
    bottom: 10% !important;
    display: flex !important;
    gap: 8px !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__tabs button {
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(98, 85, 255, .16) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--rt-mock-purple) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .06) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__tabs button.is-active {
    background: var(--rt-mock-purple) !important;
    color: #fff !important;
}

@keyframes rt-home-social-share-clean {
    0% {
        transform: translate3d(0, 0, 0);
    }

    55% {
        transform: translate3d(5px, -5px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* Social formats: Post feed, Reel video, Stories full screen. */
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    display: none;
    place-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: var(--rt-mock-purple);
    box-shadow: 0 16px 28px rgba(23, 27, 38, .16);
    transform: translate(-50%, -50%);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__video svg {
    width: 22px;
    height: 22px;
    transform: translateX(2px);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__video svg path {
    fill: currentColor;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media {
    height: 56% !important;
    margin: 0 12px !important;
    border-radius: 24px !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__video {
    display: grid;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 11%;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .28);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media i {
    left: 14% !important;
    right: 45% !important;
    bottom: 11% !important;
    height: 4px !important;
    z-index: 2;
    background: #fff !important;
    transform-origin: left center;
    animation: rt-home-social-reel-progress 3.2s ease-in-out infinite;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-video-playing[data-rt-social-format="1"] .rt-home-socialstudio__media i {
    animation: rt-home-social-reel-progress-fast 1.35s ease-out;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-video-playing[data-rt-social-format="1"] .rt-home-socialstudio__video {
    animation: rt-home-social-video-pop .55s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__actions,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__caption {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__phone {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .18), transparent 28%, rgba(0, 0, 0, .28)),
        linear-gradient(145deg, #fbbc05, #ed64a5 52%, #6255ff) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__appbar,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__profile,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__actions,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__caption {
    position: relative;
    z-index: 3;
    border-color: rgba(255, 255, 255, .22) !important;
    color: #fff !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__appbar strong,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__appbar span,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__profile b,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__profile em {
    color: #fff !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media {
    position: absolute !important;
    inset: 0 !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 76% 20%, rgba(255, 255, 255, .38), transparent 18%),
        linear-gradient(145deg, #fbbc05, #ed64a5 52%, #6255ff) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media::before {
    content: "";
    position: absolute;
    left: 9%;
    right: 9%;
    top: 12px;
    height: 3px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, #fff 0 31%, rgba(255, 255, 255, .35) 31% 34%, #fff 34% 64%, rgba(255, 255, 255, .35) 64% 67%, #fff 67%);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media::after {
    content: "Risposta ricevuta";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 13%;
    display: grid;
    place-items: center;
    min-height: 34px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: #15151c;
    font-size: 10px;
    font-weight: 900;
    box-shadow: 0 12px 22px rgba(23, 27, 38, .16);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__format {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__appbar strong,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__appbar span {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media i {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__actions,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__caption {
    display: none !important;
}

@keyframes rt-home-social-reel-progress {
    0%, 100% {
        transform: scaleX(.22);
    }

    50% {
        transform: scaleX(1);
    }
}

@keyframes rt-home-social-reel-progress-fast {
    0% {
        transform: scaleX(.12);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes rt-home-social-video-pop {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.16);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

/* Social Studio 2.0: clean Instagram-like states with real interactions. */
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__media {
    isolation: isolate !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__postscene,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene {
    display: none;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__postscene {
    display: block;
    background: linear-gradient(180deg, #fbfcff 0%, #eef3ff 100%);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__carousel {
    position: absolute;
    inset: 18% 13% 22%;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__slide {
    position: absolute;
    inset: 0;
    border-radius: 18px;
    box-shadow: 0 12px 22px rgba(23, 27, 38, .12);
    transition: transform .42s cubic-bezier(.16, .86, .22, 1), opacity .42s ease;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__slide--one {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .72) 0 32%, transparent 32%),
        linear-gradient(145deg, #6255ff, #ed64a5);
    transform: translate3d(0, 0, 0) rotate(-2deg);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__slide--two {
    background:
        radial-gradient(circle at 78% 24%, rgba(255, 255, 255, .62), transparent 16%),
        linear-gradient(145deg, #61f16d, #e2f7fd);
    transform: translate3d(16px, 10px, 0) rotate(4deg) scale(.9);
    opacity: .82;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__slide--three {
    background:
        linear-gradient(180deg, transparent 0 58%, rgba(21, 21, 28, .12) 58%),
        linear-gradient(145deg, #fbbc05, #fff2c2);
    transform: translate3d(-16px, 14px, 0) rotate(-6deg) scale(.84);
    opacity: .62;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-post-liked .rt-home-socialstudio__slide--one,
.rt-home .rt-home-digital-mockup--social-mockup.is-social-saved .rt-home-socialstudio__slide--one {
    transform: translate3d(14px, 2px, 0) rotate(3deg);
}

.rt-home .rt-home-digital-mockup--social-mockup.is-post-liked .rt-home-socialstudio__slide--two,
.rt-home .rt-home-digital-mockup--social-mockup.is-social-saved .rt-home-socialstudio__slide--two {
    transform: translate3d(-4px, 8px, 0) rotate(-2deg) scale(.96);
    opacity: .92;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__postdots {
    position: absolute;
    left: 50%;
    bottom: 10%;
    display: flex;
    gap: 5px;
    transform: translateX(-50%);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__postdots span {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .28);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__postdots span:first-child {
    width: 14px;
    background: var(--rt-mock-purple);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__postscene,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__postscene {
    display: none;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__reelscene {
    display: grid;
    place-items: center;
    padding: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 70% 24%, rgba(97, 241, 109, .28), transparent 18%),
        linear-gradient(145deg, #15151c, #6255ff 58%, #1f2140);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reel-tag {
    position: absolute;
    left: 18px;
    top: 18px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene strong {
    display: block;
    max-width: 150px;
    color: #fff;
    font-size: 23px;
    font-weight: 950;
    line-height: .92;
    text-align: center;
    animation: rt-home-social-reel-title-float 2.4s ease-in-out infinite;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene em {
    position: absolute;
    left: 22%;
    right: 22%;
    bottom: 22%;
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    overflow: hidden;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene em::after {
    content: "";
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: #fff;
    animation: rt-home-social-reel-progress 3.2s ease-in-out infinite;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-video-playing .rt-home-socialstudio__reelscene strong {
    animation: rt-home-social-hook-pop .55s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-video-playing .rt-home-socialstudio__reelscene em::after {
    animation: rt-home-social-reel-progress-fast 1.35s ease-out;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media::before,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__media::after {
    display: none !important;
    content: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"] .rt-home-socialstudio__storyscene {
    display: grid;
    align-content: end;
    gap: 9px;
    padding: 18px 16px 20px;
    color: #fff;
    background:
        radial-gradient(circle at 72% 18%, rgba(255, 255, 255, .38), transparent 16%),
        linear-gradient(145deg, #fbbc05, #ed64a5 48%, #6255ff);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storybars {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storybars span {
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .38);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storybars span:first-child {
    background: #fff;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene strong {
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene button {
    min-height: 32px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    color: #15151c;
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 10px 18px rgba(23, 27, 38, .12);
    transition: transform .22s ease, background .22s ease, color .22s ease;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene button.is-active {
    background: #15151c;
    color: #fff;
    transform: translateY(-2px);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene em {
    color: rgba(255, 255, 255, .86);
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-story-voted .rt-home-socialstudio__storyscene strong {
    animation: rt-home-social-hook-pop .42s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__action--save.is-saved svg path {
    fill: #15151c !important;
}

@keyframes rt-home-social-hook-pop {
    0% {
        transform: scale(.94);
    }

    58% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

/* Social Studio refinements: no labels, no reel progress, three-step Stories. */
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__format {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media::after,
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="1"] .rt-home-socialstudio__media > i {
    display: none !important;
    content: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene em {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene a,
.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene a {
    text-decoration: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__reelscene a {
    display: none;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 999px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .18);
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-reel-cta[data-rt-social-format="1"] .rt-home-socialstudio__video {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-reel-cta[data-rt-social-format="1"] .rt-home-socialstudio__reelscene {
    gap: 12px;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-reel-cta[data-rt-social-format="1"] .rt-home-socialstudio__reelscene a {
    display: inline-flex;
}

.rt-home .rt-home-digital-mockup--social-mockup.is-social-reel-cta[data-rt-social-format="1"] .rt-home-socialstudio__reelscene strong {
    max-width: 170px;
    font-size: 21px;
    animation: rt-home-social-reel-title-cta .62s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__storyscene a {
    display: none;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 999px;
    background: #fff;
    color: var(--rt-mock-purple);
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 12px 22px rgba(23, 27, 38, .16);
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"][data-rt-story-step="1"] .rt-home-socialstudio__storyscene {
    background:
        radial-gradient(circle at 24% 18%, rgba(255, 255, 255, .36), transparent 17%),
        linear-gradient(145deg, #6255ff, #8c7cff 45%, #61f16d) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-social-format="2"][data-rt-story-step="2"] .rt-home-socialstudio__storyscene {
    align-content: center;
    text-align: center;
    background:
        radial-gradient(circle at 72% 20%, rgba(255, 255, 255, .34), transparent 16%),
        linear-gradient(145deg, #15151c, #6255ff 58%, #ed64a5) !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-story-step="1"] .rt-home-socialstudio__storybars span:nth-child(-n + 2),
.rt-home .rt-home-digital-mockup--social-mockup[data-rt-story-step="2"] .rt-home-socialstudio__storybars span {
    background: #fff;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-story-step="2"] .rt-home-socialstudio__storyscene button {
    display: none !important;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-story-step="2"] .rt-home-socialstudio__storyscene a {
    display: inline-flex;
}

.rt-home .rt-home-digital-mockup--social-mockup[data-rt-story-step="2"] .rt-home-socialstudio__storyscene strong {
    max-width: 160px;
    margin: 0 auto;
}

@keyframes rt-home-social-reel-title-float {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -5px, 0);
    }
}

@keyframes rt-home-social-reel-title-cta {
    0% {
        opacity: .35;
        transform: translate3d(0, 10px, 0) scale(.96);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Google Ads cockpit: goal, channel, preview, result. */
.rt-home .rt-home-adscockpit {
    overflow: hidden;
    background: linear-gradient(180deg, #f9fbff 0%, #edf3fb 100%);
}

.rt-home .rt-home-adscockpit__tabs {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 7%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    z-index: 4;
}

.rt-home .rt-home-adscockpit__tabs button {
    min-height: 32px;
    border: 1px solid rgba(66, 133, 244, .16);
    border-radius: 999px;
    background: #fff;
    color: rgba(23, 27, 38, .58);
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .06);
    transition: transform .22s ease, color .22s ease, background .22s ease, border-color .22s ease;
}

.rt-home .rt-home-adscockpit__tabs button:hover,
.rt-home .rt-home-adscockpit__tabs button.is-active {
    color: #fff;
    border-color: transparent;
    transform: translateY(-1px);
}

.rt-home .rt-home-adscockpit__tabs button:nth-child(1).is-active {
    background: #4285f4;
}

.rt-home .rt-home-adscockpit__tabs button:nth-child(2).is-active {
    background: #34a853;
}

.rt-home .rt-home-adscockpit__tabs button:nth-child(3).is-active {
    background: #fbbc05;
    color: #15151c;
}

.rt-home .rt-home-adscockpit__preview {
    position: absolute;
    left: 7%;
    right: 7%;
    top: 20%;
    height: 42%;
    overflow: hidden;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 14px 28px rgba(42, 48, 66, .1);
}

.rt-home .rt-home-adscockpit__preview::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 4px;
    background: linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc05 50% 75%, #34a853 75%);
}

.rt-home .rt-home-adscockpit__searchbar {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(23, 27, 38, .08);
    border-radius: 999px;
    color: rgba(23, 27, 38, .72);
    font-size: 10px;
    font-weight: 850;
}

.rt-home .rt-home-adscockpit__searchbar span {
    position: relative;
    width: 13px;
    height: 13px;
    border: 2px solid #4285f4;
    border-radius: 50%;
}

.rt-home .rt-home-adscockpit__searchbar span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 2px;
    border-radius: 999px;
    background: #4285f4;
    transform: translate(9px, 10px) rotate(45deg);
}

.rt-home .rt-home-adscockpit__ad {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    display: none;
    min-height: 84px;
    border-radius: 20px;
    animation: rt-home-ads-card-in .42s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-adscockpit__ad--search {
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 12px 14px;
    background: #f8fbff;
}

.rt-home .rt-home-adscockpit__ad em,
.rt-home .rt-home-adscockpit__ad p {
    font-style: normal;
}

.rt-home .rt-home-adscockpit__ad em {
    width: max-content;
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(52, 168, 83, .14);
    color: #188038;
    font-size: 8px;
    font-weight: 950;
}

.rt-home .rt-home-adscockpit__ad strong {
    color: #1a0dab;
    font-size: 14px;
    font-weight: 950;
    line-height: 1;
}

.rt-home .rt-home-adscockpit__ad p {
    color: rgba(23, 27, 38, .62);
    font-size: 9px;
    font-weight: 760;
    line-height: 1.25;
}

.rt-home .rt-home-adscockpit__ad--display {
    place-items: center;
    padding: 14px;
    color: #fff;
    text-align: center;
    background:
        radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .34), transparent 17%),
        linear-gradient(145deg, #4285f4, #34a853);
}

.rt-home .rt-home-adscockpit__ad--display span {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background:
        linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc05 50% 75%, #34a853 75%);
    box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .86);
}

.rt-home .rt-home-adscockpit__ad--display strong {
    color: #fff;
    font-size: 16px;
}

.rt-home .rt-home-adscockpit__ad--display p {
    color: rgba(255, 255, 255, .78);
}

.rt-home .rt-home-adscockpit__ad--shopping {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.rt-home .rt-home-adscockpit__ad--shopping span {
    display: grid;
    align-content: end;
    gap: 7px;
    min-height: 84px;
    padding: 8px;
    border-radius: 18px;
    background: #f8fbff;
}

.rt-home .rt-home-adscockpit__ad--shopping b {
    display: block;
    min-height: 38px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 70% 24%, rgba(255, 255, 255, .55), transparent 17%),
        linear-gradient(145deg, #fbbc05, #ea4335);
}

.rt-home .rt-home-adscockpit__ad--shopping span:nth-child(2) b {
    background:
        radial-gradient(circle at 72% 24%, rgba(255, 255, 255, .54), transparent 17%),
        linear-gradient(145deg, #4285f4, #6255ff);
}

.rt-home .rt-home-adscockpit__ad--shopping span:nth-child(3) b {
    background:
        radial-gradient(circle at 72% 24%, rgba(255, 255, 255, .54), transparent 17%),
        linear-gradient(145deg, #34a853, #61f16d);
}

.rt-home .rt-home-adscockpit__ad--shopping em {
    padding: 0;
    background: transparent;
    color: rgba(23, 27, 38, .62);
    font-size: 9px;
    text-align: center;
}

.rt-home .rt-home-adscockpit[data-rt-ads-channel-state="display"] .rt-home-adscockpit__ad--search,
.rt-home .rt-home-adscockpit[data-rt-ads-channel-state="shopping"] .rt-home-adscockpit__ad--search {
    display: none;
}

.rt-home .rt-home-adscockpit[data-rt-ads-channel-state="display"] .rt-home-adscockpit__ad--display {
    display: grid;
}

.rt-home .rt-home-adscockpit[data-rt-ads-channel-state="shopping"] .rt-home-adscockpit__ad--shopping {
    display: grid;
}

.rt-home .rt-home-adscockpit__budget {
    left: 7% !important;
    right: 7% !important;
    bottom: 24% !important;
    gap: 8px !important;
}

.rt-home .rt-home-adscockpit__budget span {
    color: rgba(23, 27, 38, .52);
    font-size: 11px;
    font-weight: 900;
}

.rt-home .rt-home-adscockpit__budget input {
    height: 6px;
    accent-color: #4285f4;
}

.rt-home .rt-home-adscockpit__metrics {
    left: 7% !important;
    right: 7% !important;
    bottom: 7% !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
}

.rt-home .rt-home-adscockpit__metrics span {
    min-width: 0;
    padding: 12px 9px !important;
    border-radius: 18px !important;
    transition: transform .24s ease;
}

.rt-home .rt-home-adscockpit__metrics span:hover {
    transform: translateY(-2px);
}

.rt-home .rt-home-adscockpit__metrics b {
    color: #4285f4 !important;
    font-size: 18px !important;
    font-weight: 950;
}

.rt-home .rt-home-adscockpit__metrics em {
    font-size: 8px !important;
    white-space: nowrap;
}

@keyframes rt-home-ads-card-in {
    0% {
        opacity: .35;
        transform: translate3d(0, 10px, 0) scale(.98);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Rebranding lab: from messy identity to a coherent system. */
.rt-home .rt-home-brandlab {
    overflow: hidden;
    background: linear-gradient(180deg, #fbfcff 0%, #eef3fb 100%);
}

.rt-home .rt-home-brandlab__preview {
    left: 7% !important;
    top: 8% !important;
    width: 58% !important;
    height: 58% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: #fff !important;
    color: #15151c !important;
    box-shadow: 0 16px 30px rgba(42, 48, 66, .12) !important;
}

.rt-home .rt-home-brandlab__before,
.rt-home .rt-home-brandlab__after {
    position: absolute;
    inset: 0;
}

.rt-home .rt-home-brandlab__before {
    width: 38%;
    padding: 18px;
    background: #f1f3f6;
    opacity: .92;
}

.rt-home .rt-home-brandlab__before::after {
    content: "prima";
    position: absolute;
    left: 18px;
    bottom: 16px;
    color: rgba(23, 27, 38, .38);
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

.rt-home .rt-home-brandlab__before span {
    display: block;
    width: 48px;
    height: 34px;
    border-radius: 12px;
    background: #d8dde6;
}

.rt-home .rt-home-brandlab__before i {
    display: block;
    width: 72%;
    height: 8px;
    margin-top: 16px;
    border-radius: 999px;
    background: #d8dde6;
}

.rt-home .rt-home-brandlab__before i:last-child {
    width: 52%;
    margin-top: 9px;
}

.rt-home .rt-home-brandlab__after {
    left: 28%;
    display: grid;
    align-content: center;
    gap: 12px;
    padding: 24px 26px 24px 34px;
    background:
        radial-gradient(circle at 82% 18%, rgba(98, 85, 255, .18), transparent 18%),
        linear-gradient(135deg, #fff 0%, #f8faff 100%);
}

.rt-home .rt-home-brandlab__after::before {
    content: "dopo";
    position: absolute;
    right: 20px;
    top: 18px;
    color: rgba(98, 85, 255, .54);
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

.rt-home .rt-home-brandlab__mark {
    width: 68px !important;
    height: 68px !important;
    border-radius: 24px !important;
    background:
        linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc05 50% 75%, #34a853 75%) !important;
    color: #fff !important;
    font-size: 18px !important;
    box-shadow: 0 14px 24px rgba(98, 85, 255, .16);
    animation: rt-home-brand-mark 4.8s ease-in-out infinite, rt-home-brand-assemble 3.8s ease-in-out infinite !important;
}

.rt-home .rt-home-brandlab__preview strong,
.rt-home .rt-home-brandlab__preview em {
    margin-top: 0 !important;
}

.rt-home .rt-home-brandlab__preview strong {
    max-width: 9ch !important;
    color: #15151c !important;
    font-size: 28px !important;
    line-height: .95 !important;
}

.rt-home .rt-home-brandlab__preview em {
    max-width: 18ch;
    color: rgba(23, 27, 38, .56) !important;
    opacity: 1 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.28;
}

.rt-home .rt-home-brandlab__palette {
    right: 7% !important;
    top: 11% !important;
    display: grid !important;
    gap: 9px !important;
    width: 26%;
}

.rt-home .rt-home-brandlab__palette button {
    width: 100% !important;
    height: 34px !important;
    border: 1px solid rgba(98, 85, 255, .14) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: rgba(23, 27, 38, .58);
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .06) !important;
}

.rt-home .rt-home-brandlab__palette button.is-active {
    background: var(--rt-mock-purple) !important;
    color: #fff;
    transform: translateX(-4px) scale(1) !important;
}

.rt-home .rt-home-brandlab__cards {
    left: 7% !important;
    right: 7% !important;
    bottom: 8% !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
}

.rt-home .rt-home-brandlab__cards span {
    display: grid;
    align-content: end;
    gap: 8px;
    height: 72px !important;
    padding: 10px;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08) !important;
    animation: rt-home-brand-card-rise 4.4s cubic-bezier(.2, 0, .2, 1) infinite !important;
}

.rt-home .rt-home-brandlab__cards span:nth-child(2) {
    animation-delay: .18s !important;
}

.rt-home .rt-home-brandlab__cards span:nth-child(3) {
    animation-delay: .36s !important;
}

.rt-home .rt-home-brandlab__cards b {
    min-height: 30px;
    border-radius: 14px;
    background:
        linear-gradient(90deg, #6255ff 0 36%, transparent 36%),
        #edf1ff;
}

.rt-home .rt-home-brandlab__cards span:nth-child(2) b {
    background:
        linear-gradient(180deg, #15151c 0 38%, transparent 38%),
        linear-gradient(135deg, #fbbc05, #ed64a5);
}

.rt-home .rt-home-brandlab__cards span:nth-child(3) b {
    background:
        radial-gradient(circle at 72% 22%, rgba(255, 255, 255, .6), transparent 18%),
        linear-gradient(135deg, #34a853, #61f16d);
}

.rt-home .rt-home-brandlab__cards em {
    color: rgba(23, 27, 38, .54);
    font-size: 9px;
    font-style: normal;
    font-weight: 950;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__after {
    background:
        radial-gradient(circle at 82% 18%, rgba(251, 188, 5, .28), transparent 18%),
        linear-gradient(135deg, #fff 0%, #fff8dc 100%);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__mark {
    background: linear-gradient(135deg, #fbbc05, #ea4335 52%, #6255ff) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__after {
    background:
        radial-gradient(circle at 82% 18%, rgba(97, 241, 109, .22), transparent 18%),
        linear-gradient(135deg, #15151c 0%, #252849 100%);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__preview strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__preview em {
    color: #fff !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__preview em {
    color: rgba(255, 255, 255, .68) !important;
}

@keyframes rt-home-brand-assemble {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(4px, -4px, 0) rotate(3deg);
    }
}

@keyframes rt-home-brand-card-rise {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -6px, 0);
    }
}

/* Rebranding builder: layout, color, voice, launch. */
.rt-home .rt-home-brandlab__preview {
    width: 62% !important;
    height: 60% !important;
    background: #fff !important;
}

.rt-home .rt-home-brandlab__builder {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: center;
    padding: 24px 28px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(98, 85, 255, .06) 0 1px, transparent 1px 100%),
        linear-gradient(180deg, rgba(98, 85, 255, .06) 0 1px, transparent 1px 100%),
        #fff;
    background-size: 26px 26px;
}

.rt-home .rt-home-brandlab__builder::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 20px;
    width: 56px;
    height: 10px;
    border-radius: 999px;
    background: #d8dde6;
    transition: width .34s ease, background .34s ease;
}

.rt-home .rt-home-brandlab__wireframe {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 48px;
    bottom: 92px;
}

.rt-home .rt-home-brandlab__wireframe span {
    position: absolute;
    display: block;
    border-radius: 16px;
    background: #e1e6ee;
    transition: transform .42s cubic-bezier(.16, .86, .22, 1), background .34s ease, opacity .34s ease;
}

.rt-home .rt-home-brandlab__wireframe span:nth-child(1) {
    left: 0;
    top: 0;
    width: 48%;
    height: 38%;
}

.rt-home .rt-home-brandlab__wireframe span:nth-child(2) {
    right: 0;
    top: 0;
    width: 42%;
    height: 16%;
}

.rt-home .rt-home-brandlab__wireframe span:nth-child(3) {
    right: 0;
    top: 24%;
    width: 42%;
    height: 14%;
}

.rt-home .rt-home-brandlab__wireframe span:nth-child(4) {
    left: 0;
    right: 0;
    bottom: 0;
    height: 44%;
}

.rt-home .rt-home-brandlab__colorfield {
    position: absolute;
    right: 24px;
    top: 18px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .28s ease, transform .28s ease;
}

.rt-home .rt-home-brandlab__colorfield span {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    box-shadow: 0 7px 14px rgba(42, 48, 66, .12);
}

.rt-home .rt-home-brandlab__colorfield span:nth-child(1) {
    background: #6255ff;
}

.rt-home .rt-home-brandlab__colorfield span:nth-child(2) {
    background: #fbbc05;
}

.rt-home .rt-home-brandlab__colorfield span:nth-child(3) {
    background: #61f16d;
}

.rt-home .rt-home-brandlab__message {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: grid;
    gap: 6px;
    padding: 14px 56px 14px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 12px 24px rgba(42, 48, 66, .1);
    transform: translateY(6px);
    transition: transform .34s ease, background .34s ease;
}

.rt-home .rt-home-brandlab__message strong {
    max-width: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.rt-home .rt-home-brandlab__message em {
    max-width: 24ch !important;
    font-size: 9px !important;
}

.rt-home .rt-home-brandlab__mark {
    position: absolute;
    right: 38px;
    bottom: 36px;
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
    background: #15151c !important;
    font-size: 13px !important;
    z-index: 2;
    animation: rt-home-brand-builder-mark 3.4s ease-in-out infinite !important;
}

.rt-home .rt-home-brandlab__progress {
    position: absolute;
    left: 22px;
    right: 22px;
    top: 18px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}

.rt-home .rt-home-brandlab__progress span {
    height: 4px;
    border-radius: 999px;
    background: rgba(23, 27, 38, .1);
    transition: background .28s ease;
}

.rt-home .rt-home-brandlab__palette {
    top: 10% !important;
    width: 24% !important;
}

.rt-home .rt-home-brandlab__palette button {
    text-align: left;
    padding: 0 13px;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__builder::before,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__builder::before,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__builder::before {
    width: 92px;
    background: linear-gradient(90deg, #6255ff, #fbbc05, #61f16d);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__colorfield,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__colorfield,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__colorfield {
    opacity: 1;
    transform: translateY(0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__wireframe span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__wireframe span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__wireframe span:nth-child(1) {
    background: linear-gradient(135deg, #6255ff, #8c7cff);
    transform: translate3d(0, -3px, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__wireframe span:nth-child(2),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__wireframe span:nth-child(2),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__wireframe span:nth-child(2) {
    background: #fbbc05;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__wireframe span:nth-child(3),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__wireframe span:nth-child(3) {
    background: #61f16d;
    transform: translate3d(-5px, 0, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__message,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__message {
    background: #15151c;
    transform: translateY(0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__message strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__message em,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__message strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__message em {
    color: #fff !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__wireframe span:nth-child(4) {
    background:
        linear-gradient(90deg, #6255ff 0 24%, transparent 24% 30%, #fbbc05 30% 54%, transparent 54% 60%, #61f16d 60% 84%, transparent 84%),
        #edf1ff;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__cards span {
    transform: translateY(-5px);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__progress span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__progress span:nth-child(-n + 2),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__progress span:nth-child(-n + 3),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__progress span {
    background: var(--rt-mock-purple);
}

@keyframes rt-home-brand-builder-mark {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(0, -5px, 0) rotate(4deg);
    }
}

/* Rebranding builder 3.0: clean drag-and-drop identity construction. */
.rt-home .rt-home-brandlab {
    background: linear-gradient(180deg, #fbfcff 0%, #eef3fb 100%) !important;
}

.rt-home .rt-home-brandlab__preview {
    left: 7% !important;
    top: 9% !important;
    width: 63% !important;
    height: 68% !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: 0 18px 34px rgba(42, 48, 66, .11) !important;
}

.rt-home .rt-home-brandlab__cards {
    display: none !important;
}

.rt-home .rt-home-brandlab__stage {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(98, 85, 255, .05) 0 1px, transparent 1px),
        linear-gradient(180deg, rgba(98, 85, 255, .05) 0 1px, transparent 1px),
        #fff;
    background-size: 30px 30px;
}

.rt-home .rt-home-brandlab__stage::before {
    content: "costruisci con noi";
    position: absolute;
    left: 20px;
    top: 18px;
    color: rgba(23, 27, 38, .38);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.rt-home .rt-home-brandlab__cursor {
    position: absolute;
    left: 18%;
    top: 30%;
    z-index: 8;
    width: 18px;
    height: 18px;
    background: #15151c;
    clip-path: polygon(0 0, 0 100%, 37% 73%, 55% 100%, 72% 91%, 55% 64%, 100% 64%);
    filter: drop-shadow(0 9px 12px rgba(23, 27, 38, .22));
    transform: translate3d(0, 0, 0);
    transition: left .52s cubic-bezier(.16, .86, .22, 1), top .52s cubic-bezier(.16, .86, .22, 1), transform .52s ease;
    animation: rt-home-brand-cursor-tap 2.8s ease-in-out infinite;
}

.rt-home .rt-home-brandlab__layout {
    position: absolute;
    left: 22px;
    right: 22px;
    top: 48px;
    bottom: 104px;
}

.rt-home .rt-home-brandlab__layout span {
    position: absolute;
    display: block;
    border-radius: 16px;
    background: #e5e9f0;
    transition: background .36s ease, transform .42s cubic-bezier(.16, .86, .22, 1), opacity .34s ease;
}

.rt-home .rt-home-brandlab__layout span:nth-child(1) {
    left: 0;
    top: 0;
    width: 42%;
    height: 54%;
}

.rt-home .rt-home-brandlab__layout span:nth-child(2) {
    right: 0;
    top: 0;
    width: 50%;
    height: 16%;
}

.rt-home .rt-home-brandlab__layout span:nth-child(3) {
    right: 0;
    top: 24%;
    width: 36%;
    height: 12%;
}

.rt-home .rt-home-brandlab__logo {
    position: absolute;
    left: 51%;
    top: 37%;
    z-index: 3;
    width: 88px;
    height: 70px;
    transform: translate(-50%, -50%);
}

.rt-home .rt-home-brandlab__logo span {
    position: absolute;
    top: 0;
    width: 25px;
    height: 70px;
    border-radius: 999px;
    opacity: 0;
    transform: translate3d(-24px, 18px, 0) rotate(-18deg) scale(.82);
    transition: opacity .34s ease, transform .48s cubic-bezier(.16, .86, .22, 1), background .34s ease;
}

.rt-home .rt-home-brandlab__logo span:nth-child(1) {
    left: 0;
    background: #6255ff;
}

.rt-home .rt-home-brandlab__logo span:nth-child(2) {
    left: 28px;
    background: #8c7cff;
    transition-delay: .08s;
}

.rt-home .rt-home-brandlab__logo span:nth-child(3) {
    left: 56px;
    background: #61f16d;
    transition-delay: .16s;
}

.rt-home .rt-home-brandlab__voice {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 20px;
    background: #f7f9fd;
    transform: translate3d(0, 0, 0);
    transition: background .34s ease, transform .34s ease;
}

.rt-home .rt-home-brandlab__voice strong {
    color: #15151c !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.rt-home .rt-home-brandlab__voice em {
    max-width: 26ch !important;
    color: rgba(23, 27, 38, .52) !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
}

.rt-home .rt-home-brandlab__uses {
    position: absolute;
    right: 24px;
    top: 54px;
    display: grid;
    gap: 7px;
    width: 74px;
}

.rt-home .rt-home-brandlab__uses span {
    height: 42px;
    border-radius: 15px;
    background: #f1f4f9;
    opacity: 0;
    transform: translate3d(14px, 0, 0);
    transition: opacity .34s ease, transform .42s cubic-bezier(.16, .86, .22, 1), background .34s ease;
}

.rt-home .rt-home-brandlab__progress {
    left: 20px !important;
    right: 20px !important;
    top: auto !important;
    bottom: 14px !important;
}

.rt-home .rt-home-brandlab__palette {
    right: 7% !important;
    top: 14% !important;
    width: 23% !important;
    gap: 8px !important;
}

.rt-home .rt-home-brandlab__palette button {
    min-height: 34px !important;
    height: auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    font-size: 10px !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__cursor {
    left: 51%;
    top: 37%;
    transform: rotate(-6deg);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__cursor {
    left: 37%;
    top: 74%;
    transform: rotate(4deg);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__cursor {
    left: 77%;
    top: 23%;
    transform: rotate(-3deg);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__logo span,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo span,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo span {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__layout span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__layout span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__layout span:nth-child(1) {
    background: #eef0ff;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__voice,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__voice {
    background: #15151c;
    transform: translate3d(0, -3px, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__voice strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__voice em,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__voice strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__voice em {
    color: #fff !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__layout span:nth-child(2) {
    background: #6255ff;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__layout span:nth-child(3) {
    background: #61f16d;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__uses span {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__uses span:nth-child(1) {
    background:
        linear-gradient(90deg, #6255ff 0 34%, transparent 34%),
        #eef0ff;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__uses span:nth-child(2) {
    background:
        linear-gradient(180deg, #15151c 0 36%, transparent 36%),
        #fff0c7;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__uses span:nth-child(3) {
    background:
        radial-gradient(circle at 72% 24%, rgba(255, 255, 255, .64), transparent 18%),
        linear-gradient(135deg, #6255ff, #61f16d);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__progress span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__progress span:nth-child(-n + 2),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__progress span:nth-child(-n + 3),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__progress span {
    background: var(--rt-mock-purple) !important;
}

@keyframes rt-home-brand-cursor-tap {
    0%, 100% {
        translate: 0 0;
    }

    50% {
        translate: 3px 3px;
    }
}

/* Rebranding builder 4.0: drag pieces into a clean white board. */
.rt-home .rt-home-brandlab__preview {
    left: 7% !important;
    top: 10% !important;
    width: 64% !important;
    height: 64% !important;
    overflow: visible !important;
    border-radius: 30px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.rt-home .rt-home-brandlab__stage {
    position: absolute !important;
    inset: 0 !important;
    overflow: visible !important;
    border-radius: 30px !important;
    background: transparent !important;
}

.rt-home .rt-home-brandlab__stage::before {
    content: none !important;
}

.rt-home .rt-home-brandlab__board {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 27, 38, .06);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 18px 34px rgba(42, 48, 66, .1);
}

.rt-home .rt-home-brandlab__board::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px dashed rgba(23, 27, 38, .08);
    border-radius: 22px;
    opacity: .6;
}

.rt-home .rt-home-brandlab__layout {
    position: absolute !important;
    inset: 34px 34px auto !important;
    height: 36px !important;
    opacity: 0;
    transition: opacity .34s ease, transform .42s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-brandlab__layout span {
    position: absolute !important;
    display: block !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #dde3ec !important;
    opacity: 1 !important;
    transform: none !important;
}

.rt-home .rt-home-brandlab__layout span:nth-child(1) {
    left: 0 !important;
    top: 0 !important;
    width: 34% !important;
}

.rt-home .rt-home-brandlab__layout span:nth-child(2) {
    left: 0 !important;
    top: 16px !important;
    width: 52% !important;
}

.rt-home .rt-home-brandlab__layout span:nth-child(3) {
    left: 0 !important;
    top: 32px !important;
    width: 26% !important;
}

.rt-home .rt-home-brandlab__logo {
    position: absolute !important;
    left: 50% !important;
    top: 48% !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: center !important;
    column-gap: 9px !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    all: unset;
    position: relative;
    display: block;
    width: 36px;
    height: 30px;
    color: #c7ced9;
    opacity: 0;
    transform: translate3d(-10px, 4px, 0);
    transition: opacity .34s ease, transform .42s cubic-bezier(.16, .86, .22, 1), color .34s ease;
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph i {
    position: absolute;
    top: 2px;
    display: block;
    width: 16px;
    height: 26px;
    border-right: 6px solid currentColor;
    border-radius: 50%;
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph i:nth-child(1) {
    left: 0;
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph i:nth-child(2) {
    left: 9px;
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph i:nth-child(3) {
    left: 18px;
}

.rt-home .rt-home-brandlab__logo strong {
    display: flex !important;
    align-items: baseline;
    margin: 0 !important;
    color: #c7ced9 !important;
    font-size: 34px !important;
    font-weight: 950 !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    opacity: 0;
    transform: translate3d(8px, 0, 0);
    transition: opacity .34s ease, transform .42s cubic-bezier(.16, .86, .22, 1), color .34s ease;
}

.rt-home .rt-home-brandlab__logo strong span {
    all: unset;
    display: inline !important;
}

.rt-home .rt-home-brandlab__logo em {
    grid-column: 2;
    display: block !important;
    margin: 2px 0 0 1px !important;
    color: #c7ced9 !important;
    font-size: 6px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    letter-spacing: 4px !important;
    line-height: 1 !important;
    opacity: 0;
    transform: translate3d(0, -4px, 0);
    transition: opacity .34s ease, transform .42s cubic-bezier(.16, .86, .22, 1), color .34s ease;
}

.rt-home .rt-home-brandlab__note {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 20px;
    display: grid;
    gap: 5px;
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 18px;
    background: #f7f9fd;
    opacity: .9;
    transition: background .34s ease, opacity .34s ease, transform .34s ease;
}

.rt-home .rt-home-brandlab__note strong {
    color: #15151c !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.rt-home .rt-home-brandlab__note em {
    color: rgba(23, 27, 38, .52) !important;
    font-size: 8px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.rt-home .rt-home-brandlab__dragghost {
    position: absolute;
    left: 108%;
    top: 17%;
    z-index: 7;
    display: grid;
    place-items: center;
    min-width: 74px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #fff;
    color: #15151c;
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 12px 22px rgba(42, 48, 66, .13);
    transform: translate3d(0, 0, 0);
    transition: left 1.15s cubic-bezier(.16, .86, .22, 1), top 1.15s cubic-bezier(.16, .86, .22, 1), opacity .44s ease, transform 1.15s ease;
}

.rt-home .rt-home-brandlab__cursor {
    left: 111% !important;
    top: 20% !important;
    z-index: 8 !important;
    transition: left 1.15s cubic-bezier(.16, .86, .22, 1), top 1.15s cubic-bezier(.16, .86, .22, 1), transform 1.15s ease !important;
}

.rt-home .rt-home-brandlab__palette {
    right: 7% !important;
    top: 11% !important;
    width: 23% !important;
    gap: 8px !important;
}

.rt-home .rt-home-brandlab__palette button {
    position: relative;
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px;
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    text-align: left !important;
    background: #fff !important;
    color: rgba(23, 27, 38, .68) !important;
    cursor: grab;
}

.rt-home .rt-home-brandlab__palette button span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #eef1f7;
    color: rgba(23, 27, 38, .48);
    font-size: 8px;
    font-weight: 950;
}

.rt-home .rt-home-brandlab__palette button b {
    font-size: 9px;
    font-weight: 950;
}

.rt-home .rt-home-brandlab__palette button.is-active {
    background: #15151c !important;
    color: #fff !important;
    transform: translateX(-5px) scale(1) !important;
}

.rt-home .rt-home-brandlab__palette button.is-active span {
    background: var(--rt-mock-purple);
    color: #fff;
}

.rt-home .rt-home-brandlab__uses {
    right: 18px !important;
    top: 18px !important;
    width: 62px !important;
    gap: 6px !important;
}

.rt-home .rt-home-brandlab__uses span {
    height: 34px !important;
    border-radius: 12px !important;
    opacity: 0 !important;
}

.rt-home .rt-home-brandlab__progress {
    left: 20px !important;
    right: 20px !important;
    bottom: -16px !important;
    top: auto !important;
    grid-template-columns: repeat(5, 1fr) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__layout,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__layout,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__layout,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__layout,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__layout {
    opacity: 1;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__cursor {
    left: 28% !important;
    top: 21% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__cursor {
    left: 42% !important;
    top: 41% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__cursor {
    left: 57% !important;
    top: 42% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__cursor {
    left: 58% !important;
    top: 53% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__cursor {
    left: 47% !important;
    top: 40% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo strong {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo em,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo em {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    color: var(--rt-mock-purple);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo strong {
    color: #15151c !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo strong span:nth-child(2),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo em {
    color: var(--rt-mock-purple) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__uses span {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__uses span:nth-child(1) {
    background: linear-gradient(90deg, var(--rt-mock-purple) 0 34%, transparent 34%), #eef0ff !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__uses span:nth-child(2) {
    background: linear-gradient(180deg, #15151c 0 35%, transparent 35%), #fff0c7 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__uses span:nth-child(3) {
    background: radial-gradient(circle at 72% 24%, rgba(255, 255, 255, .64), transparent 18%), linear-gradient(135deg, var(--rt-mock-purple), #61f16d) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__progress span:nth-child(1),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__progress span:nth-child(-n + 2),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__progress span:nth-child(-n + 3),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__progress span:nth-child(-n + 4),
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__progress span {
    background: var(--rt-mock-purple) !important;
}

/* Rebranding builder 5.0: pieces leave the queue and build the real Row Tech logo. */
.rt-home .rt-home-brandlab__preview {
    left: 7% !important;
    top: 11% !important;
    width: 62% !important;
    height: 62% !important;
    overflow: visible !important;
    background: transparent !important;
}

.rt-home .rt-home-brandlab__stage {
    background: transparent !important;
}

.rt-home .rt-home-brandlab__board {
    inset: 0 !important;
    display: block;
    border: 1px solid rgba(23, 27, 38, .055) !important;
    background: #fff !important;
}

.rt-home .rt-home-brandlab__board::before,
.rt-home .rt-home-brandlab__layout,
.rt-home .rt-home-brandlab__uses {
    display: none !important;
    content: none !important;
}

.rt-home .rt-home-brandlab__board::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 47%;
    width: 120px;
    height: 64px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .1);
    opacity: 0;
    transform: translate(-50%, -50%) scale(.6);
    pointer-events: none;
}

.rt-home .rt-home-brandlab__logo {
    left: 50% !important;
    top: 47% !important;
    column-gap: 8px !important;
    transform: translate(-50%, -50%) !important;
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-brandlab__logo strong,
.rt-home .rt-home-brandlab__logo em {
    filter: grayscale(1);
}

.rt-home .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    opacity: 0 !important;
    color: #c7ced9 !important;
}

.rt-home .rt-home-brandlab__logo strong {
    opacity: 0 !important;
    color: #c7ced9 !important;
    font-family: Arial, sans-serif !important;
    font-size: 33px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

.rt-home .rt-home-brandlab__logo em {
    opacity: 0 !important;
}

.rt-home .rt-home-brandlab__logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 180px;
    max-width: none;
    height: auto;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.96);
    transition: opacity .44s ease, transform .54s cubic-bezier(.16, .86, .22, 1);
}

.rt-home .rt-home-brandlab__note {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    opacity: .86 !important;
}

.rt-home .rt-home-brandlab__note strong {
    font-size: 12px !important;
}

.rt-home .rt-home-brandlab__note em {
    font-size: 8px !important;
}

.rt-home .rt-home-brandlab__dragghost {
    left: 104% !important;
    top: 13% !important;
    min-width: 78px !important;
    min-height: 32px !important;
    border: 1px solid rgba(23, 27, 38, .06);
    border-radius: 16px !important;
    background: #fff !important;
    color: #15151c !important;
    box-shadow: 0 12px 22px rgba(42, 48, 66, .13) !important;
}

.rt-home .rt-home-brandlab__cursor {
    left: 109% !important;
    top: 17% !important;
}

.rt-home .rt-home-brandlab__palette {
    right: 7% !important;
    top: 9% !important;
    width: 24% !important;
    gap: 8px !important;
}

.rt-home .rt-home-brandlab__palette button {
    min-height: 40px !important;
    border-radius: 16px !important;
    transition: opacity .24s ease, transform .24s ease, max-height .24s ease, min-height .24s ease, margin .24s ease, padding .24s ease !important;
}

.rt-home .rt-home-brandlab__palette button.is-complete {
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
    transform: translateX(-14px) scale(.94) !important;
}

.rt-home .rt-home-brandlab__palette button:not(.is-complete):first-of-type,
.rt-home .rt-home-brandlab__palette button:not(.is-complete) {
    transform-origin: center left;
}

.rt-home .rt-home-brandlab__palette button:not(.is-complete):not(.is-active) {
    animation: rt-home-brand-queue-breathe 2.4s ease-in-out infinite;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="0"] .rt-home-brandlab__cursor {
    left: 47% !important;
    top: 24% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__cursor {
    left: 39% !important;
    top: 43% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__cursor {
    left: 56% !important;
    top: 42% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__cursor {
    left: 59% !important;
    top: 53% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__cursor {
    left: 50% !important;
    top: 47% !important;
}

.rt-home .rt-home-digital-mockup.is-brand-dropping .rt-home-brandlab__dragghost {
    animation: rt-home-brand-piece-drop 3s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup.is-brand-dropping .rt-home-brandlab__cursor {
    animation: rt-home-brand-cursor-drop 3s cubic-bezier(.16, .86, .22, 1) both;
    clip-path: inset(0 0 0 0 round 8px) !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 8px;
}

.rt-home .rt-home-digital-mockup.is-brand-dropping .rt-home-brandlab__cursor::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 10px;
    height: 11px;
    border-radius: 7px 7px 5px 5px;
    background: #fff;
    opacity: .86;
}

.rt-home .rt-home-digital-mockup.is-brand-piece-absorbed .rt-home-brandlab__dragghost {
    opacity: 0 !important;
    transform: scale(.35) !important;
    pointer-events: none;
}

.rt-home .rt-home-digital-mockup.is-brand-piece-absorbed .rt-home-brandlab__cursor::before {
    content: none !important;
}

.rt-home .rt-home-digital-mockup.is-brand-dropping .rt-home-brandlab__board::after {
    animation: rt-home-brand-board-absorb 3s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup.is-brand-dropping .rt-home-brandlab__logo {
    animation: rt-home-brand-logo-absorb 3s cubic-bezier(.16, .86, .22, 1) both;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo strong {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo strong {
    font-family: Stem, Arial, sans-serif !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo em {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo em {
    opacity: 0 !important;
}

/* Homepage landing card: compact lead game with real form actions. */
.rt-home .rt-home-landing-game {
    position: relative;
    min-height: 100%;
    background:
        radial-gradient(circle at 80% 14%, rgba(98, 85, 255, .14), transparent 28%),
        linear-gradient(135deg, #effaf6 0%, #f8fbff 52%, #eef4ff 100%);
}

.rt-home .rt-home-landing-game .rt-home-funnel__viewport {
    position: absolute;
    inset: 8% 8% 10%;
    width: auto;
    height: auto;
    max-height: none;
    overflow: visible;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 22px 48px rgba(32, 42, 72, .16);
}

.rt-home .rt-home-landing-game .rt-home-funnel__viewport::before {
    content: "";
    position: absolute;
    inset: -14px;
    z-index: -1;
    border-radius: 36px;
    background: linear-gradient(135deg, rgba(98, 85, 255, .12), rgba(26, 188, 156, .12));
}

.rt-home .rt-home-landing-game .rt-home-funnel__page {
    position: absolute;
    inset: 0 !important;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 12px;
    width: auto !important;
    height: auto !important;
    padding: 20px !important;
    border-radius: 30px !important;
    animation: none !important;
}

.rt-home .rt-home-landing-game__hero {
    display: grid;
    gap: 6px;
    min-height: 94px;
    padding: 18px;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(98, 85, 255, .96), rgba(22, 166, 130, .92)),
        #6255ff;
    color: #fff;
    box-shadow: 0 16px 30px rgba(98, 85, 255, .22);
}

.rt-home .rt-home-landing-game__hero span,
.rt-home .rt-home-landing-game__hero strong,
.rt-home .rt-home-landing-game__hero em {
    color: inherit;
    line-height: 1.05;
}

.rt-home .rt-home-landing-game__hero span {
    width: fit-content;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.rt-home .rt-home-landing-game__hero strong {
    max-width: 210px;
    font-size: 24px;
    font-weight: 950;
}

.rt-home .rt-home-landing-game__hero em {
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
    opacity: .86;
}

.rt-home .rt-home-landing-game__proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.rt-home .rt-home-landing-game__proof span {
    display: block;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(98, 85, 255, .12);
    border-radius: 14px;
    background: #f8faff;
    color: #25304f;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.15;
    text-align: center;
}

.rt-home .rt-home-landing-game .rt-home-funnel__form {
    position: static;
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(23, 23, 29, .08);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 26px rgba(42, 48, 66, .08);
    animation: none !important;
    transform: none !important;
}

.rt-home .rt-home-landing-game .rt-home-funnel__form label {
    display: grid;
    gap: 5px;
    margin: 0;
}

.rt-home .rt-home-landing-game .rt-home-funnel__form label span {
    display: block;
    height: auto;
    background: transparent;
    color: #526071;
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.rt-home .rt-home-landing-game .rt-home-funnel__form input {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 12px;
    background: #f8fbff;
    color: #17171d;
    font-size: 12px;
    font-weight: 750;
}

.rt-home .rt-home-landing-game .rt-home-funnel__cta {
    position: relative !important;
    inset: auto !important;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 13px;
    background: #17171d;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    animation: none !important;
    cursor: pointer;
}

.rt-home .rt-home-landing-game .rt-home-funnel__cta span,
.rt-home .rt-home-landing-game .rt-home-funnel__cta strong {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
}

.rt-home .rt-home-landing-game__quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.rt-home .rt-home-landing-game__quick-actions button {
    min-width: 0;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 12px;
    background: #eff4ff;
    color: #312f7c;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.rt-home .rt-home-landing-game .rt-home-funnel__cta:hover,
.rt-home .rt-home-landing-game .rt-home-funnel__cta:focus-visible,
.rt-home .rt-home-landing-game__quick-actions button:hover,
.rt-home .rt-home-landing-game__quick-actions button:focus-visible {
    transform: translateY(-2px);
}

.rt-home .rt-home-landing-game .rt-home-funnel__lead {
    right: 4% !important;
    bottom: 5% !important;
    z-index: 5;
    width: 124px !important;
    height: 76px !important;
    border: 1px solid rgba(26, 188, 156, .24);
    border-radius: 20px;
    background: #fff;
    opacity: 0;
    box-shadow: 0 18px 38px rgba(22, 166, 130, .2);
    transform: translateY(14px) scale(.92);
    animation: none !important;
}

.rt-home .rt-home-landing-game .rt-home-funnel__lead span {
    color: #16846e;
    font-size: 12px !important;
    font-weight: 900;
    line-height: 1.05;
    text-align: center;
}

.rt-home .rt-home-landing-game .rt-home-funnel__lead strong {
    color: #17171d;
    font-size: 34px !important;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-landing-game .rt-home-funnel__lead {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-landing-game .rt-home-funnel__cta {
    background: #16a682;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-landing-game .rt-home-funnel__cta span {
    opacity: 0;
    transform: translateY(-10px);
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-landing-game .rt-home-funnel__cta strong {
    opacity: 1;
    transform: translateY(0);
}

.rt-home-contact-form__intro {
    margin-top: 10px !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: clamp(16px, 1.2vw, 18px) !important;
}

@media (max-width: 760px) {
    .rt-home .rt-home-landing-game .rt-home-funnel__viewport {
        inset: 6% 7% 8%;
    }

    .rt-home .rt-home-landing-game .rt-home-funnel__page {
        gap: 9px;
        padding: 14px !important;
    }

    .rt-home .rt-home-landing-game__hero {
        min-height: 82px;
        padding: 14px;
    }

    .rt-home .rt-home-landing-game__hero strong {
        font-size: 20px;
    }

    .rt-home .rt-home-landing-game .rt-home-funnel__lead {
        right: 2% !important;
        bottom: 3% !important;
        width: 112px !important;
        height: 68px !important;
    }
}

/* Homepage service mockups: mobile needs the same presence as desktop. */
@media (max-width: 767px) {
    .rt-home .rt-home-service.has-material-mockup .rt-home-service__visual,
    .rt-home .rt-home-service.has-restyle-mockup .rt-home-service__visual,
    .rt-home .rt-home-service.has-ecommerce-mockup .rt-home-service__visual {
        min-height: clamp(420px, 116vw, 540px);
        padding-block: 18px 30px;
    }

    .rt-home .rt-home-digital-mockup,
    .rt-home .rt-home-material-mockup,
    .rt-home .rt-home-commerceflow,
    .rt-home .rt-home-restyle-mockup,
    .rt-home .rt-home-ecommerce-mockup,
    .rt-home .rt-home-webdev-mockup {
        width: min(96vw, 440px) !important;
        max-width: 100%;
    }

    .rt-home .rt-home-digital-mockup,
    .rt-home .rt-home-material-mockup,
    .rt-home .rt-home-commerceflow,
    .rt-home .rt-home-webdev-mockup {
        aspect-ratio: 1.02 / 1 !important;
        min-height: clamp(392px, 104vw, 460px);
    }

    .rt-home .rt-home-restyle-mockup,
    .rt-home .rt-home-ecommerce-mockup {
        aspect-ratio: 1 / 1 !important;
        min-height: clamp(404px, 108vw, 470px);
    }

    .rt-home .rt-home-digital-mockup__browser,
    .rt-home .rt-home-commerceflow__shop,
    .rt-home .rt-home-material-mockup__surface {
        inset: 4% 2.5% 5% !important;
        border-width: 6px;
    }

    .rt-home .rt-home-restyle-mockup__device {
        inset: 4% 3% 5% !important;
        border-width: 6px;
    }

    .rt-home .rt-home-digital-mockup--social-mockup .rt-home-socialstudio__phone {
        width: min(72%, 290px);
        height: 78%;
    }

    .rt-home .rt-home-digital-mockup--webdev-material-mockup .rt-home-webbuild__code {
        transform: translateX(-2px) scale(1);
    }

    .rt-home .rt-home-digital-mockup--webdev-material-mockup .rt-home-webbuild__canvas {
        height: 68% !important;
    }
}

@media (max-width: 390px) {
    .rt-home .rt-home-service.has-material-mockup .rt-home-service__visual,
    .rt-home .rt-home-service.has-restyle-mockup .rt-home-service__visual,
    .rt-home .rt-home-service.has-ecommerce-mockup .rt-home-service__visual {
        min-height: clamp(390px, 118vw, 470px);
    }

    .rt-home .rt-home-digital-mockup,
    .rt-home .rt-home-material-mockup,
    .rt-home .rt-home-commerceflow,
    .rt-home .rt-home-restyle-mockup,
    .rt-home .rt-home-ecommerce-mockup,
    .rt-home .rt-home-webdev-mockup {
        width: min(95vw, 410px) !important;
    }
}

/* Homepage about: mobile rhythm and team photo placement. */
@media (max-width: 767px) {
    .rt-home .rt-home-about {
        padding-top: clamp(46px, 13vw, 76px) !important;
        padding-bottom: clamp(64px, 18vw, 92px) !important;
        row-gap: 18px !important;
    }

    .rt-home .rt-home-about__copy {
        display: contents;
    }

    .rt-home .rt-home-about__copy .rt-home-eyebrow {
        order: 1;
        margin: 0;
    }

    .rt-home .rt-home-about h1,
    .rt-home .rt-home-about h2 {
        order: 2;
        margin: 0 0 4px;
    }

    .rt-home .rt-home-about__media {
        order: 3;
        margin: 6px 0 10px;
    }

    .rt-home .rt-home-about__media img {
        width: 100%;
        aspect-ratio: 1.22 / 1;
        height: auto;
        max-height: 360px;
        object-fit: cover;
        object-position: center 38%;
        border-radius: 22px;
    }

    .rt-home .rt-home-about__copy p:not(.rt-home-eyebrow) {
        order: 4;
        margin: 0;
    }

    .rt-home .rt-home-about__copy .rt-home-button {
        order: 5;
        justify-self: start;
        margin-top: 8px;
    }
}

/* Landing pages: focused landing flow that guides the visitor to the CTA. */
.rt-home .rt-home-funnel {
    overflow: hidden;
}

.rt-home .rt-home-funnel__viewport {
    position: absolute;
    left: 7%;
    top: 8%;
    width: 66%;
    height: 78%;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 72% 30%, rgba(98, 85, 255, .11), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
    box-shadow: 0 18px 34px rgba(42, 48, 66, .12);
}

.rt-home .rt-home-funnel__page {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 136% !important;
    padding: 9% 10% !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: rt-home-landing-page-scroll 6.8s cubic-bezier(.18, .72, .18, 1) infinite;
}

.rt-home .rt-home-funnel__nav,
.rt-home .rt-home-funnel__headline,
.rt-home .rt-home-funnel__copy,
.rt-home .rt-home-funnel__trust span,
.rt-home .rt-home-funnel__proof span,
.rt-home .rt-home-funnel__form span {
    display: block;
    border-radius: 999px;
}

.rt-home .rt-home-funnel__nav {
    width: 40%;
    height: 9px;
    margin-bottom: 18%;
    background: rgba(23, 23, 29, .1);
}

.rt-home .rt-home-funnel__headline {
    width: 78%;
    height: 18px !important;
    margin: 0 !important;
    background: #15151c !important;
}

.rt-home .rt-home-funnel__headline--short {
    width: 56%;
    margin-top: 9px !important;
}

.rt-home .rt-home-funnel__copy {
    width: 86% !important;
    height: 8px !important;
    margin-top: 18px !important;
    background: rgba(23, 23, 29, .14) !important;
}

.rt-home .rt-home-funnel__copy--short {
    width: 62% !important;
    margin-top: 7px !important;
}

.rt-home .rt-home-funnel__cta {
    left: 10% !important;
    top: 44% !important;
    bottom: auto !important;
    z-index: 4;
    display: inline-grid;
    place-items: center;
    min-width: 178px;
    min-height: 42px !important;
    overflow: hidden;
    padding: 0 22px !important;
    border: 0;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 16px 30px rgba(98, 85, 255, .28);
    animation: rt-home-landing-cta-focus 6.8s cubic-bezier(.18, .72, .18, 1) infinite;
}

.rt-home .rt-home-funnel__cta::before {
    content: "";
    position: absolute;
    inset: -9px;
    border: 1px solid rgba(98, 85, 255, .38);
    border-radius: inherit;
    opacity: 0;
    animation: rt-home-landing-cta-ring 6.8s ease infinite;
}

.rt-home .rt-home-funnel__cta span,
.rt-home .rt-home-funnel__cta strong {
    grid-area: 1 / 1;
    transition: opacity .22s ease, transform .22s ease;
}

.rt-home .rt-home-funnel__cta strong {
    opacity: 0;
    transform: translateY(12px);
}

.rt-home .rt-home-funnel__trust {
    position: absolute;
    left: 10%;
    top: 60%;
    display: flex;
    gap: 7px;
    width: 72%;
}

.rt-home .rt-home-funnel__trust span {
    width: 30%;
    height: 16px;
    background: rgba(98, 85, 255, .11);
}

.rt-home .rt-home-funnel__proof {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 78%;
    display: grid;
    gap: 9px;
}

.rt-home .rt-home-funnel__proof span {
    height: 28px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .08);
}

.rt-home .rt-home-funnel__form {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 108%;
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 26px rgba(42, 48, 66, .1);
}

.rt-home .rt-home-funnel__form span {
    height: 26px;
    background: rgba(23, 23, 29, .08);
}

.rt-home .rt-home-funnel__form button {
    min-height: 30px;
    border: 0;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.rt-home .rt-home-funnel__path {
    position: absolute;
    left: 50%;
    top: -14%;
    width: 2px;
    height: 64%;
    border-radius: 999px;
    background: linear-gradient(180deg, transparent, rgba(98, 85, 255, .12), var(--rt-mock-purple));
    transform-origin: top;
    animation: rt-home-landing-path 6.8s ease infinite;
}

.rt-home .rt-home-funnel__visitor {
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    z-index: 5;
    width: 18px;
    height: 18px;
    background: var(--rt-mock-purple);
    box-shadow: 0 0 0 8px rgba(98, 85, 255, .14);
    animation: rt-home-landing-visitor 6.8s cubic-bezier(.18, .72, .18, 1) infinite;
}

.rt-home .rt-home-funnel__metrics {
    position: absolute;
    right: 6%;
    top: 14%;
    z-index: 2;
    display: grid;
    gap: 10px;
    width: 21%;
}

.rt-home .rt-home-funnel__metrics span {
    display: grid;
    gap: 4px;
    padding: 12px 10px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 12px 22px rgba(42, 48, 66, .08);
    animation: rt-home-landing-metric 6.8s ease infinite;
}

.rt-home .rt-home-funnel__metrics span:nth-child(2) {
    animation-delay: .16s;
}

.rt-home .rt-home-funnel__metrics span:nth-child(3) {
    animation-delay: .32s;
}

.rt-home .rt-home-funnel__metrics b {
    color: var(--rt-mock-muted);
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
}

.rt-home .rt-home-funnel__metrics em {
    color: #15151c;
    font-size: 22px;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
}

.rt-home .rt-home-funnel__lead {
    right: 6% !important;
    bottom: 10% !important;
    width: 108px !important;
    height: 108px !important;
    border: 1px solid rgba(98, 85, 255, .14);
    background: #fff;
    opacity: 0;
    transform: translateY(12px) scale(.92);
    animation: rt-home-landing-lead 6.8s ease infinite;
}

.rt-home .rt-home-funnel__lead span {
    font-size: 10px !important;
}

.rt-home .rt-home-funnel__lead strong {
    font-size: 34px !important;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__lead,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__metrics span:nth-child(3) {
    animation-play-state: paused;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta span {
    opacity: 0;
    transform: translateY(-12px);
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta strong {
    opacity: 1;
    transform: translateY(0);
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__lead {
    opacity: 1;
    transform: translateY(0) scale(1);
}

@keyframes rt-home-landing-page-scroll {
    0%, 30%, 100% {
        transform: translateY(0);
    }

    58%, 78% {
        transform: translateY(-23%);
    }
}

@keyframes rt-home-landing-visitor {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -22px, 0) scale(.72);
    }

    18% {
        opacity: 1;
    }

    52%, 72% {
        opacity: 1;
        transform: translate3d(-50%, 145px, 0) scale(1);
    }

    84%, 100% {
        opacity: 0;
        transform: translate3d(-50%, 162px, 0) scale(.64);
    }
}

@keyframes rt-home-landing-path {
    0%, 16% {
        opacity: 0;
        transform: scaleY(.1);
    }

    42%, 72% {
        opacity: 1;
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        transform: scaleY(1);
    }
}

@keyframes rt-home-landing-cta-focus {
    0%, 38%, 100% {
        transform: scale(1);
        filter: saturate(1);
    }

    52%, 78% {
        transform: scale(1.055);
        filter: saturate(1.12);
    }
}

@keyframes rt-home-landing-cta-ring {
    0%, 38%, 100% {
        opacity: 0;
        transform: scale(.92);
    }

    55%, 76% {
        opacity: 1;
        transform: scale(1.06);
    }
}

@keyframes rt-home-landing-lead {
    0%, 58%, 100% {
        opacity: 0;
        transform: translateY(12px) scale(.92);
    }

    68%, 86% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes rt-home-landing-metric {
    0%, 48%, 100% {
        transform: translateY(0);
    }

    62%, 78% {
        transform: translateY(-3px);
    }
}

/* Landing pages 2.0: gravity field, heat attention and CTA conversion center. */
.rt-home .rt-home-funnel {
    isolation: isolate;
    overflow: hidden;
    perspective: 900px;
}

.rt-home .rt-home-funnel__gravity {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.rt-home .rt-home-funnel__orbit {
    position: absolute;
    left: 41%;
    top: 45%;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rt-home-landing-orbit 8.2s linear infinite;
}

.rt-home .rt-home-funnel__orbit--two {
    width: 238px;
    height: 238px;
    border-color: rgba(97, 241, 109, .18);
    animation-duration: 11s;
    animation-direction: reverse;
}

.rt-home .rt-home-funnel__signal {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    box-shadow: 0 0 0 8px rgba(98, 85, 255, .1);
    opacity: 0;
    animation: rt-home-landing-signal 6.8s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__signal--one {
    left: 12%;
    top: 18%;
}

.rt-home .rt-home-funnel__signal--two {
    left: 70%;
    top: 18%;
    animation-delay: .32s;
}

.rt-home .rt-home-funnel__signal--three {
    left: 68%;
    top: 76%;
    animation-delay: .64s;
}

.rt-home .rt-home-funnel__viewport {
    left: 5% !important;
    top: 7% !important;
    z-index: 1;
    width: 72% !important;
    height: 80% !important;
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 45% 46%, rgba(98, 85, 255, .18), transparent 22%),
        radial-gradient(circle at 78% 72%, rgba(97, 241, 109, .16), transparent 20%),
        linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%) !important;
    box-shadow: 0 22px 42px rgba(42, 48, 66, .14);
    transform: rotateX(4deg) rotateY(-8deg);
    transform-style: preserve-3d;
}

.rt-home .rt-home-funnel__viewport::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 42% 47%, rgba(98, 85, 255, .3), transparent 18%),
        radial-gradient(circle at 18% 22%, rgba(23, 23, 29, .08), transparent 18%),
        radial-gradient(circle at 74% 75%, rgba(97, 241, 109, .14), transparent 16%);
    opacity: .78;
    animation: rt-home-landing-heat 6.8s ease-in-out infinite;
}

.rt-home .rt-home-funnel__page {
    z-index: 1;
    height: 100% !important;
    padding: 9% 10% !important;
    animation: none !important;
    transform: translateZ(18px);
}

.rt-home .rt-home-funnel__nav {
    width: 44% !important;
    height: 8px !important;
    margin-bottom: 13% !important;
}

.rt-home .rt-home-funnel__headline {
    width: 70% !important;
    height: 17px !important;
    animation: rt-home-landing-module-head 6.8s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__headline--short {
    width: 48% !important;
    margin-top: 9px !important;
    animation-delay: .08s;
}

.rt-home .rt-home-funnel__copy {
    width: 74% !important;
    animation: rt-home-landing-module-copy 6.8s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__copy--short {
    width: 48% !important;
    animation-delay: .1s;
}

.rt-home .rt-home-funnel__cta {
    left: 28% !important;
    top: 42% !important;
    z-index: 8;
    min-width: 202px !important;
    min-height: 46px !important;
    background: linear-gradient(135deg, #6255ff 0%, #7c6bff 100%) !important;
    box-shadow:
        0 18px 34px rgba(98, 85, 255, .32),
        0 0 0 12px rgba(98, 85, 255, .08);
    animation: rt-home-landing-gravity-cta 6.8s cubic-bezier(.16, .76, .16, 1) infinite !important;
}

.rt-home .rt-home-funnel__magnet {
    position: absolute;
    left: calc(28% + 101px);
    top: calc(42% + 23px);
    z-index: 6;
    width: 220px;
    height: 118px;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.rt-home .rt-home-funnel__magnet i {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: 50%;
    opacity: 0;
    animation: rt-home-landing-magnet-ring 6.8s ease infinite;
}

.rt-home .rt-home-funnel__magnet i:nth-child(2) {
    animation-delay: .26s;
}

.rt-home .rt-home-funnel__magnet i:nth-child(3) {
    animation-delay: .52s;
}

.rt-home .rt-home-funnel__trust {
    left: 10% !important;
    top: 63% !important;
    animation: rt-home-landing-module-trust 6.8s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__trust span {
    height: 18px !important;
    background: rgba(98, 85, 255, .13) !important;
}

.rt-home .rt-home-funnel__proof {
    left: auto !important;
    right: 8% !important;
    top: 16% !important;
    width: 25% !important;
    gap: 8px !important;
    animation: rt-home-landing-module-proof 6.8s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__proof span {
    height: 25px !important;
    border: 1px solid rgba(98, 85, 255, .08);
}

.rt-home .rt-home-funnel__form {
    left: auto !important;
    right: 8% !important;
    top: auto !important;
    bottom: 8% !important;
    width: 35%;
    gap: 8px !important;
    padding: 12px !important;
    transform-origin: center;
    animation: rt-home-landing-module-form 6.8s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__form span {
    height: 22px !important;
}

.rt-home .rt-home-funnel__path {
    left: 43% !important;
    top: -11% !important;
    z-index: 7;
    width: 2px !important;
    height: 58% !important;
    background: linear-gradient(180deg, transparent, rgba(98, 85, 255, .22), var(--rt-mock-purple)) !important;
    animation: rt-home-landing-gravity-path 6.8s ease infinite !important;
}

.rt-home .rt-home-funnel__visitor {
    z-index: 9;
    width: 15px !important;
    height: 15px !important;
    background: #fff !important;
    border: 4px solid var(--rt-mock-purple);
    box-shadow: 0 0 0 8px rgba(98, 85, 255, .12) !important;
    animation: rt-home-landing-gravity-visitor 6.8s cubic-bezier(.16, .76, .16, 1) infinite !important;
}

.rt-home .rt-home-funnel__visitor--one {
    left: 18% !important;
    top: 13% !important;
}

.rt-home .rt-home-funnel__visitor--two {
    left: 68% !important;
    top: 12% !important;
    animation-delay: .24s !important;
}

.rt-home .rt-home-funnel__visitor--three {
    left: 72% !important;
    top: 72% !important;
    animation-delay: .48s !important;
}

.rt-home .rt-home-funnel__metrics {
    right: 4% !important;
    top: 13% !important;
    width: 22% !important;
}

.rt-home .rt-home-funnel__metrics span {
    border: 1px solid rgba(98, 85, 255, .1);
    background: rgba(255, 255, 255, .82) !important;
    backdrop-filter: blur(8px);
}

.rt-home .rt-home-funnel__lead {
    right: 5% !important;
    bottom: 8% !important;
    z-index: 5;
    width: 112px !important;
    height: 112px !important;
    box-shadow: 0 18px 32px rgba(42, 48, 66, .12);
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__viewport,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__visitor,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__signal,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__headline,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__copy,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__trust,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__proof,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__form {
    animation-play-state: paused !important;
}

@keyframes rt-home-landing-orbit {
    to {
        rotate: 360deg;
    }
}

@keyframes rt-home-landing-signal {
    0%, 100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.7);
    }

    26% {
        opacity: .95;
    }

    64%, 78% {
        opacity: 1;
        transform: translate3d(-70px, 70px, 0) scale(1);
    }

    90% {
        opacity: 0;
        transform: translate3d(-92px, 86px, 0) scale(.2);
    }
}

@keyframes rt-home-landing-heat {
    0%, 100% {
        opacity: .42;
        transform: scale(1);
    }

    46%, 78% {
        opacity: .95;
        transform: scale(1.08);
    }
}

@keyframes rt-home-landing-module-head {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    52%, 78% {
        transform: translate3d(18px, 20px, 0);
    }
}

@keyframes rt-home-landing-module-copy {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    52%, 78% {
        transform: translate3d(12px, 10px, 0);
    }
}

@keyframes rt-home-landing-module-trust {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    52%, 78% {
        transform: translate3d(24px, -24px, 0);
    }
}

@keyframes rt-home-landing-module-proof {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    52%, 78% {
        transform: translate3d(-28px, 42px, 0) scale(.96);
    }
}

@keyframes rt-home-landing-module-form {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    52%, 78% {
        transform: translate3d(-32px, -36px, 0) scale(.94);
    }
}

@keyframes rt-home-landing-gravity-cta {
    0%, 34%, 100% {
        transform: scale(1);
        filter: saturate(1);
    }

    52%, 80% {
        transform: scale(1.08);
        filter: saturate(1.2);
    }
}

@keyframes rt-home-landing-magnet-ring {
    0%, 38%, 100% {
        opacity: 0;
        transform: scale(.72);
    }

    54%, 80% {
        opacity: .8;
        transform: scale(1.08);
    }
}

@keyframes rt-home-landing-gravity-path {
    0%, 22% {
        opacity: 0;
        transform: scaleY(.08) rotate(0deg);
    }

    52%, 78% {
        opacity: 1;
        transform: scaleY(1) rotate(18deg);
    }

    100% {
        opacity: 0;
        transform: scaleY(1) rotate(18deg);
    }
}

@keyframes rt-home-landing-gravity-visitor {
    0%, 100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.62);
    }

    18% {
        opacity: 1;
    }

    58%, 78% {
        opacity: 1;
        transform: translate3d(96px, 104px, 0) scale(1);
    }

    88% {
        opacity: 0;
        transform: translate3d(108px, 112px, 0) scale(.2);
    }
}

/* Landing pages 3.0: clean scrolling page with a conversion lens. */
.rt-home .rt-home-funnel {
    overflow: hidden;
    isolation: isolate;
    perspective: none !important;
}

.rt-home .rt-home-funnel__gravity,
.rt-home .rt-home-funnel__orbit,
.rt-home .rt-home-funnel__signal,
.rt-home .rt-home-funnel__path,
.rt-home .rt-home-funnel__magnet,
.rt-home .rt-home-funnel__metrics,
.rt-home .rt-home-funnel__visitor--two,
.rt-home .rt-home-funnel__visitor--three {
    display: none !important;
}

.rt-home .rt-home-funnel__viewport {
    left: 7% !important;
    top: 7% !important;
    width: 68% !important;
    height: 80% !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 32px !important;
    background:
        linear-gradient(rgba(98, 85, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(98, 85, 255, .045) 1px, transparent 1px),
        #ffffff !important;
    background-size: 34px 34px, 34px 34px, auto !important;
    box-shadow: 0 24px 42px rgba(42, 48, 66, .14) !important;
    transform: rotate(-4deg) !important;
}

.rt-home .rt-home-funnel__viewport::before {
    content: none !important;
}

.rt-home .rt-home-funnel__scanner {
    position: absolute;
    left: 9%;
    right: 9%;
    top: 47%;
    z-index: 8;
    height: 74px;
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .62);
    box-shadow:
        0 18px 34px rgba(98, 85, 255, .12),
        inset 0 0 0 1px rgba(255, 255, 255, .7);
    backdrop-filter: blur(10px);
    pointer-events: none;
}

.rt-home .rt-home-funnel__scanner::before,
.rt-home .rt-home-funnel__scanner::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    border-radius: 999px;
    transform: translate(-50%, -50%);
}

.rt-home .rt-home-funnel__scanner::before {
    width: 62%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--rt-mock-purple), transparent);
    animation: rt-home-landing-lens-line 6.4s ease-in-out infinite;
}

.rt-home .rt-home-funnel__scanner::after {
    width: 20px;
    height: 20px;
    background: var(--rt-mock-purple);
    box-shadow: 0 0 0 10px rgba(98, 85, 255, .12);
    animation: rt-home-landing-lens-dot 6.4s cubic-bezier(.16, .76, .16, 1) infinite;
}

.rt-home .rt-home-funnel__scanner span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 122px;
    height: 122px;
    border: 1px solid rgba(98, 85, 255, .14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rt-home-landing-lens-pulse 6.4s ease-in-out infinite;
}

.rt-home .rt-home-funnel__page {
    z-index: 2;
    height: 156% !important;
    padding: 9% 10% !important;
    background: transparent !important;
    transform: translateY(0);
    animation: rt-home-landing-clean-scroll 6.4s cubic-bezier(.18, .74, .18, 1) infinite !important;
}

.rt-home .rt-home-funnel__nav {
    width: 42% !important;
    height: 8px !important;
    margin-bottom: 16% !important;
    background: rgba(23, 23, 29, .11) !important;
}

.rt-home .rt-home-funnel__headline {
    width: 78% !important;
    height: 17px !important;
    background: #15151c !important;
    animation: none !important;
}

.rt-home .rt-home-funnel__headline--short {
    width: 52% !important;
}

.rt-home .rt-home-funnel__copy {
    width: 84% !important;
    height: 8px !important;
    background: rgba(23, 23, 29, .12) !important;
    animation: none !important;
}

.rt-home .rt-home-funnel__copy--short {
    width: 58% !important;
}

.rt-home .rt-home-funnel__trust {
    left: 10% !important;
    top: 43% !important;
    width: 70% !important;
    animation: none !important;
}

.rt-home .rt-home-funnel__trust span {
    height: 16px !important;
    background: rgba(98, 85, 255, .1) !important;
}

.rt-home .rt-home-funnel__proof {
    left: 10% !important;
    right: 10% !important;
    top: 62% !important;
    width: auto !important;
    display: grid !important;
    gap: 10px !important;
    animation: none !important;
}

.rt-home .rt-home-funnel__proof span {
    height: 30px !important;
    border: 1px solid rgba(98, 85, 255, .08);
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(42, 48, 66, .07) !important;
}

.rt-home .rt-home-funnel__cta {
    left: 50% !important;
    top: 86% !important;
    z-index: 9;
    min-width: 84px !important;
    width: 84px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0;
    border-radius: 999px;
    background: var(--rt-mock-purple) !important;
    box-shadow:
        0 18px 32px rgba(98, 85, 255, .28),
        0 0 0 9px rgba(98, 85, 255, .08) !important;
    transform: translateX(-50%);
    animation: rt-home-landing-cta-capture 6.4s cubic-bezier(.18, .74, .18, 1) infinite !important;
}

.rt-home .rt-home-funnel__cta::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
    opacity: 1;
    transform: translate(-50%, -50%);
    animation: none !important;
}

.rt-home .rt-home-funnel__cta::after {
    content: "";
    position: absolute;
    left: calc(50% + 9px);
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}

.rt-home .rt-home-funnel__cta span {
    display: none !important;
}

.rt-home .rt-home-funnel__cta strong {
    color: #fff;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0;
    opacity: 0;
    transform: translateY(10px);
}

.rt-home .rt-home-funnel__form {
    left: 10% !important;
    right: 10% !important;
    top: 118% !important;
    bottom: auto !important;
    width: auto !important;
    animation: none !important;
}

.rt-home .rt-home-funnel__visitor {
    display: block !important;
    left: 50% !important;
    top: 4% !important;
    z-index: 10;
    width: 13px !important;
    height: 13px !important;
    border: 0 !important;
    background: #61f16d !important;
    box-shadow: 0 0 0 9px rgba(97, 241, 109, .14) !important;
    animation: rt-home-landing-user-scroll 6.4s cubic-bezier(.18, .74, .18, 1) infinite !important;
}

.rt-home .rt-home-funnel__rail {
    position: absolute;
    right: 8%;
    top: 16%;
    z-index: 3;
    width: 8px;
    height: 58%;
    border-radius: 999px;
    background: rgba(255, 255, 255, .54);
    box-shadow: inset 0 0 0 1px rgba(98, 85, 255, .12);
}

.rt-home .rt-home-funnel__rail span {
    display: block;
    width: 100%;
    height: 32%;
    border-radius: inherit;
    background: var(--rt-mock-purple);
    animation: rt-home-landing-rail 6.4s cubic-bezier(.18, .74, .18, 1) infinite;
}

.rt-home .rt-home-funnel__lead {
    right: 5% !important;
    bottom: 9% !important;
    z-index: 4;
    width: 112px !important;
    height: 112px !important;
    border: 1px solid rgba(98, 85, 255, .14);
    background: #fff !important;
    opacity: 0;
    transform: translateY(12px) scale(.92);
    box-shadow: 0 18px 32px rgba(42, 48, 66, .12);
    animation: rt-home-landing-clean-lead 6.4s ease-in-out infinite !important;
}

.rt-home .rt-home-funnel__form .rt-home-funnel__cta {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: grid !important;
    place-items: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;
    margin: 0;
    padding: 0 !important;
    transform: none !important;
    animation: rt-home-landing-form-cta 6.4s cubic-bezier(.18, .74, .18, 1) infinite !important;
}

.rt-home .rt-home-funnel__form .rt-home-funnel__cta::before {
    width: 22px;
}

.rt-home .rt-home-funnel__form .rt-home-funnel__cta::after {
    left: calc(50% + 8px);
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__form .rt-home-funnel__cta {
    min-width: 0 !important;
    width: 100% !important;
    animation-play-state: paused !important;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__page,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__visitor,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__rail span,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__scanner::before,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__scanner::after,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__scanner span {
    animation-play-state: paused !important;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta {
    width: 132px !important;
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta::before,
.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta::after {
    opacity: 0;
}

/* Landing Pages: direct dynamic form CTA, no page-in-page mockup. */
.rt-home .rt-home-digital-mockup--landing-mockup {
    display: grid;
    place-items: center;
    isolation: isolate;
    transform: translateZ(0);
}

.rt-home .rt-home-digital-mockup.rt-home-material-mockup.rt-home-digital-mockup--landing-mockup {
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-3deg) !important;
    filter: none !important;
}

.rt-home .rt-home-digital-mockup--landing-mockup::before {
    content: "";
    position: absolute;
    inset: 6% 4% 2%;
    z-index: -1;
    border-radius: 44px;
    background:
        radial-gradient(circle at 18% 24%, rgba(98, 85, 255, .14), transparent 34%),
        radial-gradient(circle at 82% 72%, rgba(26, 188, 156, .14), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(235, 240, 255, .86));
    filter: none;
}

.rt-home .rt-home-digital-mockup.rt-home-material-mockup.rt-home-digital-mockup--landing-mockup::before {
    inset: 6% 4% 2%;
    filter: none !important;
}

.rt-home .rt-home-landing-direct {
    position: relative;
    width: min(100%, 540px);
    min-height: 432px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 128px;
    align-items: center;
    gap: 18px;
    padding: 28px;
    border-radius: 34px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 63%, rgba(242, 246, 255, .94) 63%, rgba(242, 246, 255, .94) 100%),
        radial-gradient(circle at 16% 20%, rgba(98, 85, 255, .12), transparent 30%),
        radial-gradient(circle at 86% 82%, rgba(26, 188, 156, .14), transparent 32%);
    border: 1px solid rgba(98, 85, 255, .14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .8),
        0 22px 40px rgba(35, 42, 56, .13);
    overflow: hidden;
    transform: translateZ(0);
}

.rt-home .rt-home-landing-direct::before,
.rt-home .rt-home-landing-direct::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(98, 85, 255, .1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rt-home-landing-direct-ring 7.2s ease-in-out infinite;
}

.rt-home .rt-home-landing-direct::after {
    width: 455px;
    height: 455px;
    border-color: rgba(26, 188, 156, .12);
    animation-delay: .8s;
}

.rt-home .rt-home-landing-direct__beam {
    display: none;
}

.rt-home .rt-home-landing-direct__beam--one {
    left: 15%;
    top: 16%;
}

.rt-home .rt-home-landing-direct__beam--two {
    right: 18%;
    top: 24%;
    background: #16a682;
    box-shadow:
        0 0 0 9px rgba(22, 166, 130, .11),
        0 0 24px rgba(22, 166, 130, .18);
    animation-delay: .28s;
}

.rt-home .rt-home-landing-direct__beam--three {
    left: 56%;
    bottom: 17%;
    background: #8f85ff;
    animation-delay: .56s;
}

.rt-home .rt-home-landing-direct__panel {
    position: relative;
    z-index: 3;
    width: 100%;
    display: grid;
    gap: 14px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    transition: transform .24s cubic-bezier(.2, 0, 0, 1), box-shadow .24s cubic-bezier(.2, 0, 0, 1);
}

.rt-home .rt-home-landing-direct__head {
    display: grid;
    gap: 7px;
}

.rt-home .rt-home-landing-direct__head span,
.rt-home .rt-home-landing-direct__fields small,
.rt-home .rt-home-landing-direct__result span {
    color: var(--rt-mock-purple);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.rt-home .rt-home-landing-direct__head strong {
    max-width: 320px;
    color: var(--rt-mock-ink);
    font-size: clamp(27px, 2.35vw, 35px);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: 0;
}

.rt-home .rt-home-landing-direct__head em {
    max-width: 280px;
    color: var(--rt-mock-muted);
    font-size: 14px;
    line-height: 1.35;
    font-style: normal;
    font-weight: 700;
}

.rt-home .rt-home-landing-direct__choices {
    width: min(100%, 326px);
    display: flex;
    align-items: center;
    padding: 5px;
    gap: 8px;
    border-radius: 999px;
    background: #eef1ff;
    border: 1px solid rgba(98, 85, 255, .12);
}

.rt-home .rt-home-landing-direct__choices button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 36px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #312f7c;
    font-size: 12px;
    font-weight: 900;
    transition: transform .2s cubic-bezier(.2, 0, 0, 1), background-color .2s cubic-bezier(.2, 0, 0, 1), color .2s cubic-bezier(.2, 0, 0, 1);
}

.rt-home .rt-home-landing-direct__choices button:hover,
.rt-home .rt-home-landing-direct__choices button:focus-visible,
.rt-home .rt-home-landing-direct__choices button.is-active {
    transform: translateY(-2px);
    background: var(--rt-mock-purple);
    color: #fff;
}

.rt-home .rt-home-landing-direct__fields {
    width: min(100%, 346px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.rt-home .rt-home-landing-direct__fields span {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 13px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(98, 85, 255, .12);
    box-shadow: 0 10px 24px rgba(40, 47, 75, .07);
}

.rt-home .rt-home-landing-direct__fields strong {
    min-height: 34px;
    color: var(--rt-mock-ink);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 850;
}

.rt-home .rt-home-landing-direct__cta {
    position: relative;
    width: min(100%, 346px);
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #6255ff, #7567ff);
    color: #fff !important;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none !important;
    overflow: hidden;
    box-shadow:
        0 16px 30px rgba(98, 85, 255, .28),
        0 0 0 9px rgba(98, 85, 255, .09);
    transition: transform .24s cubic-bezier(.2, 0, 0, 1), box-shadow .24s cubic-bezier(.2, 0, 0, 1);
}

.rt-home .rt-home-landing-direct__cta::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -45%;
    width: 38%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent);
    transform: skewX(-18deg);
    animation: rt-home-landing-direct-shine 4.8s ease-in-out infinite;
}

.rt-home .rt-home-landing-direct__cta span,
.rt-home .rt-home-landing-direct__cta i {
    position: relative;
    z-index: 1;
}

.rt-home .rt-home-landing-direct__cta i {
    width: 16px;
    height: 16px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}

.rt-home .rt-home-landing-direct__cta:hover,
.rt-home .rt-home-landing-direct__cta:focus-visible {
    color: #fff !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow:
        0 22px 40px rgba(98, 85, 255, .42),
        0 0 0 16px rgba(98, 85, 255, .2);
}

.rt-home .rt-home-landing-direct__result {
    position: relative;
    z-index: 4;
    align-self: end;
    justify-self: end;
    width: 128px;
    display: grid;
    gap: 4px;
    padding: 16px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(22, 166, 130, .18);
    box-shadow: 0 16px 30px rgba(22, 166, 130, .13);
    transition: transform .24s cubic-bezier(.2, 0, 0, 1);
}

.rt-home .rt-home-landing-direct__result strong {
    color: #15162d;
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
}

.rt-home .rt-home-landing-direct__result em {
    color: #16846e;
    font-size: 12px;
    line-height: 1.15;
    font-style: normal;
    font-weight: 900;
}

.rt-home .rt-home-landing-direct:hover .rt-home-landing-direct__panel,
.rt-home .rt-home-landing-direct:focus-within .rt-home-landing-direct__panel {
    transform: translateY(-5px);
    box-shadow: none;
}

.rt-home .rt-home-landing-direct:hover .rt-home-landing-direct__result,
.rt-home .rt-home-landing-direct:focus-within .rt-home-landing-direct__result {
    transform: translateY(-8px) scale(1.03);
}

@keyframes rt-home-landing-direct-ring {
    0%, 100% {
        opacity: .42;
        transform: translate(-50%, -50%) scale(.94);
    }

    50% {
        opacity: .86;
        transform: translate(-50%, -50%) scale(1.04);
    }
}

@keyframes rt-home-landing-direct-beam {
    0%, 100% {
        opacity: .4;
        transform: translate3d(0, 0, 0) scale(.9);
    }

    48%, 70% {
        opacity: 1;
        transform: translate3d(12px, 10px, 0) scale(1);
    }
}

@keyframes rt-home-landing-direct-shine {
    0%, 46%, 100% {
        transform: translateX(0) skewX(-18deg);
        opacity: 0;
    }

    58% {
        transform: translateX(430%) skewX(-18deg);
        opacity: 1;
    }
}

@media (max-width: 760px) {
    .rt-home .rt-home-landing-direct {
        min-height: 410px;
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 14px;
    }

    .rt-home .rt-home-landing-direct__panel {
        width: 100%;
        padding: 0;
    }

    .rt-home .rt-home-landing-direct__head strong {
        font-size: 24px;
    }

    .rt-home .rt-home-landing-direct__fields {
        grid-template-columns: 1fr;
    }

    .rt-home .rt-home-landing-direct__result {
        width: 100%;
        max-width: 210px;
        justify-self: start;
        padding: 12px;
        border-radius: 20px;
    }
}

.rt-home .rt-home-digital-mockup.is-landing-converted .rt-home-funnel__cta strong {
    opacity: 1;
    transform: translateY(0);
}

@keyframes rt-home-landing-clean-scroll {
    0%, 18%, 100% {
        transform: translateY(0);
    }

    58%, 78% {
        transform: translateY(-38%);
    }
}

@keyframes rt-home-landing-user-scroll {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0, 0) scale(.72);
    }

    18% {
        opacity: 1;
    }

    58%, 78% {
        opacity: 1;
        transform: translate3d(-50%, 164px, 0) scale(1);
    }

    90%, 100% {
        opacity: 0;
        transform: translate3d(-50%, 178px, 0) scale(.55);
    }
}

@keyframes rt-home-landing-cta-capture {
    0%, 34%, 100% {
        filter: saturate(1);
    }

    58%, 78% {
        filter: saturate(1.2);
    }
}

@keyframes rt-home-landing-lens-line {
    0%, 35%, 100% {
        opacity: .34;
        transform: translate(-50%, -50%) scaleX(.72);
    }

    58%, 78% {
        opacity: 1;
        transform: translate(-50%, -50%) scaleX(1);
    }
}

@keyframes rt-home-landing-lens-dot {
    0%, 35%, 100% {
        opacity: .28;
        transform: translate(-50%, -50%) scale(.72);
    }

    58%, 78% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes rt-home-landing-lens-pulse {
    0%, 40%, 100% {
        opacity: .22;
        transform: translate(-50%, -50%) scale(.82);
    }

    62%, 78% {
        opacity: .72;
        transform: translate(-50%, -50%) scale(1.08);
    }
}

@keyframes rt-home-landing-rail {
    0%, 18%, 100% {
        transform: translateY(0);
    }

    58%, 78% {
        transform: translateY(130%);
    }
}

@keyframes rt-home-landing-clean-lead {
    0%, 62%, 100% {
        opacity: 0;
        transform: translateY(12px) scale(.92);
    }

    72%, 88% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes rt-home-landing-form-cta {
    0%, 52%, 100% {
        box-shadow:
            0 18px 32px rgba(98, 85, 255, .22),
            0 0 0 0 rgba(98, 85, 255, 0);
    }

    66%, 82% {
        box-shadow:
            0 18px 32px rgba(98, 85, 255, .34),
            0 0 0 9px rgba(98, 85, 255, .08);
    }
}

/* E-commerce 2.0: product to checkout purchase flow. */
.rt-home .rt-home-commerceflow {
    --rt-commerce-fly-x: 0px;
    --rt-commerce-fly-y: 0px;
    transform: translate3d(var(--rt-service-mouse-x, 0px), calc(var(--rt-service-image-y, 0px) + var(--rt-service-mouse-y, 0px)), 0) rotate(-4deg) !important;
}

.rt-home .rt-home-commerceflow__shop {
    border-color: rgba(255, 255, 255, .92) !important;
    border-radius: 36px !important;
    background:
        radial-gradient(circle at 18% 24%, rgba(98, 85, 255, .12), transparent 23%),
        radial-gradient(circle at 76% 80%, rgba(97, 241, 109, .14), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%) !important;
}

.rt-home .rt-home-commerceflow__top {
    position: relative;
    z-index: 5;
    height: 14% !important;
    color: var(--rt-mock-ink);
}

.rt-home .rt-home-commerceflow__top strong {
    margin-left: 0 !important;
}

.rt-home .rt-home-commerceflow__top b {
    margin-left: auto;
    background: var(--rt-mock-purple) !important;
    color: #fff !important;
    animation: rt-home-commerce-badge-pop 5.6s ease-in-out infinite;
}

.rt-home .rt-home-commerceflow__products {
    left: 7% !important;
    right: 7% !important;
    top: 20% !important;
    z-index: 2;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px !important;
    height: auto !important;
}

.rt-home .rt-home-commerceflow__product {
    position: relative;
    display: grid;
    min-height: 132px !important;
    padding: 10px !important;
    border: 1px solid rgba(98, 85, 255, .12) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 12px 24px rgba(42, 48, 66, .08);
    transform: translateY(0);
    transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.rt-home .rt-home-commerceflow__product.is-active,
.rt-home .rt-home-commerceflow__product:hover {
    border-color: rgba(98, 85, 255, .58) !important;
    box-shadow: 0 18px 30px rgba(98, 85, 255, .14);
    transform: translateY(-7px) !important;
}

.rt-home .rt-home-commerceflow__product.is-active::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    box-shadow: 0 0 0 6px rgba(98, 85, 255, .12);
}

.rt-home .rt-home-commerceflow__product i {
    height: 58px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 68% 28%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(135deg, #6255ff, #9cc4ff) !important;
}

.rt-home .rt-home-commerceflow__product:nth-child(2) i {
    background:
        radial-gradient(circle at 68% 28%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(135deg, #fbbc05, #f7d78a) !important;
}

.rt-home .rt-home-commerceflow__product:nth-child(3) i {
    background:
        radial-gradient(circle at 68% 28%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(135deg, #61f16d, #95f3d5) !important;
}

.rt-home .rt-home-commerceflow__product span {
    width: auto !important;
    height: auto !important;
    margin-top: 11px !important;
    background: none !important;
    color: var(--rt-mock-ink);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.rt-home .rt-home-commerceflow__product em {
    width: auto !important;
    height: auto !important;
    margin-top: 7px !important;
    background: none !important;
    color: var(--rt-mock-purple);
    font-size: 13px !important;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
}

.rt-home .rt-home-commerceflow__fly-item {
    position: absolute;
    left: 17%;
    top: 35%;
    z-index: 9;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background:
        radial-gradient(circle at 68% 28%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(135deg, #6255ff, #9cc4ff);
    box-shadow: 0 16px 26px rgba(98, 85, 255, .2);
    opacity: 0;
    pointer-events: none;
}

.rt-home .rt-home-commerceflow[data-rt-commerce-product="1"] .rt-home-commerceflow__fly-item {
    left: 44%;
    background:
        radial-gradient(circle at 68% 28%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(135deg, #fbbc05, #f7d78a);
}

.rt-home .rt-home-commerceflow[data-rt-commerce-product="2"] .rt-home-commerceflow__fly-item {
    left: 71%;
    background:
        radial-gradient(circle at 68% 28%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(135deg, #61f16d, #95f3d5);
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__fly-item {
    animation: rt-home-commerce-fly 1.05s cubic-bezier(.16, .82, .2, 1) both;
}

.rt-home .rt-home-commerceflow__checkout {
    left: 7% !important;
    right: auto !important;
    bottom: 22% !important;
    z-index: 3;
    display: grid !important;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 50%;
    min-height: 80px;
    padding: 16px !important;
    border-radius: 24px !important;
    background: #15151c !important;
    color: #fff;
    box-shadow: 0 18px 34px rgba(21, 21, 28, .2);
}

.rt-home .rt-home-commerceflow__checkout span {
    grid-column: 1 / 2;
    font-size: 11px !important;
    text-transform: uppercase;
    opacity: .64;
}

.rt-home .rt-home-commerceflow__checkout strong {
    grid-column: 1 / 2;
    margin-top: 4px;
    font-size: 24px !important;
    line-height: 1;
}

.rt-home .rt-home-commerceflow__checkout button {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--rt-mock-purple) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 22px rgba(98, 85, 255, .28);
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__checkout button {
    animation: rt-home-commerce-button 1.2s ease both;
}

.rt-home .rt-home-commerceflow__payment {
    position: absolute;
    right: 7%;
    bottom: 24%;
    z-index: 4;
    display: grid;
    gap: 6px;
    width: 34%;
    min-height: 92px;
    padding: 15px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 82% 24%, rgba(255, 255, 255, .24), transparent 26%),
        linear-gradient(135deg, #6255ff, #15151c);
    color: #fff;
    box-shadow: 0 18px 34px rgba(98, 85, 255, .2);
    opacity: .72;
    transform: translateY(12px) scale(.96);
}

.rt-home .rt-home-commerceflow__payment span {
    width: 28px;
    height: 20px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .28);
}

.rt-home .rt-home-commerceflow__payment strong {
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}

.rt-home .rt-home-commerceflow__payment em {
    font-size: 11px;
    font-style: normal;
    opacity: .72;
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__payment {
    animation: rt-home-commerce-pay 1.6s ease both;
}

.rt-home .rt-home-commerceflow__steps {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 16%;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
}

.rt-home .rt-home-commerceflow__steps span {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(98, 85, 255, .12);
    color: transparent;
}

.rt-home .rt-home-commerceflow__steps span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--rt-mock-purple);
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__steps span::before {
    animation: rt-home-commerce-step 1.6s ease both;
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__steps span:nth-child(2)::before {
    animation-delay: .16s;
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__steps span:nth-child(3)::before {
    animation-delay: .32s;
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__steps span:nth-child(4)::before {
    animation-delay: .48s;
}

.rt-home .rt-home-commerceflow__status {
    left: 7% !important;
    right: 7% !important;
    bottom: 6% !important;
    z-index: 5;
    height: 58px !important;
    border: 1px solid rgba(97, 241, 109, .2);
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 18px 30px rgba(42, 48, 66, .11) !important;
    opacity: 0;
    transform: translateY(12px);
}

.rt-home .rt-home-commerceflow__status span {
    position: relative;
    display: grid;
    place-items: center;
    background: #61f16d !important;
}

.rt-home .rt-home-commerceflow__status span::before {
    content: "";
    width: 12px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(1px, -1px);
}

.rt-home .rt-home-commerceflow__status strong {
    font-size: 13px !important;
}

.rt-home .rt-home-commerceflow__status b {
    display: grid;
    place-items: center;
    width: auto !important;
    min-width: 72px;
    height: 26px !important;
    padding: 0 10px;
    background: rgba(98, 85, 255, .1) !important;
    color: var(--rt-mock-purple);
    font-size: 10px;
    font-weight: 950;
}

.rt-home .rt-home-commerceflow.is-purchase-running .rt-home-commerceflow__status {
    animation: rt-home-commerce-status 1.8s ease both;
}

@keyframes rt-home-commerce-fly {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.76) rotate(-8deg);
    }

    18% {
        opacity: 1;
    }

    72% {
        opacity: 1;
        transform: translate3d(-24px, 152px, 0) scale(.82) rotate(8deg);
    }

    100% {
        opacity: 0;
        transform: translate3d(-14px, 176px, 0) scale(.34) rotate(14deg);
    }
}

@keyframes rt-home-commerce-button {
    0%, 100% {
        transform: scale(1);
    }

    35% {
        transform: scale(.95);
    }
}

@keyframes rt-home-commerce-pay {
    0% {
        opacity: .72;
        transform: translateY(12px) scale(.96);
    }

    55%, 100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes rt-home-commerce-step {
    to {
        width: 100%;
    }
}

@keyframes rt-home-commerce-status {
    0%, 54% {
        opacity: 0;
        transform: translateY(12px);
    }

    78%, 100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rt-home-commerce-badge-pop {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

/* Web development 2.0: pixels assemble into a responsive website. */
.rt-home .rt-home-digital-mockup--webdev-material-mockup {
    --rt-webbuild-device-w: 84%;
}

.rt-home .rt-home-webbuild {
    overflow: hidden;
}

.rt-home .rt-home-webbuild::before {
    content: "";
    position: absolute;
    inset: 9% 8% 9%;
    border-radius: 30px;
    background:
        radial-gradient(circle at 24% 30%, rgba(98, 85, 255, .16), transparent 24%),
        radial-gradient(circle at 78% 74%, rgba(97, 241, 109, .16), transparent 23%);
    opacity: .72;
}

.rt-home .rt-home-webbuild__tools {
    left: 8% !important;
    right: auto !important;
    top: 6% !important;
    z-index: 9;
    width: auto;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 12px 24px rgba(42, 48, 66, .08);
    backdrop-filter: blur(10px);
}

.rt-home .rt-home-webbuild__tools button {
    min-height: 28px !important;
    box-shadow: none !important;
}

.rt-home .rt-home-webbuild__pixels {
    position: absolute;
    inset: 13% 8% 18%;
    z-index: 1;
    pointer-events: none;
}

.rt-home .rt-home-webbuild__pixels i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    box-shadow: 0 0 0 7px rgba(98, 85, 255, .08);
    animation: rt-home-web-pixel 5.8s cubic-bezier(.16, .78, .2, 1) infinite;
}

.rt-home .rt-home-webbuild__pixels i:nth-child(1) { left: 8%; top: 18%; --tx: 106px; --ty: 48px; }
.rt-home .rt-home-webbuild__pixels i:nth-child(2) { left: 68%; top: 12%; --tx: -64px; --ty: 64px; animation-delay: .08s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(3) { left: 26%; top: 76%; --tx: 54px; --ty: -92px; animation-delay: .16s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(4) { left: 82%; top: 68%; --tx: -118px; --ty: -70px; animation-delay: .24s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(5) { left: 16%; top: 48%; --tx: 120px; --ty: -16px; animation-delay: .32s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(6) { left: 48%; top: 8%; --tx: -10px; --ty: 104px; animation-delay: .4s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(7) { left: 88%; top: 34%; --tx: -158px; --ty: 26px; animation-delay: .48s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(8) { left: 38%; top: 54%; --tx: 42px; --ty: 2px; animation-delay: .56s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(9) { left: 58%; top: 82%; --tx: -34px; --ty: -118px; animation-delay: .64s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(10) { left: 6%; top: 72%; --tx: 138px; --ty: -74px; animation-delay: .72s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(11) { left: 74%; top: 52%; --tx: -86px; --ty: -12px; animation-delay: .8s; }
.rt-home .rt-home-webbuild__pixels i:nth-child(12) { left: 31%; top: 24%; --tx: 54px; --ty: 36px; animation-delay: .88s; }

.rt-home .rt-home-webbuild__canvas {
    left: 8% !important;
    right: auto !important;
    top: 20% !important;
    bottom: auto !important;
    z-index: 3;
    width: var(--rt-webbuild-device-w) !important;
    height: 60% !important;
    overflow: hidden;
    border: 1px solid rgba(98, 85, 255, .12);
    border-radius: 28px !important;
    background:
        linear-gradient(rgba(98, 85, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(98, 85, 255, .055) 1px, transparent 1px),
        rgba(255, 255, 255, .82) !important;
    background-size: 28px 28px, 28px 28px, auto !important;
    box-shadow: 0 22px 38px rgba(42, 48, 66, .12);
    transform: translateZ(0);
    transition: width .52s cubic-bezier(.16, .78, .2, 1), left .52s cubic-bezier(.16, .78, .2, 1), border-radius .52s ease;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] {
    --rt-webbuild-device-w: 37%;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__canvas {
    left: 31% !important;
    border-radius: 34px !important;
}

.rt-home .rt-home-webbuild__canvas::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(120deg, transparent 0 36%, rgba(255, 255, 255, .68) 46%, transparent 58%);
    transform: translateX(-120%);
    animation: rt-home-web-scan 5.8s ease-in-out infinite;
}

.rt-home .rt-home-webbuild__gridmark {
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 999px;
    background: rgba(98, 85, 255, .18);
}

.rt-home .rt-home-webbuild__gridmark--one {
    left: 7%;
    right: 7%;
    top: 19%;
    height: 2px;
}

.rt-home .rt-home-webbuild__gridmark--two {
    left: 55%;
    top: 7%;
    bottom: 7%;
    width: 2px;
}

.rt-home .rt-home-webbuild__block {
    z-index: 2;
    background: #fff !important;
    box-shadow: 0 12px 22px rgba(42, 48, 66, .08);
    animation: rt-home-web-block-in 5.8s cubic-bezier(.16, .78, .2, 1) infinite !important;
}

.rt-home .rt-home-webbuild__block--nav {
    height: 9% !important;
}

.rt-home .rt-home-webbuild__block--hero {
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 76% 25%, rgba(255, 255, 255, .54), transparent 24%),
        linear-gradient(135deg, #6255ff, #61f16d) !important;
}

.rt-home .rt-home-webbuild__block--cta {
    background: var(--rt-mock-purple) !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--hero {
    top: 24% !important;
    height: 18% !important;
}

.rt-home .rt-home-webbuild__badges {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 8%;
    z-index: 6;
    display: flex;
    gap: 8px;
}

.rt-home .rt-home-webbuild__badges span {
    min-height: 30px;
    padding: 0 12px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--rt-mock-purple);
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 12px 22px rgba(42, 48, 66, .08);
    opacity: 0;
    transform: translateY(8px);
    animation: rt-home-web-badge 5.8s ease-in-out infinite;
}

.rt-home .rt-home-webbuild__badges span:nth-child(2) {
    animation-delay: .14s;
}

.rt-home .rt-home-webbuild__badges span:nth-child(3) {
    animation-delay: .28s;
}

@keyframes rt-home-web-pixel {
    0%, 100% {
        opacity: .34;
        transform: translate3d(0, 0, 0) scale(.82);
    }

    36%, 64% {
        opacity: 1;
        transform: translate3d(var(--tx), var(--ty), 0) scale(1);
    }

    78% {
        opacity: 0;
        transform: translate3d(var(--tx), var(--ty), 0) scale(.38);
    }
}

@keyframes rt-home-web-block-in {
    0%, 20%, 100% {
        opacity: .35;
        transform: translateY(9px) scale(.97);
    }

    42%, 80% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes rt-home-web-scan {
    0%, 22%, 100% {
        transform: translateX(-120%);
    }

    52%, 76% {
        transform: translateX(120%);
    }
}

@keyframes rt-home-web-badge {
    0%, 48%, 100% {
        opacity: 0;
        transform: translateY(8px);
    }

    64%, 84% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Web development 3.0: PHP code compiles into the website preview. */
.rt-home .rt-home-webbuild::before {
    inset: 8% 6% 8% !important;
    background:
        radial-gradient(circle at 20% 30%, rgba(98, 85, 255, .12), transparent 25%),
        radial-gradient(circle at 72% 72%, rgba(97, 241, 109, .12), transparent 24%) !important;
}

.rt-home .rt-home-webbuild__code {
    position: absolute;
    left: 8%;
    top: 20%;
    z-index: 6;
    display: grid;
    gap: 7px;
    width: 31%;
    padding: 15px 14px;
    border: 1px solid rgba(98, 85, 255, .12);
    border-radius: 22px;
    background: rgba(21, 21, 28, .92);
    color: #fff;
    box-shadow: 0 18px 34px rgba(21, 21, 28, .18);
    transform: translateZ(0);
}

.rt-home .rt-home-webbuild__code::before {
    content: "";
    display: block;
    width: 42px;
    height: 7px;
    margin-bottom: 5px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff7b8a 0 24%, transparent 24% 38%, #fbbc05 38% 62%, transparent 62% 76%, #61f16d 76%);
    opacity: .9;
}

.rt-home .rt-home-webbuild__code span {
    display: block;
    width: max-content;
    max-width: 100%;
    min-height: 10px;
    overflow: hidden;
    color: rgba(255, 255, 255, .86);
    font-family: Consolas, Monaco, monospace;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
    animation: rt-home-web-code-line 5.8s steps(18, end) infinite;
}

.rt-home .rt-home-webbuild__code span:nth-child(2) {
    color: #9cc4ff;
    animation-delay: .12s;
}

.rt-home .rt-home-webbuild__code span:nth-child(3) {
    color: #61f16d;
    animation-delay: .24s;
}

.rt-home .rt-home-webbuild__code span:nth-child(4) {
    color: #fbbc05;
    animation-delay: .36s;
}

.rt-home .rt-home-webbuild__inject {
    position: absolute;
    left: 38%;
    top: 43%;
    z-index: 5;
    width: 24%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rt-mock-purple), rgba(98, 85, 255, 0));
    transform-origin: left center;
    animation: rt-home-web-inject 5.8s cubic-bezier(.16, .78, .2, 1) infinite;
}

.rt-home .rt-home-webbuild__inject::after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    width: 11px;
    height: 11px;
    border-radius: 999px;
    background: var(--rt-mock-purple);
    box-shadow: 0 0 0 8px rgba(98, 85, 255, .12);
    transform: translateY(-50%);
}

.rt-home .rt-home-webbuild__pixels {
    inset: 14% 6% 18% !important;
    opacity: .8;
}

.rt-home .rt-home-webbuild__pixels i {
    width: 5px !important;
    height: 5px !important;
    animation-name: rt-home-web-code-pixel !important;
}

.rt-home .rt-home-webbuild__canvas {
    left: 46% !important;
    top: 19% !important;
    width: 46% !important;
    height: 62% !important;
    border-radius: 26px !important;
    background:
        linear-gradient(rgba(98, 85, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(98, 85, 255, .045) 1px, transparent 1px),
        rgba(255, 255, 255, .9) !important;
    background-size: 24px 24px, 24px 24px, auto !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__canvas {
    left: 57% !important;
    width: 25% !important;
    height: 64% !important;
    border-radius: 34px !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__code {
    transform: translateX(-4px) scale(.96);
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__inject {
    left: 38%;
    width: 28%;
}

.rt-home .rt-home-webbuild__gridmark--one {
    top: 18% !important;
}

.rt-home .rt-home-webbuild__gridmark--two {
    left: 58% !important;
}

.rt-home .rt-home-webbuild__block--nav {
    left: 8% !important;
    right: 8% !important;
    top: 8% !important;
}

.rt-home .rt-home-webbuild__block--hero {
    left: 8% !important;
    top: 24% !important;
    width: 50% !important;
    height: 25% !important;
}

.rt-home .rt-home-webbuild__block--copy {
    left: 64% !important;
    right: 8% !important;
    top: 28% !important;
    width: auto !important;
}

.rt-home .rt-home-webbuild__block--cta {
    left: 64% !important;
    right: 17% !important;
    top: 42% !important;
    width: auto !important;
}

.rt-home .rt-home-webbuild__block--card-one,
.rt-home .rt-home-webbuild__block--card-two,
.rt-home .rt-home-webbuild__block--card-three {
    bottom: 9% !important;
    height: 24% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--nav {
    left: 14% !important;
    right: 14% !important;
    height: 7% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--hero {
    left: 14% !important;
    width: 72% !important;
    top: 22% !important;
    height: 20% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--copy {
    left: 14% !important;
    right: 14% !important;
    top: 48% !important;
    height: 6% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--cta {
    left: 24% !important;
    right: 24% !important;
    top: 59% !important;
    height: 8% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-one,
.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-two {
    left: 14% !important;
    right: 14% !important;
    width: auto !important;
    height: 8% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-one {
    bottom: 17% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-two {
    bottom: 7% !important;
}

.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__block--card-three,
.rt-home .rt-home-digital-mockup[data-rt-active="1"] .rt-home-webbuild__gridmark--two {
    opacity: 0 !important;
}

.rt-home .rt-home-webbuild__badges {
    left: 8% !important;
    right: auto !important;
    bottom: 8% !important;
    width: 52%;
}

@keyframes rt-home-web-code-line {
    0%, 16%, 100% {
        max-width: 0;
        opacity: .35;
    }

    34%, 78% {
        max-width: 150px;
        opacity: 1;
    }
}

@keyframes rt-home-web-inject {
    0%, 18%, 100% {
        opacity: 0;
        transform: scaleX(.12);
    }

    38%, 74% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes rt-home-web-code-pixel {
    0%, 100% {
        opacity: .18;
        transform: translate3d(0, 0, 0) scale(.7);
    }

    34%, 68% {
        opacity: .86;
        transform: translate3d(var(--tx), var(--ty), 0) scale(1);
    }

    82% {
        opacity: 0;
        transform: translate3d(var(--tx), var(--ty), 0) scale(.3);
    }
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo img {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__note {
    opacity: 0 !important;
    transform: translateY(8px);
}

@keyframes rt-home-brand-piece-drop {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.82);
    }

    18% {
        opacity: 0;
        transform: translate3d(160px, -58px, 0) scale(.82);
    }

    30% {
        opacity: 1;
        transform: translate3d(160px, -58px, 0) scale(1);
    }

    74% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    86% {
        opacity: .9;
        transform: translate3d(0, 0, 0) scale(.88);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.35);
    }
}

@keyframes rt-home-brand-cursor-drop {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    18% {
        transform: translate3d(162px, -60px, 0) rotate(-8deg);
    }

    30% {
        transform: translate3d(162px, -60px, 0) rotate(-8deg) scale(.92);
    }

    74% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(.92);
    }

    86% {
        transform: translate3d(3px, 4px, 0) rotate(0deg) scale(.86);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
}

@keyframes rt-home-brand-queue-breathe {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.025);
    }
}

@keyframes rt-home-brand-board-absorb {
    0%, 68% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.55);
    }

    78% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.28);
    }
}

@keyframes rt-home-brand-logo-absorb {
    0%, 70%, 100% {
        scale: 1;
    }

    82% {
        scale: 1.045;
    }
}

/* Rebranding drag interaction: queue pieces, not clickable buttons. */
.rt-home .rt-home-brandlab__palette {
    display: grid !important;
    align-content: start;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece {
    position: relative;
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    max-height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(23, 27, 38, .06);
    border-radius: 16px;
    background: #fff;
    color: rgba(23, 27, 38, .72);
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 8px 16px rgba(42, 48, 66, .06);
    cursor: grab;
    user-select: none;
    touch-action: none;
    transform: translate3d(var(--rt-brand-drag-x, 0), var(--rt-brand-drag-y, 0), 0);
    transition:
        opacity .34s ease,
        transform .24s ease,
        max-height .34s ease,
        min-height .34s ease,
        margin .34s ease,
        padding .34s ease,
        border-width .34s ease;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece i {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #eef1f7;
    color: rgba(23, 27, 38, .48);
    font-size: 8px;
    font-style: normal;
    font-weight: 950;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece b {
    font-size: 9px;
    font-weight: 950;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece.is-active {
    background: #15151c;
    color: #fff;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece.is-active i {
    background: var(--rt-mock-purple);
    color: #fff;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece.is-dragging {
    z-index: 20;
    cursor: grabbing;
    box-shadow: 0 18px 30px rgba(42, 48, 66, .18);
    transition: none;
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece.is-complete {
    min-height: 0;
    max-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translate3d(-14px, 0, 0) scale(.94);
}

.rt-home .rt-home-brandlab__palette .rt-home-brandlab__piece:not(.is-complete):not(.is-active):not(.is-dragging) {
    animation: rt-home-brand-queue-breathe 2.8s ease-in-out infinite;
}

.rt-home .rt-home-brandlab__palette button {
    display: none !important;
}

.rt-home .rt-home-digital-mockup.is-brand-dropping .rt-home-brandlab__board::after {
    background:
        radial-gradient(circle, rgba(98, 85, 255, .2) 0 24%, rgba(98, 85, 255, .08) 25% 52%, transparent 53%);
    width: 150px;
    height: 90px;
}

/* Rebranding: clearer name/font/color stages and in-board cursor control. */
.rt-home .rt-home-digital-mockup.is-brand-user-cursor .rt-home-brandlab,
.rt-home .rt-home-digital-mockup.is-brand-user-cursor .rt-home-brandlab * {
    cursor: none !important;
}

.rt-home .rt-home-digital-mockup.is-brand-user-cursor .rt-home-brandlab__cursor {
    left: var(--rt-brand-user-x, 50%) !important;
    top: var(--rt-brand-user-y, 50%) !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 0 !important;
    clip-path: polygon(0 0, 0 100%, 37% 73%, 55% 100%, 72% 91%, 55% 64%, 100% 64%) !important;
    animation: none !important;
    transform: translate3d(0, 0, 0) !important;
}

.rt-home .rt-home-digital-mockup.is-brand-user-cursor .rt-home-brandlab__cursor::before {
    content: none !important;
}

.rt-home .rt-home-digital-mockup.is-brand-user-cursor.is-brand-dropping .rt-home-brandlab__dragghost,
.rt-home .rt-home-digital-mockup.is-brand-user-cursor.is-brand-dropping .rt-home-brandlab__board::after,
.rt-home .rt-home-digital-mockup.is-brand-user-cursor.is-brand-dropping .rt-home-brandlab__logo {
    animation-play-state: paused !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__logo strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="1"] .rt-home-brandlab__logo em {
    opacity: 0 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    opacity: 0 !important;
    visibility: hidden !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo strong {
    opacity: 1 !important;
    color: #c7ced9 !important;
    font-family: Arial, sans-serif !important;
    font-weight: 650 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="2"] .rt-home-brandlab__logo em {
    opacity: 0 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo .rt-home-brandlab__glyph {
    opacity: 1 !important;
    visibility: visible !important;
    color: #9da6b4 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo strong {
    opacity: 1 !important;
    color: #9da6b4 !important;
    font-family: Stem, Arial, sans-serif !important;
    font-weight: 950 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="3"] .rt-home-brandlab__logo em {
    opacity: 1 !important;
    color: #9da6b4 !important;
}

.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo .rt-home-brandlab__glyph,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo strong,
.rt-home .rt-home-digital-mockup[data-rt-brand-state="4"] .rt-home-brandlab__logo em {
    opacity: 0 !important;
}