@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;
}

@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;
}

body.page-template-page-seo-agency-napoli .site-main,
body.page-template-page-consulente-seo-napoli .site-main,
body.page-template-page-analisi-sito-web .site-main,
body.page-template-page-service .site-main,
body.page-id-938 .site-main,
body.page-id-1132 .site-main,
body.page-id-1126 .site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rt-service-hero,
.rt-service-intro,
.rt-service-clients,
.rt-service-cards,
.rt-service-content-sections,
.rt-service-extra,
.rt-service-proof,
.rt-service-full-content,
.rt-service-seo-roadmap,
.rt-service-seo-why,
.rt-service-consultant-lab,
.rt-service-consultant-benefits,
.rt-service-consultant-proof,
.rt-service-marketing-system,
.rt-service-marketing-suite,
.rt-service-marketing-flow,
.rt-service-webcraft,
.rt-service-web-types,
.rt-service-commerce-lab,
.rt-service-commerce-stack,
.rt-service-mini-commerce,
.rt-service-mini-commerce-fit,
.rt-service-custom-lab,
.rt-service-custom-architecture,
.rt-service-dynamic-lab,
.rt-service-dynamic-modules,
.rt-service-wordpress-lab,
.rt-service-wordpress-solutions,
.rt-service-portal-lab,
.rt-service-portal-formats,
.rt-service-realestate-start,
.rt-service-tourism-offer,
.rt-service-tourism-start,
.rt-service-architect-benefits,
.rt-service-lawyer-benefits,
.rt-service-company-services,
.rt-service-bb-packages,
.rt-service-clinic-insights,
.rt-service-photo-inspiration,
.rt-service-photo-platforms,
.rt-service-photo-seo,
.rt-service-photo-seo-benefits,
.rt-service-geometri-sections,
.rt-service-geometri-examples,
.rt-service-geometri-process,
.rt-service-hotel-sections,
.rt-service-medici-sections,
.rt-service-palestre-growth,
.rt-service-professionali-benefits,
.rt-service-professionali-local,
.rt-service-psicologi-why,
.rt-service-psicologi-essentials,
.rt-service-psicologi-performance,
.rt-service-psicologi-integrations,
.rt-service-ristoranti-invest,
.rt-service-ristoranti-features,
.rt-service-ristoranti-wordpress,
.rt-service-ristoranti-packages,
.rt-service-webagency-why,
.rt-service-webagency-offer,
.rt-service-webagency-process,
.rt-service-webagency-seo,
.rt-service-graphic-lab,
.rt-service-graphic-process,
.rt-service-ads-lab,
.rt-service-ads-checks,
.rt-service-social-studio,
.rt-service-social-plan,
.rt-service-brand-room,
.rt-service-brand-process,
.rt-service-logo-lab,
.rt-service-logo-rules,
.rt-service-site-refresh,
.rt-service-site-checklist,
.rt-service-audit-map,
.rt-service-audit-console,
.rt-service-audit-outcomes,
.rt-service-tools,
.rt-service-projects,
.rt-service-cta,
.rt-service-faq {
    --rt-service-max: var(--rt-layout-padded, 1600px);
    --rt-service-gutter: var(--rt-layout-gutter, 72px);
    --rt-service-blue: #6255ff;
    --rt-service-ink: #1e1e22;
    --rt-service-muted: #555761;
    box-sizing: border-box;
    color: var(--rt-service-ink);
    font-family: "Satoshi", Raleway, Arial, sans-serif;
}

.rt-service-hero *,
.rt-service-intro *,
.rt-service-clients *,
.rt-service-cards *,
.rt-service-content-sections *,
.rt-service-extra *,
.rt-service-proof *,
.rt-service-full-content *,
.rt-service-seo-roadmap *,
.rt-service-seo-why *,
.rt-service-consultant-lab *,
.rt-service-consultant-benefits *,
.rt-service-consultant-proof *,
.rt-service-marketing-system *,
.rt-service-marketing-suite *,
.rt-service-marketing-flow *,
.rt-service-webcraft *,
.rt-service-web-types *,
.rt-service-commerce-lab *,
.rt-service-commerce-stack *,
.rt-service-mini-commerce *,
.rt-service-mini-commerce-fit *,
.rt-service-custom-lab *,
.rt-service-custom-architecture *,
.rt-service-dynamic-lab *,
.rt-service-dynamic-modules *,
.rt-service-wordpress-lab *,
.rt-service-wordpress-solutions *,
.rt-service-portal-lab *,
.rt-service-portal-formats *,
.rt-service-realestate-start *,
.rt-service-tourism-offer *,
.rt-service-tourism-start *,
.rt-service-architect-benefits *,
.rt-service-lawyer-benefits *,
.rt-service-company-services *,
.rt-service-bb-packages *,
.rt-service-clinic-insights *,
.rt-service-photo-inspiration *,
.rt-service-photo-platforms *,
.rt-service-photo-seo *,
.rt-service-photo-seo-benefits *,
.rt-service-geometri-sections *,
.rt-service-geometri-examples *,
.rt-service-geometri-process *,
.rt-service-hotel-sections *,
.rt-service-medici-sections *,
.rt-service-palestre-growth *,
.rt-service-professionali-benefits *,
.rt-service-professionali-local *,
.rt-service-psicologi-why *,
.rt-service-psicologi-essentials *,
.rt-service-psicologi-performance *,
.rt-service-psicologi-integrations *,
.rt-service-ristoranti-invest *,
.rt-service-ristoranti-features *,
.rt-service-ristoranti-wordpress *,
.rt-service-ristoranti-packages *,
.rt-service-webagency-why *,
.rt-service-webagency-offer *,
.rt-service-webagency-process *,
.rt-service-webagency-seo *,
.rt-service-graphic-lab *,
.rt-service-graphic-process *,
.rt-service-ads-lab *,
.rt-service-ads-checks *,
.rt-service-social-studio *,
.rt-service-social-plan *,
.rt-service-brand-room *,
.rt-service-brand-process *,
.rt-service-logo-lab *,
.rt-service-logo-rules *,
.rt-service-site-refresh *,
.rt-service-site-checklist *,
.rt-service-audit-map *,
.rt-service-audit-console *,
.rt-service-audit-outcomes *,
.rt-service-tools *,
.rt-service-projects *,
.rt-service-cta *,
.rt-service-faq * {
    box-sizing: border-box;
}

.rt-service-hero {
    min-height: clamp(560px, 58vw, 820px);
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    text-align: center;
    background:
        linear-gradient(rgba(22, 22, 30, .54), rgba(22, 22, 30, .68)),
        var(--rt-service-hero-image) center / cover no-repeat;
}

.rt-service-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(ellipse at 50% 24%, rgba(148, 140, 255, .42), rgba(98, 85, 255, .2) 34%, transparent 72%),
        linear-gradient(115deg, rgba(98, 85, 255, .2), transparent 48%),
        linear-gradient(245deg, rgba(98, 85, 255, .18), transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 46%, rgba(0, 0, 0, .24));
    pointer-events: none;
}

.rt-service-hero__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(86px, 8vw, 150px) var(--rt-service-gutter);
}

.rt-service-hero p {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(14px, 1.05vw, 18px);
    font-weight: 850;
    letter-spacing: .22em;
    text-transform: uppercase;
    animation: rtServiceFadeUp .8s cubic-bezier(.2, .8, .2, 1) both .1s;
}

.rt-service-hero h1 {
    max-width: var(--rt-layout-content, 1456px);
    margin: 0 auto;
    color: #f8f8ff;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(62px, 9.7vw, 168px);
    font-weight: 500;
    line-height: .84;
    text-transform: none;
    animation: rtServiceTitleRise 1s cubic-bezier(.16, .9, .24, 1) both .18s;
}

.rt-service-hero__title-main {
    text-transform: uppercase;
}

.rt-service-hero__title-rest {
    display: block;
    max-width: 980px;
    margin: clamp(14px, 1.4vw, 26px) auto 0;
    font-family: "Satoshi", Raleway, Arial, sans-serif;
    font-size: clamp(31px, 3vw, 58px);
    font-weight: 700;
    line-height: 1.04;
    text-transform: none;
}

.rt-service-hero__copy {
    max-width: 980px;
    margin: 28px auto 0;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(18px, 1.35vw, 27px);
    line-height: 1.42;
    animation: rtServiceFadeUp .9s cubic-bezier(.2, .8, .2, 1) both .32s;
}

.rt-service-hero__badges,
.rt-service-hero__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.rt-service-hero__badges {
    gap: 10px;
    margin-top: 28px;
    animation: rtServiceFadeUp .9s cubic-bezier(.2, .8, .2, 1) both .46s;
}

.rt-service-hero__badges span {
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.rt-service-hero__actions {
    gap: 16px;
    margin-top: 38px;
    animation: rtServiceFadeUp .9s cubic-bezier(.2, .8, .2, 1) both .58s;
}

.rt-service-hero__actions a,
.rt-service-cta a {
    min-width: 190px;
    padding: 18px 30px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 999px;
    color: #fff;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}

.rt-service-hero__actions a:hover,
.rt-service-hero__actions a:focus-visible,
.rt-service-cta a:hover,
.rt-service-cta a:focus-visible {
    background: #fff;
    border-color: #fff;
    color: var(--rt-service-blue);
    transform: translateY(-2px);
}

.rt-service-hero__actions a:first-child {
    background: var(--rt-service-blue);
    border-color: var(--rt-service-blue);
    color: #fff;
    box-shadow: 0 18px 42px rgba(98, 85, 255, .28);
}

.rt-service-hero__actions a:last-child {
    background: #fff;
    border-color: #fff;
    color: var(--rt-service-blue);
    box-shadow: 0 18px 42px rgba(255, 255, 255, .18);
}

.rt-service-hero__actions a:first-child:hover,
.rt-service-hero__actions a:first-child:focus-visible {
    background: #fff;
    border-color: #fff;
    color: var(--rt-service-blue);
    box-shadow: 0 20px 48px rgba(255, 255, 255, .22);
}

.rt-service-hero__actions a:last-child:hover,
.rt-service-hero__actions a:last-child:focus-visible {
    background: var(--rt-service-blue);
    border-color: var(--rt-service-blue);
    color: #fff;
    box-shadow: 0 20px 48px rgba(98, 85, 255, .32);
}

.rt-service-intro,
.rt-service-proof,
.rt-service-cta,
.rt-service-faq {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(74px, 7vw, 130px) var(--rt-service-gutter);
}

.rt-service-intro {
    display: grid;
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
    gap: clamp(44px, 4.6vw, 88px);
    align-items: center;
    background: #fff;
}

.rt-service-intro__media {
    min-height: clamp(360px, 24vw, 462px);
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    background: #dfe9fb;
    transform: translateZ(0);
}

.rt-service-intro__media iframe,
.rt-service-intro__media video,
.rt-service-intro__media img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    border: 0;
    object-fit: cover;
}

.rt-service-intro__media iframe {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 112%;
    height: 112%;
    min-width: 100%;
    min-height: 100%;
    transform: translate3d(-50%, -50%, 0) scale(1.04);
    transform-origin: center;
}

.rt-service-intro__copy {
    max-width: 830px;
}

.rt-service-intro__copy p,
.rt-service-proof__copy p,
.rt-service-section-head p,
.rt-service-faq__head p {
    margin: 0 0 12px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.rt-service-intro h2,
.rt-service-proof h2,
.rt-service-section-head h2,
.rt-service-cta h2,
.rt-service-faq h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(42px, 5.1vw, 96px);
    font-weight: 500;
    line-height: .94;
}

.rt-service-intro h2 {
    font-size: clamp(46px, 4.45vw, 86px);
    line-height: .96;
    text-transform: none;
}

.rt-service-intro__text p {
    margin: 0 0 24px;
    color: #2d2f37;
    font-size: clamp(18px, 1.26vw, 26px);
    line-height: 1.42;
    text-transform: none;
}

.rt-service-intro__text,
.rt-service-intro__text * {
    text-transform: none !important;
}

.rt-service-intro__text p:last-child {
    margin-bottom: 0;
}

.rt-service-intro__text ul,
.rt-service-intro__text ol {
    margin: 22px 0 0 1.25em;
    padding: 0;
    color: #2d2f37;
    font-size: clamp(18px, 1.18vw, 25px);
    line-height: 1.36;
}

.rt-service-intro__text li {
    margin: 0 0 22px;
    padding-left: .2em;
}

.rt-service-intro__text strong,
.rt-service-intro__text b {
    color: #25262b;
    font-weight: 850;
}

.rt-service-intro__text a {
    color: var(--rt-service-blue);
    font-weight: 850;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.rt-service-intro__text p + p {
    margin-top: 0;
}

.rt-service-clients,
.rt-service-cards,
.rt-service-content-sections,
.rt-service-extra,
.rt-service-full-content,
.rt-service-seo-roadmap,
.rt-service-seo-why,
.rt-service-tools,
.rt-service-reviews,
.rt-service-projects {
    padding: clamp(76px, 7vw, 132px) 0;
    overflow: hidden;
    background: #fff;
}

.rt-service-clients,
.rt-service-full-content,
.rt-service-tools__grid {
    background: #f8f8f8;
}

.rt-service-section-head {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto clamp(34px, 4vw, 64px);
    padding-inline: var(--rt-service-gutter);
    text-align: center;
}

.rt-service-section-head span {
    display: block;
    max-width: 680px;
    margin: 16px auto 0;
    color: var(--rt-service-muted);
    font-size: clamp(17px, 1.15vw, 22px);
    line-height: 1.45;
}

.rt-service-card-grid,
.rt-service-content-list,
.rt-service-audience-grid,
.rt-service-extra-cards,
.rt-service-tools__grid {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
}

.rt-service-card-grid,
.rt-service-tools__grid {
    display: grid;
    gap: clamp(18px, 2vw, 32px);
}

.rt-service-card-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: stretch;
}

.rt-service-extra {
    padding: clamp(72px, 7vw, 128px) 0;
}

.rt-service-extra:nth-of-type(even) {
    background: linear-gradient(115deg, #f8f8ff 0%, #fff 58%, #f6f5ff 100%);
}

.rt-service-extra--audience {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 16%, rgba(98, 85, 255, .18), transparent 32%),
        linear-gradient(135deg, #111218 0%, #1e1f31 46%, #6255ff 130%) !important;
    color: #fff;
}

.rt-service-extra--audience::before {
    content: "";
    position: absolute;
    right: -12%;
    top: -18%;
    width: min(52vw, 780px);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    pointer-events: none;
}

.rt-service-extra--audience .rt-service-extra__head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr);
    gap: clamp(24px, 5vw, 92px);
    align-items: end;
}

.rt-service-extra--audience .rt-service-extra__head p,
.rt-service-extra--audience .rt-service-extra__head h2,
.rt-service-extra--audience .rt-service-extra__head span {
    color: #fff;
}

.rt-service-extra--audience .rt-service-extra__head span {
    max-width: 720px;
    margin-top: 0;
    color: rgba(255, 255, 255, .72);
}

.rt-service-extra__head {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto clamp(34px, 4vw, 64px);
    padding-inline: var(--rt-service-gutter);
}

.rt-service-extra__head p {
    margin: 0 0 12px;
    color: var(--rt-service-blue);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-extra__head h2 {
    max-width: 1120px;
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.2vw, 108px);
    font-weight: 500;
    line-height: .95;
}

.rt-service-extra__head span {
    display: block;
    max-width: 920px;
    margin-top: clamp(18px, 2vw, 34px);
    color: #3f414a;
    font-size: clamp(18px, 1.35vw, 27px);
    line-height: 1.45;
}

.rt-service-audience-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 22px);
    position: relative;
    z-index: 1;
    counter-reset: rtAudience;
}

.rt-service-audience-grid span,
.rt-service-audience-grid a {
    counter-increment: rtAudience;
    min-height: clamp(88px, 6.4vw, 126px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    grid-column: span 3;
    padding: clamp(18px, 1.75vw, 30px);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 26px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: clamp(18px, 1.15vw, 23px);
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
    backdrop-filter: blur(16px);
    box-shadow: none;
    transition: transform .24s ease, border-color .24s ease, background .24s ease, color .24s ease;
}

.rt-service-audience-grid span:nth-child(1),
.rt-service-audience-grid a:nth-child(1),
.rt-service-audience-grid span:nth-child(6),
.rt-service-audience-grid a:nth-child(6),
.rt-service-audience-grid span:nth-child(12),
.rt-service-audience-grid a:nth-child(12) {
    grid-column: span 4;
}

.rt-service-audience-grid span:nth-child(4),
.rt-service-audience-grid a:nth-child(4),
.rt-service-audience-grid span:nth-child(10),
.rt-service-audience-grid a:nth-child(10),
.rt-service-audience-grid span:nth-child(16),
.rt-service-audience-grid a:nth-child(16) {
    grid-column: span 2;
}

.rt-service-audience-grid span::before,
.rt-service-audience-grid a::before {
    content: counter(rtAudience, decimal-leading-zero);
    align-self: flex-start;
    color: rgba(255, 255, 255, .44);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
}

.rt-service-audience-grid span::after,
.rt-service-audience-grid a::after {
    content: "→";
    position: absolute;
    right: 22px;
    bottom: 18px;
    color: rgba(255, 255, 255, .54);
    font-size: 22px;
    transition: transform .24s ease, color .24s ease;
}

.rt-service-audience-grid a:hover,
.rt-service-audience-grid a:focus-visible {
    transform: translateY(-6px);
    border-color: rgba(255, 255, 255, .5);
    background: rgba(98, 85, 255, .9);
    color: #fff;
}

.rt-service-audience-grid a:hover::after,
.rt-service-audience-grid a:focus-visible::after {
    color: #fff;
    transform: translateX(5px);
}

.rt-service-extra-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 32px);
}

.rt-service-extra-cards article {
    min-height: 100%;
    padding: clamp(24px, 2.4vw, 44px);
    border: 1px solid rgba(28, 28, 35, .09);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 22px 64px rgba(24, 25, 34, .07);
    position: relative;
    overflow: hidden;
}

.rt-service-extra-cards article > span {
    display: inline-block;
    width: 38px;
    height: 6px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: var(--rt-service-blue);
    opacity: .86;
}

.rt-service-extra-cards h3 {
    margin: 0 0 14px;
    color: #17181f;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(28px, 2.1vw, 44px);
    font-weight: 500;
    line-height: 1;
}

.rt-service-extra-cards h3 a {
    color: inherit;
    text-decoration: none;
    transition: color .18s ease;
}

.rt-service-extra-cards h3 a:hover,
.rt-service-extra-cards h3 a:focus-visible {
    color: var(--rt-service-blue);
}

.rt-service-extra-cards p {
    margin: 0;
    color: #3c3e47;
    font-size: clamp(17px, 1.12vw, 22px);
    line-height: 1.52;
}

.rt-service-extra--why {
    padding-block: clamp(78px, 8vw, 150px);
    background:
        linear-gradient(135deg, rgba(98, 85, 255, .08), rgba(255, 255, 255, 0) 38%),
        #fff;
}

.rt-service-why__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
    gap: clamp(42px, 6vw, 118px);
    align-items: start;
}

.rt-service-why__head {
    position: sticky;
    top: 118px;
}

.rt-service-why__head p,
.rt-service-details__intro p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(12px, .86vw, 15px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-why__head h2,
.rt-service-details__intro h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(46px, 4.6vw, 98px);
    font-weight: 500;
    line-height: .94;
    letter-spacing: 0;
}

.rt-service-why__head span,
.rt-service-details__intro span {
    display: block;
    max-width: 670px;
    margin-top: 24px;
    color: #555761;
    font-size: clamp(18px, 1.18vw, 24px);
    line-height: 1.5;
}

.rt-service-why__flow {
    display: grid;
    gap: clamp(18px, 1.5vw, 28px);
    counter-reset: rtWhy;
}

.rt-service-why__flow article {
    counter-increment: rtWhy;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(18px, 1.8vw, 34px);
    align-items: start;
    position: relative;
    padding: clamp(24px, 2.4vw, 42px);
    border: 1px solid rgba(32, 32, 38, .09);
    border-radius: 30px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 22px 70px rgba(28, 28, 44, .06);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.rt-service-why__flow article::after {
    content: counter(rtWhy);
    position: absolute;
    right: clamp(22px, 2vw, 38px);
    top: clamp(18px, 1.7vw, 30px);
    color: rgba(98, 85, 255, .07);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(58px, 5vw, 108px);
    line-height: .8;
    pointer-events: none;
}

.rt-service-why__flow article:hover {
    transform: translateY(-6px);
    border-color: rgba(98, 85, 255, .22);
    box-shadow: 0 28px 86px rgba(98, 85, 255, .12);
}

.rt-service-why__flow i {
    width: clamp(46px, 3.6vw, 70px);
    height: clamp(46px, 3.6vw, 70px);
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #6255ff;
    box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .18);
}

.rt-service-why__flow i::before {
    content: "";
    width: 38%;
    height: 38%;
    border-radius: 999px;
    background: #fff;
}

.rt-service-why__flow h3,
.rt-service-detail-stack h3 {
    margin: 0;
    color: #18191e;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

.rt-service-why__flow h3 {
    max-width: 760px;
    font-size: clamp(30px, 2.5vw, 54px);
    line-height: 1;
}

.rt-service-why__flow p {
    max-width: 980px;
    margin: 16px 0 0;
    color: #393b44;
    font-size: clamp(17px, 1.1vw, 22px);
    line-height: 1.6;
}

.rt-service-extra--details {
    padding-block: clamp(76px, 8vw, 150px);
    background: #f7f7ff;
}

.rt-service-details__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: clamp(42px, 6vw, 120px);
    align-items: start;
}

.rt-service-details__intro {
    position: sticky;
    top: 118px;
}

.rt-service-detail-stack {
    display: grid;
    border-top: 1px solid rgba(32, 32, 38, .14);
}

.rt-service-detail-stack article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: clamp(24px, 2.4vw, 42px) 0;
    border-bottom: 1px solid rgba(32, 32, 38, .14);
    transition: padding-inline .22s ease, background .22s ease;
}

.rt-service-detail-stack article:hover {
    padding-inline: clamp(16px, 1.5vw, 28px);
    background: rgba(255, 255, 255, .72);
}

.rt-service-detail-stack h3 {
    font-size: clamp(28px, 2.4vw, 52px);
    line-height: 1;
}

.rt-service-detail-stack h3 a {
    color: inherit;
    text-decoration: none;
}

.rt-service-detail-stack h3 a:hover,
.rt-service-detail-stack h3 a:focus-visible {
    color: var(--rt-service-blue);
}

.rt-service-detail-stack p {
    max-width: 1040px;
    margin: 14px 0 0;
    color: #41434c;
    font-size: clamp(17px, 1.08vw, 22px);
    line-height: 1.6;
}

.rt-service-detail-stack__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 18px;
    border: 1px solid rgba(32, 32, 38, .18);
    border-radius: 999px;
    color: #202025;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.rt-service-detail-stack__link:hover,
.rt-service-detail-stack__link:focus-visible {
    border-color: var(--rt-service-blue);
    background: var(--rt-service-blue);
    color: #fff;
}

.rt-service-seo-roadmap {
    padding: clamp(82px, 8vw, 156px) 0;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 18%, rgba(98, 85, 255, .18), transparent 30%),
        linear-gradient(135deg, #f7f7ff 0%, #fff 45%, #eef0ff 100%);
}

.rt-service-seo-roadmap::before {
    content: "";
    position: absolute;
    inset: 9% -8% auto auto;
    width: min(44vw, 720px);
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid rgba(98, 85, 255, .16);
    opacity: .8;
    pointer-events: none;
    animation: rtServiceOrbit 16s linear infinite;
}

.rt-service-seo-roadmap__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: minmax(290px, .46fr) minmax(0, 1.54fr);
    gap: clamp(30px, 4vw, 78px);
    align-items: start;
}

.rt-service-seo-roadmap__intro {
    position: sticky;
    top: 118px;
    z-index: 2;
    grid-column: 1;
}

.rt-service-seo-roadmap__intro p,
.rt-service-seo-why__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(12px, .86vw, 15px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-seo-roadmap__intro h2,
.rt-service-seo-why__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.2vw, 86px);
    font-weight: 500;
    line-height: .94;
    letter-spacing: 0;
}

.rt-service-seo-roadmap__intro span,
.rt-service-seo-why__head span {
    display: block;
    max-width: 560px;
    margin-top: 24px;
    color: #555761;
    font-size: clamp(18px, 1.2vw, 24px);
    line-height: 1.5;
}

.rt-service-seo-roadmap__stage {
    min-height: clamp(190px, 18vw, 310px);
    position: sticky;
    top: 430px;
    display: grid;
    place-items: center;
    isolation: isolate;
    grid-column: 1;
    margin-top: clamp(30px, 4vw, 70px);
}

.rt-service-seo-roadmap__stage span {
    width: clamp(150px, 13vw, 250px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #6255ff;
    color: #fff;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.9vw, 96px);
    font-weight: 500;
    line-height: 1;
    box-shadow: 0 34px 90px rgba(98, 85, 255, .26);
    animation: rtServicePulse 4.8s ease-in-out infinite;
}

.rt-service-seo-roadmap__stage i,
.rt-service-seo-roadmap__stage b {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    pointer-events: none;
}

.rt-service-seo-roadmap__stage i {
    width: 76%;
    height: 76%;
    border: 1px solid rgba(98, 85, 255, .18);
    animation: rtServiceOrbit 13s linear infinite reverse;
}

.rt-service-seo-roadmap__stage b {
    width: 18px;
    height: 18px;
    right: 20%;
    top: 22%;
    background: #d7cb1f;
    box-shadow: 0 0 0 18px rgba(215, 203, 31, .12);
}

.rt-service-seo-roadmap__steps {
    display: grid;
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(16px, 1.55vw, 28px);
    align-self: start;
}

.rt-service-seo-roadmap__steps article {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: clamp(14px, 1.2vw, 22px);
    min-height: clamp(280px, 18vw, 360px);
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(32, 32, 38, .1);
    border-radius: 28px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 26px 80px rgba(28, 28, 44, .07);
    backdrop-filter: blur(18px);
    transform: translateZ(0);
    transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
}

.rt-service-seo-roadmap__steps article:nth-child(-n+2) {
    grid-column: span 3;
}

.rt-service-seo-roadmap__steps article:nth-child(n+3) {
    grid-column: span 2;
}

.rt-service-seo-roadmap__steps article:hover {
    transform: translate3d(-10px, -4px, 0);
    border-color: rgba(98, 85, 255, .32);
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 34px 96px rgba(98, 85, 255, .14);
}

.rt-service-seo-roadmap__steps article > span {
    width: clamp(42px, 3vw, 58px);
    height: clamp(42px, 3vw, 58px);
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #16171d;
    color: #fff;
    font-weight: 900;
}

.rt-service-seo-roadmap__steps p {
    margin: 0 0 8px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-seo-roadmap__steps h3 {
    margin: 0;
    color: #17181f;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(26px, 1.72vw, 38px);
    font-weight: 500;
    line-height: .98;
}

.rt-service-seo-roadmap__steps em {
    display: block;
    margin-top: 14px;
    color: #444650;
    font-size: clamp(15px, .95vw, 18px);
    font-style: normal;
    line-height: 1.5;
}

.rt-service-seo-roadmap__steps a {
    width: fit-content;
    display: inline-flex;
    margin-top: 18px;
    color: #17181f;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.rt-service-seo-roadmap__steps a::after {
    content: "→";
    margin-left: 8px;
    transition: transform .2s ease;
}

.rt-service-seo-roadmap__steps a:hover::after,
.rt-service-seo-roadmap__steps a:focus-visible::after {
    transform: translateX(4px);
}

.rt-service-seo-why {
    padding: clamp(82px, 8vw, 156px) 0;
    overflow: hidden;
    background: #fff;
}

.rt-service-seo-why__head {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto clamp(38px, 5vw, 92px);
    padding-inline: var(--rt-service-gutter);
}

.rt-service-seo-why__head h2 {
    max-width: var(--rt-layout-content, 1456px);
}

.rt-service-seo-why__grid {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    gap: clamp(24px, 3vw, 58px);
}

.rt-service-seo-why__grid article {
    display: grid;
    grid-template-columns: minmax(260px, .56fr) minmax(0, 1fr);
    gap: clamp(26px, 4vw, 78px);
    align-items: center;
    min-height: clamp(310px, 23vw, 470px);
    padding: clamp(22px, 2.2vw, 42px);
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background:
        linear-gradient(120deg, rgba(98, 85, 255, .08), rgba(255, 255, 255, .78) 48%),
        #f8f8ff;
    box-shadow: 0 24px 88px rgba(26, 26, 38, .07);
    transition: transform .28s ease, box-shadow .28s ease;
}

.rt-service-seo-why__grid article:nth-child(even) {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .56fr);
    background:
        linear-gradient(240deg, rgba(98, 85, 255, .1), rgba(255, 255, 255, .82) 50%),
        #fff;
}

.rt-service-seo-why__grid article:nth-child(even) figure {
    order: 2;
}

.rt-service-seo-why__grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 34px 106px rgba(98, 85, 255, .13);
}

.rt-service-seo-why__grid figure {
    margin: 0;
    height: 100%;
    min-height: clamp(240px, 20vw, 400px);
    overflow: hidden;
    border-radius: 28px;
    background: #6255ff;
}

.rt-service-seo-why__grid img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .55s ease;
}

.rt-service-seo-why__grid article:hover img {
    transform: scale(1.055);
}

.rt-service-seo-why__grid h3 {
    max-width: 900px;
    margin: 0;
    color: #17181f;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(38px, 3.45vw, 76px);
    font-weight: 500;
    line-height: .96;
}

.rt-service-seo-why__grid p {
    max-width: 980px;
    margin: clamp(16px, 1.5vw, 28px) 0 0;
    color: #383a43;
    font-size: clamp(17px, 1.15vw, 23px);
    line-height: 1.56;
}

.rt-service-consultant-lab {
    padding: clamp(86px, 8vw, 150px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 4%, rgba(98, 85, 255, .14), transparent 32%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-consultant-lab__inner,
.rt-service-consultant-benefits__inner,
.rt-service-consultant-proof__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
}

.rt-service-consultant-lab__head {
    max-width: 1120px;
    margin-bottom: clamp(36px, 5vw, 88px);
}

.rt-service-consultant-lab__head p,
.rt-service-consultant-benefits__title p,
.rt-service-consultant-proof__copy p {
    margin: 0 0 14px;
    color: var(--rt-service-blue);
    font-size: clamp(12px, .86vw, 15px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-consultant-lab__head h2,
.rt-service-consultant-benefits__title h2,
.rt-service-consultant-proof__copy h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(50px, 5.8vw, 112px);
    font-weight: 500;
    line-height: .9;
}

.rt-service-consultant-lab__head span {
    display: block;
    max-width: 780px;
    margin-top: 24px;
    color: #4e5059;
    font-size: clamp(18px, 1.24vw, 24px);
    line-height: 1.48;
}

.rt-service-consultant-lab__body {
    display: grid;
    grid-template-columns: minmax(420px, .92fr) minmax(0, 1fr);
    gap: clamp(28px, 4.8vw, 86px);
    align-items: start;
}

.rt-service-consultant-lab__panel {
    position: sticky;
    top: 112px;
    overflow: hidden;
    border: 1px solid rgba(30, 30, 38, .1);
    border-radius: 34px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 34px 110px rgba(30, 31, 45, .1);
    transform: translateZ(0);
}

.rt-service-consultant-lab__panel::before {
    content: "";
    position: absolute;
    inset: -40% auto auto -18%;
    width: 58%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .16);
    pointer-events: none;
}

.rt-service-consultant-lab__panel-top {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(18px, 1.8vw, 30px);
    position: relative;
    z-index: 2;
}

.rt-service-consultant-lab__panel-top span {
    color: #656773;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-consultant-lab__panel-top strong {
    min-width: 122px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #16171d;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.rt-service-consultant-lab__panel figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(30, 30, 38, .08);
    border-bottom: 1px solid rgba(30, 30, 38, .08);
    background: #ececff;
}

.rt-service-consultant-lab__panel img {
    width: 100%;
    height: clamp(300px, 24vw, 470px);
    display: block;
    object-fit: cover;
    object-position: center;
    filter: saturate(.96);
    transition: transform .75s cubic-bezier(.2, .8, .2, 1), opacity .22s ease;
}

.rt-service-consultant-lab__panel.is-changing img {
    animation: rtServiceConsultImage .5s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-consultant-lab__panel figcaption {
    display: none;
}

.rt-service-consultant-lab__panel-copy {
    padding: clamp(24px, 2.4vw, 42px);
    position: relative;
    z-index: 2;
}

.rt-service-consultant-lab__panel-copy p {
    margin: 0 0 12px;
    color: var(--rt-service-blue);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-consultant-lab__panel-copy h3 {
    max-width: 780px;
    margin: 0;
    color: #191a21;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(34px, 3vw, 64px);
    font-weight: 500;
    line-height: .95;
}

.rt-service-consultant-lab__panel-copy span {
    display: block;
    max-width: 820px;
    margin-top: 18px;
    color: #484a54;
    font-size: clamp(17px, 1.05vw, 21px);
    line-height: 1.52;
}

.rt-service-consultant-lab__steps {
    display: grid;
    gap: clamp(14px, 1.45vw, 24px);
}

.rt-service-consultant-lab__steps button {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(130px, .36fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(14px, 1.5vw, 26px);
    min-height: clamp(104px, 7vw, 136px);
    padding: clamp(18px, 1.65vw, 28px);
    border: 1px solid rgba(30, 30, 38, .1);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: #1d1e25;
    box-shadow: 0 18px 58px rgba(28, 29, 44, .06);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.rt-service-consultant-lab__steps button:hover,
.rt-service-consultant-lab__steps button:focus-visible,
.rt-service-consultant-lab__steps button.is-active {
    transform: translateX(-10px);
    border-color: rgba(98, 85, 255, .38);
    background: #fff;
    box-shadow: 0 26px 76px rgba(98, 85, 255, .13);
}

.rt-service-consultant-lab__steps button span {
    width: clamp(44px, 3.1vw, 58px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #16171d;
    color: #fff;
    font-weight: 900;
}

.rt-service-consultant-lab__steps button strong {
    min-width: 0;
    color: var(--rt-service-blue);
    font-size: clamp(14px, .95vw, 18px);
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    white-space: normal;
}

.rt-service-consultant-lab__steps button em {
    display: block;
    min-width: 0;
    max-width: 620px;
    color: #24252c;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(22px, 1.7vw, 34px);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.rt-service-consultant-benefits {
    padding: clamp(82px, 8vw, 150px) 0;
    background: #fff;
}

.rt-service-consultant-benefits__inner {
    display: grid;
    grid-template-columns: minmax(320px, .7fr) minmax(0, 1fr);
    gap: clamp(34px, 6vw, 120px);
    align-items: start;
}

.rt-service-consultant-benefits__title {
    position: sticky;
    top: 116px;
}

.rt-service-consultant-benefits__title h2 {
    font-size: clamp(48px, 4.8vw, 96px);
}

.rt-service-consultant-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.7vw, 30px);
}

.rt-service-consultant-benefits__grid article {
    min-height: clamp(300px, 22vw, 420px);
    padding: clamp(24px, 2vw, 38px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.92)),
        #f2f2ff;
    box-shadow: 0 24px 88px rgba(30, 31, 45, .07);
}

.rt-service-consultant-benefits__grid article::before {
    content: "";
    position: absolute;
    inset: clamp(20px, 2vw, 34px) clamp(20px, 2vw, 34px) auto auto;
    width: clamp(70px, 6vw, 118px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .16);
    transition: transform .34s ease, background .34s ease;
}

.rt-service-consultant-benefits__grid article:hover::before {
    transform: scale(3.4);
    background: rgba(98, 85, 255, .1);
}

.rt-service-consultant-benefits__grid article > span {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    left: clamp(24px, 2vw, 38px);
    top: clamp(24px, 2vw, 38px);
    border-radius: 50%;
    background: #d7cb1f;
}

.rt-service-consultant-benefits__grid h3 {
    margin: 0;
    position: relative;
    color: #181920;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(30px, 2.35vw, 52px);
    font-weight: 500;
    line-height: .92;
    overflow-wrap: anywhere;
}

.rt-service-consultant-benefits__grid p {
    margin: 18px 0 0;
    position: relative;
    color: #464852;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.5;
}

.rt-service-consultant-proof {
    padding: clamp(82px, 8vw, 150px) 0;
    background:
        radial-gradient(circle at 18% 88%, rgba(98, 85, 255, .15), transparent 34%),
        linear-gradient(180deg, #f7f7ff 0%, #fff 100%);
}

.rt-service-consultant-proof__inner {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: clamp(34px, 6vw, 112px);
    align-items: center;
}

.rt-service-consultant-proof__copy h2 {
    max-width: 920px;
    font-size: clamp(48px, 4.8vw, 96px);
}

.rt-service-consultant-proof__copy span {
    display: block;
    max-width: 860px;
    margin-top: 24px;
    color: #454750;
    font-size: clamp(18px, 1.2vw, 24px);
    line-height: 1.5;
}

.rt-service-consultant-proof__copy a {
    width: fit-content;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: clamp(24px, 2vw, 38px);
    padding: 14px 24px;
    border: 1px solid #16171d;
    border-radius: 999px;
    color: #16171d;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-consultant-proof__copy a:hover,
.rt-service-consultant-proof__copy a:focus-visible {
    background: #16171d;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-consultant-proof__list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(14px, 1.3vw, 24px);
}

.rt-service-consultant-proof__list article {
    position: relative;
    min-height: clamp(210px, 12vw, 286px);
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 14px;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(22px, 2vw, 36px);
    border: 1px solid rgba(30, 30, 38, .1);
    border-radius: 32px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 24px 70px rgba(28, 29, 44, .08);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.rt-service-consultant-proof__list article:first-child {
    grid-column: 1 / -1;
    min-height: clamp(260px, 15vw, 340px);
    color: #fff;
    background:
        radial-gradient(circle at 74% 24%, rgba(215, 203, 31, .42), transparent 24%),
        radial-gradient(circle at 0 100%, rgba(98, 85, 255, .72), transparent 34%),
        linear-gradient(135deg, #15161d 0%, #2f2b84 100%);
}

.rt-service-consultant-proof__list article::before {
    content: "";
    position: absolute;
    inset: auto -18% -36% auto;
    width: clamp(180px, 18vw, 360px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .12);
    z-index: -1;
    transition: transform .34s ease, opacity .34s ease;
}

.rt-service-consultant-proof__list article:first-child::before {
    background: rgba(255, 255, 255, .12);
}

.rt-service-consultant-proof__list article:hover {
    transform: translateY(-6px);
    border-color: rgba(98, 85, 255, .24);
    box-shadow: 0 34px 92px rgba(28, 29, 44, .12);
}

.rt-service-consultant-proof__list article:hover::before {
    transform: translate3d(-16px, -18px, 0) scale(1.08);
}

.rt-service-consultant-proof__list article span {
    width: fit-content;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid rgba(98, 85, 255, .22);
    border-radius: 999px;
    background: rgba(98, 85, 255, .08);
    color: #6255ff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-consultant-proof__list article:first-child span {
    border-color: rgba(255, 255, 255, .26);
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.rt-service-consultant-proof__list article strong {
    position: absolute;
    top: clamp(18px, 1.7vw, 32px);
    right: clamp(20px, 2vw, 38px);
    color: rgba(22, 23, 29, .06);
    font-family: Stem, Raleway, sans-serif;
    font-size: clamp(72px, 6vw, 132px);
    font-weight: 900;
    line-height: .78;
    pointer-events: none;
}

.rt-service-consultant-proof__list article:first-child strong {
    color: rgba(255, 255, 255, .14);
}

.rt-service-consultant-proof__list h3 {
    max-width: 720px;
    margin: 0;
    color: #1f2028;
    font-size: clamp(28px, 2.4vw, 48px);
    font-weight: 900;
    line-height: .96;
}

.rt-service-consultant-proof__list article:first-child h3 {
    max-width: 840px;
    color: #fff;
    font-size: clamp(40px, 4vw, 84px);
}

.rt-service-consultant-proof__list p {
    margin: 0;
    max-width: 760px;
    color: #4a4c55;
    font-size: clamp(16px, 1.02vw, 20px);
    font-weight: 500;
    line-height: 1.46;
}

.rt-service-consultant-proof__list article:first-child p {
    color: rgba(255, 255, 255, .78);
}

.rt-service-marketing-system,
.rt-service-marketing-suite,
.rt-service-marketing-flow {
    width: 100%;
    padding: clamp(88px, 7vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-marketing-system {
    background:
        radial-gradient(circle at 12% 16%, rgba(98, 85, 255, .12), transparent 30%),
        radial-gradient(circle at 92% 88%, rgba(215, 203, 31, .13), transparent 26%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-marketing-system__inner,
.rt-service-marketing-suite__inner,
.rt-service-marketing-flow__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-marketing-system__inner {
    display: grid;
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);
    gap: clamp(38px, 5.8vw, 112px);
    align-items: center;
}

.rt-service-marketing-system__copy {
    max-width: 760px;
}

.rt-service-marketing-system__copy p,
.rt-service-marketing-flow__head p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-marketing-system__copy h2,
.rt-service-marketing-flow__head h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.9vw, 100px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-marketing-system__copy span,
.rt-service-marketing-flow__head span {
    display: block;
    max-width: 760px;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.16vw, 24px);
    line-height: 1.55;
}

.rt-service-marketing-system__signals {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: clamp(26px, 2.4vw, 42px);
}

.rt-service-marketing-system__signals small {
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(98, 85, 255, .14);
    border-radius: 22px;
    background: rgba(255, 255, 255, .72);
    color: #393b45;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 16px 40px rgba(28, 29, 44, .055);
}

.rt-service-marketing-system__signals b {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f1f0ff;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
}

.rt-service-marketing-system__console {
    position: relative;
    min-height: clamp(560px, 43vw, 780px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(98, 85, 255, .14);
    border-radius: clamp(34px, 3vw, 56px);
    background: #fff;
    box-shadow: 0 34px 110px rgba(28, 29, 44, .11);
}

.rt-service-marketing-system__console::before,
.rt-service-marketing-system__console::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.rt-service-marketing-system__console::before {
    width: clamp(180px, 20vw, 420px);
    aspect-ratio: 1;
    right: -11%;
    top: -12%;
    background: linear-gradient(135deg, rgba(98, 85, 255, .28), rgba(98, 85, 255, .08));
}

.rt-service-marketing-system__console::after {
    width: clamp(100px, 10vw, 210px);
    aspect-ratio: 1;
    left: 8%;
    bottom: 8%;
    border: 1px solid rgba(98, 85, 255, .26);
}

.rt-service-marketing-system__console figure {
    position: absolute;
    inset: 0;
    margin: 0;
    overflow: hidden;
}

.rt-service-marketing-system__console figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .56) 42%, rgba(98, 85, 255, .24) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(20, 21, 28, .24));
}

.rt-service-marketing-system__console img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.04);
    transition: transform .65s cubic-bezier(.2, .8, .2, 1), filter .65s ease;
}

.rt-service-marketing-system__console.is-changing img {
    transform: scale(1.1) translate3d(1%, 0, 0);
    filter: saturate(1.08);
}

.rt-service-marketing-system__panel {
    position: relative;
    z-index: 2;
    width: min(560px, calc(100% - clamp(36px, 5vw, 84px)));
    min-height: clamp(300px, 22vw, 430px);
    margin: clamp(30px, 4vw, 70px);
    padding: clamp(24px, 2.5vw, 42px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 34px;
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(20px);
    box-shadow: 0 26px 80px rgba(22, 23, 35, .18);
    transition: transform .38s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-marketing-system__console.is-changing .rt-service-marketing-system__panel {
    transform: translate3d(0, -4px, 0);
}

.rt-service-marketing-system__bar {
    position: absolute;
    left: clamp(22px, 2vw, 34px);
    right: clamp(22px, 2vw, 34px);
    top: clamp(18px, 1.5vw, 28px);
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(246, 247, 255, .86);
    color: #6d6f7b;
    font-size: 12px;
    font-weight: 900;
    text-transform: lowercase;
}

.rt-service-marketing-system__bar i {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-marketing-system__bar i:nth-child(2) {
    background: #ffd166;
}

.rt-service-marketing-system__bar i:nth-child(3) {
    margin-right: 8px;
    background: #25d366;
}

.rt-service-marketing-system__panel p {
    margin: 0 0 12px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-marketing-system__panel h3 {
    max-width: 500px;
    margin: 0;
    color: #171820;
    font-size: clamp(30px, 2.6vw, 58px);
    font-weight: 900;
    line-height: .96;
}

.rt-service-marketing-system__panel > span {
    display: block;
    max-width: 520px;
    margin-top: 18px;
    color: #42444d;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.5;
}

.rt-service-marketing-system__panel strong {
    width: fit-content;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #171820;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-marketing-system__channels {
    position: absolute;
    z-index: 3;
    right: clamp(24px, 3vw, 58px);
    bottom: clamp(24px, 3vw, 58px);
    width: min(430px, calc(100% - 48px));
    display: grid;
    gap: 10px;
}

.rt-service-marketing-system__channels button {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 16px 12px 22px;
    border: 1px solid rgba(23, 24, 32, .1);
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #171820;
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 45px rgba(22, 23, 35, .075);
    transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.rt-service-marketing-system__channels button::after {
    content: "";
    width: 16px;
    aspect-ratio: 1;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #6255ff;
    transition: transform .22s ease, background .22s ease;
}

.rt-service-marketing-system__channels button:hover,
.rt-service-marketing-system__channels button:focus-visible,
.rt-service-marketing-system__channels button.is-active {
    border-color: rgba(98, 85, 255, .32);
    background: #6255ff;
    color: #fff;
    transform: translateX(-6px);
    box-shadow: 0 18px 52px rgba(98, 85, 255, .22);
}

.rt-service-marketing-system__channels button:hover::after,
.rt-service-marketing-system__channels button:focus-visible::after,
.rt-service-marketing-system__channels button.is-active::after {
    background: #d7cb1f;
    transform: scale(1.2);
}

.rt-service-marketing-suite {
    padding-top: clamp(70px, 5.4vw, 120px);
    padding-bottom: clamp(70px, 5.4vw, 120px);
    background:
        radial-gradient(circle at 88% 8%, rgba(98, 85, 255, .1), transparent 28%),
        linear-gradient(180deg, #f7f7ff 0%, #fff 100%);
}

.rt-service-marketing-suite__inner {
    display: block;
}

.rt-service-marketing-suite__head {
    max-width: 1040px;
    margin-bottom: clamp(34px, 4vw, 70px);
}

.rt-service-marketing-suite__head p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    line-height: 1;
    text-transform: uppercase;
}

.rt-service-marketing-suite__head h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(46px, 4.6vw, 92px);
    font-weight: 500;
    line-height: .93;
}

.rt-service-marketing-suite__head span {
    display: block;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.12vw, 22px);
    line-height: 1.55;
}

.rt-service-marketing-suite__grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: clamp(16px, 1.5vw, 26px);
}

.rt-service-marketing-suite__card {
    position: relative;
    min-height: clamp(340px, 24vw, 470px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(31, 32, 42, .095);
    border-radius: clamp(28px, 2.6vw, 42px);
    background: #fff;
    color: #20212a;
    text-decoration: none;
    box-shadow: 0 24px 80px rgba(28, 29, 44, .075);
    isolation: isolate;
    transition: transform .34s cubic-bezier(.2, .8, .2, 1), box-shadow .34s ease, border-color .34s ease;
}

.rt-service-marketing-suite__card:nth-child(1),
.rt-service-marketing-suite__card:nth-child(2) {
    grid-column: span 4;
}

.rt-service-marketing-suite__card:nth-child(n+3) {
    grid-column: span 2;
}

.rt-service-marketing-suite__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .66) 48%, #fff 100%),
        radial-gradient(circle at 88% 18%, rgba(98, 85, 255, .18), transparent 34%);
}

.rt-service-marketing-suite__card figure {
    position: absolute;
    inset: 0 0 42%;
    margin: 0;
    overflow: hidden;
}

.rt-service-marketing-suite__card figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .74));
}

.rt-service-marketing-suite__card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.04);
    filter: saturate(.96) contrast(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .35s ease;
}

.rt-service-marketing-suite__card:hover,
.rt-service-marketing-suite__card:focus-visible {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .28);
    box-shadow: 0 36px 105px rgba(28, 29, 44, .14);
}

.rt-service-marketing-suite__card:hover img,
.rt-service-marketing-suite__card:focus-visible img {
    transform: scale(1.1);
    filter: saturate(1.04) contrast(1.06);
}

.rt-service-marketing-suite__index {
    position: absolute;
    top: clamp(18px, 1.6vw, 30px);
    left: clamp(18px, 1.6vw, 30px);
    z-index: 2;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(23, 24, 32, .9);
    color: #fff;
    font-size: 17px;
    font-weight: 900;
}

.rt-service-marketing-suite__metric {
    position: absolute;
    top: clamp(18px, 1.6vw, 30px);
    right: clamp(18px, 1.6vw, 30px);
    z-index: 2;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #20212a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
}

.rt-service-marketing-suite__card p,
.rt-service-marketing-suite__card h3,
.rt-service-marketing-suite__card em,
.rt-service-marketing-suite__card strong {
    position: relative;
    z-index: 2;
}

.rt-service-marketing-suite__card p {
    margin: 0 0 10px;
    color: #6255ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-marketing-suite__card h3 {
    margin: 0;
    color: #1f2029;
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-marketing-suite__card em {
    display: block;
    margin-top: 16px;
    color: #535660;
    font-size: clamp(15px, .98vw, 18px);
    font-style: normal;
    line-height: 1.48;
}

.rt-service-marketing-suite__card strong {
    width: fit-content;
    display: inline-flex;
    margin-top: 22px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #f1f2ff;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    transition: background .24s ease, color .24s ease;
}

.rt-service-marketing-suite__card:hover strong,
.rt-service-marketing-suite__card:focus-visible strong {
    background: #6255ff;
    color: #fff;
}

.rt-service-marketing-flow {
    padding-top: clamp(50px, 4vw, 88px);
    background:
        radial-gradient(circle at 10% 18%, rgba(98, 85, 255, .09), transparent 28%),
        linear-gradient(180deg, #f7f7ff 0%, #fff 100%);
}

.rt-service-marketing-flow__head {
    max-width: 1100px;
    margin-bottom: clamp(34px, 4vw, 74px);
}

.rt-service-marketing-flow__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(12px, 1vw, 20px);
}

.rt-service-marketing-flow__steps::before {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    top: clamp(44px, 3.4vw, 58px);
    height: 2px;
    background: linear-gradient(90deg, rgba(98, 85, 255, .08), rgba(98, 85, 255, .44), rgba(215, 203, 31, .32));
    pointer-events: none;
}

.rt-service-marketing-flow__steps article {
    position: relative;
    min-height: clamp(250px, 17vw, 360px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(30, 31, 42, .095);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(250, 250, 255, .96)),
        #fff;
    box-shadow: 0 20px 70px rgba(28, 29, 44, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.rt-service-marketing-flow__steps article::before {
    content: "";
    position: absolute;
    inset: auto -28% -28% auto;
    width: clamp(140px, 12vw, 250px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    transition: transform .3s ease, background .3s ease;
}

.rt-service-marketing-flow__steps article:hover {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .24);
    box-shadow: 0 34px 90px rgba(28, 29, 44, .12);
}

.rt-service-marketing-flow__steps article:hover::before {
    transform: scale(1.34) translate3d(-10px, -10px, 0);
    background: rgba(98, 85, 255, .16);
}

.rt-service-marketing-flow__steps span {
    position: absolute;
    top: clamp(20px, 1.8vw, 34px);
    left: clamp(20px, 1.8vw, 34px);
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #171820;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 16px 38px rgba(23, 24, 32, .16);
}

.rt-service-marketing-flow__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: clamp(26px, 3vw, 52px);
    padding: clamp(22px, 2.2vw, 34px);
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 88% 20%, rgba(215, 203, 31, .18), transparent 30%),
        linear-gradient(135deg, #fff, #f4f3ff);
    box-shadow: 0 24px 70px rgba(28, 29, 44, .075);
}

.rt-service-marketing-flow__cta p {
    max-width: 780px;
    margin: 0;
    color: #20212a;
    font-size: clamp(22px, 1.7vw, 34px);
    font-weight: 900;
    line-height: 1.08;
}

.rt-service-marketing-flow__cta a {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 16px 24px;
    border-radius: 999px;
    background: #6255ff;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(98, 85, 255, .24);
    transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.rt-service-marketing-flow__cta a:hover,
.rt-service-marketing-flow__cta a:focus-visible {
    background: #5145f4;
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(98, 85, 255, .3);
}

.rt-service-marketing-flow__steps h3 {
    position: relative;
    margin: 0;
    color: #20212a;
    font-size: clamp(28px, 2.1vw, 44px);
    font-weight: 900;
    line-height: .96;
}

.rt-service-marketing-flow__steps p {
    position: relative;
    margin: 16px 0 0;
    color: #535660;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.48;
}

.rt-service-ads-lab,
.rt-service-ads-checks {
    width: 100%;
    padding: clamp(88px, 7vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-ads-lab {
    background:
        radial-gradient(circle at 14% 20%, rgba(98, 85, 255, .13), transparent 30%),
        radial-gradient(circle at 88% 84%, rgba(215, 203, 31, .14), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-ads-lab__inner,
.rt-service-ads-checks__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-ads-lab__inner {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: clamp(42px, 6vw, 118px);
    align-items: center;
}

.rt-service-ads-lab__copy {
    max-width: 760px;
}

.rt-service-ads-lab__copy p,
.rt-service-ads-checks__head p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-ads-lab__copy h2,
.rt-service-ads-checks__head h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.8vw, 98px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-ads-lab__copy span {
    display: block;
    max-width: 760px;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.16vw, 24px);
    line-height: 1.55;
}

.rt-service-ads-lab__board {
    position: relative;
    min-height: clamp(600px, 44vw, 820px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: clamp(34px, 3vw, 56px);
    background: #11121a;
    box-shadow: 0 34px 110px rgba(28, 29, 44, .14);
}

.rt-service-ads-lab__board::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .62) 43%, rgba(98, 85, 255, .24) 100%),
        radial-gradient(circle at 82% 12%, rgba(98, 85, 255, .34), transparent 30%);
    pointer-events: none;
}

.rt-service-ads-lab__board figure {
    position: absolute;
    inset: 0;
    margin: 0;
    overflow: hidden;
}

.rt-service-ads-lab__board img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.04);
    transition: transform .62s cubic-bezier(.2, .8, .2, 1), filter .62s ease;
}

.rt-service-ads-lab__board.is-changing img {
    transform: scale(1.1) translate3d(1.2%, 0, 0);
    filter: saturate(1.08);
}

.rt-service-ads-lab__screen {
    position: relative;
    z-index: 2;
    width: min(590px, calc(100% - clamp(36px, 5vw, 84px)));
    min-height: clamp(340px, 24vw, 470px);
    margin: clamp(30px, 4vw, 70px);
    padding: clamp(24px, 2.5vw, 42px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 34px;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(18px);
    box-shadow: 0 28px 82px rgba(22, 23, 35, .18);
    transition: transform .34s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-ads-lab__board.is-changing .rt-service-ads-lab__screen {
    transform: translate3d(0, -5px, 0);
}

.rt-service-ads-lab__screen-head {
    position: absolute;
    left: clamp(22px, 2vw, 34px);
    right: clamp(22px, 2vw, 34px);
    top: clamp(18px, 1.5vw, 28px);
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(246, 247, 255, .9);
    color: #6d6f7b;
    font-size: 12px;
    font-weight: 900;
    text-transform: lowercase;
}

.rt-service-ads-lab__screen-head i {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-ads-lab__screen-head i:nth-child(2) {
    background: #ffd166;
}

.rt-service-ads-lab__screen-head i:nth-child(3) {
    margin-right: 8px;
    background: #25d366;
}

.rt-service-ads-lab__screen p {
    margin: 0 0 12px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-ads-lab__screen h3 {
    max-width: 540px;
    margin: 0;
    color: #171820;
    font-size: clamp(30px, 2.55vw, 56px);
    font-weight: 900;
    line-height: .96;
}

.rt-service-ads-lab__screen > span {
    display: block;
    max-width: 540px;
    margin-top: 18px;
    color: #42444d;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.5;
}

.rt-service-ads-lab__screen strong {
    width: fit-content;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #171820;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-ads-lab__stages {
    position: absolute;
    z-index: 3;
    right: clamp(24px, 3vw, 58px);
    bottom: clamp(24px, 3vw, 58px);
    width: min(460px, calc(100% - 48px));
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.rt-service-ads-lab__stages button {
    min-height: 58px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border: 1px solid rgba(23, 24, 32, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    color: #171820;
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 45px rgba(22, 23, 35, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;
}

.rt-service-ads-lab__stages button span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(98, 85, 255, .12);
    color: #6255ff;
    font-size: 12px;
    transition: background .22s ease, color .22s ease;
}

.rt-service-ads-lab__stages button:hover,
.rt-service-ads-lab__stages button:focus-visible,
.rt-service-ads-lab__stages button.is-active {
    border-color: rgba(98, 85, 255, .32);
    background: #6255ff;
    color: #fff;
    transform: translateX(-6px);
}

.rt-service-ads-lab__stages button:hover span,
.rt-service-ads-lab__stages button:focus-visible span,
.rt-service-ads-lab__stages button.is-active span {
    background: #d7cb1f;
    color: #171820;
}

.rt-service-ads-checks {
    padding-top: clamp(50px, 4vw, 88px);
    background: linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
}

.rt-service-ads-checks__head {
    max-width: 1120px;
    margin-bottom: clamp(34px, 4vw, 74px);
}

.rt-service-ads-checks__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 1.2vw, 24px);
}

.rt-service-ads-checks__grid article {
    position: relative;
    min-height: clamp(260px, 17vw, 360px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(30, 31, 42, .1);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 20px 70px rgba(28, 29, 44, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.rt-service-ads-checks__grid article::before {
    content: "";
    position: absolute;
    inset: auto -30% -34% auto;
    width: clamp(150px, 13vw, 270px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    transition: transform .3s ease, background .3s ease;
}

.rt-service-ads-checks__grid article:hover {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .24);
    box-shadow: 0 34px 90px rgba(28, 29, 44, .12);
}

.rt-service-ads-checks__grid article:hover::before {
    transform: scale(1.35) translate3d(-10px, -10px, 0);
    background: rgba(98, 85, 255, .16);
}

.rt-service-ads-checks__grid i {
    position: absolute;
    top: clamp(20px, 1.8vw, 34px);
    left: clamp(20px, 1.8vw, 34px);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, transparent 34%, #fff 36%, #fff 48%, transparent 50%),
        #6255ff;
}

.rt-service-ads-checks__grid h3 {
    position: relative;
    margin: 0;
    color: #20212a;
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: .96;
}

.rt-service-ads-checks__grid p {
    position: relative;
    margin: 16px 0 0;
    color: #535660;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.48;
}

.rt-service-social-studio,
.rt-service-social-plan {
    width: 100%;
    padding: clamp(88px, 7vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-social-studio {
    background:
        radial-gradient(circle at 16% 18%, rgba(98, 85, 255, .13), transparent 30%),
        radial-gradient(circle at 88% 86%, rgba(215, 203, 31, .13), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-social-studio__inner,
.rt-service-social-plan__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-social-studio__inner {
    display: grid;
    grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr);
    gap: clamp(42px, 6vw, 118px);
    align-items: center;
}

.rt-service-social-studio__copy {
    max-width: 780px;
}

.rt-service-social-studio__copy p,
.rt-service-social-plan__copy > p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-social-studio__copy h2,
.rt-service-social-plan__copy h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.8vw, 98px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-social-studio__copy span {
    display: block;
    max-width: 760px;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.16vw, 24px);
    line-height: 1.55;
}

.rt-service-social-studio__showcase {
    position: relative;
    min-height: clamp(620px, 46vw, 840px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: clamp(34px, 3vw, 56px);
    background:
        radial-gradient(circle at 84% 8%, rgba(98, 85, 255, .22), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f1f0ff 100%);
    box-shadow: 0 34px 110px rgba(28, 29, 44, .12);
}

.rt-service-social-studio__showcase::before {
    content: "";
    position: absolute;
    right: -12%;
    top: -12%;
    width: clamp(190px, 19vw, 390px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .18);
    pointer-events: none;
}

.rt-service-social-studio__showcase figure {
    position: absolute;
    inset: clamp(28px, 3vw, 58px) auto clamp(28px, 3vw, 58px) clamp(28px, 3vw, 58px);
    width: min(48%, 560px);
    margin: 0;
    overflow: hidden;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 26px 80px rgba(22, 23, 35, .14);
}

.rt-service-social-studio__showcase figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    transform: scale(1.02);
    transition: transform .55s cubic-bezier(.2, .8, .2, 1), opacity .24s ease;
}

.rt-service-social-studio__showcase.is-changing figure img {
    transform: scale(1.07) translate3d(0, 10px, 0);
    opacity: .72;
}

.rt-service-social-studio__showcase aside {
    position: absolute;
    z-index: 2;
    right: clamp(28px, 3vw, 58px);
    top: clamp(38px, 4vw, 78px);
    width: min(46%, 560px);
    padding: clamp(26px, 2.6vw, 46px);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 34px;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(18px);
    box-shadow: 0 26px 78px rgba(22, 23, 35, .12);
}

.rt-service-social-studio__showcase aside p {
    margin: 0 0 12px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-social-studio__showcase aside h3 {
    margin: 0;
    color: #171820;
    font-size: clamp(36px, 3.2vw, 68px);
    font-weight: 900;
    line-height: .9;
}

.rt-service-social-studio__showcase aside span {
    display: block;
    margin-top: 18px;
    color: #44464f;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.5;
}

.rt-service-social-studio__showcase aside strong {
    width: fit-content;
    display: inline-flex;
    margin-top: 24px;
    padding: 11px 16px;
    border-radius: 999px;
    background: #171820;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-social-studio__tabs {
    position: absolute;
    z-index: 3;
    right: clamp(28px, 3vw, 58px);
    bottom: clamp(28px, 3vw, 58px);
    width: min(46%, 560px);
    display: grid;
    gap: 12px;
}

.rt-service-social-studio__tabs button {
    min-height: 62px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border: 1px solid rgba(23, 24, 32, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    color: #171820;
    font-size: 15px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 45px rgba(22, 23, 35, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;
}

.rt-service-social-studio__tabs button span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(98, 85, 255, .12);
    color: #6255ff;
    font-size: 12px;
}

.rt-service-social-studio__tabs button:hover,
.rt-service-social-studio__tabs button:focus-visible,
.rt-service-social-studio__tabs button.is-active {
    border-color: rgba(98, 85, 255, .32);
    background: #6255ff;
    color: #fff;
    transform: translateX(-6px);
}

.rt-service-social-studio__tabs button:hover span,
.rt-service-social-studio__tabs button:focus-visible span,
.rt-service-social-studio__tabs button.is-active span {
    background: #d7cb1f;
    color: #171820;
}

.rt-service-social-plan {
    padding-top: clamp(54px, 4vw, 92px);
    background: linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
}

.rt-service-social-plan__inner {
    display: grid;
    grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: center;
}

.rt-service-social-plan figure {
    min-height: clamp(460px, 36vw, 680px);
    margin: 0;
    overflow: hidden;
    border-radius: clamp(34px, 3vw, 56px);
    background: #efefff;
    box-shadow: 0 30px 90px rgba(28, 29, 44, .1);
}

.rt-service-social-plan figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.rt-service-social-plan__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.1vw, 22px);
    margin-top: clamp(30px, 3vw, 56px);
}

.rt-service-social-plan__grid article {
    min-height: clamp(190px, 12vw, 270px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(30, 31, 42, .1);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 70px rgba(28, 29, 44, .07);
    transition: transform .26s ease, box-shadow .26s ease;
}

.rt-service-social-plan__grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 84px rgba(28, 29, 44, .11);
}

.rt-service-social-plan__grid h3 {
    margin: 0;
    color: #20212a;
    font-size: clamp(26px, 1.8vw, 38px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-social-plan__grid span {
    display: block;
    margin-top: 14px;
    color: #555761;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.48;
}

.rt-service-brand-room,
.rt-service-brand-process {
    width: 100%;
    padding: clamp(88px, 7vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-brand-room {
    background:
        radial-gradient(circle at 14% 16%, rgba(98, 85, 255, .13), transparent 32%),
        radial-gradient(circle at 86% 82%, rgba(215, 203, 31, .13), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-brand-room__inner,
.rt-service-brand-process__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-brand-room__inner {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: clamp(42px, 6vw, 118px);
    align-items: center;
}

.rt-service-brand-room__copy {
    max-width: 800px;
}

.rt-service-brand-room__copy p,
.rt-service-brand-process__copy > p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-brand-room__copy h2,
.rt-service-brand-process__copy h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.8vw, 98px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-brand-room__copy span {
    display: block;
    max-width: 760px;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.16vw, 24px);
    line-height: 1.55;
}

.rt-service-brand-room__stage {
    position: relative;
    min-height: clamp(620px, 45vw, 840px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: clamp(34px, 3vw, 56px);
    background:
        radial-gradient(circle at 70% 8%, rgba(98, 85, 255, .24), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f2f1ff 100%);
    box-shadow: 0 34px 110px rgba(28, 29, 44, .12);
}

.rt-service-brand-room__stage::before {
    content: "";
    position: absolute;
    left: -16%;
    bottom: -24%;
    width: clamp(260px, 26vw, 540px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .14);
    pointer-events: none;
}

.rt-service-brand-room__stage figure {
    position: absolute;
    inset: clamp(28px, 3vw, 58px) clamp(28px, 3vw, 58px) auto;
    height: min(52%, 470px);
    margin: 0;
    overflow: hidden;
    border-radius: 34px;
    background: #171820;
    box-shadow: 0 28px 82px rgba(22, 23, 35, .16);
}

.rt-service-brand-room__stage figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transform: scale(1.02);
    transition: transform .58s cubic-bezier(.2, .8, .2, 1), opacity .24s ease;
}

.rt-service-brand-room__stage.is-changing figure img {
    opacity: .76;
    transform: scale(1.08) translate3d(0, -6px, 0);
}

.rt-service-brand-room__stage aside {
    position: absolute;
    z-index: 2;
    left: clamp(28px, 3vw, 58px);
    right: clamp(28px, 3vw, 58px);
    bottom: clamp(104px, 8vw, 154px);
    min-height: clamp(190px, 14vw, 270px);
    padding: clamp(24px, 2.5vw, 44px);
    padding-right: clamp(170px, 13vw, 260px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 34px;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(18px);
    box-shadow: 0 26px 78px rgba(22, 23, 35, .12);
}

.rt-service-brand-room__stage aside p {
    margin: 0 0 12px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-brand-room__stage aside h3 {
    max-width: 640px;
    margin: 0;
    color: #171820;
    font-size: clamp(40px, 3.7vw, 78px);
    font-weight: 900;
    line-height: .9;
}

.rt-service-brand-room__stage aside span {
    display: block;
    max-width: 700px;
    margin-top: 16px;
    color: #44464f;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.48;
}

.rt-service-brand-room__stage aside strong {
    width: fit-content;
    display: inline-flex;
    margin-top: 22px;
    padding: 11px 16px;
    border-radius: 999px;
    background: #171820;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-brand-room__palette {
    position: absolute;
    z-index: 3;
    right: clamp(38px, 4vw, 72px);
    bottom: clamp(194px, 15vw, 290px);
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 18px 48px rgba(22, 23, 35, .12);
}

.rt-service-brand-room__palette i {
    width: clamp(28px, 2.2vw, 42px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #6255ff;
}

.rt-service-brand-room__palette i:nth-child(2) {
    background: #d7cb1f;
}

.rt-service-brand-room__palette i:nth-child(3) {
    background: #171820;
}

.rt-service-brand-room__palette i:nth-child(4) {
    background: #f5efe6;
}

.rt-service-brand-room__tabs {
    position: absolute;
    z-index: 3;
    left: clamp(28px, 3vw, 58px);
    right: clamp(28px, 3vw, 58px);
    bottom: clamp(28px, 3vw, 58px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.rt-service-brand-room__tabs button {
    min-height: 56px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(23, 24, 32, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #171820;
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 45px rgba(22, 23, 35, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;
}

.rt-service-brand-room__tabs button span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(98, 85, 255, .12);
    color: #6255ff;
    font-size: 12px;
}

.rt-service-brand-room__tabs button:hover,
.rt-service-brand-room__tabs button:focus-visible,
.rt-service-brand-room__tabs button.is-active {
    border-color: rgba(98, 85, 255, .32);
    background: #6255ff;
    color: #fff;
    transform: translateY(-4px);
}

.rt-service-brand-room__tabs button:hover span,
.rt-service-brand-room__tabs button:focus-visible span,
.rt-service-brand-room__tabs button.is-active span {
    background: #d7cb1f;
    color: #171820;
}

.rt-service-brand-process {
    padding-top: clamp(52px, 4vw, 92px);
    background: linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
}

.rt-service-brand-process__inner {
    display: grid;
    grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: center;
}

.rt-service-brand-process__visual {
    min-height: clamp(460px, 35vw, 680px);
    margin: 0;
    overflow: hidden;
    border-radius: clamp(34px, 3vw, 56px);
    background: #efefff;
    box-shadow: 0 30px 90px rgba(28, 29, 44, .1);
}

.rt-service-brand-process__visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.rt-service-brand-process__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.1vw, 22px);
    margin-top: clamp(30px, 3vw, 56px);
}

.rt-service-brand-process__grid article {
    min-height: clamp(190px, 12vw, 270px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(30, 31, 42, .1);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 70px rgba(28, 29, 44, .07);
    transition: transform .26s ease, box-shadow .26s ease;
}

.rt-service-brand-process__grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 84px rgba(28, 29, 44, .11);
}

.rt-service-brand-process__grid h3 {
    margin: 0;
    color: #20212a;
    font-size: clamp(26px, 1.8vw, 38px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-brand-process__grid span {
    display: block;
    margin-top: 14px;
    color: #555761;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.48;
}

.rt-service-logo-lab,
.rt-service-logo-rules {
    width: 100%;
    padding: clamp(88px, 7vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-logo-lab {
    background:
        radial-gradient(circle at 12% 18%, rgba(98, 85, 255, .13), transparent 31%),
        radial-gradient(circle at 86% 86%, rgba(215, 203, 31, .13), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-logo-lab__inner,
.rt-service-logo-rules__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-logo-lab__inner {
    display: grid;
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);
    gap: clamp(42px, 6vw, 118px);
    align-items: center;
}

.rt-service-logo-lab__copy {
    max-width: 800px;
}

.rt-service-logo-lab__copy p,
.rt-service-logo-rules__copy > p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-logo-lab__copy h2,
.rt-service-logo-rules__copy h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.8vw, 98px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-logo-lab__copy span {
    display: block;
    max-width: 760px;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.16vw, 24px);
    line-height: 1.55;
}

.rt-service-logo-lab__stage {
    position: relative;
    min-height: clamp(620px, 45vw, 840px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: clamp(34px, 3vw, 56px);
    background:
        linear-gradient(135deg, #171820 0%, #27283a 52%, #f4f3ff 52%, #fff 100%);
    box-shadow: 0 34px 110px rgba(28, 29, 44, .13);
}

.rt-service-logo-lab__stage::before,
.rt-service-logo-lab__stage::after {
    content: "";
    position: absolute;
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
}

.rt-service-logo-lab__stage::before {
    left: -13%;
    top: -16%;
    width: clamp(260px, 25vw, 520px);
    background: rgba(98, 85, 255, .35);
}

.rt-service-logo-lab__stage::after {
    right: -8%;
    bottom: -12%;
    width: clamp(200px, 18vw, 380px);
    background: rgba(215, 203, 31, .24);
}

.rt-service-logo-lab__stage figure {
    position: absolute;
    z-index: 1;
    left: clamp(28px, 3vw, 58px);
    top: clamp(28px, 3vw, 58px);
    width: min(54%, 620px);
    height: clamp(320px, 28vw, 540px);
    margin: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 34px;
    background: #0f1018;
    box-shadow: 0 28px 82px rgba(0, 0, 0, .24);
}

.rt-service-logo-lab__stage figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transform: scale(1.02);
    transition: transform .58s cubic-bezier(.2, .8, .2, 1), opacity .24s ease;
}

.rt-service-logo-lab__stage.is-changing figure img {
    opacity: .75;
    transform: scale(1.08);
}

.rt-service-logo-lab__stage aside {
    position: absolute;
    z-index: 3;
    right: clamp(28px, 3vw, 58px);
    top: clamp(62px, 5vw, 96px);
    width: min(42%, 520px);
    padding: clamp(24px, 2.5vw, 44px);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 34px;
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(18px);
    box-shadow: 0 26px 78px rgba(22, 23, 35, .14);
}

.rt-service-logo-lab__stage aside p {
    margin: 0 0 12px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-logo-lab__stage aside h3 {
    margin: 0;
    color: #171820;
    font-size: clamp(38px, 3.3vw, 72px);
    font-weight: 900;
    line-height: .9;
}

.rt-service-logo-lab__stage aside span {
    display: block;
    margin-top: 16px;
    color: #44464f;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.48;
}

.rt-service-logo-lab__stage aside strong {
    width: fit-content;
    display: inline-flex;
    margin-top: 22px;
    padding: 11px 16px;
    border-radius: 999px;
    background: #171820;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-logo-lab__tools {
    position: absolute;
    z-index: 3;
    left: clamp(38px, 4vw, 72px);
    bottom: clamp(120px, 10vw, 180px);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 18px 48px rgba(22, 23, 35, .14);
}

.rt-service-logo-lab__tools i {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #6255ff;
}

.rt-service-logo-lab__tools i:nth-of-type(2) {
    background: #d7cb1f;
}

.rt-service-logo-lab__tools span {
    color: #171820;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.rt-service-logo-lab__tabs {
    position: absolute;
    z-index: 4;
    left: clamp(28px, 3vw, 58px);
    right: clamp(28px, 3vw, 58px);
    bottom: clamp(28px, 3vw, 58px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.rt-service-logo-lab__tabs button {
    min-height: 56px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(23, 24, 32, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .88);
    color: #171820;
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 45px rgba(22, 23, 35, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;
}

.rt-service-logo-lab__tabs button span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(98, 85, 255, .12);
    color: #6255ff;
    font-size: 12px;
}

.rt-service-logo-lab__tabs button:hover,
.rt-service-logo-lab__tabs button:focus-visible,
.rt-service-logo-lab__tabs button.is-active {
    border-color: rgba(98, 85, 255, .32);
    background: #6255ff;
    color: #fff;
    transform: translateY(-4px);
}

.rt-service-logo-lab__tabs button:hover span,
.rt-service-logo-lab__tabs button:focus-visible span,
.rt-service-logo-lab__tabs button.is-active span {
    background: #d7cb1f;
    color: #171820;
}

.rt-service-logo-rules {
    padding-top: clamp(52px, 4vw, 92px);
    background: linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
}

.rt-service-logo-rules__inner {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: center;
}

.rt-service-logo-rules__visual {
    min-height: clamp(460px, 35vw, 680px);
    overflow: hidden;
    border-radius: clamp(34px, 3vw, 56px);
    background: #efefff;
    box-shadow: 0 30px 90px rgba(28, 29, 44, .1);
}

.rt-service-logo-rules__visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.rt-service-logo-rules__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.1vw, 22px);
    margin-top: clamp(30px, 3vw, 56px);
}

.rt-service-logo-rules__grid article {
    min-height: clamp(190px, 12vw, 270px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(30, 31, 42, .1);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 70px rgba(28, 29, 44, .07);
    transition: transform .26s ease, box-shadow .26s ease;
}

.rt-service-logo-rules__grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 84px rgba(28, 29, 44, .11);
}

.rt-service-logo-rules__grid h3 {
    margin: 0;
    color: #20212a;
    font-size: clamp(26px, 1.8vw, 38px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-logo-rules__grid span {
    display: block;
    margin-top: 14px;
    color: #555761;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.48;
}

.rt-service-site-refresh,
.rt-service-site-checklist {
    width: 100%;
    padding: clamp(88px, 7vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-site-refresh {
    background:
        radial-gradient(circle at 14% 18%, rgba(98, 85, 255, .13), transparent 32%),
        radial-gradient(circle at 88% 82%, rgba(215, 203, 31, .14), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-site-refresh__inner,
.rt-service-site-checklist__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-site-refresh__inner {
    display: grid;
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);
    gap: clamp(42px, 6vw, 118px);
    align-items: center;
}

.rt-service-site-refresh__copy {
    max-width: 820px;
}

.rt-service-site-refresh__copy p,
.rt-service-site-checklist__copy > p {
    margin: 0 0 18px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-site-refresh__copy h2,
.rt-service-site-checklist__copy h2 {
    margin: 0;
    color: #20212a;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.8vw, 98px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-site-refresh__copy span {
    display: block;
    max-width: 760px;
    margin-top: 24px;
    color: #50525c;
    font-size: clamp(18px, 1.16vw, 24px);
    line-height: 1.55;
}

.rt-service-site-refresh__stage {
    position: relative;
    min-height: clamp(640px, 46vw, 860px);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: clamp(34px, 3vw, 56px);
    background:
        radial-gradient(circle at 82% 12%, rgba(98, 85, 255, .24), transparent 30%),
        linear-gradient(135deg, #171820 0%, #202231 44%, #f4f3ff 44%, #fff 100%);
    box-shadow: 0 34px 110px rgba(28, 29, 44, .13);
}

.rt-service-site-refresh__stage::before {
    content: "";
    position: absolute;
    left: -16%;
    bottom: -24%;
    width: clamp(260px, 26vw, 540px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(98, 85, 255, .18);
    pointer-events: none;
}

.rt-service-site-refresh__stage figure {
    position: absolute;
    z-index: 1;
    inset: clamp(28px, 3vw, 58px) clamp(28px, 3vw, 58px) auto;
    height: min(54%, 500px);
    margin: 0;
    overflow: hidden;
    border-radius: 34px;
    background:
        radial-gradient(circle at 70% 18%, rgba(98, 85, 255, .12), transparent 30%),
        #f6f5ff;
    box-shadow: 0 28px 82px rgba(0, 0, 0, .22);
}

.rt-service-site-refresh__stage figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    transform: scale(1.02);
    transition: transform .58s cubic-bezier(.2, .8, .2, 1), opacity .24s ease;
}

.rt-service-site-refresh__stage.is-changing figure img {
    opacity: .76;
    transform: scale(1.08) translate3d(0, -8px, 0);
}

.rt-service-site-refresh__stage aside {
    position: absolute;
    z-index: 3;
    left: clamp(28px, 3vw, 58px);
    right: clamp(28px, 3vw, 58px);
    bottom: clamp(104px, 8vw, 154px);
    min-height: clamp(190px, 14vw, 280px);
    padding: clamp(24px, 2.5vw, 44px);
    padding-right: clamp(180px, 14vw, 290px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 34px;
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(18px);
    box-shadow: 0 26px 78px rgba(22, 23, 35, .14);
}

.rt-service-site-refresh__stage aside p {
    margin: 0 0 12px;
    color: #6255ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-site-refresh__stage aside h3 {
    max-width: 680px;
    margin: 0;
    color: #171820;
    font-size: clamp(40px, 3.7vw, 78px);
    font-weight: 900;
    line-height: .9;
}

.rt-service-site-refresh__stage aside span {
    display: block;
    max-width: 720px;
    margin-top: 16px;
    color: #44464f;
    font-size: clamp(16px, 1.05vw, 21px);
    line-height: 1.48;
}

.rt-service-site-refresh__stage aside strong {
    width: fit-content;
    display: inline-flex;
    margin-top: 22px;
    padding: 11px 16px;
    border-radius: 999px;
    background: #171820;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rt-service-site-refresh__signal {
    position: absolute;
    z-index: 4;
    right: clamp(40px, 4vw, 78px);
    bottom: clamp(194px, 15vw, 290px);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 18px 48px rgba(22, 23, 35, .14);
}

.rt-service-site-refresh__signal i {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #6255ff;
}

.rt-service-site-refresh__signal i:nth-of-type(2) {
    background: #d7cb1f;
}

.rt-service-site-refresh__signal i:nth-of-type(3) {
    background: #171820;
}

.rt-service-site-refresh__signal span {
    color: #171820;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.rt-service-site-refresh__tabs {
    position: absolute;
    z-index: 4;
    left: clamp(28px, 3vw, 58px);
    right: clamp(28px, 3vw, 58px);
    bottom: clamp(28px, 3vw, 58px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.rt-service-site-refresh__tabs button {
    min-height: 58px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(23, 24, 32, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: #171820;
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 45px rgba(22, 23, 35, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;
}

.rt-service-site-refresh__tabs button span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(98, 85, 255, .12);
    color: #6255ff;
    font-size: 12px;
}

.rt-service-site-refresh__tabs button:hover,
.rt-service-site-refresh__tabs button:focus-visible,
.rt-service-site-refresh__tabs button.is-active {
    border-color: rgba(98, 85, 255, .32);
    background: #6255ff;
    color: #fff;
    transform: translateY(-4px);
}

.rt-service-site-refresh__tabs button:hover span,
.rt-service-site-refresh__tabs button:focus-visible span,
.rt-service-site-refresh__tabs button.is-active span {
    background: #d7cb1f;
    color: #171820;
}

.rt-service-site-checklist {
    padding-top: clamp(52px, 4vw, 92px);
    background: linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
}

.rt-service-site-checklist__inner {
    display: grid;
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: center;
}

.rt-service-site-checklist__visual {
    min-height: clamp(460px, 35vw, 680px);
    overflow: hidden;
    border-radius: clamp(34px, 3vw, 56px);
    background: #efefff;
    box-shadow: 0 30px 90px rgba(28, 29, 44, .1);
}

.rt-service-site-checklist__visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.rt-service-site-checklist__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.1vw, 22px);
    margin-top: clamp(30px, 3vw, 56px);
}

.rt-service-site-checklist__grid article {
    min-height: clamp(190px, 12vw, 270px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(30, 31, 42, .1);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 70px rgba(28, 29, 44, .07);
    transition: transform .26s ease, box-shadow .26s ease;
}

.rt-service-site-checklist__grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 84px rgba(28, 29, 44, .11);
}

.rt-service-site-checklist__grid h3 {
    margin: 0;
    color: #20212a;
    font-size: clamp(26px, 1.8vw, 38px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-site-checklist__grid span {
    display: block;
    margin-top: 14px;
    color: #555761;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.48;
}

@media (max-width: 1180px) {
    .rt-service-brand-room__inner,
    .rt-service-brand-process__inner,
    .rt-service-logo-lab__inner,
    .rt-service-logo-rules__inner,
    .rt-service-site-refresh__inner,
    .rt-service-site-checklist__inner {
        grid-template-columns: 1fr;
    }

    .rt-service-brand-room__copy,
    .rt-service-brand-process__copy,
    .rt-service-logo-lab__copy,
    .rt-service-logo-rules__copy,
    .rt-service-site-refresh__copy,
    .rt-service-site-checklist__copy {
        max-width: 980px;
    }
}

/* Codex: refinements for /realizzazione-siti-web-dinamici/. */
.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-benefit-strip article {
    display: flex !important;
    min-height: 250px !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 30px !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-benefit-strip h3 {
    margin-top: 0 !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-features.rt-web-goals {
    background: #fff !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-features.rt-web-goals .rt-web-goals__tabbar,
.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-features.rt-web-goals .rt-web-goals__panels {
    width: min(100%, 1132px) !important;
    max-width: 1132px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-features.rt-web-goals .rt-web-goals__head h2 {
    font-size: 42px !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-features.rt-web-goals .rt-web-goals__copy h3 {
    font-size: 26px !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why {
    background: #fff !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why .rt-web-section-head {
    text-align: center !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__grid {
    max-width: 1180px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__grid article {
    display: flex !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 18px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: center !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__grid article::before {
    display: none !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__icon {
    width: auto !important;
    height: auto !important;
    margin-bottom: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--rt-dynamic-purple, #6255ff) !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__icon .material-symbols-rounded {
    font-size: 48px !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__grid h3 {
    margin: 0 0 10px !important;
    font-size: 26px !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__grid p {
    max-width: 350px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 1180px) {
    .rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}

@media (max-width: 760px) {
    .rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-benefit-strip article {
        min-height: 0 !important;
    }

    .rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-features.rt-web-goals .rt-web-goals__head h2 {
        font-size: 32px !important;
    }

    .rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-why__icon .material-symbols-rounded {
        font-size: 42px !important;
    }
}

/* Codex: dynamic/static comparison in Google Ads include-card style. */
.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare {
    background: #fff !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__grid {
    width: min(100%, 1320px) !important;
    margin: clamp(38px, 5vw, 72px) auto 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    border: 0 !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__grid article {
    min-height: 260px !important;
    padding: clamp(22px, 2.35vw, 34px) !important;
    display: grid !important;
    grid-template-rows: 52px auto 1fr !important;
    align-items: start !important;
    gap: 14px !important;
    border: 1px solid rgba(98, 85, 246, .22) !important;
    border-radius: 26px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(248, 250, 253, .72)),
        #f7f8fb !important;
    box-shadow: 0 14px 34px rgba(18, 20, 35, .06) !important;
    overflow: hidden !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__grid article::before {
    content: none !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__icon {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: rgba(98, 85, 246, .72) !important;
    font-family: "Material Symbols Rounded" !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 24 !important;
    font-feature-settings: "liga" !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__grid h3 {
    margin: 0 !important;
    color: #253044 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__grid p {
    margin: 0 !important;
    color: #526174 !important;
    font-size: clamp(15px, 1.02vw, 17px) !important;
    line-height: 1.45 !important;
}

.rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__note {
    background: #fff !important;
}

@media (max-width: 1180px) {
    .rt-dynamic-page[data-rt-dedicated-page="realizzazione-siti-web-dinamici"] .rt-dynamic-compare__grid {
        grid-template-columns: 1fr !important;
    }
}

/* Codex: keep the custom solutions services section on a white background. */
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-solutions.rt-web-goals {
    background: #fff !important;
}

@media (max-width: 767px) {
    .rt-service-brand-room,
    .rt-service-brand-process,
    .rt-service-logo-lab,
    .rt-service-logo-rules,
    .rt-service-site-refresh,
    .rt-service-site-checklist {
        padding: 72px var(--rt-service-gutter);
    }

    .rt-service-brand-room__copy h2,
    .rt-service-brand-process__copy h2,
    .rt-service-logo-lab__copy h2,
    .rt-service-logo-rules__copy h2,
    .rt-service-site-refresh__copy h2,
    .rt-service-site-checklist__copy h2 {
        font-size: clamp(42px, 13vw, 58px);
        line-height: .92;
    }

    .rt-service-brand-room__copy span,
    .rt-service-logo-lab__copy span {
        font-size: 18px;
    }

    .rt-service-brand-room__stage {
        min-height: 760px;
        border-radius: 34px;
    }

    .rt-service-brand-room__stage figure {
        inset: 22px 22px auto;
        height: 260px;
        border-radius: 26px;
    }

    .rt-service-brand-room__stage aside {
        left: 22px;
        right: 22px;
        bottom: 206px;
        min-height: 250px;
        padding: 24px;
        padding-right: 24px;
        border-radius: 26px;
    }

    .rt-service-brand-room__stage aside h3 {
        font-size: clamp(38px, 13vw, 58px);
    }

    .rt-service-brand-room__palette {
        display: none;
    }

    .rt-service-brand-room__tabs {
        left: 22px;
        right: auto;
        bottom: 22px;
        width: calc(100% - 44px);
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .rt-service-brand-room__tabs::-webkit-scrollbar {
        display: none;
    }

    .rt-service-brand-room__tabs button {
        min-width: 210px;
        scroll-snap-align: start;
    }

    .rt-service-brand-process__visual {
        min-height: 320px;
        border-radius: 30px;
    }

    .rt-service-brand-process__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-brand-process__grid article {
        min-height: 210px;
    }

    .rt-service-logo-lab__stage {
        min-height: 780px;
        border-radius: 34px;
    }

    .rt-service-logo-lab__stage figure {
        left: 22px;
        top: 22px;
        width: calc(100% - 44px);
        height: 270px;
        border-radius: 26px;
    }

    .rt-service-logo-lab__stage aside {
        left: 22px;
        right: 22px;
        top: 316px;
        width: auto;
        padding: 24px;
        border-radius: 26px;
    }

    .rt-service-logo-lab__stage aside h3 {
        font-size: clamp(38px, 13vw, 58px);
    }

    .rt-service-logo-lab__tools {
        display: none;
    }

    .rt-service-logo-lab__tabs {
        left: 22px;
        right: auto;
        bottom: 22px;
        width: calc(100% - 44px);
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .rt-service-logo-lab__tabs::-webkit-scrollbar {
        display: none;
    }

    .rt-service-logo-lab__tabs button {
        min-width: 210px;
        scroll-snap-align: start;
    }

    .rt-service-logo-rules__visual {
        min-height: 320px;
        border-radius: 30px;
    }

    .rt-service-logo-rules__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-logo-rules__grid article {
        min-height: 210px;
    }

    .rt-service-site-refresh__copy span {
        font-size: 18px;
    }

    .rt-service-site-refresh__stage {
        min-height: 800px;
        border-radius: 34px;
    }

    .rt-service-site-refresh__stage figure {
        inset: 22px 22px auto;
        height: 290px;
        border-radius: 26px;
    }

    .rt-service-site-refresh__stage aside {
        left: 22px;
        right: 22px;
        bottom: 188px;
        min-height: 270px;
        padding: 24px;
        padding-right: 24px;
        border-radius: 26px;
    }

    .rt-service-site-refresh__stage aside h3 {
        font-size: clamp(38px, 13vw, 58px);
    }

    .rt-service-site-refresh__signal {
        display: none;
    }

    .rt-service-site-refresh__tabs {
        left: 22px;
        right: auto;
        bottom: 22px;
        width: calc(100% - 44px);
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .rt-service-site-refresh__tabs::-webkit-scrollbar {
        display: none;
    }

    .rt-service-site-refresh__tabs button {
        min-width: 220px;
        scroll-snap-align: start;
    }

    .rt-service-site-checklist__visual {
        min-height: 320px;
        border-radius: 30px;
    }

    .rt-service-site-checklist__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-site-checklist__grid article {
        min-height: 210px;
    }
}

.rt-service-audit-map,
.rt-service-audit-console,
.rt-service-audit-outcomes {
    width: 100%;
    padding: clamp(86px, 7.5vw, 148px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-audit-map__inner,
.rt-service-audit-console__inner,
.rt-service-audit-outcomes__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-audit-map {
    background:
        radial-gradient(circle at 10% 18%, rgba(98, 85, 255, .12), transparent 31%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-audit-map__inner {
    display: grid;
    grid-template-columns: minmax(320px, .74fr) minmax(0, 1.26fr);
    gap: clamp(40px, 5vw, 96px);
    align-items: start;
}

.rt-service-audit-map__intro {
    position: sticky;
    top: 118px;
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rt-service-audit-map__intro p,
.rt-service-audit-console__head p,
.rt-service-audit-outcomes__title p {
    margin: 0 0 14px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 850;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.rt-service-audit-map__intro h2,
.rt-service-audit-console__head h2,
.rt-service-audit-outcomes__title h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.7vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-audit-map__intro span,
.rt-service-audit-console__head span {
    display: block;
    max-width: 620px;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4c4e58;
    font-size: clamp(18px, 1.18vw, 24px);
    line-height: 1.52;
}

.rt-service-audit-map__intro div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: clamp(28px, 2.7vw, 48px);
}

.rt-service-audit-map__intro em {
    padding: 11px 15px;
    border: 1px solid rgba(98, 85, 255, .24);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #252630;
    font-size: 13px;
    font-style: normal;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-audit-map__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 1.7vw, 32px);
}

.rt-service-audit-map__cards article {
    min-height: clamp(380px, 27vw, 520px);
    display: flex;
    flex-direction: column;
    padding: clamp(24px, 2.25vw, 44px);
    border: 1px solid rgba(28, 29, 40, .09);
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(250, 250, 255, .78)),
        radial-gradient(circle at 82% 12%, rgba(98, 85, 255, .16), transparent 32%);
    box-shadow: 0 24px 80px rgba(33, 34, 48, .08);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.rt-service-audit-map__cards article:hover {
    border-color: rgba(98, 85, 255, .28);
    box-shadow: 0 32px 90px rgba(33, 34, 48, .12);
    transform: translateY(-8px);
}

.rt-service-audit-map__cards article > span {
    width: fit-content;
    margin-bottom: 24px;
    padding: 9px 13px;
    border-radius: 999px;
    background: var(--rt-service-blue);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-audit-map__cards h3 {
    max-width: 520px;
    margin: 0 0 18px;
    color: #191a22;
    font-size: clamp(28px, 2.1vw, 45px);
    font-weight: 850;
    line-height: 1.02;
}

.rt-service-audit-map__cards p,
.rt-service-audit-map__cards li {
    color: #424550;
    font-size: clamp(16px, 1vw, 20px);
    line-height: 1.5;
}

.rt-service-audit-map__cards p {
    margin: 0 0 16px;
}

.rt-service-audit-map__cards ul {
    margin: 0;
    padding-left: 20px;
}

.rt-service-audit-map__cards a {
    width: fit-content;
    margin-top: auto;
    color: #15161d;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
}

.rt-service-audit-map__cards a::after {
    content: " ->";
    color: var(--rt-service-blue);
}

.rt-service-audit-console {
    background:
        linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
}

.rt-service-audit-console__head {
    max-width: 1100px;
    margin-bottom: clamp(36px, 4vw, 72px);
}

.rt-service-audit-console__body {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
    gap: clamp(28px, 4vw, 78px);
    align-items: center;
}

.rt-service-audit-console__visual {
    min-height: clamp(520px, 34vw, 700px);
    position: relative;
    overflow: hidden;
    border-radius: 38px;
    background: #16171d;
    box-shadow: 0 34px 90px rgba(29, 30, 45, .16);
    isolation: isolate;
}

.rt-service-audit-console__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(22, 23, 29, .05), rgba(22, 23, 29, .62)),
        radial-gradient(circle at 78% 20%, rgba(98, 85, 255, .32), transparent 32%);
    z-index: 1;
    pointer-events: none;
}

.rt-service-audit-console__visual img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    opacity: .8;
    transform: scale(1.02);
}

.rt-service-audit-console__visual.is-changing img {
    animation: rtAuditImage .42s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-audit-console__screen {
    position: absolute;
    left: clamp(22px, 2.5vw, 46px);
    right: clamp(22px, 2.5vw, 46px);
    bottom: clamp(22px, 2.5vw, 46px);
    z-index: 2;
    padding: clamp(22px, 2.25vw, 42px);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 28px;
    background: rgba(255, 255, 255, .88);
    backdrop-filter: blur(18px);
}

.rt-service-audit-console__screen span {
    display: block;
    margin-bottom: 10px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rt-service-audit-console__screen strong {
    display: block;
    margin-bottom: 14px;
    color: #171820;
    font-size: clamp(32px, 3vw, 58px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-audit-console__screen p {
    max-width: 760px;
    margin: 0;
    color: #383b45;
    font-size: clamp(17px, 1.05vw, 21px);
    line-height: 1.48;
}

.rt-service-audit-console__screen a {
    display: inline-flex;
    margin-top: 24px;
    color: #15161d;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
}

.rt-service-audit-console__screen a::after {
    content: " ->";
    margin-left: 6px;
    color: var(--rt-service-blue);
}

.rt-service-audit-console__tabs {
    display: grid;
    gap: 14px;
}

.rt-service-audit-console__tabs button {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 18px;
    align-items: center;
    padding: clamp(18px, 1.5vw, 28px);
    border: 1px solid rgba(30, 30, 40, .1);
    border-radius: 24px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 20px 58px rgba(30, 31, 43, .06);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.rt-service-audit-console__tabs button:hover,
.rt-service-audit-console__tabs button:focus-visible,
.rt-service-audit-console__tabs button.is-active {
    border-color: rgba(98, 85, 255, .36);
    background: #f5f4ff;
    transform: translateX(-8px);
}

.rt-service-audit-console__tabs button span {
    grid-row: span 2;
    width: 48px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #191a22;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

.rt-service-audit-console__tabs button strong {
    color: #191a22;
    font-size: clamp(20px, 1.35vw, 28px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-audit-console__tabs button em {
    color: #5c5f69;
    font-size: clamp(14px, .88vw, 17px);
    font-style: normal;
    font-weight: 650;
}

.rt-service-audit-outcomes {
    background: #fff;
}

.rt-service-audit-outcomes__inner {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: clamp(38px, 5vw, 92px);
    align-items: center;
}

.rt-service-audit-outcomes__title h2 {
    max-width: 760px;
}

.rt-service-audit-outcomes__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 28px);
}

.rt-service-audit-outcomes__grid article {
    min-height: clamp(300px, 22vw, 420px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(22px, 2vw, 38px);
    border-radius: 32px;
    background:
        linear-gradient(160deg, rgba(98, 85, 255, .95), rgba(98, 85, 255, .72)),
        radial-gradient(circle at 80% 0%, rgba(255, 255, 255, .24), transparent 30%);
    color: #fff;
    box-shadow: 0 28px 74px rgba(98, 85, 255, .18);
    transition: transform .25s ease;
}

.rt-service-audit-outcomes__grid article:nth-child(2) {
    background:
        linear-gradient(160deg, #20212a, #383946),
        radial-gradient(circle at 82% 8%, rgba(98, 85, 255, .32), transparent 32%);
}

.rt-service-audit-outcomes__grid article:hover {
    transform: translateY(-8px);
}

.rt-service-audit-outcomes__grid span {
    width: 54px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    margin-bottom: auto;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 50%;
    color: #fff;
    font-weight: 900;
}

.rt-service-audit-outcomes__grid h3 {
    margin: clamp(50px, 7vw, 120px) 0 14px;
    color: #fff;
    font-size: clamp(25px, 1.75vw, 38px);
    font-weight: 900;
    line-height: 1.02;
}

.rt-service-audit-outcomes__grid p {
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: clamp(16px, .98vw, 19px);
    line-height: 1.5;
}

@keyframes rtAuditImage {
    from {
        opacity: .45;
        transform: scale(1.05);
    }

    to {
        opacity: .8;
        transform: scale(1.02);
    }
}

@keyframes rtServiceConsultImage {
    from {
        opacity: .35;
        transform: scale(1.035);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes rtServiceOrbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes rtServicePulse {
    0%,
    100% {
        transform: translateY(0) scale(1);
    }

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

@keyframes rtServiceFadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rtServiceTitleRise {
    from {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.985);
        filter: blur(8px);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
    }
}

.rt-service-extra-narrative {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 34px) clamp(34px, 5vw, 82px);
}

.rt-service-extra-narrative p {
    margin: 0;
    color: #3d3f47;
    font-size: clamp(17px, 1.13vw, 22px);
    line-height: 1.58;
}

.rt-service-content-list {
    display: grid;
    gap: clamp(64px, 7vw, 132px);
}

.rt-service-content-row {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: clamp(42px, 6vw, 110px);
    align-items: center;
}

.rt-service-content-row.is-reverse {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
}

.rt-service-content-row.is-reverse .rt-service-content-row__media {
    order: 2;
}

.rt-service-content-row.is-reverse .rt-service-content-row__copy {
    order: 1;
}

.rt-service-content-row__media {
    overflow: hidden;
    border-radius: 28px;
    background: #f0efff;
}

.rt-service-content-row__media img {
    width: 100%;
    min-height: clamp(300px, 22vw, 430px);
    display: block;
    object-fit: cover;
    object-position: center;
}

.rt-service-content-row__copy {
    max-width: 850px;
}

.rt-service-content-row__copy h3 {
    margin: 0 0 28px;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(40px, 3.6vw, 72px);
    font-weight: 500;
    line-height: .98;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}

.rt-service-content-row__copy p,
.rt-service-content-row__copy li {
    color: #2d2f37;
    font-size: clamp(18px, 1.23vw, 25px);
    line-height: 1.48;
}

.rt-service-content-row__copy p {
    margin: 0 0 22px;
}

.rt-service-content-row__copy p:last-child {
    margin-bottom: 0;
}

.rt-service-content-row__copy ul,
.rt-service-content-row__copy ol {
    margin: 20px 0 0 1.2em;
    padding: 0;
}

.rt-service-content-row__copy li {
    margin-bottom: 16px;
}

.rt-service-content-row__copy a {
    color: var(--rt-service-blue);
    font-weight: 850;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.rt-service-content-row__copy strong,
.rt-service-content-row__copy b {
    color: #24252a;
    font-weight: 850;
}

.rt-service-logo-strip {
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.rt-service-logo-strip__track {
    display: flex;
    width: max-content;
    gap: clamp(16px, 2vw, 34px);
    padding-block: 8px;
    animation: rtServiceLogos 34s linear infinite;
}

.rt-service-logo-strip:hover .rt-service-logo-strip__track {
    animation-play-state: paused;
}

.rt-service-logo-strip a {
    width: clamp(150px, 12vw, 230px);
    height: clamp(84px, 6.8vw, 128px);
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0;
    border: 1px solid rgba(28, 28, 35, .08);
    border-radius: 24px;
    background: rgba(255, 255, 255, .54);
    text-decoration: none;
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.rt-service-logo-strip a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .62));
    pointer-events: none;
    transition: opacity .22s ease;
}

.rt-service-logo-strip a:hover,
.rt-service-logo-strip a:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(98, 85, 255, .24);
    background: rgba(255, 255, 255, .86);
}

.rt-service-logo-strip img {
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .76;
    filter: grayscale(1) saturate(.8);
    transition: opacity .22s ease, filter .22s ease, transform .22s ease;
}

.rt-service-logo-strip a:hover img,
.rt-service-logo-strip a:focus-visible img {
    opacity: 1;
    filter: grayscale(0);
    transform: scale(1.04);
}

.rt-service-logo-strip a:hover::after,
.rt-service-logo-strip a:focus-visible::after {
    opacity: .18;
}

@keyframes rtServiceLogos {
    from {
        transform: translate3d(0, 0, 0);
    }

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

.rt-service-card {
    position: relative;
    min-height: clamp(360px, 27vw, 520px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    isolation: isolate;
    grid-column: span 4;
    border: 1px solid rgba(255, 255, 255, .74);
    border-radius: clamp(28px, 2.4vw, 42px);
    background: #171820;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 28px 86px rgba(25, 25, 35, .11);
    transition: transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease, border-color .28s ease;
}

.rt-service-card:nth-child(1),
.rt-service-card:nth-child(2) {
    grid-column: span 6;
}

.rt-service-card:nth-child(n+3) {
    grid-column: span 3;
}

.rt-service-card::before,
.rt-service-card::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.rt-service-card::before {
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(16, 17, 23, .04) 0%, rgba(16, 17, 23, .36) 42%, rgba(16, 17, 23, .88) 100%),
        radial-gradient(circle at 86% 16%, rgba(98, 85, 255, .36), transparent 36%);
}

.rt-service-card::after {
    right: clamp(18px, 2vw, 34px);
    top: clamp(18px, 2vw, 34px);
    width: clamp(54px, 5vw, 88px);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .44);
    border-radius: 50%;
    background: rgba(98, 85, 255, .72);
    box-shadow: 0 18px 50px rgba(98, 85, 255, .28);
    transition: transform .28s ease, background .28s ease;
}

.rt-service-card:hover,
.rt-service-card:focus-visible {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .35);
    box-shadow: 0 38px 110px rgba(25, 25, 35, .18);
}

.rt-service-card:hover::after,
.rt-service-card:focus-visible::after {
    transform: scale(1.16);
    background: rgba(215, 203, 31, .78);
}

.rt-service-card__media {
    position: absolute;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    background: #eff1f7;
}

.rt-service-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    filter: saturate(.96) contrast(1.02);
    transition: transform .52s cubic-bezier(.2, .8, .2, 1), filter .35s ease;
}

.rt-service-card:hover .rt-service-card__media img {
    transform: scale(1.12);
    filter: saturate(1.06) contrast(1.08);
}

.rt-service-card__copy {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 12px;
    margin: clamp(18px, 2vw, 30px);
    padding: clamp(22px, 2vw, 34px);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08));
    backdrop-filter: blur(16px);
}

.rt-service-card strong {
    color: #fff;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(25px, 1.75vw, 36px);
    font-weight: 500;
    line-height: .98;
    text-wrap: balance;
}

.rt-service-card em {
    color: rgba(255, 255, 255, .82);
    font-size: clamp(15px, 1vw, 18px);
    font-style: normal;
    line-height: 1.48;
}

.rt-service-full-content__body {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2.4vw, 34px) clamp(32px, 5vw, 86px);
}

.rt-service-full-content__body h3,
.rt-service-full-content__body p {
    margin: 0;
    min-width: 0;
}

.rt-service-full-content__body h3 {
    color: #17171d;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(29px, 2.45vw, 54px);
    font-weight: 500;
    line-height: 1;
}

.rt-service-full-content__body p {
    color: #3d3f47;
    font-size: clamp(17px, 1.08vw, 21px);
    line-height: 1.62;
}

.rt-service-full-content__body h3 + p {
    margin-top: -8px;
}

.rt-service-proof {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: clamp(34px, 6vw, 118px);
    background: #fff;
}

.rt-service-proof__list {
    display: grid;
    gap: 16px;
}

.rt-service-proof__list article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: start;
    padding: clamp(20px, 2vw, 30px);
    border: 1px solid rgba(30, 30, 34, .12);
    border-radius: 24px;
}

.rt-service-proof__copy > span {
    display: block;
    max-width: 660px;
    margin-top: 24px;
    color: #555761;
    font-size: clamp(18px, 1.12vw, 23px);
    line-height: 1.5;
}

.rt-service-proof__list span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--rt-service-blue);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
}

.rt-service-proof__list span::before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 999px;
    background: #fff;
}

.rt-service-proof__list p {
    margin: 0;
    color: #30323a;
    font-size: clamp(17px, 1.2vw, 22px);
    line-height: 1.45;
}

.rt-service-tools {
    padding-bottom: 0;
    background: #4f51f0;
    color: #fff;
}

.rt-service-tools__inner {
    width: min(100%, var(--rt-service-max));
    min-height: clamp(620px, 44vw, 840px);
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: end;
}

.rt-service-tools__visual {
    position: relative;
    min-height: clamp(470px, 34vw, 650px);
    align-self: end;
}

.rt-service-tools__logo {
    display: none;
    position: absolute;
    left: 0;
    top: 8%;
    width: min(88%, 700px);
    height: auto;
    opacity: .96;
    filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .08));
}

.rt-service-tools__team {
    position: absolute;
    left: -4%;
    bottom: 0;
    width: min(104%, 860px);
    height: auto;
    object-fit: contain;
    object-position: bottom left;
    filter: none;
}

.rt-service-tools__copy {
    align-self: center;
    padding-block: clamp(50px, 6vw, 98px);
}

.rt-service-tools__copy h2 {
    max-width: 780px;
    margin: 0 0 28px;
    color: #fff;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 4.4vw, 92px);
    font-weight: 500;
    line-height: .92;
    letter-spacing: 0;
}

.rt-service-tools__copy p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .96);
    font-size: clamp(20px, 1.45vw, 31px);
    font-weight: 400;
    line-height: 1.28;
}

.rt-service-tools__copy p + p {
    margin-top: 28px;
}

.rt-service-tools__copy strong {
    color: #fff;
    font-weight: 850;
}

.rt-service-tools__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-top: 0;
    padding-bottom: clamp(52px, 5vw, 86px);
}

.rt-service-tools__grid a {
    min-height: 132px;
    display: grid;
    place-items: center;
    gap: 14px;
    padding: 24px;
    border: 1px solid rgba(30, 30, 38, .14);
    border-radius: 22px;
    background: rgba(255, 255, 255, .9);
    color: #171820;
    text-align: center;
    text-decoration: none;
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 48px rgba(18, 18, 32, .08);
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rt-service-tools__grid a:hover,
.rt-service-tools__grid a:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, .62);
    background: #fff;
    box-shadow: 0 24px 64px rgba(18, 18, 32, .14);
}

.rt-service-tools__grid img {
    max-width: min(150px, 80%);
    max-height: 72px;
    object-fit: contain;
}

.rt-service-tools__grid span {
    color: #171820;
    font-weight: 850;
}

.rt-service-projects {
    background: var(--rt-service-blue);
}

.rt-service-projects .rt-service-section-head p,
.rt-service-projects .rt-service-section-head h2,
.rt-service-projects .rt-service-section-head span {
    color: #fff;
}

.rt-service-projects .rt-slider--projects {
    background: transparent !important;
}

.rt-service-projects .rt-project-card strong {
    color: #fff !important;
}

.rt-service-cta {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(260px, .48fr);
    align-items: center;
    gap: clamp(32px, 5vw, 80px);
    border-radius: 0;
    background: #f7f7ff;
    box-shadow: 0 0 0 100vmax #f7f7ff;
    clip-path: inset(0 -100vmax);
}

.rt-service-cta p {
    max-width: 720px;
    margin: 30px 0 38px;
    color: var(--rt-service-muted);
    font-size: clamp(19px, 1.28vw, 24px);
    font-weight: 400;
    line-height: 1.44;
}

.rt-service-cta h2 {
    max-width: 820px;
    color: var(--rt-service-ink);
    font-size: clamp(48px, 4.4vw, 86px);
    line-height: .94;
}

.rt-service-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: fit-content;
    min-height: 69px;
    padding: 20px 50px;
    border: 1px solid #000;
    border-radius: 999px;
    background: transparent;
    color: #000 !important;
    font-size: 20px;
    font-weight: 850;
    text-transform: none;
}

.rt-service-cta img {
    width: min(100%, 450px);
    height: auto;
    justify-self: center;
    animation: rtServiceCtaFloat 7s ease-in-out infinite alternate;
}

@keyframes rtServiceCtaFloat {
    from {
        transform: translate3d(0, -8px, 0) rotate(-1.5deg);
    }

    to {
        transform: translate3d(0, 12px, 0) rotate(1.5deg);
    }
}

.rt-service-faq {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
    gap: clamp(36px, 6vw, 110px);
    position: relative;
    isolation: isolate;
    background: transparent;
    box-shadow: none;
    clip-path: none;
}

.rt-service-faq::before {
    content: "";
    position: absolute;
    inset: 0 calc(50% - 50vw);
    z-index: -1;
    background:
        radial-gradient(circle at 16% 18%, rgba(98, 85, 255, .12), transparent 34%),
        radial-gradient(circle at 86% 72%, rgba(98, 85, 255, .08), transparent 32%),
        linear-gradient(180deg, rgba(247, 247, 255, 0) 0%, #f7f7ff 18%, #fbfbff 76%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.rt-service-faq__head {
    align-self: start;
}

.rt-service-faq__items {
    display: grid;
}

.rt-service-faq details {
    border-bottom: 1px solid rgba(30, 30, 34, .72);
}

.rt-service-faq summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: clamp(24px, 3vw, 42px) 0;
    color: #111116;
    cursor: pointer;
    font-size: clamp(20px, 1.5vw, 29px);
    font-weight: 850;
    line-height: 1.18;
}

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

.rt-service-faq summary span {
    flex: 0 0 auto;
    color: #111116;
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    transition: transform .2s ease;
}

.rt-service-faq details[open] summary span {
    transform: rotate(45deg);
}

.rt-service-faq details div {
    padding: 0 0 30px;
}

.rt-service-faq details p {
    max-width: 760px;
    margin: 0;
    color: #4f5159;
    font-size: clamp(16px, 1.1vw, 20px);
    line-height: 1.6;
}

.rt-service-reviews {
    background: #fff;
}

.rt-service-reviews .rt-google-reviews {
    background: transparent !important;
}

.rt-service-reviews > .rt-google-reviews {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
}

.rt-service-reviews .rt-google-reviews__summary {
    display: none !important;
}

.rt-service-extra--audience {
    padding: clamp(82px, 8vw, 150px) 0 !important;
    background:
        radial-gradient(circle at 72% 18%, rgba(98, 85, 255, .12), transparent 32%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%) !important;
    color: var(--rt-service-ink);
}

.rt-service-extra--audience::before {
    right: 2%;
    top: 10%;
    width: min(34vw, 520px);
    border-color: rgba(98, 85, 255, .12);
}

.rt-service-audience-explorer__head {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto clamp(36px, 4vw, 72px);
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1fr);
    gap: clamp(28px, 6vw, 120px);
    align-items: end;
}

.rt-service-audience-explorer__head > div {
    padding-top: clamp(28px, 3.4vw, 70px);
}

.rt-service-audience-explorer__head p {
    margin: 0 0 14px;
    color: var(--rt-service-blue);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-audience-explorer__head h2 {
    max-width: 880px;
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(54px, 6vw, 118px);
    font-weight: 500;
    line-height: .9;
}

.rt-service-audience-explorer__head span {
    max-width: 760px;
    color: #4d4f58;
    font-size: clamp(18px, 1.28vw, 25px);
    line-height: 1.48;
}

.rt-service-audience-explorer {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: minmax(320px, .86fr) minmax(420px, .78fr);
    gap: clamp(32px, 5vw, 92px);
    align-items: start;
}

.rt-service-extra--audience .rt-service-audience-grid {
    width: auto;
    margin: clamp(12px, 1.7vw, 32px) 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: clamp(10px, 1vw, 16px);
    counter-reset: none;
}

.rt-service-extra--audience .rt-service-audience-grid a,
.rt-service-extra--audience .rt-service-audience-grid span,
.rt-service-extra--audience .rt-service-audience-grid a:nth-child(n),
.rt-service-extra--audience .rt-service-audience-grid span:nth-child(n) {
    flex: 0 0 auto;
    min-height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: clamp(14px, 1.15vw, 20px) clamp(18px, 1.55vw, 30px);
    border: 1px solid rgba(28, 28, 36, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .76);
    color: #202128;
    font-size: clamp(18px, 1.16vw, 24px);
    font-weight: 850;
    line-height: 1;
    box-shadow: 0 14px 44px rgba(24, 25, 36, .06);
    backdrop-filter: blur(12px);
    transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease;
}

.rt-service-extra--audience .rt-service-audience-grid a::before,
.rt-service-extra--audience .rt-service-audience-grid span::before,
.rt-service-extra--audience .rt-service-audience-grid a::after,
.rt-service-extra--audience .rt-service-audience-grid span::after {
    display: none;
}

.rt-service-extra--audience .rt-service-audience-grid a:hover,
.rt-service-extra--audience .rt-service-audience-grid a:focus-visible,
.rt-service-extra--audience .rt-service-audience-grid .is-active {
    transform: translateY(-4px);
    border-color: rgba(98, 85, 255, .35);
    background: #6255ff;
    color: #fff;
    box-shadow: 0 22px 62px rgba(98, 85, 255, .2);
}

.rt-service-audience-preview {
    position: sticky;
    top: 112px;
    overflow: hidden;
    border-radius: 34px;
    background: linear-gradient(180deg, #fff 0%, #fafaff 100%);
    box-shadow: 0 30px 90px rgba(28, 29, 42, .10);
    border: 1px solid rgba(98, 85, 255, .12);
}

.rt-service-audience-preview figure {
    position: relative;
    margin: 0;
    height: clamp(300px, 24vw, 480px);
    overflow: hidden;
    background: #f2f1ff;
}

.rt-service-audience-preview figure::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 86% 18%, rgba(98, 85, 255, .18), transparent 34%),
        linear-gradient(180deg, rgba(16, 17, 24, 0) 44%, rgba(16, 17, 24, .22) 100%);
}

.rt-service-audience-preview img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transform: scale(1.02);
    transition: transform .55s ease, opacity .22s ease;
}

.rt-service-audience-preview > div {
    position: relative;
    z-index: 1;
    margin: clamp(-64px, -3.2vw, -42px) clamp(18px, 2vw, 34px) clamp(18px, 2vw, 34px);
    padding: clamp(24px, 2.4vw, 42px);
    border: 1px solid rgba(98, 85, 255, .13);
    border-radius: 28px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 24px 64px rgba(26, 27, 39, .10);
    backdrop-filter: blur(16px);
}

.rt-service-audience-preview p {
    width: fit-content;
    margin: 0 0 16px;
    padding: 9px 13px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .10);
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-audience-preview h3 {
    margin: 0;
    color: #17181f;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(38px, 3.1vw, 68px);
    font-weight: 500;
    line-height: .94;
}

.rt-service-audience-preview span {
    display: block;
    margin-top: 18px;
    color: #40424c;
    font-size: clamp(17px, 1.08vw, 22px);
    line-height: 1.52;
}

.rt-service-audience-preview a {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    padding: 13px 18px;
    border-radius: 999px;
    background: #17181f;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .22s ease, background .22s ease;
}

.rt-service-audience-preview a::after {
    content: "→";
    transition: transform .2s ease;
}

.rt-service-audience-preview a:hover,
.rt-service-audience-preview a:focus-visible {
    transform: translateY(-2px);
    background: var(--rt-service-blue);
}

.rt-service-audience-preview a:hover::after,
.rt-service-audience-preview a:focus-visible::after {
    transform: translateX(5px);
}

.rt-service-audience-preview.is-changing img {
    animation: rtAudienceImage .46s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-audience-preview.is-changing > div {
    animation: rtServiceFadeUp .36s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes rtAudienceImage {
    from {
        opacity: .62;
        transform: scale(1.08) translate3d(0, 10px, 0);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translate3d(0, 0, 0);
    }
}

.rt-service-webcraft,
.rt-service-web-types {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-webcraft {
    background:
        radial-gradient(circle at 15% 16%, rgba(98, 85, 255, .12), transparent 32%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-webcraft__inner,
.rt-service-web-types__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-webcraft__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-webcraft__copy {
    max-width: 660px;
}

.rt-service-webcraft__copy p,
.rt-service-web-types__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-webcraft__copy h2,
.rt-service-web-types__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.5vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-webcraft__copy span,
.rt-service-web-types__head span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-webcraft__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-webcraft__copy a:hover,
.rt-service-webcraft__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-webcraft__stage {
    position: relative;
    min-width: 0;
}

.rt-service-webcraft__stage::before,
.rt-service-webcraft__stage::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.rt-service-webcraft__stage::before {
    width: clamp(190px, 18vw, 330px);
    aspect-ratio: 1;
    right: -8%;
    top: -10%;
    background: rgba(98, 85, 255, .18);
}

.rt-service-webcraft__stage::after {
    width: clamp(120px, 10vw, 190px);
    aspect-ratio: 1;
    left: -5%;
    bottom: 7%;
    background: rgba(216, 211, 22, .24);
}

.rt-service-webcraft__browser {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    min-height: clamp(560px, 37vw, 720px);
    padding: clamp(18px, 1.6vw, 30px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(28px, 2.5vw, 46px);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(245, 244, 255, .82)),
        radial-gradient(circle at 100% 0%, rgba(98, 85, 255, .2), transparent 36%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
    overflow: hidden;
}

.rt-service-webcraft__bar {
    height: 52px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #6d7080;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    box-shadow: 0 16px 44px rgba(34, 35, 48, .08);
}

.rt-service-webcraft__bar i {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-webcraft__bar i:nth-child(2) {
    background: #ffd166;
}

.rt-service-webcraft__bar i:nth-child(3) {
    background: #2dd4bf;
}

.rt-service-webcraft__bar span {
    margin-left: 6px;
}

.rt-service-webcraft__browser figure {
    height: clamp(260px, 21vw, 410px);
    margin: clamp(18px, 1.7vw, 30px) 0 0;
    border-radius: clamp(22px, 2vw, 34px);
    overflow: hidden;
    background: #11131b;
}

.rt-service-webcraft__browser figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}

.rt-service-webcraft__browser.is-changing figure img {
    animation: rtWebcraftImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-webcraft__browser aside {
    position: relative;
    width: min(86%, 620px);
    margin: clamp(-72px, -5vw, -42px) auto 0;
    padding: clamp(26px, 2.3vw, 44px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .13);
    backdrop-filter: blur(16px);
}

.rt-service-webcraft__browser.is-changing aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-webcraft__browser aside p {
    margin: 0 0 8px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-webcraft__browser aside h3 {
    max-width: 560px;
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-webcraft__browser aside span {
    display: block;
    margin-top: 16px;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-webcraft__browser aside strong {
    display: inline-flex;
    margin-top: 22px;
    padding: 12px 17px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-webcraft__steps {
    position: relative;
    z-index: 2;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.rt-service-webcraft__steps button {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-webcraft__steps button span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
}

.rt-service-webcraft__steps button:hover,
.rt-service-webcraft__steps button:focus-visible,
.rt-service-webcraft__steps button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-webcraft__steps button:hover span,
.rt-service-webcraft__steps button:focus-visible span,
.rt-service-webcraft__steps button.is-active span {
    background: #d8d316;
    color: #191a22;
}

.rt-service-web-types {
    background:
        radial-gradient(circle at 88% 20%, rgba(98, 85, 255, .11), transparent 29%),
        #fff;
}

.rt-service-web-types__inner {
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: center;
}

.rt-service-web-types__head {
    max-width: 720px;
}

.rt-service-web-types__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-web-types__grid a {
    min-height: clamp(320px, 20vw, 420px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 26px 80px rgba(35, 36, 54, .13);
    isolation: isolate;
}

.rt-service-web-types__grid a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(20, 20, 28, .06), rgba(20, 20, 28, .78));
}

.rt-service-web-types__grid img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.rt-service-web-types__grid a:hover img,
.rt-service-web-types__grid a:focus-visible img {
    transform: scale(1.08);
    filter: saturate(1.08);
}

.rt-service-web-types__grid span {
    font-size: clamp(28px, 2.2vw, 46px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-web-types__grid p {
    max-width: 420px;
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.45;
}

.rt-service-web-types__strip {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.4vw, 24px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-web-types__strip img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

@keyframes rtWebcraftImage {
    from {
        opacity: .62;
        transform: scale(1.08) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translateY(0);
    }
}

.rt-service-commerce-lab,
.rt-service-commerce-stack {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-commerce-lab {
    background:
        radial-gradient(circle at 12% 14%, rgba(98, 85, 255, .13), transparent 30%),
        radial-gradient(circle at 92% 78%, rgba(216, 211, 22, .18), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-commerce-lab__inner,
.rt-service-commerce-stack__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-commerce-lab__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-commerce-lab__copy {
    max-width: 680px;
}

.rt-service-commerce-lab__copy p,
.rt-service-commerce-stack__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-commerce-lab__copy h2,
.rt-service-commerce-stack__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.4vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-commerce-lab__copy span,
.rt-service-commerce-stack__head span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-commerce-lab__board {
    position: relative;
    min-width: 0;
    padding: clamp(18px, 1.7vw, 30px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 243, 255, .86)),
        radial-gradient(circle at 92% 0%, rgba(98, 85, 255, .2), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
    overflow: hidden;
}

.rt-service-commerce-lab__board::before {
    content: "";
    position: absolute;
    width: clamp(210px, 22vw, 400px);
    aspect-ratio: 1;
    right: -9%;
    top: -12%;
    border-radius: 50%;
    background: rgba(98, 85, 255, .18);
    pointer-events: none;
}

.rt-service-commerce-lab__board figure {
    position: relative;
    height: clamp(300px, 23vw, 440px);
    margin: 0;
    border-radius: clamp(24px, 2vw, 36px);
    overflow: hidden;
    background: #11131b;
}

.rt-service-commerce-lab__board figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}

.rt-service-commerce-lab__board.is-changing figure img {
    animation: rtCommerceImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-commerce-lab__board aside {
    position: relative;
    width: min(90%, 680px);
    margin: clamp(-92px, -6vw, -54px) auto 0;
    padding: clamp(26px, 2.3vw, 44px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .13);
    backdrop-filter: blur(16px);
}

.rt-service-commerce-lab__board.is-changing aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-commerce-lab__screen-head {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    color: #6d7080;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
}

.rt-service-commerce-lab__screen-head i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-commerce-lab__screen-head i:nth-child(2) {
    background: #ffd166;
}

.rt-service-commerce-lab__screen-head i:nth-child(3) {
    background: #2dd4bf;
}

.rt-service-commerce-lab__screen-head span {
    margin-left: 6px;
}

.rt-service-commerce-lab__board aside p {
    margin: 0 0 8px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-commerce-lab__board aside h3 {
    max-width: 620px;
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-commerce-lab__board aside > span {
    display: block;
    margin-top: 16px;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-commerce-lab__board aside strong {
    display: inline-flex;
    margin-top: 22px;
    padding: 12px 17px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-commerce-lab__stats {
    position: absolute;
    right: clamp(22px, 2vw, 42px);
    top: clamp(42px, 3.8vw, 70px);
    width: min(34%, 360px);
    display: grid;
    gap: 12px;
    pointer-events: none;
}

.rt-service-commerce-lab__stats span {
    padding: 13px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #191a22;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    box-shadow: 0 16px 44px rgba(35, 36, 54, .1);
}

.rt-service-commerce-lab__stats i {
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rt-service-blue), rgba(98, 85, 255, .16));
}

.rt-service-commerce-lab__tabs {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.rt-service-commerce-lab__tabs button {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-commerce-lab__tabs button span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
}

.rt-service-commerce-lab__tabs button:hover,
.rt-service-commerce-lab__tabs button:focus-visible,
.rt-service-commerce-lab__tabs button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-commerce-lab__tabs button:hover span,
.rt-service-commerce-lab__tabs button:focus-visible span,
.rt-service-commerce-lab__tabs button.is-active span {
    background: #d8d316;
    color: #191a22;
}

.rt-service-commerce-stack {
    background:
        radial-gradient(circle at 88% 16%, rgba(98, 85, 255, .11), transparent 30%),
        #fff;
}

.rt-service-commerce-stack__inner {
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: start;
}

.rt-service-commerce-stack__head {
    position: sticky;
    top: 120px;
}

.rt-service-commerce-stack__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-commerce-stack__grid article {
    min-height: clamp(360px, 23vw, 460px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border-radius: 30px;
    color: #fff;
    isolation: isolate;
    box-shadow: 0 26px 80px rgba(35, 36, 54, .13);
}

.rt-service-commerce-stack__grid article::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(20, 20, 28, .06), rgba(20, 20, 28, .82));
}

.rt-service-commerce-stack__grid img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.rt-service-commerce-stack__grid article:hover img {
    transform: scale(1.08);
    filter: saturate(1.08);
}

.rt-service-commerce-stack__grid h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-commerce-stack__grid p {
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.45;
}

.rt-service-commerce-stack__checks {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: clamp(22px, 2.2vw, 38px);
}

.rt-service-commerce-stack__checks span {
    padding: 13px 17px;
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: 999px;
    background: rgba(98, 85, 255, .06);
    color: #20212a;
    font-size: 14px;
    font-weight: 900;
}

.rt-service-commerce-stack__projects {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.5vw, 28px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-commerce-stack__projects img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

@keyframes rtCommerceImage {
    from {
        opacity: .62;
        transform: scale(1.08) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translateY(0);
    }
}

.rt-service-mini-commerce,
.rt-service-mini-commerce-fit {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-mini-commerce {
    background:
        radial-gradient(circle at 14% 12%, rgba(98, 85, 255, .12), transparent 31%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-mini-commerce__inner,
.rt-service-mini-commerce-fit__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-mini-commerce__inner {
    display: grid;
    grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-mini-commerce__copy {
    max-width: 720px;
}

.rt-service-mini-commerce__copy p,
.rt-service-mini-commerce-fit__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-mini-commerce__copy h2,
.rt-service-mini-commerce-fit__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.4vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-mini-commerce__copy span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-mini-commerce__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-mini-commerce__copy a:hover,
.rt-service-mini-commerce__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-mini-commerce__device {
    position: relative;
    min-width: 0;
    padding: clamp(18px, 1.7vw, 30px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 243, 255, .86)),
        radial-gradient(circle at 95% 5%, rgba(98, 85, 255, .18), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
    overflow: hidden;
}

.rt-service-mini-commerce__device::before {
    content: "mini shop";
    position: absolute;
    right: clamp(26px, 2vw, 44px);
    top: clamp(26px, 2vw, 44px);
    z-index: 2;
    padding: 11px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #191a22;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    box-shadow: 0 16px 44px rgba(35, 36, 54, .08);
}

.rt-service-mini-commerce__device figure {
    height: clamp(300px, 24vw, 460px);
    margin: 0;
    border-radius: clamp(24px, 2vw, 36px);
    overflow: hidden;
    background: #11131b;
}

.rt-service-mini-commerce__device figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}

.rt-service-mini-commerce__device.is-changing figure img {
    animation: rtCommerceImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-mini-commerce__device aside {
    position: relative;
    width: min(88%, 640px);
    margin: clamp(-90px, -6vw, -52px) auto 0;
    padding: clamp(26px, 2.3vw, 44px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .13);
    backdrop-filter: blur(16px);
}

.rt-service-mini-commerce__device.is-changing aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-mini-commerce__device aside p {
    margin: 0 0 8px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-mini-commerce__device aside h3 {
    max-width: 620px;
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-mini-commerce__device aside span {
    display: block;
    margin-top: 16px;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-mini-commerce__device aside strong {
    display: inline-flex;
    margin-top: 22px;
    padding: 12px 17px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-mini-commerce__tabs {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.rt-service-mini-commerce__tabs button {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-mini-commerce__tabs button span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
}

.rt-service-mini-commerce__tabs button:hover,
.rt-service-mini-commerce__tabs button:focus-visible,
.rt-service-mini-commerce__tabs button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-mini-commerce__tabs button:hover span,
.rt-service-mini-commerce__tabs button:focus-visible span,
.rt-service-mini-commerce__tabs button.is-active span {
    background: #d8d316;
    color: #191a22;
}

.rt-service-mini-commerce-fit {
    background:
        radial-gradient(circle at 88% 16%, rgba(98, 85, 255, .11), transparent 30%),
        #fff;
}

.rt-service-mini-commerce-fit__inner {
    display: grid;
    grid-template-columns: minmax(320px, .7fr) minmax(0, 1.3fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: start;
}

.rt-service-mini-commerce-fit__head {
    position: sticky;
    top: 120px;
}

.rt-service-mini-commerce-fit__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-mini-commerce-fit__grid article {
    min-height: clamp(300px, 18vw, 390px);
    padding: clamp(24px, 2vw, 38px);
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 92% 12%, rgba(98, 85, 255, .12), transparent 32%),
        #fff;
    box-shadow: 0 24px 80px rgba(35, 36, 54, .08);
}

.rt-service-mini-commerce-fit__grid h3 {
    margin: 0 0 16px;
    color: #191a22;
    font-size: clamp(26px, 1.7vw, 38px);
    font-weight: 900;
    line-height: 1.02;
}

.rt-service-mini-commerce-fit__grid p {
    margin: 0;
    color: #4d4f59;
    font-size: clamp(16px, .96vw, 19px);
    line-height: 1.5;
}

.rt-service-mini-commerce-fit__preview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.5vw, 28px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-mini-commerce-fit__preview img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

.rt-service-custom-lab,
.rt-service-custom-architecture {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-custom-lab {
    background:
        radial-gradient(circle at 12% 18%, rgba(98, 85, 255, .14), transparent 31%),
        radial-gradient(circle at 88% 72%, rgba(216, 211, 22, .18), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-custom-lab__inner,
.rt-service-custom-architecture__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-custom-lab__inner {
    display: grid;
    grid-template-columns: minmax(320px, .74fr) minmax(0, 1.26fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-custom-lab__copy {
    max-width: 760px;
}

.rt-service-custom-lab__copy p,
.rt-service-custom-architecture__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-custom-lab__copy h2,
.rt-service-custom-architecture__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.4vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-custom-lab__copy > span,
.rt-service-custom-architecture__head > span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-custom-lab__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-custom-lab__copy a:hover,
.rt-service-custom-lab__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-custom-lab__stage {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
    gap: clamp(18px, 1.5vw, 28px);
    align-items: stretch;
    padding: clamp(18px, 1.8vw, 32px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 243, 255, .86)),
        radial-gradient(circle at 88% 0%, rgba(98, 85, 255, .2), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
}

.rt-service-custom-lab__screen {
    position: relative;
    min-height: clamp(420px, 29vw, 620px);
    margin: 0;
    overflow: hidden;
    border-radius: clamp(24px, 2vw, 36px);
    background: #11131b;
    isolation: isolate;
}

.rt-service-custom-lab__screen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(10, 11, 17, .02), rgba(10, 11, 17, .6));
    pointer-events: none;
}

.rt-service-custom-lab__screen img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}

.rt-service-custom-lab__stage.is-changing .rt-service-custom-lab__screen img {
    animation: rtCustomWebImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-custom-lab__screen figcaption {
    position: absolute;
    left: clamp(18px, 2vw, 34px);
    right: clamp(18px, 2vw, 34px);
    bottom: clamp(18px, 2vw, 34px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rt-service-custom-lab__screen figcaption span,
.rt-service-custom-lab__screen figcaption strong {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: #191a22;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .12);
}

.rt-service-custom-lab__screen figcaption strong {
    background: #d8d316;
}

.rt-service-custom-lab__panel {
    align-self: end;
    padding: clamp(26px, 2.3vw, 44px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .12);
    backdrop-filter: blur(16px);
}

.rt-service-custom-lab__stage.is-changing .rt-service-custom-lab__panel {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-custom-lab__chrome {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    color: #6d7080;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
}

.rt-service-custom-lab__chrome i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-custom-lab__chrome i:nth-child(2) {
    background: #ffd166;
}

.rt-service-custom-lab__chrome i:nth-child(3) {
    background: #2dd4bf;
}

.rt-service-custom-lab__chrome span {
    margin-left: 6px;
}

.rt-service-custom-lab__panel h3 {
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-custom-lab__panel p {
    margin: 18px 0 0;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-custom-lab__layers {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.rt-service-custom-lab__layers button {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-custom-lab__layers button span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
}

.rt-service-custom-lab__layers button:hover,
.rt-service-custom-lab__layers button:focus-visible,
.rt-service-custom-lab__layers button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-custom-lab__layers button:hover span,
.rt-service-custom-lab__layers button:focus-visible span,
.rt-service-custom-lab__layers button.is-active span {
    background: #d8d316;
    color: #191a22;
}

.rt-service-custom-architecture {
    background:
        radial-gradient(circle at 88% 16%, rgba(98, 85, 255, .11), transparent 30%),
        #fff;
}

.rt-service-custom-architecture__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: start;
}

.rt-service-custom-architecture__head {
    position: sticky;
    top: 120px;
}

.rt-service-custom-architecture__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-custom-architecture__grid a {
    min-height: clamp(360px, 23vw, 470px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    box-shadow: 0 26px 80px rgba(35, 36, 54, .13);
}

.rt-service-custom-architecture__grid a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(20, 20, 28, .06), rgba(20, 20, 28, .82));
}

.rt-service-custom-architecture__grid img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.rt-service-custom-architecture__grid a:hover img,
.rt-service-custom-architecture__grid a:focus-visible img {
    transform: scale(1.08);
    filter: saturate(1.08);
}

.rt-service-custom-architecture__grid span {
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-custom-architecture__grid p {
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.45;
}

.rt-service-custom-architecture__preview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.4vw, 24px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-custom-architecture__preview img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

@keyframes rtCustomWebImage {
    from {
        opacity: .62;
        transform: scale(1.08) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translateY(0);
    }
}

.rt-service-dynamic-lab,
.rt-service-dynamic-modules {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-dynamic-lab {
    background:
        radial-gradient(circle at 86% 12%, rgba(98, 85, 255, .14), transparent 31%),
        radial-gradient(circle at 12% 82%, rgba(216, 211, 22, .14), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-dynamic-lab__inner,
.rt-service-dynamic-modules__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-dynamic-lab__inner {
    display: grid;
    grid-template-columns: minmax(320px, .76fr) minmax(0, 1.24fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-dynamic-lab__copy {
    max-width: 760px;
}

.rt-service-dynamic-lab__copy p,
.rt-service-dynamic-modules__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-dynamic-lab__copy h2,
.rt-service-dynamic-modules__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.4vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-dynamic-lab__copy > span,
.rt-service-dynamic-modules__head > span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-dynamic-lab__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-dynamic-lab__copy a:hover,
.rt-service-dynamic-lab__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-dynamic-lab__console {
    position: relative;
    min-width: 0;
    padding: clamp(18px, 1.8vw, 32px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 243, 255, .86)),
        radial-gradient(circle at 88% 0%, rgba(98, 85, 255, .18), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
}

.rt-service-dynamic-lab__screen {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    gap: clamp(18px, 1.5vw, 28px);
    align-items: end;
}

.rt-service-dynamic-lab__screen figure {
    min-height: clamp(360px, 27vw, 560px);
    margin: 0;
    overflow: hidden;
    border-radius: clamp(24px, 2vw, 36px);
    background: #11131b;
}

.rt-service-dynamic-lab__screen figure img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
}

.rt-service-dynamic-lab__console.is-changing .rt-service-dynamic-lab__screen figure img {
    animation: rtDynamicWebImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-dynamic-lab__screen aside {
    padding: clamp(26px, 2.3vw, 44px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .12);
    backdrop-filter: blur(16px);
}

.rt-service-dynamic-lab__console.is-changing .rt-service-dynamic-lab__screen aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-dynamic-lab__screen aside p {
    margin: 0 0 10px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-dynamic-lab__screen aside h3 {
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-dynamic-lab__screen aside span {
    display: block;
    margin-top: 16px;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-dynamic-lab__screen aside strong {
    display: inline-flex;
    margin-top: 22px;
    padding: 12px 17px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-dynamic-lab__flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.rt-service-dynamic-lab__flow button {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-dynamic-lab__flow button span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
}

.rt-service-dynamic-lab__flow button:hover,
.rt-service-dynamic-lab__flow button:focus-visible,
.rt-service-dynamic-lab__flow button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-dynamic-lab__flow button:hover span,
.rt-service-dynamic-lab__flow button:focus-visible span,
.rt-service-dynamic-lab__flow button.is-active span {
    background: #d8d316;
    color: #191a22;
}

.rt-service-dynamic-modules {
    background:
        radial-gradient(circle at 12% 12%, rgba(98, 85, 255, .1), transparent 30%),
        #fff;
}

.rt-service-dynamic-modules__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: start;
}

.rt-service-dynamic-modules__head {
    position: sticky;
    top: 120px;
}

.rt-service-dynamic-modules__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-dynamic-modules__grid article {
    min-height: clamp(280px, 17vw, 360px);
    padding: clamp(24px, 2vw, 38px);
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 92% 12%, rgba(98, 85, 255, .13), transparent 32%),
        #fff;
    box-shadow: 0 24px 80px rgba(35, 36, 54, .08);
    transition: transform .25s ease, box-shadow .25s ease;
}

.rt-service-dynamic-modules__grid article:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 90px rgba(35, 36, 54, .13);
}

.rt-service-dynamic-modules__grid article span {
    display: inline-flex;
    margin-bottom: 22px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rt-service-dynamic-modules__grid article h3 {
    margin: 0 0 16px;
    color: #191a22;
    font-size: clamp(26px, 1.7vw, 38px);
    font-weight: 900;
    line-height: 1.02;
}

.rt-service-dynamic-modules__grid article p {
    margin: 0;
    color: #4d4f59;
    font-size: clamp(16px, .96vw, 19px);
    line-height: 1.5;
}

.rt-service-dynamic-modules__preview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.4vw, 24px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-dynamic-modules__preview img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

@keyframes rtDynamicWebImage {
    from {
        opacity: .62;
        transform: scale(1.08) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translateY(0);
    }
}

.rt-service-wordpress-lab,
.rt-service-wordpress-solutions {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-wordpress-lab {
    background:
        radial-gradient(circle at 14% 12%, rgba(98, 85, 255, .13), transparent 31%),
        radial-gradient(circle at 92% 78%, rgba(216, 211, 22, .16), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f7f7ff 100%);
}

.rt-service-wordpress-lab__inner,
.rt-service-wordpress-solutions__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-wordpress-lab__inner {
    display: grid;
    grid-template-columns: minmax(320px, .76fr) minmax(0, 1.24fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-wordpress-lab__copy {
    max-width: 760px;
}

.rt-service-wordpress-lab__copy p,
.rt-service-wordpress-solutions__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-wordpress-lab__copy h2,
.rt-service-wordpress-solutions__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.4vw, 104px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-wordpress-lab__copy > span,
.rt-service-wordpress-solutions__head > span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-wordpress-lab__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-wordpress-lab__copy a:hover,
.rt-service-wordpress-lab__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-wordpress-lab__board {
    position: relative;
    min-width: 0;
    padding: clamp(18px, 1.8vw, 32px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 243, 255, .86)),
        radial-gradient(circle at 88% 0%, rgba(98, 85, 255, .18), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
}

.rt-service-wordpress-lab__board figure {
    height: clamp(320px, 23vw, 460px);
    margin: 0;
    overflow: hidden;
    border-radius: clamp(24px, 2vw, 36px);
    background: #11131b;
}

.rt-service-wordpress-lab__board figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
}

.rt-service-wordpress-lab__board.is-changing figure img {
    animation: rtWordPressImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-wordpress-lab__board aside {
    position: relative;
    width: min(90%, 680px);
    margin: clamp(-92px, -6vw, -54px) auto 0;
    padding: clamp(26px, 2.3vw, 44px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .13);
    backdrop-filter: blur(16px);
}

.rt-service-wordpress-lab__board.is-changing aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-wordpress-lab__chrome {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    color: #6d7080;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
}

.rt-service-wordpress-lab__chrome i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-wordpress-lab__chrome i:nth-child(2) {
    background: #ffd166;
}

.rt-service-wordpress-lab__chrome i:nth-child(3) {
    background: #2dd4bf;
}

.rt-service-wordpress-lab__chrome span {
    margin-left: 6px;
}

.rt-service-wordpress-lab__board aside p {
    margin: 0 0 10px;
    color: var(--rt-service-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rt-service-wordpress-lab__board aside h3 {
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-wordpress-lab__board aside span {
    display: block;
    margin-top: 16px;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-wordpress-lab__board aside strong {
    display: inline-flex;
    margin-top: 22px;
    padding: 12px 17px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-wordpress-lab__tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.rt-service-wordpress-lab__tabs button {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-wordpress-lab__tabs button span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(98, 85, 255, .1);
    color: var(--rt-service-blue);
    font-size: 12px;
}

.rt-service-wordpress-lab__tabs button:hover,
.rt-service-wordpress-lab__tabs button:focus-visible,
.rt-service-wordpress-lab__tabs button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-wordpress-lab__tabs button:hover span,
.rt-service-wordpress-lab__tabs button:focus-visible span,
.rt-service-wordpress-lab__tabs button.is-active span {
    background: #d8d316;
    color: #191a22;
}

.rt-service-wordpress-solutions {
    background:
        radial-gradient(circle at 88% 16%, rgba(98, 85, 255, .11), transparent 30%),
        #fff;
}

.rt-service-wordpress-solutions__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: start;
}

.rt-service-wordpress-solutions__head {
    position: sticky;
    top: 120px;
}

.rt-service-wordpress-solutions__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-wordpress-solutions__grid a {
    min-height: clamp(320px, 20vw, 420px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    box-shadow: 0 26px 80px rgba(35, 36, 54, .13);
}

.rt-service-wordpress-solutions__grid a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(20, 20, 28, .06), rgba(20, 20, 28, .82));
}

.rt-service-wordpress-solutions__grid img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.rt-service-wordpress-solutions__grid a:hover img,
.rt-service-wordpress-solutions__grid a:focus-visible img {
    transform: scale(1.08);
    filter: saturate(1.08);
}

.rt-service-wordpress-solutions__grid span {
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-wordpress-solutions__grid p {
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.45;
}

.rt-service-wordpress-solutions__preview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.4vw, 24px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-wordpress-solutions__preview img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

@keyframes rtWordPressImage {
    from {
        opacity: .62;
        transform: scale(1.08) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translateY(0);
    }
}

.rt-service-portal-lab,
.rt-service-portal-formats {
    width: 100%;
    padding: clamp(86px, 7.8vw, 150px) var(--rt-service-gutter);
    overflow: hidden;
    background: #fff;
}

.rt-service-portal-lab {
    background:
        radial-gradient(circle at 18% 22%, rgba(98, 85, 255, .12), transparent 30%),
        radial-gradient(circle at 84% 78%, rgba(216, 211, 22, .16), transparent 26%),
        linear-gradient(180deg, #fff 0%, #f7f8ff 100%);
}

.rt-service-portal-lab__inner,
.rt-service-portal-formats__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-portal-lab__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(42px, 5vw, 104px);
    align-items: center;
}

.rt-service-portal-lab__copy {
    max-width: 760px;
}

.rt-service-portal-lab__copy p,
.rt-service-portal-formats__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-portal-lab__copy h2,
.rt-service-portal-formats__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.1vw, 100px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-portal-lab__copy > span,
.rt-service-portal-formats__head > span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-portal-lab__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-portal-lab__copy a:hover,
.rt-service-portal-lab__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-portal-lab__dashboard {
    min-width: 0;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr);
    gap: clamp(18px, 1.7vw, 30px);
    padding: clamp(18px, 1.8vw, 32px);
    border: 1px solid rgba(98, 85, 255, .18);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(243, 242, 255, .9)),
        radial-gradient(circle at 82% 12%, rgba(98, 85, 255, .2), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
}

.rt-service-portal-lab__dashboard figure {
    min-height: clamp(420px, 30vw, 590px);
    grid-row: span 2;
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: clamp(24px, 2vw, 36px);
    background: #11131b;
}

.rt-service-portal-lab__dashboard figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(17, 19, 27, .02), rgba(17, 19, 27, .48)),
        radial-gradient(circle at 76% 16%, rgba(98, 85, 255, .35), transparent 30%);
    pointer-events: none;
}

.rt-service-portal-lab__dashboard figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
}

.rt-service-portal-lab__dashboard.is-changing figure img {
    animation: rtPortalImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-portal-lab__dashboard figcaption {
    position: absolute;
    left: clamp(18px, 1.8vw, 32px);
    right: clamp(18px, 1.8vw, 32px);
    bottom: clamp(18px, 1.8vw, 32px);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
}

.rt-service-portal-lab__dashboard figcaption strong {
    padding: 9px 13px;
    border-radius: 999px;
    background: #d8d316;
    color: #191a22;
    font-size: 12px;
}

.rt-service-portal-lab__dashboard aside {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 2.2vw, 42px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .11);
    backdrop-filter: blur(16px);
}

.rt-service-portal-lab__dashboard.is-changing aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-portal-lab__chrome {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    color: #6d7080;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
}

.rt-service-portal-lab__chrome i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-portal-lab__chrome i:nth-child(2) {
    background: #ffd166;
}

.rt-service-portal-lab__chrome i:nth-child(3) {
    background: #2dd4bf;
}

.rt-service-portal-lab__chrome span {
    margin-left: 6px;
}

.rt-service-portal-lab__dashboard aside h3 {
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-portal-lab__dashboard aside p {
    margin: 18px 0 0;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-portal-lab__layers {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-column: 1 / -1;
    gap: 12px;
}

.rt-service-portal-lab__layers button {
    min-height: 72px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-portal-lab__layers button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rt-service-portal-lab__layers button:hover,
.rt-service-portal-lab__layers button:focus-visible,
.rt-service-portal-lab__layers button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-portal-formats {
    background:
        radial-gradient(circle at 8% 10%, rgba(98, 85, 255, .1), transparent 28%),
        #fff;
}

.rt-service-portal-formats__inner {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: clamp(38px, 5vw, 96px);
    align-items: start;
}

.rt-service-portal-formats__head {
    position: sticky;
    top: 120px;
}

.rt-service-portal-formats__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-portal-formats__grid a {
    min-height: clamp(320px, 20vw, 420px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 2vw, 34px);
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    box-shadow: 0 26px 80px rgba(35, 36, 54, .13);
}

.rt-service-portal-formats__grid a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(20, 20, 28, .07), rgba(20, 20, 28, .84));
}

.rt-service-portal-formats__grid img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.rt-service-portal-formats__grid a:hover img,
.rt-service-portal-formats__grid a:focus-visible img {
    transform: scale(1.08);
    filter: saturate(1.08);
}

.rt-service-portal-formats__grid span {
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-portal-formats__grid p {
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.45;
}

.rt-service-portal-formats__preview {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14px, 1.4vw, 24px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-portal-formats__preview img {
    width: 100%;
    aspect-ratio: 16 / 7;
    display: block;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .1);
}

.rt-service-realestate-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-realestate-lab .rt-service-portal-lab__dashboard figure img {
    filter: saturate(1.04) contrast(1.03);
}

.rt-service-tourism-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-tourism-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(242, 248, 255, .9)),
        radial-gradient(circle at 86% 12%, rgba(98, 85, 255, .18), transparent 32%),
        radial-gradient(circle at 16% 84%, rgba(216, 211, 22, .18), transparent 30%);
}

.rt-service-architect-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-service-lawyer-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rt-service-company-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rt-service-bb-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-service-clinic-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-service-photo-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-geometri-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-hotel-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-service-medici-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-service-palestre-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rt-service-professionali-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rt-service-psicologi-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rt-service-ristoranti-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rt-service-photo-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(247, 246, 255, .92)),
        radial-gradient(circle at 16% 12%, rgba(25, 26, 34, .08), transparent 32%),
        radial-gradient(circle at 86% 76%, rgba(98, 85, 255, .18), transparent 31%);
}

.rt-service-photo-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Visual portfolio";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-geometri-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(245, 247, 255, .92)),
        radial-gradient(circle at 18% 12%, rgba(98, 85, 255, .14), transparent 34%),
        radial-gradient(circle at 86% 78%, rgba(25, 26, 34, .08), transparent 30%);
}

.rt-service-geometri-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Studio tecnico";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-hotel-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(245, 248, 255, .92)),
        radial-gradient(circle at 14% 12%, rgba(98, 85, 255, .16), transparent 34%),
        radial-gradient(circle at 88% 78%, rgba(216, 211, 22, .15), transparent 30%);
}

.rt-service-hotel-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Direct booking";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .92);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-medici-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(242, 250, 248, .92)),
        radial-gradient(circle at 15% 12%, rgba(35, 190, 164, .14), transparent 34%),
        radial-gradient(circle at 88% 76%, rgba(98, 85, 255, .15), transparent 31%);
}

.rt-service-medici-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Patient trust";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-palestre-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 246, 255, .92)),
        radial-gradient(circle at 16% 12%, rgba(216, 211, 22, .18), transparent 32%),
        radial-gradient(circle at 88% 78%, rgba(98, 85, 255, .17), transparent 30%);
}

.rt-service-palestre-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Fitness growth";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .92);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-professionali-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 246, 255, .93)),
        radial-gradient(circle at 16% 12%, rgba(98, 85, 255, .18), transparent 34%),
        radial-gradient(circle at 88% 76%, rgba(216, 211, 22, .15), transparent 31%);
}

.rt-service-professionali-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Website system";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-psicologi-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 249, 255, .94)),
        radial-gradient(circle at 14% 12%, rgba(35, 190, 164, .13), transparent 33%),
        radial-gradient(circle at 88% 76%, rgba(98, 85, 255, .15), transparent 31%);
}

.rt-service-psicologi-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Trust journey";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-ristoranti-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(255, 248, 242, .94)),
        radial-gradient(circle at 14% 12%, rgba(216, 211, 22, .18), transparent 32%),
        radial-gradient(circle at 88% 76%, rgba(98, 85, 255, .15), transparent 31%);
}

.rt-service-ristoranti-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Restaurant UX";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-clinic-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(242, 250, 248, .92)),
        radial-gradient(circle at 14% 12%, rgba(35, 190, 164, .14), transparent 34%),
        radial-gradient(circle at 88% 76%, rgba(98, 85, 255, .14), transparent 31%);
}

.rt-service-clinic-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Patient journey";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-bb-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(241, 248, 255, .92)),
        radial-gradient(circle at 12% 12%, rgba(98, 85, 255, .16), transparent 34%),
        radial-gradient(circle at 88% 76%, rgba(216, 211, 22, .18), transparent 31%);
}

.rt-service-bb-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Direct booking";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-company-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(244, 246, 255, .92)),
        radial-gradient(circle at 14% 12%, rgba(98, 85, 255, .18), transparent 33%),
        radial-gradient(circle at 88% 76%, rgba(216, 211, 22, .14), transparent 30%);
}

.rt-service-company-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Business system";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(98, 85, 255, .92);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-lawyer-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(246, 246, 255, .92)),
        radial-gradient(circle at 82% 10%, rgba(98, 85, 255, .16), transparent 32%),
        radial-gradient(circle at 12% 82%, rgba(25, 26, 34, .08), transparent 30%);
}

.rt-service-lawyer-lab .rt-service-portal-lab__dashboard figure::after {
    content: "Legal UX";
    position: absolute;
    left: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .86);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-architect-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-lawyer-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-company-lab .rt-service-portal-lab__copy a,
.rt-service-bb-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-clinic-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-photo-lab .rt-service-portal-lab__copy a,
.rt-service-geometri-lab .rt-service-portal-lab__copy a,
.rt-service-hotel-lab .rt-service-portal-lab__copy a,
.rt-service-hotel-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-medici-lab .rt-service-portal-lab__copy a,
.rt-service-medici-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-palestre-lab .rt-service-portal-lab__copy a,
.rt-service-professionali-lab .rt-service-portal-lab__copy a,
.rt-service-professionali-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-psicologi-lab .rt-service-portal-lab__copy a,
.rt-service-psicologi-lab .rt-service-portal-lab__dashboard aside a,
.rt-service-ristoranti-lab .rt-service-portal-lab__copy a,
.rt-service-ristoranti-lab .rt-service-portal-lab__dashboard aside a {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 24px;
    padding: 0 20px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .22s ease, background .22s ease;
}

.rt-service-architect-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-architect-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-lawyer-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-lawyer-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-company-lab .rt-service-portal-lab__copy a:hover,
.rt-service-company-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-bb-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-bb-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-clinic-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-clinic-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-photo-lab .rt-service-portal-lab__copy a:hover,
.rt-service-photo-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-geometri-lab .rt-service-portal-lab__copy a:hover,
.rt-service-geometri-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-hotel-lab .rt-service-portal-lab__copy a:hover,
.rt-service-hotel-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-hotel-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-hotel-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-medici-lab .rt-service-portal-lab__copy a:hover,
.rt-service-medici-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-medici-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-medici-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-palestre-lab .rt-service-portal-lab__copy a:hover,
.rt-service-palestre-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-professionali-lab .rt-service-portal-lab__copy a:hover,
.rt-service-professionali-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-professionali-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-professionali-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-psicologi-lab .rt-service-portal-lab__copy a:hover,
.rt-service-psicologi-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-psicologi-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-psicologi-lab .rt-service-portal-lab__dashboard aside a:focus-visible,
.rt-service-ristoranti-lab .rt-service-portal-lab__copy a:hover,
.rt-service-ristoranti-lab .rt-service-portal-lab__copy a:focus-visible,
.rt-service-ristoranti-lab .rt-service-portal-lab__dashboard aside a:hover,
.rt-service-ristoranti-lab .rt-service-portal-lab__dashboard aside a:focus-visible {
    background: var(--rt-service-blue);
    transform: translateY(-2px);
}

.rt-service-company-services {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background: #fff;
    overflow: hidden;
}

.rt-service-company-services .rt-service-content-row__media {
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-company-services .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 390px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-company-services .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-company-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-bb-packages {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(70px, 6.5vw, 126px) var(--rt-service-gutter);
    background:
        radial-gradient(circle at 84% 18%, rgba(98, 85, 255, .1), transparent 30%),
        #fff;
}

.rt-service-bb-packages.rt-service-marketplace-examples {
    width: min(100%, var(--rt-service-max));
}

.rt-service-bb-packages article {
    min-height: clamp(210px, 12vw, 260px);
}

.rt-service-bb-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-clinic-insights {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 88% 8%, rgba(35, 190, 164, .1), transparent 30%),
        #fff;
    overflow: hidden;
}

.rt-service-clinic-insights .rt-service-content-row__media {
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-clinic-insights .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-clinic-insights .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-clinic-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-photo-inspiration {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background: #fff;
    overflow: hidden;
}

.rt-service-photo-inspiration__grid {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding-inline: var(--rt-service-gutter);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 34px);
}

.rt-service-photo-inspiration__grid a {
    position: relative;
    min-height: clamp(360px, 29vw, 560px);
    overflow: hidden;
    border-radius: 28px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    box-shadow: 0 32px 90px rgba(25, 26, 34, .13);
}

.rt-service-photo-inspiration__grid a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(25, 26, 34, .04), rgba(25, 26, 34, .72));
}

.rt-service-photo-inspiration__grid img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-photo-inspiration__grid span {
    position: absolute;
    left: clamp(24px, 2.6vw, 46px);
    bottom: clamp(24px, 2.6vw, 46px);
    z-index: 2;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(34px, 3vw, 62px);
    line-height: .96;
}

.rt-service-photo-inspiration__grid a:hover img,
.rt-service-photo-inspiration__grid a:focus-visible img {
    transform: scale(1.06);
}

.rt-service-photo-platforms {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 88% 8%, rgba(98, 85, 255, .1), transparent 30%),
        #fff;
    overflow: hidden;
}

.rt-service-photo-platforms .rt-service-content-row__media {
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-photo-platforms .rt-service-content-row__media img {
    min-height: clamp(260px, 18vw, 380px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-photo-platforms .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-photo-seo,
.rt-service-photo-seo-benefits {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(70px, 6vw, 112px) var(--rt-service-gutter);
    background: #fff;
}

.rt-service-photo-seo article,
.rt-service-photo-seo-benefits article {
    min-height: clamp(210px, 12vw, 265px);
}

.rt-service-photo-seo a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

.rt-service-photo-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-geometri-sections,
.rt-service-geometri-examples {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background: #fff;
    overflow: hidden;
}

.rt-service-geometri-sections .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 16%, rgba(98, 85, 255, .14), transparent 33%),
        #f5f6ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-geometri-sections .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-geometri-sections .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-geometri-services .rt-service-portal-formats__grid a {
    overflow: hidden;
}

.rt-service-geometri-services .rt-service-portal-formats__grid img {
    width: 100%;
    height: clamp(170px, 12vw, 240px);
    margin-bottom: 18px;
    display: block;
    object-fit: cover;
    border-radius: 20px;
}

.rt-service-geometri-examples .rt-service-photo-inspiration__grid article {
    overflow: hidden;
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(25, 26, 34, .1);
}

.rt-service-geometri-examples .rt-service-photo-inspiration__grid img {
    width: 100%;
    height: clamp(260px, 19vw, 390px);
    display: block;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-geometri-examples .rt-service-photo-inspiration__grid article:hover img {
    transform: scale(1.055);
}

.rt-service-geometri-examples .rt-service-photo-inspiration__grid div {
    padding: clamp(22px, 2.2vw, 34px);
}

.rt-service-geometri-examples .rt-service-photo-inspiration__grid strong {
    display: block;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(28px, 2vw, 42px);
    line-height: 1;
}

.rt-service-geometri-examples .rt-service-photo-inspiration__grid p {
    margin: 14px 0 0;
    color: #555761;
    font-size: clamp(17px, 1vw, 20px);
    line-height: 1.62;
}

.rt-service-geometri-process {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(70px, 6vw, 112px) var(--rt-service-gutter);
    background: #fff;
}

.rt-service-geometri-process.rt-service-marketplace-examples {
    width: min(100%, var(--rt-service-max));
}

.rt-service-geometri-process article {
    min-height: clamp(190px, 11vw, 240px);
}

.rt-service-geometri-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-hotel-sections {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 86% 10%, rgba(98, 85, 255, .08), transparent 31%),
        #fff;
    overflow: hidden;
}

.rt-service-hotel-sections .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 16% 12%, rgba(216, 211, 22, .12), transparent 30%),
        #f5f6ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-hotel-sections .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-hotel-sections .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-hotel-sections .rt-service-content-row__copy a {
    color: var(--rt-service-blue);
    font-weight: 900;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

.rt-service-hotel-offer .rt-service-portal-formats__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-hotel-offer .rt-service-portal-formats__grid a {
    min-height: clamp(250px, 15vw, 330px);
}

.rt-service-hotel-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-medici-sections {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 12% 10%, rgba(35, 190, 164, .08), transparent 31%),
        #fff;
    overflow: hidden;
}

.rt-service-medici-sections .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 16%, rgba(98, 85, 255, .13), transparent 33%),
        #f5f6ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-medici-sections .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-medici-sections .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-medici-sections .rt-service-content-row__copy a {
    color: var(--rt-service-blue);
    font-weight: 900;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

.rt-service-medici-focus .rt-service-portal-formats__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-medici-focus .rt-service-portal-formats__grid a {
    min-height: clamp(320px, 19vw, 410px);
    overflow: hidden;
}

.rt-service-medici-focus .rt-service-portal-formats__grid img {
    width: 100%;
    height: clamp(150px, 10vw, 220px);
    margin-bottom: 18px;
    display: block;
    object-fit: cover;
    border-radius: 20px;
}

.rt-service-medici-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-palestre-growth {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 88% 10%, rgba(216, 211, 22, .1), transparent 30%),
        #fff;
    overflow: hidden;
}

.rt-service-palestre-growth .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 20% 18%, rgba(98, 85, 255, .13), transparent 33%),
        #f6f5ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-palestre-growth .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-palestre-growth .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045);
}

.rt-service-palestre-growth .rt-service-content-row__copy a {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 8px;
    padding: 0 22px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .22s ease, background .22s ease;
}

.rt-service-palestre-growth .rt-service-content-row__copy a:hover,
.rt-service-palestre-growth .rt-service-content-row__copy a:focus-visible {
    background: var(--rt-service-blue);
    transform: translateY(-2px);
}

.rt-service-palestre-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-professionali-benefits,
.rt-service-professionali-local {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 88% 10%, rgba(98, 85, 255, .08), transparent 31%),
        #fff;
    overflow: hidden;
}

.rt-service-professionali-benefits .rt-service-content-row__media,
.rt-service-professionali-local .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 14%, rgba(98, 85, 255, .13), transparent 34%),
        #f6f5ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-professionali-benefits .rt-service-content-row__media img,
.rt-service-professionali-local .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    object-fit: contain;
    padding: clamp(18px, 2vw, 34px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-professionali-benefits .rt-service-content-row:hover .rt-service-content-row__media img,
.rt-service-professionali-local .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045) translateY(-4px);
}

.rt-service-professionali-services .rt-service-portal-formats__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-service-professionali-services .rt-service-portal-formats__grid a {
    min-height: clamp(340px, 19vw, 440px);
    overflow: hidden;
}

.rt-service-professionali-services .rt-service-portal-formats__grid img {
    width: 100%;
    height: clamp(150px, 10vw, 220px);
    margin-bottom: 18px;
    display: block;
    object-fit: cover;
    border-radius: 20px;
}

.rt-service-professionali-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-professionali-proof .rt-service-graphic-process__steps article {
    min-height: clamp(210px, 13vw, 280px);
}

.rt-service-psicologi-why,
.rt-service-psicologi-performance {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 12% 10%, rgba(35, 190, 164, .08), transparent 31%),
        #fff;
    overflow: hidden;
}

.rt-service-psicologi-why .rt-service-content-row__media,
.rt-service-psicologi-performance .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 16%, rgba(98, 85, 255, .13), transparent 33%),
        #f6f8ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-psicologi-why .rt-service-content-row__media img,
.rt-service-psicologi-performance .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    object-fit: contain;
    padding: clamp(18px, 2vw, 34px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-psicologi-performance .rt-service-content-row__media img[src$=".gif"],
.rt-service-psicologi-performance .rt-service-content-row__media img[src$=".gif.webp"] {
    object-fit: cover;
    padding: 0;
}

.rt-service-psicologi-why .rt-service-content-row:hover .rt-service-content-row__media img,
.rt-service-psicologi-performance .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045) translateY(-4px);
}

.rt-service-psicologi-essentials,
.rt-service-psicologi-integrations {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(70px, 6vw, 112px) var(--rt-service-gutter);
    background: #fff;
}

.rt-service-psicologi-essentials__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 1.4vw, 24px);
}

.rt-service-psicologi-essentials__grid article,
.rt-service-psicologi-essentials__grid a {
    min-height: clamp(250px, 15vw, 330px);
    padding: clamp(24px, 2vw, 36px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(246, 249, 255, .94)),
        radial-gradient(circle at 86% 10%, rgba(35, 190, 164, .13), transparent 34%);
    color: var(--rt-service-ink);
    text-decoration: none;
    box-shadow: 0 24px 70px rgba(25, 26, 34, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.rt-service-psicologi-essentials__grid article::before,
.rt-service-psicologi-essentials__grid a::before {
    content: "";
    position: absolute;
    inset: auto -20% -42% 22%;
    height: 78%;
    border-radius: 999px 999px 0 0;
    background: rgba(98, 85, 255, .1);
    transform: rotate(-11deg);
    pointer-events: none;
}

.rt-service-psicologi-essentials__grid span {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #191a22;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.rt-service-psicologi-essentials__grid strong {
    position: relative;
    z-index: 1;
    display: block;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(26px, 1.9vw, 38px);
    line-height: .98;
}

.rt-service-psicologi-essentials__grid p {
    position: relative;
    z-index: 1;
    margin: 14px 0 0;
    color: #555761;
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.5;
}

.rt-service-psicologi-essentials__grid article:hover,
.rt-service-psicologi-essentials__grid a:hover,
.rt-service-psicologi-essentials__grid a:focus-visible {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .25);
    box-shadow: 0 34px 90px rgba(25, 26, 34, .11);
}

.rt-service-psicologi-integrations .rt-service-marketplace-examples {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rt-service-psicologi-integrations .rt-service-marketplace-examples article {
    min-height: clamp(220px, 13vw, 300px);
}

.rt-service-psicologi-integrations .rt-service-marketplace-examples a {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 18px;
    padding: 0 20px;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .22s ease, background .22s ease;
}

.rt-service-psicologi-integrations .rt-service-marketplace-examples a:hover,
.rt-service-psicologi-integrations .rt-service-marketplace-examples a:focus-visible {
    background: var(--rt-service-blue);
    transform: translateY(-2px);
}

.rt-service-psicologi-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-psicologi-proof .rt-service-graphic-process__steps article {
    min-height: clamp(210px, 13vw, 280px);
}

.rt-service-ristoranti-invest,
.rt-service-ristoranti-wordpress {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 88% 10%, rgba(98, 85, 255, .08), transparent 31%),
        #fff;
    overflow: hidden;
}

.rt-service-ristoranti-invest .rt-service-content-row__media,
.rt-service-ristoranti-wordpress .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 14%, rgba(216, 211, 22, .15), transparent 31%),
        #fff8ef;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-ristoranti-invest .rt-service-content-row__media img,
.rt-service-ristoranti-wordpress .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 400px);
    object-fit: contain;
    padding: clamp(18px, 2vw, 34px);
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-ristoranti-invest .rt-service-content-row:hover .rt-service-content-row__media img,
.rt-service-ristoranti-wordpress .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045) translateY(-4px);
}

.rt-service-ristoranti-features {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) var(--rt-service-gutter);
    background:
        radial-gradient(circle at 8% 12%, rgba(216, 211, 22, .11), transparent 28%),
        radial-gradient(circle at 92% 86%, rgba(98, 85, 255, .1), transparent 31%),
        #fff;
    overflow: hidden;
}

.rt-service-ristoranti-features__grid {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: clamp(10px, .9vw, 16px);
}

.rt-service-ristoranti-features__grid article,
.rt-service-ristoranti-features__grid a {
    min-height: clamp(220px, 14vw, 310px);
    padding: clamp(22px, 1.8vw, 32px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(250, 248, 255, .92)),
        radial-gradient(circle at 82% 12%, rgba(98, 85, 255, .13), transparent 34%);
    color: var(--rt-service-ink);
    text-decoration: none;
    box-shadow: 0 24px 70px rgba(25, 26, 34, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.rt-service-ristoranti-features__grid article:nth-child(1),
.rt-service-ristoranti-features__grid a:nth-child(1),
.rt-service-ristoranti-features__grid article:nth-child(4),
.rt-service-ristoranti-features__grid a:nth-child(4) {
    grid-column: span 2;
}

.rt-service-ristoranti-features__grid article:nth-child(5),
.rt-service-ristoranti-features__grid a:nth-child(5),
.rt-service-ristoranti-features__grid article:nth-child(6),
.rt-service-ristoranti-features__grid a:nth-child(6),
.rt-service-ristoranti-features__grid article:nth-child(7),
.rt-service-ristoranti-features__grid a:nth-child(7) {
    grid-column: span 1;
}

.rt-service-ristoranti-features__grid article::before,
.rt-service-ristoranti-features__grid a::before {
    content: "";
    position: absolute;
    inset: auto -18% -36% 34%;
    height: 70%;
    border-radius: 999px 999px 0 0;
    background: rgba(98, 85, 255, .11);
    transform: rotate(-14deg);
    pointer-events: none;
}

.rt-service-ristoranti-features__grid span {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #191a22;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.rt-service-ristoranti-features__grid strong {
    position: relative;
    z-index: 1;
    display: block;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(24px, 1.8vw, 36px);
    line-height: .98;
}

.rt-service-ristoranti-features__grid p {
    position: relative;
    z-index: 1;
    margin: 14px 0 0;
    color: #555761;
    font-size: clamp(15px, .92vw, 18px);
    line-height: 1.48;
}

.rt-service-ristoranti-features__grid article:hover,
.rt-service-ristoranti-features__grid a:hover,
.rt-service-ristoranti-features__grid a:focus-visible {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .25);
    box-shadow: 0 34px 90px rgba(25, 26, 34, .11);
}

.rt-service-ristoranti-packages {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(70px, 6vw, 112px) var(--rt-service-gutter);
    background: #fff;
}

.rt-service-ristoranti-packages.rt-service-marketplace-examples {
    width: min(100%, var(--rt-service-max));
}

.rt-service-ristoranti-packages .rt-service-marketplace-examples {
    width: 100%;
}

.rt-service-ristoranti-packages .rt-service-marketplace-examples article {
    min-height: clamp(230px, 13vw, 300px);
}

.rt-service-ristoranti-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-ristoranti-proof .rt-service-graphic-process__steps article {
    min-height: clamp(210px, 13vw, 280px);
}

.rt-service-webagency-lab .rt-service-portal-lab__layers {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rt-service-webagency-lab .rt-service-portal-lab__dashboard {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 245, 255, .94)),
        radial-gradient(circle at 15% 14%, rgba(98, 85, 255, .18), transparent 34%),
        radial-gradient(circle at 88% 78%, rgba(216, 211, 22, .14), transparent 31%);
}

.rt-service-webagency-lab .rt-service-portal-lab__dashboard figure::after {
    content: "White-label delivery";
    position: absolute;
    right: clamp(18px, 2vw, 32px);
    bottom: clamp(18px, 2vw, 30px);
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(25, 26, 34, .88);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rt-service-webagency-why {
    width: 100%;
    padding: clamp(76px, 7vw, 132px) 0;
    background:
        radial-gradient(circle at 10% 14%, rgba(98, 85, 255, .08), transparent 30%),
        radial-gradient(circle at 92% 82%, rgba(216, 211, 22, .11), transparent 32%),
        #fff;
    overflow: hidden;
}

.rt-service-webagency-why .rt-service-content-row__media {
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 14%, rgba(98, 85, 255, .14), transparent 33%),
        #f6f5ff;
    box-shadow: 0 28px 80px rgba(25, 26, 34, .08);
}

.rt-service-webagency-why .rt-service-content-row__media img {
    min-height: clamp(280px, 19vw, 410px);
    object-fit: cover;
    padding: 0;
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.rt-service-webagency-why .rt-service-content-row:hover .rt-service-content-row__media img {
    transform: scale(1.045) translateY(-4px);
}

.rt-service-webagency-offer {
    width: 100%;
    padding: clamp(78px, 7vw, 138px) var(--rt-service-gutter);
    background:
        radial-gradient(circle at 10% 8%, rgba(98, 85, 255, .11), transparent 32%),
        linear-gradient(180deg, #fff, #f7f7ff);
    overflow: hidden;
}

.rt-service-webagency-offer__grid {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(12px, 1vw, 18px);
}

.rt-service-webagency-offer__grid a {
    min-height: clamp(300px, 18vw, 420px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 1.8vw, 34px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: 28px;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, .98), rgba(245, 244, 255, .94)),
        radial-gradient(circle at 88% 12%, rgba(98, 85, 255, .14), transparent 34%);
    color: var(--rt-service-ink);
    text-decoration: none;
    box-shadow: 0 24px 70px rgba(25, 26, 34, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.rt-service-webagency-offer__grid a::before {
    content: "";
    position: absolute;
    inset: auto -26% -40% 32%;
    height: 76%;
    border-radius: 999px 999px 0 0;
    background: rgba(98, 85, 255, .1);
    transform: rotate(-14deg);
    pointer-events: none;
}

.rt-service-webagency-offer__grid span {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #191a22;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.rt-service-webagency-offer__grid strong,
.rt-service-webagency-offer__grid p {
    position: relative;
    z-index: 1;
}

.rt-service-webagency-offer__grid strong {
    display: block;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(25px, 1.75vw, 38px);
    font-weight: 500;
    line-height: .98;
}

.rt-service-webagency-offer__grid p {
    margin: 14px 0 0;
    color: #555761;
    font-size: clamp(15px, .92vw, 18px);
    line-height: 1.48;
}

.rt-service-webagency-offer__grid a:hover,
.rt-service-webagency-offer__grid a:focus-visible {
    transform: translateY(-8px);
    border-color: rgba(98, 85, 255, .25);
    box-shadow: 0 34px 90px rgba(25, 26, 34, .11);
}

.rt-service-webagency-process {
    width: 100%;
    padding: clamp(82px, 7vw, 140px) var(--rt-service-gutter);
    background:
        radial-gradient(circle at 8% 14%, rgba(216, 211, 22, .11), transparent 30%),
        #fff;
    overflow: hidden;
}

.rt-service-webagency-process__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: clamp(36px, 5vw, 96px);
    align-items: start;
}

.rt-service-webagency-process__head {
    position: sticky;
    top: 128px;
}

.rt-service-webagency-process__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-webagency-process__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(45px, 4.7vw, 92px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-webagency-process__head span {
    display: block;
    margin-top: 24px;
    color: #555761;
    font-size: clamp(18px, 1.06vw, 22px);
    line-height: 1.55;
}

.rt-service-webagency-process__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 1.4vw, 26px);
}

.rt-service-webagency-process__steps article {
    min-height: clamp(230px, 14vw, 320px);
    padding: clamp(24px, 2vw, 38px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 245, 255, .92)),
        radial-gradient(circle at 86% 12%, rgba(98, 85, 255, .13), transparent 34%);
    box-shadow: 0 24px 70px rgba(25, 26, 34, .07);
}

.rt-service-webagency-process__steps span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin: 0 0 34px;
    border-radius: 50%;
    background: var(--rt-service-blue);
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

.rt-service-webagency-process__steps h3 {
    margin: 0;
    color: #191a22;
    font-size: clamp(26px, 1.8vw, 38px);
    line-height: 1;
}

.rt-service-webagency-process__steps p {
    margin: 16px 0 0;
    color: #555761;
    font-size: clamp(15px, .96vw, 18px);
    line-height: 1.52;
}

.rt-service-webagency-seo {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
    padding: clamp(70px, 6vw, 112px) var(--rt-service-gutter);
    background: #fff;
}

.rt-service-webagency-seo .rt-service-marketplace-examples {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rt-service-webagency-seo .rt-service-marketplace-examples article {
    min-height: clamp(220px, 13vw, 300px);
}

.rt-service-webagency-tools {
    padding-top: clamp(50px, 5vw, 92px);
}

.rt-service-webagency-proof .rt-service-graphic-process__steps article {
    min-height: clamp(210px, 13vw, 280px);
}

.rt-service-realestate-suite .rt-service-portal-formats__grid a:nth-child(5) {
    grid-column: 1 / -1;
    min-height: clamp(280px, 17vw, 360px);
}

.rt-service-realestate-start,
.rt-service-tourism-offer,
.rt-service-tourism-start,
.rt-service-lawyer-services {
    width: 100%;
    padding: clamp(44px, 4.5vw, 86px) var(--rt-service-gutter) clamp(86px, 7vw, 132px);
    background:
        radial-gradient(circle at 80% 15%, rgba(98, 85, 255, .1), transparent 30%),
        #fff;
}

.rt-service-architect-benefits,
.rt-service-lawyer-benefits {
    width: 100%;
    padding: clamp(70px, 6.5vw, 126px) var(--rt-service-gutter);
    background:
        radial-gradient(circle at 12% 16%, rgba(98, 85, 255, .1), transparent 30%),
        #fff;
}

.rt-service-tourism-offer {
    padding-bottom: clamp(36px, 4vw, 68px);
}

.rt-service-realestate-start.rt-service-marketplace-examples,
.rt-service-tourism-offer.rt-service-marketplace-examples,
.rt-service-tourism-start.rt-service-marketplace-examples,
.rt-service-architect-benefits.rt-service-marketplace-examples,
.rt-service-lawyer-benefits.rt-service-marketplace-examples {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-realestate-start article,
.rt-service-tourism-offer article,
.rt-service-tourism-start article,
.rt-service-architect-benefits article,
.rt-service-lawyer-benefits article {
    min-height: clamp(210px, 13vw, 280px);
}

.rt-service-marketplace-examples {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.4vw, 24px);
    margin-top: clamp(18px, 2vw, 34px);
}

.rt-service-marketplace-examples article {
    min-height: 190px;
    padding: clamp(24px, 2vw, 36px);
    border: 1px solid rgba(98, 85, 255, .15);
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 10%, rgba(98, 85, 255, .16), transparent 36%),
        #fff;
    box-shadow: 0 22px 70px rgba(35, 36, 54, .08);
}

.rt-service-marketplace-examples strong {
    display: block;
    color: #191a22;
    font-size: clamp(28px, 2vw, 42px);
    font-weight: 900;
    line-height: 1;
}

.rt-service-marketplace-examples p {
    margin: 16px 0 0;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.45;
}

.rt-service-seo-landing-benefits {
    width: min(100%, var(--rt-service-max, var(--rt-layout-padded, 1600px)));
    margin: 0 auto;
    padding: clamp(30px, 3vw, 56px) var(--rt-service-gutter, var(--rt-layout-gutter, 72px)) clamp(86px, 7.8vw, 148px);
    background: #fff;
}

.rt-service-seo-landing-benefits article {
    min-height: 220px;
}

.rt-service-graphic-lab,
.rt-service-graphic-process {
    width: 100%;
    padding: clamp(84px, 7.8vw, 148px) var(--rt-service-gutter);
    overflow: hidden;
}

.rt-service-graphic-lab {
    background:
        radial-gradient(circle at 14% 16%, rgba(98, 85, 255, .13), transparent 32%),
        radial-gradient(circle at 86% 82%, rgba(216, 211, 22, .15), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f7f8ff 100%);
}

.rt-service-graphic-lab__inner,
.rt-service-graphic-process__inner {
    width: min(100%, var(--rt-service-max));
    margin: 0 auto;
}

.rt-service-graphic-lab__inner {
    display: grid;
    grid-template-columns: minmax(310px, .7fr) minmax(0, 1.3fr);
    gap: clamp(42px, 5.2vw, 110px);
    align-items: center;
}

.rt-service-graphic-lab__copy {
    max-width: 760px;
}

.rt-service-graphic-lab__copy p,
.rt-service-graphic-process__head p {
    margin: 0 0 16px;
    color: var(--rt-service-blue);
    font-size: clamp(13px, .9vw, 17px);
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.rt-service-graphic-lab__copy h2,
.rt-service-graphic-process__head h2 {
    margin: 0;
    color: var(--rt-service-ink);
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(48px, 5.1vw, 100px);
    font-weight: 500;
    line-height: .92;
}

.rt-service-graphic-lab__copy > span,
.rt-service-graphic-process__head > span {
    display: block;
    margin-top: clamp(22px, 2vw, 34px);
    color: #4b4d58;
    font-size: clamp(18px, 1.14vw, 24px);
    line-height: 1.55;
}

.rt-service-graphic-lab__copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: clamp(30px, 3vw, 54px);
    padding: 0 28px;
    border: 1px solid #191a22;
    border-radius: 999px;
    color: #191a22;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-graphic-lab__copy a:hover,
.rt-service-graphic-lab__copy a:focus-visible {
    background: #191a22;
    color: #fff;
    transform: translateY(-2px);
}

.rt-service-graphic-lab__stage {
    min-width: 0;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(280px, .96fr);
    gap: clamp(18px, 1.8vw, 32px);
    padding: clamp(16px, 1.8vw, 30px);
    border: 1px solid rgba(98, 85, 255, .16);
    border-radius: clamp(30px, 2.6vw, 48px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 243, 255, .92)),
        radial-gradient(circle at 90% 10%, rgba(98, 85, 255, .22), transparent 34%);
    box-shadow: 0 34px 110px rgba(35, 36, 54, .13);
}

.rt-service-graphic-lab__stage figure {
    min-height: clamp(390px, 29vw, 560px);
    grid-row: span 2;
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: clamp(24px, 2vw, 36px);
    background: #14151d;
}

.rt-service-graphic-lab__stage figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(17, 19, 27, .03), rgba(17, 19, 27, .5)),
        radial-gradient(circle at 82% 16%, rgba(98, 85, 255, .28), transparent 30%);
    pointer-events: none;
}

.rt-service-graphic-lab__stage figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
}

.rt-service-graphic-lab__stage.is-changing figure img {
    animation: rtPortalImage .45s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-graphic-lab__stage figcaption {
    position: absolute;
    left: clamp(18px, 1.8vw, 32px);
    right: clamp(18px, 1.8vw, 32px);
    bottom: clamp(18px, 1.8vw, 32px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
}

.rt-service-graphic-lab__stage figcaption strong {
    padding: 9px 13px;
    border-radius: 999px;
    background: #d8d316;
    color: #191a22;
    font-size: 12px;
}

.rt-service-graphic-lab__stage aside {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 2.2vw, 42px);
    border: 1px solid rgba(25, 26, 34, .08);
    border-radius: clamp(24px, 2vw, 34px);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 82px rgba(35, 36, 54, .1);
    backdrop-filter: blur(16px);
}

.rt-service-graphic-lab__stage.is-changing aside {
    animation: rtServiceFadeUp .35s cubic-bezier(.2, .8, .2, 1) both;
}

.rt-service-graphic-lab__chrome {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    color: #6d7080;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
}

.rt-service-graphic-lab__chrome i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6b6b;
}

.rt-service-graphic-lab__chrome i:nth-child(2) {
    background: #ffd166;
}

.rt-service-graphic-lab__chrome i:nth-child(3) {
    background: #2dd4bf;
}

.rt-service-graphic-lab__chrome span {
    margin-left: 6px;
}

.rt-service-graphic-lab__stage aside h3 {
    margin: 0;
    color: #191a22;
    font-size: clamp(30px, 2.45vw, 54px);
    font-weight: 900;
    line-height: .98;
}

.rt-service-graphic-lab__stage aside p {
    margin: 18px 0 0;
    color: #4c4e58;
    font-size: clamp(16px, .98vw, 20px);
    line-height: 1.5;
}

.rt-service-graphic-lab__layers {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column: 1 / -1;
    gap: 12px;
}

.rt-service-graphic-lab__layers button {
    min-height: 72px;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #191a22;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(35, 36, 54, .08);
    transition: background .22s ease, color .22s ease, transform .22s ease;
}

.rt-service-graphic-lab__layers button:hover,
.rt-service-graphic-lab__layers button:focus-visible,
.rt-service-graphic-lab__layers button.is-active {
    background: var(--rt-service-blue);
    color: #fff;
    transform: translateY(-3px);
}

.rt-service-graphic-process {
    background:
        radial-gradient(circle at 88% 8%, rgba(98, 85, 255, .1), transparent 30%),
        #fff;
}

.rt-service-graphic-process__inner {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: clamp(42px, 6vw, 120px);
    align-items: start;
}

.rt-service-graphic-process__head {
    position: sticky;
    top: 118px;
}

.rt-service-graphic-process__steps {
    display: grid;
    gap: clamp(16px, 1.5vw, 28px);
}

.rt-service-graphic-process__steps article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(18px, 1.8vw, 34px);
    align-items: start;
    padding: clamp(24px, 2.4vw, 42px);
    border: 1px solid rgba(32, 32, 38, .09);
    border-radius: 30px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 22px 70px rgba(28, 28, 44, .06);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.rt-service-graphic-process__steps article:hover {
    transform: translateY(-6px);
    border-color: rgba(98, 85, 255, .22);
    box-shadow: 0 28px 86px rgba(98, 85, 255, .12);
}

.rt-service-graphic-process__steps article > span {
    width: clamp(48px, 3.7vw, 72px);
    height: clamp(48px, 3.7vw, 72px);
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #191a22;
    color: #fff;
    font-size: clamp(17px, 1vw, 22px);
    font-weight: 900;
}

.rt-service-graphic-process__steps h3 {
    margin: 0;
    color: #18191e;
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    font-size: clamp(30px, 2.5vw, 54px);
    font-weight: 500;
    line-height: 1;
}

.rt-service-graphic-process__steps h3 a {
    color: inherit;
    text-decoration: none;
}

.rt-service-graphic-process__steps h3 a:hover,
.rt-service-graphic-process__steps h3 a:focus-visible {
    color: var(--rt-service-blue);
}

.rt-service-graphic-process__steps p {
    max-width: 980px;
    margin: 16px 0 0;
    color: #393b44;
    font-size: clamp(17px, 1.1vw, 22px);
    line-height: 1.6;
}

@keyframes rtPortalImage {
    from {
        opacity: .62;
        transform: scale(1.08) translateY(14px);
    }

    to {
        opacity: 1;
        transform: scale(1.02) translateY(0);
    }
}

@media (max-width: 1180px) {
    .rt-service-portal-lab__inner,
    .rt-service-portal-formats__inner,
    .rt-service-webagency-process__inner,
    .rt-service-graphic-lab__inner,
    .rt-service-graphic-process__inner {
        grid-template-columns: 1fr;
    }

    .rt-service-portal-lab__copy,
    .rt-service-portal-formats__head,
    .rt-service-webagency-process__head,
    .rt-service-graphic-lab__copy,
    .rt-service-graphic-process__head {
        max-width: 880px;
        position: relative;
        top: auto;
    }

    .rt-service-portal-lab__layers,
    .rt-service-graphic-lab__layers {
        grid-template-columns: repeat(5, minmax(120px, 1fr));
        overflow-x: auto;
        scrollbar-width: none;
    }

    .rt-service-portal-lab__layers::-webkit-scrollbar,
    .rt-service-graphic-lab__layers::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 680px) {
    .rt-service-hero--realizzazione-siti-web-per-agenzie-immobiliari h1 {
        max-width: 100%;
        font-size: clamp(40px, 11.5vw, 52px);
        line-height: .92;
        overflow-wrap: normal;
    }

    .rt-service-hero--realizzazione-siti-web-per-web-agency h1 {
        max-width: 100%;
        font-size: clamp(32px, 8.7vw, 44px);
        line-height: .96;
        overflow-wrap: normal;
    }

    .rt-service-portal-lab,
    .rt-service-portal-formats,
    .rt-service-webagency-offer,
    .rt-service-webagency-process,
    .rt-service-webagency-seo,
    .rt-service-graphic-lab,
    .rt-service-graphic-process {
        padding: 70px var(--rt-service-gutter);
    }

    .rt-service-portal-lab__copy h2,
    .rt-service-portal-formats__head h2,
    .rt-service-webagency-process__head h2,
    .rt-service-graphic-lab__copy h2,
    .rt-service-graphic-process__head h2 {
        font-size: clamp(44px, 12vw, 68px);
        line-height: .96;
    }

    .rt-service-portal-lab__dashboard,
    .rt-service-graphic-lab__stage {
        display: block;
        padding: 14px;
        border-radius: 28px;
    }

    .rt-service-portal-lab__dashboard figure,
    .rt-service-graphic-lab__stage figure {
        min-height: 300px;
        border-radius: 22px;
    }

    .rt-service-portal-lab__dashboard aside,
    .rt-service-graphic-lab__stage aside {
        margin-top: 14px;
        padding: 24px;
        border-radius: 24px;
    }

    .rt-service-portal-lab__dashboard aside h3,
    .rt-service-graphic-lab__stage aside h3 {
        font-size: 30px;
    }

    .rt-service-portal-lab__layers,
    .rt-service-portal-formats__grid,
    .rt-service-marketplace-examples,
    .rt-service-portal-formats__preview,
    .rt-service-webagency-offer__grid,
    .rt-service-webagency-process__steps,
    .rt-service-graphic-lab__layers,
    .rt-service-graphic-process__steps {
        display: flex;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-portal-lab__layers::-webkit-scrollbar,
    .rt-service-portal-formats__grid::-webkit-scrollbar,
    .rt-service-marketplace-examples::-webkit-scrollbar,
    .rt-service-portal-formats__preview::-webkit-scrollbar,
    .rt-service-webagency-offer__grid::-webkit-scrollbar,
    .rt-service-webagency-process__steps::-webkit-scrollbar,
    .rt-service-graphic-lab__layers::-webkit-scrollbar,
    .rt-service-graphic-process__steps::-webkit-scrollbar {
        display: none;
    }

    .rt-service-portal-lab__layers button,
    .rt-service-graphic-lab__layers button {
        flex: 0 0 auto;
        min-width: 150px;
        scroll-snap-align: start;
    }

    .rt-service-hotel-lab .rt-service-portal-lab__layers button {
        min-width: 132px;
    }

    .rt-service-medici-lab .rt-service-portal-lab__layers button {
        min-width: 132px;
    }

    .rt-service-palestre-lab .rt-service-portal-lab__layers button {
        min-width: 142px;
    }

    .rt-service-professionali-lab .rt-service-portal-lab__layers button {
        min-width: 146px;
    }

    .rt-service-psicologi-lab .rt-service-portal-lab__layers button {
        min-width: 136px;
    }

    .rt-service-ristoranti-lab .rt-service-portal-lab__layers button {
        min-width: 138px;
    }

    .rt-service-webagency-lab .rt-service-portal-lab__layers button {
        min-width: 138px;
    }

    .rt-service-portal-formats__grid a {
        flex: 0 0 min(82vw, 330px);
        min-height: 360px;
        scroll-snap-align: start;
    }

    .rt-service-marketplace-examples article {
        flex: 0 0 min(82vw, 330px);
        scroll-snap-align: start;
    }

    .rt-service-webagency-offer__grid a,
    .rt-service-webagency-process__steps article {
        flex: 0 0 min(84vw, 340px);
        min-height: 270px;
        scroll-snap-align: start;
    }

    .rt-service-graphic-process__steps article {
        flex: 0 0 min(86vw, 360px);
        scroll-snap-align: start;
    }

    .rt-service-ristoranti-features__grid {
        display: flex;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-ristoranti-features__grid::-webkit-scrollbar {
        display: none;
    }

    .rt-service-ristoranti-features__grid article,
    .rt-service-ristoranti-features__grid a {
        flex: 0 0 min(82vw, 330px);
        min-height: 260px;
        scroll-snap-align: start;
    }

    .rt-service-psicologi-essentials__grid,
    .rt-service-psicologi-integrations .rt-service-marketplace-examples {
        display: flex;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-psicologi-essentials__grid::-webkit-scrollbar,
    .rt-service-psicologi-integrations .rt-service-marketplace-examples::-webkit-scrollbar {
        display: none;
    }

    .rt-service-psicologi-essentials__grid article,
    .rt-service-psicologi-essentials__grid a,
    .rt-service-psicologi-integrations .rt-service-marketplace-examples article {
        flex: 0 0 min(82vw, 330px);
        min-height: 270px;
        scroll-snap-align: start;
    }

    .rt-service-portal-formats__preview img {
        flex: 0 0 min(82vw, 330px);
        aspect-ratio: 16 / 9;
        scroll-snap-align: start;
    }

    .rt-service-geometri-examples .rt-service-photo-inspiration__grid {
        display: flex;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-geometri-examples .rt-service-photo-inspiration__grid::-webkit-scrollbar {
        display: none;
    }

    .rt-service-geometri-examples .rt-service-photo-inspiration__grid article {
        flex: 0 0 min(86vw, 360px);
        scroll-snap-align: start;
    }

    .rt-service-geometri-examples .rt-service-photo-inspiration__grid img {
        height: 240px;
    }

    .rt-service-hotel-offer .rt-service-portal-formats__grid {
        display: flex;
        grid-template-columns: none;
    }

    .rt-service-medici-focus .rt-service-portal-formats__grid {
        display: flex;
        grid-template-columns: none;
    }
}

@media (min-width: 1900px) {
    .rt-service-hero {
        min-height: 860px;
    }

    .rt-service-card-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .rt-service-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-card,
    .rt-service-card:nth-child(1),
    .rt-service-card:nth-child(2),
    .rt-service-card:nth-child(n+3) {
        grid-column: span 1;
    }

    .rt-service-consultant-lab__body,
    .rt-service-consultant-benefits__inner,
    .rt-service-consultant-proof__inner,
    .rt-service-marketing-system__inner,
    .rt-service-marketing-suite__inner,
    .rt-service-webcraft__inner,
    .rt-service-web-types__inner,
    .rt-service-commerce-lab__inner,
    .rt-service-commerce-stack__inner,
    .rt-service-mini-commerce__inner,
    .rt-service-mini-commerce-fit__inner,
    .rt-service-custom-lab__inner,
    .rt-service-custom-architecture__inner,
    .rt-service-dynamic-lab__inner,
    .rt-service-dynamic-modules__inner,
    .rt-service-wordpress-lab__inner,
    .rt-service-wordpress-solutions__inner,
    .rt-service-ads-lab__inner,
    .rt-service-social-studio__inner,
    .rt-service-social-plan__inner,
    .rt-service-audit-map__inner,
    .rt-service-audit-console__body,
    .rt-service-audit-outcomes__inner {
        grid-template-columns: 1fr;
    }

    .rt-service-webcraft__copy,
    .rt-service-web-types__head,
    .rt-service-commerce-lab__copy,
    .rt-service-commerce-stack__head,
    .rt-service-mini-commerce__copy,
    .rt-service-mini-commerce-fit__head,
    .rt-service-custom-lab__copy,
    .rt-service-custom-architecture__head,
    .rt-service-dynamic-lab__copy,
    .rt-service-dynamic-modules__head,
    .rt-service-wordpress-lab__copy,
    .rt-service-wordpress-solutions__head {
        max-width: 860px;
    }

    .rt-service-webcraft__steps,
    .rt-service-commerce-lab__tabs,
    .rt-service-mini-commerce__tabs,
    .rt-service-custom-lab__layers,
    .rt-service-dynamic-lab__flow,
    .rt-service-wordpress-lab__tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rt-service-commerce-stack__head,
    .rt-service-mini-commerce-fit__head,
    .rt-service-custom-architecture__head,
    .rt-service-dynamic-modules__head,
    .rt-service-wordpress-solutions__head {
        position: relative;
        top: auto;
    }

    .rt-service-commerce-stack__grid,
    .rt-service-mini-commerce-fit__grid,
    .rt-service-custom-architecture__grid,
    .rt-service-dynamic-modules__grid,
    .rt-service-wordpress-solutions__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-custom-lab__stage {
        grid-template-columns: 1fr;
    }

    .rt-service-dynamic-lab__screen {
        grid-template-columns: 1fr;
    }

    .rt-service-marketing-system__copy,
    .rt-service-marketing-suite__head {
        max-width: 1060px;
    }

    .rt-service-marketing-suite__head {
        position: relative;
        top: auto;
    }

    .rt-service-marketing-suite__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-marketing-suite__card,
    .rt-service-marketing-suite__card:nth-child(1),
    .rt-service-marketing-suite__card:nth-child(2),
    .rt-service-marketing-suite__card:nth-child(n+3) {
        grid-column: auto;
    }

    .rt-service-marketing-flow__steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rt-service-marketing-flow__steps::before {
        display: none;
    }

    .rt-service-ads-lab__copy {
        max-width: 1060px;
    }

    .rt-service-social-studio__copy {
        max-width: 1060px;
    }

    .rt-service-social-plan__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-ads-checks__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-consultant-lab__panel,
    .rt-service-consultant-benefits__title,
    .rt-service-audit-map__intro {
        position: relative;
        top: auto;
    }

    .rt-service-consultant-benefits__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rt-service-audit-map__intro {
        min-height: auto;
        justify-content: flex-start;
    }

    .rt-service-audit-map__cards,
    .rt-service-audit-outcomes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-tools__inner {
        grid-template-columns: 1fr;
        min-height: auto;
        align-items: center;
    }

    .rt-service-tools__visual {
        min-height: clamp(420px, 54vw, 560px);
        order: 2;
    }

    .rt-service-tools__copy {
        order: 1;
        padding-bottom: 0;
    }

    .rt-service-tools__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .rt-service-hero {
        min-height: 620px;
        text-align: left;
        background-position: center;
    }

    .rt-service-hero__inner {
        padding-block: 92px 78px;
    }

    .rt-service-hero h1 {
        margin-left: 0;
        font-size: clamp(50px, 15vw, 88px);
        line-height: .88;
    }

    .rt-service-hero--realizzazione-siti-web-per-agenzie-immobiliari h1 {
        font-size: clamp(40px, 11.5vw, 52px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-web-per-architetti h1 {
        font-size: clamp(40px, 11.5vw, 52px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-web-per-avvocati h1 {
        font-size: clamp(40px, 11.5vw, 52px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-web-aziendali h1 {
        font-size: clamp(40px, 11.5vw, 52px);
        line-height: .92;
    }

    .rt-service-hero--siti-web-per-bb h1 {
        font-size: clamp(42px, 12vw, 56px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-sito-internet-clinica h1 {
        font-size: clamp(38px, 10.8vw, 50px);
        line-height: .92;
    }

    .rt-service-hero--creare-sito-fotografia h1 {
        font-size: clamp(34px, 9.6vw, 46px);
        line-height: .94;
    }

    .rt-service-hero--realizzazione-siti-web-per-geometri h1 {
        font-size: clamp(38px, 10.8vw, 50px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-web-per-hotel h1 {
        font-size: clamp(40px, 11.4vw, 54px);
        line-height: .92;
    }

    .rt-service-hero--siti-web-per-medici h1 {
        font-size: clamp(42px, 12vw, 58px);
        line-height: .92;
    }

    .rt-service-hero--siti-web-per-palestre h1 {
        font-size: clamp(40px, 11.5vw, 54px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-internet-professionali h1 {
        font-size: clamp(34px, 9.8vw, 48px);
        line-height: .94;
    }

    .rt-service-hero--realizzazione-siti-web-per-psicologi h1 {
        font-size: clamp(40px, 11.4vw, 54px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-web-per-ristoranti h1 {
        font-size: clamp(40px, 11.6vw, 54px);
        line-height: .92;
    }

    .rt-service-hero--realizzazione-siti-web-per-web-agency h1 {
        font-size: clamp(32px, 8.7vw, 44px);
        line-height: .96;
    }

    .rt-service-hero__copy {
        margin-left: 0;
        font-size: clamp(17px, 4.8vw, 22px);
    }

    .rt-service-hero__badges,
    .rt-service-hero__actions {
        justify-content: flex-start;
    }

    .rt-service-intro,
    .rt-service-content-row,
    .rt-service-content-row.is-reverse,
    .rt-service-proof,
    .rt-service-why__inner,
    .rt-service-details__inner,
    .rt-service-seo-roadmap__inner,
    .rt-service-marketing-system__inner,
    .rt-service-marketing-suite__inner,
    .rt-service-ads-lab__inner,
    .rt-service-social-studio__inner,
    .rt-service-social-plan__inner,
    .rt-service-consultant-lab__body,
    .rt-service-consultant-benefits__inner,
    .rt-service-consultant-proof__inner,
    .rt-service-seo-why__grid article,
    .rt-service-seo-why__grid article:nth-child(even),
    .rt-service-extra-cards,
    .rt-service-extra-narrative,
    .rt-service-full-content__body,
    .rt-service-faq {
        grid-template-columns: 1fr;
    }

    .rt-service-content-row.is-reverse .rt-service-content-row__media,
    .rt-service-content-row.is-reverse .rt-service-content-row__copy {
        order: initial;
    }

    .rt-service-content-row__media img {
        min-height: min(62vw, 360px);
    }

    .rt-service-content-row__copy h3 {
        font-size: clamp(36px, 10vw, 54px);
    }

    .rt-service-intro__media {
        min-height: min(62vw, 390px);
        border-radius: 24px;
    }

    .rt-service-intro h2 {
        font-size: clamp(42px, 11.5vw, 64px);
    }

    .rt-service-intro__text p,
    .rt-service-intro__text ul,
    .rt-service-intro__text ol {
        font-size: 18px;
        line-height: 1.48;
    }

    .rt-service-section-head {
        text-align: left;
    }

    .rt-service-section-head span {
        margin-left: 0;
    }

    .rt-service-extra__head h2 {
        font-size: clamp(40px, 11vw, 62px);
    }

    .rt-service-extra__head span {
        font-size: 18px;
    }

    .rt-service-why__head,
    .rt-service-details__intro,
    .rt-service-seo-roadmap__intro,
    .rt-service-seo-roadmap__stage,
    .rt-service-consultant-lab__panel,
    .rt-service-consultant-benefits__title {
        position: static;
    }

    .rt-service-why__head h2,
    .rt-service-details__intro h2,
    .rt-service-seo-roadmap__intro h2,
    .rt-service-seo-why__head h2,
    .rt-service-consultant-lab__head h2,
    .rt-service-consultant-benefits__title h2,
    .rt-service-consultant-proof__copy h2,
    .rt-service-audit-map__intro h2,
    .rt-service-audit-console__head h2,
    .rt-service-audit-outcomes__title h2 {
        font-size: clamp(40px, 11vw, 62px);
    }

    .rt-service-audit-map__cards,
    .rt-service-audit-outcomes__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-marketing-system,
    .rt-service-marketing-suite,
    .rt-service-marketing-flow {
        padding-block: 72px;
    }

    .rt-service-marketing-system__signals {
        grid-template-columns: 1fr;
    }

    .rt-service-marketing-suite__head {
        position: relative;
        top: auto;
    }

    .rt-service-marketing-suite__head h2 {
        font-size: clamp(40px, 11vw, 62px);
    }

    .rt-service-marketing-suite__grid {
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-padding-left: var(--rt-service-gutter);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-marketing-suite__grid::-webkit-scrollbar {
        display: none;
    }

    .rt-service-marketing-suite__card {
        flex: 0 0 min(84vw, 370px);
        min-height: 410px;
        scroll-snap-align: start;
    }

    .rt-service-marketing-suite__metric {
        max-width: calc(100% - 92px);
        min-height: 38px;
        padding: 8px 12px;
        font-size: 11px;
    }

    .rt-service-marketing-suite__card figure {
        inset: 0 0 48%;
    }

    .rt-service-ads-lab,
    .rt-service-ads-checks {
        padding-block: 72px;
    }

    .rt-service-social-studio,
    .rt-service-social-plan {
        padding-block: 72px;
    }

    .rt-service-marketing-system__console {
        min-height: 720px;
        border-radius: 30px;
    }

    .rt-service-ads-lab__board {
        min-height: 740px;
        border-radius: 30px;
    }

    .rt-service-social-studio__showcase {
        min-height: 760px;
        border-radius: 30px;
    }

    .rt-service-social-studio__showcase figure {
        inset: 16px;
        width: auto;
        height: 48%;
    }

    .rt-service-social-studio__showcase aside {
        left: 16px;
        right: 16px;
        top: calc(48% + 28px);
        width: auto;
        border-radius: 26px;
    }

    .rt-service-marketing-system__panel {
        width: calc(100% - 32px);
        min-height: 320px;
        margin: 16px;
        border-radius: 26px;
    }

    .rt-service-ads-lab__screen {
        width: calc(100% - 32px);
        min-height: 340px;
        margin: 16px;
        border-radius: 26px;
    }

    .rt-service-marketing-system__channels {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-ads-lab__stages {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-social-studio__tabs {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-marketing-system__channels::-webkit-scrollbar {
        display: none;
    }

    .rt-service-ads-lab__stages::-webkit-scrollbar {
        display: none;
    }

    .rt-service-social-studio__tabs::-webkit-scrollbar {
        display: none;
    }

    .rt-service-marketing-system__channels button {
        flex: 0 0 auto;
        min-height: 48px;
        scroll-snap-align: start;
    }

    .rt-service-ads-lab__stages button {
        flex: 0 0 auto;
        min-height: 50px;
        scroll-snap-align: start;
    }

    .rt-service-social-studio__tabs button {
        flex: 0 0 auto;
        min-height: 50px;
        scroll-snap-align: start;
    }

    .rt-service-marketing-system__channels button:hover,
    .rt-service-marketing-system__channels button:focus-visible,
    .rt-service-marketing-system__channels button.is-active {
        transform: translateY(-2px);
    }

    .rt-service-ads-lab__stages button:hover,
    .rt-service-ads-lab__stages button:focus-visible,
    .rt-service-ads-lab__stages button.is-active {
        transform: translateY(-2px);
    }

    .rt-service-social-studio__tabs button:hover,
    .rt-service-social-studio__tabs button:focus-visible,
    .rt-service-social-studio__tabs button.is-active {
        transform: translateY(-2px);
    }

    .rt-service-marketing-flow__steps {
        grid-template-columns: 1fr;
    }

    .rt-service-ads-checks__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-social-plan__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-marketing-flow__steps article {
        min-height: 230px;
        border-radius: 24px;
    }

    .rt-service-marketing-flow__cta {
        align-items: flex-start;
        flex-direction: column;
        border-radius: 24px;
    }

    .rt-service-marketing-flow__cta a {
        width: 100%;
    }

    .rt-service-audit-map__cards article {
        min-height: auto;
    }

    .rt-service-audit-console__visual {
        min-height: min(108vw, 560px);
        border-radius: 28px;
    }

    .rt-service-audit-console__tabs button {
        transform: none !important;
    }

    .rt-service-audit-outcomes__grid article {
        min-height: 280px;
    }

    .rt-service-consultant-lab__steps button {
        grid-template-columns: auto minmax(0, 1fr);
        border-radius: 26px;
    }

    .rt-service-consultant-lab__steps button em {
        grid-column: 2;
    }

    .rt-service-consultant-benefits__grid {
        grid-template-columns: 1fr;
    }

    .rt-service-consultant-benefits__grid article {
        min-height: 260px;
    }

    .rt-service-consultant-proof__list {
        display: flex;
        width: auto;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-padding-left: var(--rt-service-gutter);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-consultant-proof__list::-webkit-scrollbar {
        display: none;
    }

    .rt-service-consultant-proof__list article,
    .rt-service-consultant-proof__list article:first-child {
        flex: 0 0 min(84vw, 420px);
        min-height: 320px;
        scroll-snap-align: start;
    }

    .rt-service-seo-roadmap__stage {
        min-height: 250px;
        order: -1;
        margin-top: 36px;
        top: auto;
    }

    .rt-service-seo-roadmap__steps {
        grid-column: auto;
        grid-row: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-seo-roadmap__steps article:nth-child(-n+2),
    .rt-service-seo-roadmap__steps article:nth-child(n+3) {
        grid-column: auto;
    }

    .rt-service-seo-roadmap__steps article,
    .rt-service-seo-why__grid article {
        border-radius: 24px;
    }

    .rt-service-seo-why__grid article:nth-child(even) figure {
        order: initial;
    }

    .rt-service-seo-why__grid figure {
        min-height: min(64vw, 340px);
    }

    .rt-service-seo-why__grid h3 {
        font-size: clamp(34px, 9vw, 54px);
    }

    .rt-service-why__flow article {
        grid-template-columns: 1fr;
        border-radius: 24px;
    }

    .rt-service-why__flow article::after {
        font-size: 78px;
    }

    .rt-service-detail-stack article {
        grid-template-columns: 1fr;
    }

    .rt-service-detail-stack article:hover {
        padding-inline: 0;
        background: transparent;
    }

    .rt-service-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-service-extra--audience .rt-service-extra__head {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .rt-service-extra--audience .rt-service-extra__head span {
        margin-top: 0;
    }

    .rt-service-audience-grid span,
    .rt-service-audience-grid a,
    .rt-service-audience-grid span:nth-child(1),
    .rt-service-audience-grid a:nth-child(1),
    .rt-service-audience-grid span:nth-child(6),
    .rt-service-audience-grid a:nth-child(6),
    .rt-service-audience-grid span:nth-child(12),
    .rt-service-audience-grid a:nth-child(12),
    .rt-service-audience-grid span:nth-child(4),
    .rt-service-audience-grid a:nth-child(4),
    .rt-service-audience-grid span:nth-child(10),
    .rt-service-audience-grid a:nth-child(10),
    .rt-service-audience-grid span:nth-child(16),
    .rt-service-audience-grid a:nth-child(16) {
        grid-column: auto;
    }

    .rt-service-tools__inner {
        gap: 20px;
    }

    .rt-service-tools__copy {
        padding-top: 22px;
        text-align: left;
    }

    .rt-service-tools__copy h2 {
        font-size: clamp(44px, 12vw, 64px);
    }

    .rt-service-tools__copy p {
        font-size: 19px;
    }

    .rt-service-tools__visual {
        min-height: 390px;
    }

    .rt-service-tools__logo {
        width: 88%;
        top: 4%;
    }

    .rt-service-tools__team {
        left: -12%;
        width: 118%;
    }

    .rt-service-cta {
        grid-template-columns: 1fr;
        align-items: start;
        text-align: left;
    }

    .rt-service-cta img {
        width: min(72vw, 340px);
        justify-self: start;
    }
}

@media (max-width: 620px) {
    .rt-service-hero {
        min-height: 560px;
    }

    .rt-service-consultant-lab__panel {
        border-radius: 26px;
    }

    .rt-service-consultant-lab__panel img {
        height: min(70vw, 310px);
    }

    .rt-service-marketing-system__copy h2,
    .rt-service-marketing-flow__head h2,
    .rt-service-ads-lab__copy h2,
    .rt-service-ads-checks__head h2,
    .rt-service-social-studio__copy h2,
    .rt-service-social-plan__copy h2 {
        font-size: clamp(42px, 12vw, 60px);
    }

    .rt-service-marketing-system__console {
        min-height: 680px;
    }

    .rt-service-ads-lab__board {
        min-height: 700px;
    }

    .rt-service-social-studio__showcase {
        min-height: 760px;
    }

    .rt-service-marketing-system__panel h3,
    .rt-service-ads-lab__screen h3,
    .rt-service-social-studio__showcase aside h3 {
        font-size: clamp(30px, 8vw, 44px);
    }

    .rt-service-marketing-system__bar span,
    .rt-service-ads-lab__screen-head span {
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rt-service-audit-console__screen {
        left: 14px;
        right: 14px;
        bottom: 14px;
        border-radius: 22px;
    }

    .rt-service-audit-console__tabs button {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 18px;
    }

    .rt-service-audit-console__tabs button em {
        grid-column: 1 / -1;
    }

    .rt-service-consultant-lab__steps button {
        min-height: 126px;
        padding: 18px;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .rt-service-consultant-lab__steps button span {
        width: 42px;
    }

    .rt-service-consultant-lab__steps button strong {
        align-self: center;
        font-size: 13px;
    }

    .rt-service-consultant-lab__steps button em {
        grid-column: 1 / -1;
        font-size: 24px;
        line-height: 1.05;
    }

    .rt-service-hero__actions a,
    .rt-service-cta a {
        width: 100%;
    }

    .rt-service-cta h2 {
        font-size: clamp(44px, 13vw, 66px);
    }

    .rt-service-cta p {
        margin: 22px 0 30px;
        font-size: 18px;
    }

    .rt-service-card-grid,
    .rt-service-audience-grid,
    .rt-service-tools__grid {
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
        scroll-padding-left: var(--rt-service-gutter);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-card-grid::-webkit-scrollbar,
    .rt-service-audience-grid::-webkit-scrollbar,
    .rt-service-tools__grid::-webkit-scrollbar {
        display: none;
    }

    .rt-service-card {
        flex: 0 0 min(84vw, 340px);
        scroll-snap-align: start;
    }

    .rt-service-seo-roadmap,
    .rt-service-seo-why {
        padding-block: 66px;
    }

    .rt-service-seo-roadmap__steps article {
        grid-template-columns: 1fr;
    }

    .rt-service-seo-roadmap__steps {
        grid-template-columns: 1fr;
    }

    .rt-service-seo-roadmap__stage span {
        width: min(58vw, 230px);
        font-size: clamp(56px, 18vw, 88px);
    }

    .rt-service-audience-grid span,
    .rt-service-audience-grid a {
        flex: 0 0 min(68vw, 280px);
        scroll-snap-align: start;
    }

    .rt-service-tools__grid a {
        flex: 0 0 min(72vw, 280px);
        scroll-snap-align: start;
    }

    .rt-service-webcraft,
    .rt-service-web-types,
    .rt-service-commerce-lab,
    .rt-service-commerce-stack,
    .rt-service-mini-commerce,
    .rt-service-mini-commerce-fit,
    .rt-service-custom-lab,
    .rt-service-custom-architecture {
        padding-block: 66px;
    }

    .rt-service-dynamic-lab,
    .rt-service-dynamic-modules,
    .rt-service-wordpress-lab,
    .rt-service-wordpress-solutions {
        padding-block: 66px;
    }

    .rt-service-webcraft__copy h2,
    .rt-service-web-types__head h2,
    .rt-service-commerce-lab__copy h2,
    .rt-service-commerce-stack__head h2,
    .rt-service-mini-commerce__copy h2,
    .rt-service-mini-commerce-fit__head h2,
    .rt-service-custom-lab__copy h2,
    .rt-service-custom-architecture__head h2,
    .rt-service-dynamic-lab__copy h2,
    .rt-service-dynamic-modules__head h2,
    .rt-service-wordpress-lab__copy h2,
    .rt-service-wordpress-solutions__head h2 {
        font-size: clamp(44px, 12vw, 68px);
        line-height: .96;
    }

    .rt-service-webcraft__browser,
    .rt-service-commerce-lab__board,
    .rt-service-mini-commerce__device,
    .rt-service-custom-lab__stage,
    .rt-service-dynamic-lab__console,
    .rt-service-wordpress-lab__board {
        min-height: auto;
        padding: 14px;
        border-radius: 28px;
    }

    .rt-service-webcraft__browser figure,
    .rt-service-commerce-lab__board figure,
    .rt-service-mini-commerce__device figure {
        height: 260px;
        border-radius: 22px;
    }

    .rt-service-webcraft__browser aside,
    .rt-service-commerce-lab__board aside,
    .rt-service-mini-commerce__device aside {
        width: calc(100% - 22px);
        margin-top: -36px;
        padding: 24px;
    }

    .rt-service-webcraft__browser aside h3,
    .rt-service-commerce-lab__board aside h3,
    .rt-service-mini-commerce__device aside h3 {
        font-size: 30px;
    }

    .rt-service-commerce-lab__stats {
        display: none;
    }

    .rt-service-webcraft__steps,
    .rt-service-commerce-lab__tabs,
    .rt-service-mini-commerce__tabs,
    .rt-service-custom-lab__layers,
    .rt-service-dynamic-lab__flow,
    .rt-service-wordpress-lab__tabs {
        display: flex;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-webcraft__steps::-webkit-scrollbar {
        display: none;
    }

    .rt-service-commerce-lab__tabs::-webkit-scrollbar {
        display: none;
    }

    .rt-service-mini-commerce__tabs::-webkit-scrollbar {
        display: none;
    }

    .rt-service-webcraft__steps button,
    .rt-service-commerce-lab__tabs button,
    .rt-service-mini-commerce__tabs button,
    .rt-service-custom-lab__layers button,
    .rt-service-dynamic-lab__flow button,
    .rt-service-wordpress-lab__tabs button {
        flex: 0 0 auto;
        min-width: 150px;
        scroll-snap-align: start;
    }

    .rt-service-web-types__grid,
    .rt-service-web-types__strip,
    .rt-service-commerce-stack__grid,
    .rt-service-commerce-stack__projects,
    .rt-service-mini-commerce-fit__grid,
    .rt-service-mini-commerce-fit__preview,
    .rt-service-custom-architecture__grid,
    .rt-service-custom-architecture__preview,
    .rt-service-dynamic-modules__grid,
    .rt-service-dynamic-modules__preview,
    .rt-service-wordpress-solutions__grid,
    .rt-service-wordpress-solutions__preview {
        display: flex;
        margin-inline: calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-web-types__grid::-webkit-scrollbar,
    .rt-service-web-types__strip::-webkit-scrollbar,
    .rt-service-commerce-stack__grid::-webkit-scrollbar,
    .rt-service-commerce-stack__projects::-webkit-scrollbar,
    .rt-service-mini-commerce-fit__grid::-webkit-scrollbar,
    .rt-service-mini-commerce-fit__preview::-webkit-scrollbar,
    .rt-service-custom-architecture__grid::-webkit-scrollbar,
    .rt-service-custom-architecture__preview::-webkit-scrollbar,
    .rt-service-dynamic-modules__grid::-webkit-scrollbar,
    .rt-service-dynamic-modules__preview::-webkit-scrollbar,
    .rt-service-wordpress-solutions__grid::-webkit-scrollbar,
    .rt-service-wordpress-solutions__preview::-webkit-scrollbar {
        display: none;
    }

    .rt-service-web-types__grid a,
    .rt-service-commerce-stack__grid article,
    .rt-service-mini-commerce-fit__grid article,
    .rt-service-custom-architecture__grid a,
    .rt-service-dynamic-modules__grid article,
    .rt-service-wordpress-solutions__grid a {
        flex: 0 0 min(82vw, 330px);
        min-height: 360px;
        scroll-snap-align: start;
    }

    .rt-service-web-types__strip img,
    .rt-service-commerce-stack__projects img,
    .rt-service-mini-commerce-fit__preview img,
    .rt-service-custom-architecture__preview img,
    .rt-service-dynamic-modules__preview img,
    .rt-service-wordpress-solutions__preview img {
        flex: 0 0 min(82vw, 330px);
        aspect-ratio: 16 / 9;
        scroll-snap-align: start;
    }

    .rt-service-logo-strip {
        mask-image: none;
        -webkit-mask-image: none;
    }

    .rt-service-logo-strip__track {
        overflow-x: auto;
        width: auto;
        padding-inline: var(--rt-service-gutter);
        scroll-snap-type: x mandatory;
        animation: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-logo-strip__track::-webkit-scrollbar {
        display: none;
    }

    .rt-service-logo-strip a {
        flex: 0 0 178px;
        scroll-snap-align: center;
    }

    .rt-service-faq summary {
        align-items: flex-start;
        font-size: 20px;
    }
}

@media (max-width: 860px) {
    .rt-service-audience-explorer__head,
    .rt-service-audience-explorer {
        grid-template-columns: 1fr;
    }

    .rt-service-audience-explorer__head {
        align-items: start;
    }

    .rt-service-audience-explorer__head > div {
        padding-top: 0;
    }

    .rt-service-audience-explorer__head h2 {
        font-size: clamp(44px, 12vw, 68px);
    }

    .rt-service-audience-preview {
        position: relative;
        top: auto;
        order: 0;
        border-radius: 28px;
    }

    .rt-service-audience-preview figure {
        height: min(62vw, 330px);
    }

    .rt-service-extra--audience .rt-service-audience-grid {
        order: -1;
        flex-wrap: nowrap;
        width: auto;
        margin: 0 calc(var(--rt-service-gutter) * -1);
        padding-inline: var(--rt-service-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .rt-service-extra--audience .rt-service-audience-grid::-webkit-scrollbar {
        display: none;
    }

    .rt-service-extra--audience .rt-service-audience-grid a,
    .rt-service-extra--audience .rt-service-audience-grid span,
    .rt-service-extra--audience .rt-service-audience-grid a:nth-child(n),
    .rt-service-extra--audience .rt-service-audience-grid span:nth-child(n) {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }
}

/* Premium M3 airy pass for Consulente Web Marketing. */
.rt-service-hero--consulente-web-marketing-napoli .rt-service-hero__inner {
    padding-block: clamp(132px, 11vw, 230px) clamp(110px, 9vw, 190px);
}

.rt-service-hero--consulente-web-marketing-napoli .rt-service-hero__copy {
    max-width: min(920px, 78vw);
    margin-top: clamp(24px, 3vw, 48px);
}

.rt-service-marketing-system {
    padding-block: clamp(130px, 10vw, 220px);
}

.rt-service-marketing-system__inner {
    gap: clamp(58px, 8vw, 150px);
}

.rt-service-marketing-suite {
    padding-block: clamp(140px, 12vw, 250px);
    background:
        radial-gradient(circle at 88% 4%, rgba(98, 85, 255, .08), transparent 28%),
        radial-gradient(circle at 10% 96%, rgba(215, 203, 31, .09), transparent 24%),
        linear-gradient(180deg, #f8f8ff 0%, #fff 46%, #f7f7ff 100%);
}

.rt-service-marketing-suite__inner {
    display: block;
}

.rt-service-marketing-suite__head {
    max-width: 1120px;
    margin: 0 0 clamp(72px, 7vw, 128px);
    position: relative;
    top: auto;
}

.rt-service-marketing-suite__head h2 {
    max-width: 980px;
    font-size: clamp(58px, 6.5vw, 128px);
    line-height: .92;
    text-wrap: balance;
}

.rt-service-marketing-suite__head span {
    max-width: 880px;
    margin-top: clamp(24px, 2.8vw, 46px);
}

.rt-service-marketing-suite__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(70px, 7vw, 132px);
}

.rt-service-marketing-suite__card,
.rt-service-marketing-suite__card:nth-child(1),
.rt-service-marketing-suite__card:nth-child(2),
.rt-service-marketing-suite__card:nth-child(n+3) {
    grid-column: auto;
}

.rt-service-marketing-suite__card {
    min-height: clamp(520px, 36vw, 690px);
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    grid-template-rows: repeat(4, min-content);
    gap: clamp(34px, 5vw, 90px);
    align-items: center;
    align-content: center;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.rt-service-marketing-suite__card::before {
    inset: 8% -3% 8% 42%;
    z-index: -2;
    border-radius: clamp(36px, 4vw, 72px);
    background:
        radial-gradient(circle at 88% 12%, rgba(98, 85, 255, .15), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(242, 241, 255, .86));
    box-shadow: 0 34px 110px rgba(28, 29, 44, .08);
}

.rt-service-marketing-suite__card:nth-child(even)::before {
    inset: 8% 42% 8% -3%;
}

.rt-service-marketing-suite__card figure {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 1 / span 8;
    width: 100%;
    height: 100%;
    min-height: clamp(440px, 32vw, 640px);
    border-radius: clamp(36px, 4vw, 68px);
    box-shadow: 0 34px 120px rgba(28, 29, 44, .14);
}

.rt-service-marketing-suite__card figure::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .24)),
        radial-gradient(circle at 90% 12%, rgba(98, 85, 255, .25), transparent 34%);
}

.rt-service-marketing-suite__card img {
    transform: scale(1.02);
}

.rt-service-marketing-suite__card:nth-child(even) {
    grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
}

.rt-service-marketing-suite__card:nth-child(even) figure {
    grid-column: 2;
}

.rt-service-marketing-suite__card > p,
.rt-service-marketing-suite__card > h3,
.rt-service-marketing-suite__card > em,
.rt-service-marketing-suite__card > strong {
    grid-column: 2;
    align-self: center;
    max-width: 600px;
}

.rt-service-marketing-suite__card:nth-child(even) > p,
.rt-service-marketing-suite__card:nth-child(even) > h3,
.rt-service-marketing-suite__card:nth-child(even) > em,
.rt-service-marketing-suite__card:nth-child(even) > strong {
    grid-column: 1;
}

.rt-service-marketing-suite__card > p {
    margin-top: 0;
}

.rt-service-marketing-suite__card h3 {
    font-size: clamp(44px, 4.4vw, 84px);
    line-height: .94;
    text-wrap: balance;
}

.rt-service-marketing-suite__card em {
    margin-top: clamp(18px, 2vw, 32px);
    font-size: clamp(18px, 1.35vw, 25px);
    line-height: 1.48;
}

.rt-service-marketing-suite__card strong {
    margin-top: clamp(24px, 3vw, 48px);
    min-height: 56px;
    padding: 16px 22px;
    background: #6255ff;
    color: #fff;
    box-shadow: 0 18px 42px rgba(98, 85, 255, .24);
}

.rt-service-marketing-suite__card:hover figure,
.rt-service-marketing-suite__card:focus-visible figure {
    transform: translateY(-10px) scale(1.01);
}

.rt-service-marketing-suite__card:focus-visible {
    outline: 3px solid rgba(98, 85, 255, .46);
    outline-offset: 12px;
}

.rt-service-marketing-suite__index {
    top: clamp(18px, 2vw, 34px);
    left: clamp(18px, 2vw, 34px);
    width: clamp(58px, 5vw, 82px);
    height: clamp(58px, 5vw, 82px);
    font-size: clamp(18px, 1.4vw, 24px);
    box-shadow: 0 18px 44px rgba(23, 24, 32, .18);
}

.rt-service-marketing-suite__metric {
    top: clamp(18px, 2vw, 34px);
    right: clamp(18px, 2vw, 34px);
}

.rt-service-cards--consulente-web-marketing-napoli {
    padding-block: clamp(140px, 12vw, 250px);
    background:
        radial-gradient(circle at 12% 12%, rgba(98, 85, 255, .08), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f8ff 100%);
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-section-head {
    margin-bottom: clamp(78px, 7vw, 130px);
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-section-head h2 {
    max-width: 1140px;
    margin-inline: auto;
    font-size: clamp(56px, 6vw, 116px);
    line-height: .94;
    text-wrap: balance;
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(72px, 7vw, 130px);
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card,
.rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(1),
.rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(2),
.rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(n+3) {
    grid-column: auto;
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card {
    min-height: clamp(520px, 36vw, 680px);
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
    align-items: end;
    border-radius: clamp(38px, 4vw, 72px);
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(even) {
    grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr);
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card__media {
    position: relative;
    inset: auto;
    grid-column: 1;
    height: 100%;
    min-height: inherit;
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(even) .rt-service-card__media {
    grid-column: 2;
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card__copy {
    grid-column: 2;
    width: min(620px, calc(100% - 48px));
    margin: clamp(24px, 3vw, 52px);
    padding: clamp(30px, 3vw, 58px);
    border-radius: clamp(30px, 3vw, 50px);
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(even) .rt-service-card__copy {
    grid-column: 1;
    grid-row: 1;
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card strong {
    font-size: clamp(38px, 3.5vw, 76px);
    text-wrap: balance;
}

.rt-service-cards--consulente-web-marketing-napoli .rt-service-card em {
    max-width: 560px;
    font-size: clamp(18px, 1.35vw, 24px);
}

.rt-service-marketing-flow {
    padding-block: clamp(120px, 10vw, 220px);
}

@media (max-width: 1180px) {
    .rt-service-marketing-suite__card,
    .rt-service-marketing-suite__card:nth-child(even),
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(even) {
        grid-template-columns: 1fr;
        gap: clamp(26px, 5vw, 56px);
    }

    .rt-service-marketing-suite__card figure,
    .rt-service-marketing-suite__card:nth-child(even) figure,
    .rt-service-marketing-suite__card > p,
    .rt-service-marketing-suite__card > h3,
    .rt-service-marketing-suite__card > em,
    .rt-service-marketing-suite__card > strong,
    .rt-service-marketing-suite__card:nth-child(even) > p,
    .rt-service-marketing-suite__card:nth-child(even) > h3,
    .rt-service-marketing-suite__card:nth-child(even) > em,
    .rt-service-marketing-suite__card:nth-child(even) > strong,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card__media,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(even) .rt-service-card__media,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card__copy,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card:nth-child(even) .rt-service-card__copy {
        grid-column: 1;
        grid-row: auto;
    }

    .rt-service-marketing-suite__card::before,
    .rt-service-marketing-suite__card:nth-child(even)::before {
        inset: 18% -4% -3% 12%;
    }

    .rt-service-marketing-suite__card > p {
        margin-top: 0;
    }
}

@media (max-width: 860px) {
    .rt-service-hero--consulente-web-marketing-napoli .rt-service-hero__inner,
    .rt-service-marketing-system,
    .rt-service-marketing-suite,
    .rt-service-cards--consulente-web-marketing-napoli,
    .rt-service-marketing-flow {
        padding-block: 86px;
    }

    .rt-service-marketing-suite__grid,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card-grid {
        display: grid;
        margin-inline: 0;
        padding-inline: var(--rt-service-gutter);
        overflow: visible;
        scroll-snap-type: none;
    }

    .rt-service-marketing-suite__card,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card {
        min-height: auto;
        border-radius: 32px;
    }

    .rt-service-marketing-suite__card figure,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card__media {
        min-height: 270px;
        border-radius: 30px;
    }

    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card__copy {
        width: auto;
        margin: 16px;
        padding: 24px;
        border-radius: 26px;
    }

    .rt-service-marketing-suite__head h2,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-section-head h2 {
        font-size: clamp(42px, 12vw, 66px);
    }

    .rt-service-marketing-suite__card h3,
    .rt-service-cards--consulente-web-marketing-napoli .rt-service-card strong {
        font-size: clamp(34px, 9vw, 52px);
    }

    .rt-service-marketing-suite__index {
        width: 52px;
        height: 52px;
    }
}

.rt-service-hero h1 {
    font-size: clamp(50px, 7.76vw, 134px) !important;
}

.rt-service-hero__title-rest {
    font-size: clamp(25px, 2.4vw, 46px) !important;
}

.rt-service-intro h2,
.rt-service-proof h2,
.rt-service-section-head h2,
.rt-service-cta h2,
.rt-service-faq h2 {
    font-size: clamp(34px, 4.08vw, 77px) !important;
}

.rt-service-extra__head h2,
.rt-service-why__head h2,
.rt-service-details__intro h2,
.rt-service-seo-roadmap__intro h2,
.rt-service-seo-why__head h2,
.rt-service-consultant-lab__head h2,
.rt-service-consultant-benefits__title h2,
.rt-service-consultant-proof__copy h2,
.rt-service-audit-map__intro h2,
.rt-service-audit-console__head h2,
.rt-service-audit-outcomes__title h2,
.rt-service-marketing-system__copy h2,
.rt-service-marketing-suite__head h2,
.rt-service-marketing-flow__head h2,
.rt-service-webcraft__copy h2,
.rt-service-web-types__head h2,
.rt-service-commerce-lab__copy h2,
.rt-service-commerce-stack__head h2,
.rt-service-mini-commerce__copy h2,
.rt-service-mini-commerce-fit__head h2,
.rt-service-custom-lab__copy h2,
.rt-service-custom-architecture__head h2,
.rt-service-dynamic-lab__copy h2,
.rt-service-dynamic-modules__head h2,
.rt-service-wordpress-lab__copy h2,
.rt-service-wordpress-solutions__head h2,
.rt-service-portal-lab__copy h2,
.rt-service-portal-formats__head h2,
.rt-service-webagency-process__head h2,
.rt-service-graphic-lab__copy h2,
.rt-service-graphic-process__head h2,
.rt-service-ads-lab__copy h2,
.rt-service-ads-checks__head h2,
.rt-service-social-studio__copy h2,
.rt-service-social-plan__copy h2,
.rt-service-brand-room__copy h2,
.rt-service-brand-process__head h2,
.rt-service-logo-lab__copy h2,
.rt-service-logo-rules__head h2,
.rt-service-site-refresh__copy h2,
.rt-service-site-checklist__head h2,
.rt-service-tools__copy h2,
.rt-service-audience-explorer__head h2 {
    font-size: clamp(38px, 4.16vw, 86px) !important;
}

.rt-service-hero {
    min-height: clamp(560px, calc(90svh - var(--rt-header-height, 88px)), 760px) !important;
}

.rt-service-hero__inner {
    padding-block: clamp(70px, 6vw, 118px) !important;
}

.rt-service-hero__copy,
.rt-service-intro__text p,
.rt-service-intro__text li,
.rt-service-section-head span,
.rt-service-extra__head span,
.rt-service-extra-cards p,
.rt-service-why__head > span,
.rt-service-details__intro > span,
.rt-service-why__flow p,
.rt-service-detail-stack p,
.rt-service-seo-roadmap__intro span,
.rt-service-seo-why__head span,
.rt-service-seo-why__grid p,
.rt-service-consultant-lab__head span,
.rt-service-consultant-benefits__title span,
.rt-service-consultant-proof__copy span,
.rt-service-consultant-benefits__grid p,
.rt-service-consultant-proof__list p,
.rt-service-marketing-system__copy > span,
.rt-service-marketing-suite__head span,
.rt-service-marketing-flow__head span,
.rt-service-marketing-flow__cta p,
.rt-service-marketing-flow__steps p,
.rt-service-webcraft__copy > span,
.rt-service-web-types__head span,
.rt-service-commerce-lab__copy > span,
.rt-service-commerce-stack__head span,
.rt-service-mini-commerce__copy > span,
.rt-service-mini-commerce-fit__head span,
.rt-service-custom-lab__copy > span,
.rt-service-custom-architecture__head span,
.rt-service-dynamic-lab__copy > span,
.rt-service-dynamic-modules__head span,
.rt-service-wordpress-lab__copy > span,
.rt-service-wordpress-solutions__head span,
.rt-service-portal-lab__copy > span,
.rt-service-portal-formats__head span,
.rt-service-webagency-process__head span,
.rt-service-graphic-lab__copy > span,
.rt-service-graphic-process__head span,
.rt-service-ads-lab__copy > span,
.rt-service-ads-checks__head span,
.rt-service-social-studio__copy > span,
.rt-service-social-plan__copy > span,
.rt-service-brand-room__copy > span,
.rt-service-brand-process__head span,
.rt-service-logo-lab__copy > span,
.rt-service-logo-rules__head span,
.rt-service-site-refresh__copy > span,
.rt-service-site-checklist__head span,
.rt-service-audit-map__intro span,
.rt-service-audit-console__head span,
.rt-service-audit-outcomes__title span,
.rt-service-tools__copy p,
.rt-service-audience-explorer__head span {
    font-size: max(20px, 1em) !important;
}

.rt-service-intro h2 + p,
.rt-service-proof h2 + p,
.rt-service-section-head h2 + p,
.rt-service-section-head h2 + span,
.rt-service-extra__head h2 + p,
.rt-service-extra__head h2 + span,
.rt-service-why__head h2 + p,
.rt-service-why__head h2 + span,
.rt-service-details__intro h2 + p,
.rt-service-details__intro h2 + span,
.rt-service-cta h2 + p,
.rt-service-faq h2 + p,
.rt-service-seo-roadmap__intro h2 + p,
.rt-service-seo-roadmap__intro h2 + span,
.rt-service-seo-why__head h2 + p,
.rt-service-seo-why__head h2 + span,
.rt-service-consultant-lab__head h2 + p,
.rt-service-consultant-lab__head h2 + span,
.rt-service-consultant-benefits__title h2 + p,
.rt-service-consultant-benefits__title h2 + span,
.rt-service-consultant-proof__copy h2 + p,
.rt-service-consultant-proof__copy h2 + span,
.rt-service-marketing-system__copy h2 + p,
.rt-service-marketing-system__copy h2 + span,
.rt-service-marketing-suite__head h2 + p,
.rt-service-marketing-suite__head h2 + span,
.rt-service-marketing-flow__head h2 + p,
.rt-service-marketing-flow__head h2 + span,
.rt-service-tools__copy h2 + p {
    margin-top: 20px !important;
}

@media (max-width: 760px) {
    .rt-service-hero {
        min-height: clamp(520px, calc(88svh - var(--rt-header-height, 104px)), 620px) !important;
    }
}

section[class*="rt-service"] p,
section[class*="rt-service"] li {
    font-size: max(20px, 1em) !important;
}

section[class*="rt-service"] h1 + p,
section[class*="rt-service"] h2 + p,
section[class*="rt-service"] h3 + p,
section[class*="rt-service"] h4 + p,
section[class*="rt-service"] h1 + span,
section[class*="rt-service"] h2 + span,
section[class*="rt-service"] h3 + span,
section[class*="rt-service"] h4 + span,
section[class*="rt-service"] h1 + div,
section[class*="rt-service"] h2 + div,
section[class*="rt-service"] h3 + div,
section[class*="rt-service"] h4 + div {
    margin-top: 20px !important;
}

@media (min-width: 1025px) {
    .rt-service-hero__inner {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .rt-service-hero h1 {
        max-width: 1140px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .rt-service-hero__title-rest {
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .rt-service-hero__copy {
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .rt-service-hero__badges,
    .rt-service-hero__actions {
        justify-content: center !important;
    }
}

@media (max-width: 1024px) {
    .rt-service-hero__inner {
        width: min(100%, 760px) !important;
        margin-inline: auto !important;
    }
}

.rt-service-hero h1,
.rt-service-hero__title-rest,
.rt-service-hero__copy,
.rt-service-section-head h2,
.rt-service-section-head span,
.rt-service-section-head > p:not(:first-child),
.rt-service-extra__head h2,
.rt-service-extra__head span,
.rt-service-why__head h2,
.rt-service-why__head span,
.rt-service-details__intro h2,
.rt-service-details__intro span,
.rt-service-seo-roadmap__intro h2,
.rt-service-seo-roadmap__intro span,
.rt-service-seo-why__head h2,
.rt-service-seo-why__head span,
.rt-service-consultant-lab__head h2,
.rt-service-consultant-lab__head span,
.rt-service-consultant-benefits__title h2,
.rt-service-consultant-benefits__title span,
.rt-service-marketing-suite__head h2,
.rt-service-marketing-suite__head span,
.rt-service-marketing-flow__head h2,
.rt-service-marketing-flow__head span {
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
}

.rt-service-section-head h2,
.rt-service-extra__head h2,
.rt-service-why__head h2,
.rt-service-details__intro h2,
.rt-service-seo-roadmap__intro h2,
.rt-service-seo-why__head h2,
.rt-service-consultant-lab__head h2,
.rt-service-consultant-benefits__title h2,
.rt-service-marketing-suite__head h2,
.rt-service-marketing-flow__head h2 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.rt-service-section-head span,
.rt-service-section-head > p:not(:first-child),
.rt-service-extra__head span,
.rt-service-why__head span,
.rt-service-details__intro span,
.rt-service-seo-roadmap__intro span,
.rt-service-seo-why__head span,
.rt-service-consultant-lab__head span,
.rt-service-consultant-benefits__title span,
.rt-service-marketing-suite__head span,
.rt-service-marketing-flow__head span {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

/* SEO Agency Napoli landing, scoped Material 3 adaptation. */
.rt-seo-m3{--md-sys-color-primary:#6255ff;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#ebe8ff;--md-sys-color-on-primary-container:#1e165f;--md-sys-color-secondary-container:#eef1ff;--md-sys-color-surface:#fff;--md-sys-color-surface-container-low:#f7f8fb;--md-sys-color-surface-container:#f0f2f7;--md-sys-color-surface-container-high:#e8ecf7;--md-sys-color-outline-variant:#d8deea;--md-sys-color-on-surface:#171717;--md-sys-color-on-surface-variant:#4b5263;--rt-seo-max:var(--rt-layout-content,1456px);--rt-seo-gutter:var(--rt-layout-gutter,72px);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-family:inherit;overflow:hidden}
.rt-seo-m3 *,.rt-seo-m3 *::before,.rt-seo-m3 *::after{box-sizing:border-box}.rt-seo-m3 a{color:inherit}.rt-seo-m3 [data-rt-reveal]{opacity:0;transform:translateY(24px);transition:opacity 520ms cubic-bezier(.2,0,0,1),transform 520ms cubic-bezier(.2,0,0,1)}.rt-seo-m3 [data-rt-visible]{opacity:1;transform:translateY(0)}
.rt-seo-m3-hero,.rt-seo-m3-intro,.rt-seo-m3-services,.rt-seo-m3-testimonial,.rt-seo-m3-audience,.rt-seo-m3-cta{width:min(100% - (var(--rt-seo-gutter)*2),var(--rt-seo-max));margin-inline:auto}
.rt-seo-m3-hero{min-height:560px;max-height:none;padding:52px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.rt-seo-m3-hero__copy{min-width:0;display:grid;gap:18px;align-content:center}
.rt-seo-m3-eyebrow{margin:0;color:var(--md-sys-color-primary);font-size:14px;line-height:20px;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.rt-seo-m3 h1,.rt-seo-m3 h2,.rt-seo-m3 h3{margin:0;font-family:inherit;color:var(--md-sys-color-on-surface)}.rt-seo-m3 h1{max-width:760px;font-size:clamp(52px,5vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.04em}.rt-seo-m3 h2{max-width:760px;font-size:clamp(38px,4vw,42px);line-height:1.15;font-weight:750;letter-spacing:-.03em}.rt-seo-m3 h3{font-size:23px;line-height:1.25;font-weight:700}
.rt-seo-m3-payoff,.rt-seo-m3-body-large,.rt-seo-m3-section-head span,.rt-seo-m3-intro p,.rt-seo-m3-cta p{max-width:680px;margin:0;color:var(--md-sys-color-on-surface-variant);font-size:18px;line-height:30px}.rt-seo-m3-payoff{color:var(--md-sys-color-on-surface);font-weight:700}
.rt-seo-m3-actions,.rt-seo-m3-chip-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rt-seo-m3-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;border:1px solid transparent;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:transform 200ms cubic-bezier(.2,0,0,1),box-shadow 200ms cubic-bezier(.2,0,0,1),background-color 200ms cubic-bezier(.2,0,0,1)}.rt-seo-m3-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 10px 24px rgba(98,85,255,.2)}.rt-seo-m3-button--outlined{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.rt-seo-m3-button:hover,.rt-seo-m3-button:focus-visible{transform:translateY(-2px)}.rt-seo-m3-button:active{transform:scale(.98)}.rt-seo-m3 a:focus-visible,.rt-seo-m3 summary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:4px}
.rt-seo-m3-chip-row a,.rt-seo-m3-chip-row span,.rt-seo-m3-audience__chips a,.rt-seo-m3-audience__chips span{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;padding:12px 20px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:15px;font-weight:600;text-decoration:none;transition:transform 200ms cubic-bezier(.2,0,0,1),background-color 200ms cubic-bezier(.2,0,0,1)}.rt-seo-m3-chip-row a:hover,.rt-seo-m3-audience__chips a:hover{transform:translateY(-2px);background:var(--md-sys-color-secondary-container)}.rt-seo-m3-hero .rt-seo-m3-eyebrow{text-transform:none;letter-spacing:0;font-size:16px;line-height:24px}.rt-seo-m3-hero-points{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:var(--md-sys-color-on-surface);font-size:16px;line-height:24px;font-weight:700}.rt-seo-m3-hero-points li{position:relative;padding-left:24px}.rt-seo-m3-hero-points li::before{content:"";position:absolute;left:0;top:.58em;width:9px;height:9px;border-radius:50%;background:var(--md-sys-color-primary);box-shadow:0 0 0 6px var(--md-sys-color-primary-container)}.rt-seo-m3-video{position:relative;aspect-ratio:16/9;min-height:0;height:auto;border-radius:32px;overflow:hidden;background:#080719;border:0;box-shadow:0 18px 42px rgba(18,20,35,.1);isolation:isolate;align-self:center}.rt-seo-m3-video .elementor-background-video-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.rt-seo-m3-video iframe{position:absolute;inset:50% auto auto 50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0;display:block}.rt-seo-m3-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(98,85,255,.08),rgba(98,85,255,.16));pointer-events:none}
.rt-seo-m3-dashboard{position:relative;min-height:500px;border-radius:32px;padding:24px;overflow:hidden;background:linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-primary-container));border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 18px 42px rgba(18,20,35,.1);display:grid;gap:16px;align-content:stretch}.rt-seo-m3-dashboard__blob{position:absolute;inset:auto -16% -24% 28%;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(98,85,255,.28),transparent 68%);filter:blur(10px);animation:rtSeoBlob 15s ease-in-out infinite alternate}.rt-seo-m3-dashboard>*:not(.rt-seo-m3-dashboard__blob){position:relative;z-index:1}.rt-seo-m3-dashboard__top,.rt-seo-m3-score,.rt-seo-m3-serp,.rt-seo-m3-keywords{border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);padding:18px;box-shadow:0 8px 18px rgba(18,20,35,.06)}.rt-seo-m3-dashboard__top{display:flex;justify-content:space-between;align-items:center}.rt-seo-m3-dashboard span,.rt-seo-m3-dashboard p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:22px}.rt-seo-m3-dashboard strong{color:var(--md-sys-color-on-surface);font-size:18px}.rt-seo-m3-score i{display:block;height:10px;margin:14px 0;border-radius:999px;background:linear-gradient(90deg,var(--md-sys-color-primary) 74%,var(--md-sys-color-surface-container-high) 74%)}.rt-seo-m3-score em{font-style:normal;font-weight:700;color:var(--md-sys-color-primary)}.rt-seo-m3-graph{min-height:118px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;padding:18px;border-radius:24px;background:var(--md-sys-color-on-primary)}.rt-seo-m3-graph i{display:block;border-radius:999px 999px 8px 8px;background:var(--md-sys-color-primary);opacity:.78}.rt-seo-m3-graph i:nth-child(1){height:34%}.rt-seo-m3-graph i:nth-child(2){height:48%}.rt-seo-m3-graph i:nth-child(3){height:62%}.rt-seo-m3-graph i:nth-child(4){height:76%}.rt-seo-m3-graph i:nth-child(5){height:92%}.rt-seo-m3-keywords{display:flex;flex-wrap:wrap;gap:8px}.rt-seo-m3-keywords span{padding:8px 10px;border-radius:999px;background:var(--md-sys-color-secondary-container)}
.rt-seo-m3-intro{margin-block:72px;padding:48px;border:1px solid var(--md-sys-color-outline-variant);border-radius:28px;background:var(--md-sys-color-surface-container-low);display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start}.rt-seo-m3-intro__copy{display:grid;gap:16px}.rt-seo-m3-reasons{display:grid;gap:12px}.rt-seo-m3-reasons article{min-height:84px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px;border-radius:22px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}.rt-seo-m3-reasons span{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:800}.rt-seo-m3-reasons h3{font-size:18px;line-height:24px}.rt-seo-m3-reasons p{grid-column:2;margin:-6px 0 0;color:var(--md-sys-color-on-surface-variant);font-size:15px;line-height:24px}
.rt-seo-m3-services,.rt-seo-m3-audience{padding:72px 0}.rt-seo-m3-section-head{margin-bottom:32px;display:grid;gap:10px}.rt-seo-m3-service-clusters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rt-seo-m3-cluster{min-height:420px;padding:28px;border-radius:28px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);transition:transform 200ms cubic-bezier(.2,0,0,1),box-shadow 200ms cubic-bezier(.2,0,0,1)}.rt-seo-m3-cluster:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 14px 28px rgba(18,20,35,.1)}.rt-seo-m3-cluster__head{margin-bottom:18px;display:grid;gap:8px}.rt-seo-m3-cluster__head>span{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:800}.rt-seo-m3-cluster__head p{margin:0;color:var(--md-sys-color-primary);font-size:14px;font-weight:700}.rt-seo-m3-cluster__items{display:grid;gap:10px}.rt-seo-m3-cluster details{border-radius:20px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);overflow:hidden}.rt-seo-m3-cluster summary{min-height:78px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:14px;cursor:pointer}.rt-seo-m3-cluster summary::-webkit-details-marker{display:none}.rt-seo-m3-cluster summary>span{width:32px;height:32px;border-radius:50%;background:var(--md-sys-color-secondary-container)}.rt-seo-m3-cluster summary h3{font-size:18px;line-height:24px}.rt-seo-m3-cluster article{padding:0 14px 16px 60px;color:var(--md-sys-color-on-surface-variant);font-size:15px;line-height:25px}.rt-seo-m3-cluster article p{margin:0 0 10px}.rt-seo-m3-cluster article a{color:var(--md-sys-color-primary);font-weight:700;text-decoration:none}
.rt-seo-m3-testimonial{width:100%;max-width:none;margin:5% 0 0;padding:5% 3% 5% max(32px,calc((100vw - var(--rt-seo-max))/2 + 32px));border:0;border-radius:0;background:#f6f6ff;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,42%);gap:0;align-items:stretch}.rt-seo-m3-testimonial__quote{display:grid;gap:40px;align-content:center;padding:5% 5% 5% 0}.rt-seo-m3-testimonial__icon{display:block;color:#c8d5dc}.rt-seo-m3-testimonial__icon svg{width:82px;height:auto;display:block;fill:currentColor}.rt-seo-m3-testimonial__blockquote{margin:0}.rt-seo-m3-testimonial__blockquote p{max-width:760px;margin:0;color:#5f6368;font-size:20px;line-height:27px;font-weight:400}.rt-seo-m3-testimonial__blockquote footer{margin-top:40px}.rt-seo-m3-testimonial__blockquote cite{font-style:normal}.rt-seo-m3-testimonial__blockquote cite a{color:#3c4043;font-size:24px;line-height:1.5;font-weight:400;text-transform:capitalize;text-decoration:none}.rt-seo-m3-testimonial__blockquote cite a:hover{text-decoration:underline}.rt-seo-m3-testimonial__media{margin:0;display:flex;align-items:stretch;justify-content:flex-end}.rt-seo-m3-testimonial__media img{width:100%;max-width:800px;height:auto;object-fit:cover;align-self:center;display:block}
.rt-seo-m3-audience__chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rt-seo-m3-audience__chips a,.rt-seo-m3-audience__chips span{width:100%;text-align:center}
.rt-seo-m3-cta{margin-block:72px;border-radius:32px;border:1px solid var(--md-sys-color-outline-variant);background:linear-gradient(135deg,var(--md-sys-color-surface-container),var(--md-sys-color-primary-container))}.rt-seo-m3-cta--main{min-height:360px;padding:48px;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center}.rt-seo-m3-cta--main>div:first-child,.rt-seo-m3-cta--final>div{display:grid;gap:18px;justify-items:start}.rt-seo-m3-cta__visual{min-height:240px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rt-seo-m3-cta__visual span{display:flex;align-items:center;justify-content:center;border-radius:24px;background:rgba(255,255,255,.66);color:var(--md-sys-color-primary);font-weight:800}.rt-seo-m3-cta--final{max-width:960px;padding:56px 64px;text-align:center;background:var(--md-sys-color-surface-container-low)}.rt-seo-m3-cta--final>div{justify-items:center}
@keyframes rtSeoBlob{from{transform:translate3d(-3%,1%,0) scale(1);opacity:.7}to{transform:translate3d(5%,-4%,0) scale(1.08);opacity:.95}}
@media (max-width:1024px){.rt-seo-m3{--rt-seo-gutter:24px}.rt-seo-m3-hero,.rt-seo-m3-intro,.rt-seo-m3-cta--main{grid-template-columns:1fr;max-height:none}.rt-seo-m3-service-clusters{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-seo-m3-audience__chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.rt-seo-m3{--rt-seo-gutter:16px;overflow-x:hidden}.rt-seo-m3-hero,.rt-seo-m3-intro,.rt-seo-m3-services,.rt-seo-m3-testimonial,.rt-seo-m3-audience,.rt-seo-m3-cta{width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin-inline:auto}.rt-seo-m3-hero{min-height:0;padding:44px 0;gap:28px}.rt-seo-m3 h1{max-width:100%;font-size:34px;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.rt-seo-m3 h2{font-size:30px;line-height:1.2}.rt-seo-m3 h3{font-size:22px;line-height:30px}.rt-seo-m3 h1,.rt-seo-m3-payoff,.rt-seo-m3-body-large,.rt-seo-m3-section-head span,.rt-seo-m3-intro p,.rt-seo-m3-cta p{max-width:100%;white-space:normal;overflow:visible;word-break:normal;overflow-wrap:break-word}.rt-seo-m3-payoff,.rt-seo-m3-body-large,.rt-seo-m3-section-head span,.rt-seo-m3-intro p,.rt-seo-m3-cta p{font-size:16px;line-height:26px}.rt-seo-m3-actions,.rt-seo-m3-actions .rt-seo-m3-button{width:100%}.rt-seo-m3-video{width:100%;max-width:100%;min-width:0;min-height:320px;border-radius:24px}.rt-seo-m3-video iframe{width:100%;height:100%}.rt-seo-m3-dashboard{width:100%;max-width:100%;min-width:0;min-height:360px;padding:16px;overflow:hidden}.rt-seo-m3-dashboard>*{max-width:100%}.rt-seo-m3-dashboard__top,.rt-seo-m3-score,.rt-seo-m3-serp,.rt-seo-m3-keywords,.rt-seo-m3-graph{min-width:0}.rt-seo-m3-dashboard__top{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.rt-seo-m3-dashboard strong,.rt-seo-m3-dashboard span,.rt-seo-m3-dashboard p{overflow-wrap:anywhere}.rt-seo-m3-graph{grid-template-columns:repeat(5,minmax(0,1fr))}.rt-seo-m3-intro{margin-block:44px;padding:24px}.rt-seo-m3-services,.rt-seo-m3-audience{padding:44px 0}.rt-seo-m3-service-clusters,.rt-seo-m3-audience__chips{grid-template-columns:1fr}.rt-seo-m3-cluster{min-height:0;padding:22px}.rt-seo-m3-cluster article{padding-left:14px}.rt-seo-m3-testimonial{width:100%;max-width:none;margin:44px 0 0;padding:44px 16px;grid-template-columns:1fr}.rt-seo-m3-testimonial__quote{gap:28px;padding:0}.rt-seo-m3-testimonial__blockquote p{font-size:20px;line-height:27px}.rt-seo-m3-testimonial__blockquote cite a{font-size:22px}.rt-seo-m3-testimonial__media{margin-top:28px}.rt-seo-m3-testimonial__media img{max-width:100%;border-radius:0}.rt-seo-m3-cta{margin-block:44px}.rt-seo-m3-cta--main,.rt-seo-m3-cta--final{padding:24px}.rt-seo-m3-cta__visual{display:none}}
@media (prefers-reduced-motion:reduce){.rt-seo-m3 *,.rt-seo-m3 *::before,.rt-seo-m3 *::after{animation:none;transition-duration:.01ms;scroll-behavior:auto}.rt-seo-m3 [data-rt-reveal]{opacity:1;transform:none}}


/* Final SEO Agency Napoli copy modules. */
.rt-seo-m3-microcopy{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:22px;font-weight:600}.rt-seo-m3-fit,.rt-seo-m3-problem,.rt-seo-m3-process,.rt-seo-m3-cases,.rt-seo-m3-pricing,.rt-seo-m3-compare,.rt-seo-m3-guarantee{width:min(100% - (var(--rt-seo-gutter)*2),var(--rt-seo-max));margin-inline:auto;padding:72px 0}.rt-seo-m3-fit__grid,.rt-seo-m3-cases__grid,.rt-seo-m3-compare__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rt-seo-m3-fit__grid article,.rt-seo-m3-cases__grid article,.rt-seo-m3-compare__grid article,.rt-seo-m3-pricing__grid article,.rt-seo-m3-pricing__notes article{border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;background:var(--md-sys-color-surface-container-low);padding:24px;transition:transform 200ms cubic-bezier(.2,0,0,1),box-shadow 200ms cubic-bezier(.2,0,0,1)}.rt-seo-m3-fit__grid article:hover,.rt-seo-m3-cases__grid article:hover,.rt-seo-m3-compare__grid article:hover,.rt-seo-m3-pricing__grid article:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(18,20,35,.08)}.rt-seo-m3-fit__grid span,.rt-seo-m3-process__steps span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:800}.rt-seo-m3-fit__grid h3,.rt-seo-m3-cases__grid h3,.rt-seo-m3-compare__grid h3,.rt-seo-m3-pricing h3{margin:14px 0 10px}.rt-seo-m3-fit p,.rt-seo-m3-problem p,.rt-seo-m3-process p,.rt-seo-m3-cases p,.rt-seo-m3-pricing p,.rt-seo-m3-compare p,.rt-seo-m3-guarantee p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:16px;line-height:26px}.rt-seo-m3-problem{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:start}.rt-seo-m3-problem__copy{display:grid;gap:16px;padding:32px;border-radius:28px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant)}.rt-seo-m3-problem__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rt-seo-m3-problem__list article{padding:22px;border-radius:22px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}.rt-seo-m3-problem__list h3{font-size:19px;line-height:26px}.rt-seo-m3-process__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rt-seo-m3-process__steps article{padding:22px;border-radius:24px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.rt-seo-m3-case__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.rt-seo-m3-case__meta span{border-radius:999px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:8px 12px;font-size:13px;font-weight:800}.rt-seo-m3-case__meta strong{font-size:18px}.rt-seo-m3-cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-seo-m3-cases__grid ul,.rt-seo-m3-guarantee ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.rt-seo-m3-cases__grid li,.rt-seo-m3-guarantee li{position:relative;padding-left:24px;color:var(--md-sys-color-on-surface-variant);font-size:16px;line-height:25px}.rt-seo-m3-cases__grid li::before,.rt-seo-m3-guarantee li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--md-sys-color-primary)}.rt-seo-m3-pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rt-seo-m3-pricing__grid strong{display:inline-flex;margin-top:16px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:10px 14px;font-size:15px}.rt-seo-m3-pricing__notes{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rt-seo-m3-pricing__notes article{background:var(--md-sys-color-surface-container-high)}.rt-seo-m3-guarantee{margin-block:72px;padding:48px;border-radius:32px;border:1px solid var(--md-sys-color-outline-variant);background:linear-gradient(135deg,var(--md-sys-color-surface-container),var(--md-sys-color-primary-container));display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center}.rt-seo-m3-guarantee>div{display:grid;gap:18px}.rt-seo-m3-guarantee ul{margin:0}.rt-seo-m3-guarantee li{padding:18px 18px 18px 44px;border-radius:18px;background:rgba(255,255,255,.66);color:var(--md-sys-color-on-surface);font-weight:700}.rt-seo-m3-guarantee li::before{left:20px;top:26px}.rt-seo-m3 h1{text-wrap:balance}.rt-seo-m3-hero .rt-seo-m3-body-large{max-width:720px}
@media (max-width:1024px){.rt-seo-m3-fit__grid,.rt-seo-m3-compare__grid,.rt-seo-m3-pricing__grid,.rt-seo-m3-pricing__notes{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-seo-m3-problem,.rt-seo-m3-guarantee{grid-template-columns:1fr}.rt-seo-m3-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.rt-seo-m3-fit,.rt-seo-m3-problem,.rt-seo-m3-process,.rt-seo-m3-cases,.rt-seo-m3-pricing,.rt-seo-m3-compare,.rt-seo-m3-guarantee{width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:44px 0}.rt-seo-m3-fit__grid,.rt-seo-m3-cases__grid,.rt-seo-m3-compare__grid,.rt-seo-m3-pricing__grid,.rt-seo-m3-pricing__notes,.rt-seo-m3-problem__list,.rt-seo-m3-process__steps{grid-template-columns:1fr}.rt-seo-m3-problem__copy,.rt-seo-m3-guarantee{padding:24px}.rt-seo-m3-guarantee{margin-block:44px}.rt-seo-m3 h1{font-size:32px;line-height:1.12}}

@media (max-width:767px){.rt-seo-m3-hero h1{max-width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word}.rt-seo-m3 h1{font-size:29px;line-height:1.14;letter-spacing:-.02em}.rt-seo-m3-hero{overflow:hidden}}

@media (max-width:767px){.rt-seo-m3-hero__copy,.rt-seo-m3-hero__copy *{max-width:100%;white-space:normal;overflow-wrap:anywhere}.rt-seo-m3-hero-points li{word-break:normal;overflow-wrap:break-word}}

.rt-seo-m3-hero .rt-seo-m3-eyebrow{display:inline-flex;width:max-content;max-width:100%;align-items:center;border-radius:999px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:8px 14px;text-transform:none;letter-spacing:0;font-size:15px;line-height:22px;font-weight:800}

@media (max-width:767px){.rt-seo-m3-hero{padding:24px 0 40px}.rt-seo-m3-video{aspect-ratio:16/9;min-height:0;border-radius:22px}.rt-seo-m3-hero .rt-seo-m3-eyebrow{width:100%;font-size:14px;line-height:20px;padding:8px 12px}}

.rt-seo-m3-hero .rt-seo-m3-eyebrow{display:block;width:min(100%,620px);max-width:620px;border-radius:18px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:10px 14px;text-transform:none;letter-spacing:0;font-size:16px;line-height:24px;font-weight:800;text-wrap:balance}

@media (max-width:767px){.rt-seo-m3-hero .rt-seo-m3-eyebrow{width:100%;max-width:100%;font-size:14px;line-height:20px;padding:9px 12px;border-radius:16px}}
/* Hero subtitle clean text override. */
.rt-seo-m3-hero .rt-seo-m3-eyebrow{
  display:block;
  width:min(100%,620px);
  max-width:620px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--md-sys-color-primary);
  font-size:16px;
  line-height:24px;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
  text-wrap:balance;
}
@media (max-width:767px){
  .rt-seo-m3-hero .rt-seo-m3-eyebrow{
    width:100%;
    max-width:100%;
    padding:0;
    border-radius:0;
    background:transparent;
    font-size:14px;
    line-height:20px;
  }
}

/* Hero video centering after subtitle removal. */
.rt-seo-m3-hero{align-items:center;}
.rt-seo-m3-video{justify-self:center;width:100%;max-width:600px;}
@media (max-width:1024px){.rt-seo-m3-video{justify-self:stretch;max-width:none;}}
/* Hero background gradient trial, inspired by the previous page snapshot. */
.rt-seo-m3-hero{
  position:relative;
  isolation:isolate;
}
.rt-seo-m3-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-56px;
  bottom:-56px;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 78% 42%, rgba(98,85,255,.16) 0, rgba(98,85,255,.08) 28%, rgba(255,255,255,0) 56%),
    linear-gradient(115deg, #fff 0%, #fff 42%, #f7f8ff 68%, #ebe8ff 100%);
  pointer-events:none;
}
@media (max-width:767px){
  .rt-seo-m3-hero::before{
    top:-24px;
    bottom:-40px;
    background:linear-gradient(180deg,#fff 0%,#f8f8ff 54%,#ebe8ff 100%);
  }
}
/* Hero left-column gradient trial. */
.rt-seo-m3-hero::before{
  background:none;
}
.rt-seo-m3-hero__copy{
  position:relative;
  padding:42px 38px;
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 10%, rgba(98,85,255,.18) 0, rgba(98,85,255,.08) 34%, rgba(255,255,255,0) 62%),
    linear-gradient(135deg,#fff 0%,#f7f8ff 58%,#ebe8ff 100%);
  box-shadow:0 18px 44px rgba(18,20,35,.06);
}
.rt-seo-m3-video{
  background:#fff;
}
.rt-seo-m3-button--filled,
.rt-seo-m3 .rt-seo-m3-button--filled{
  background:var(--md-sys-color-primary);
  color:#fff;
}
.rt-seo-m3-button--filled:visited,
.rt-seo-m3 .rt-seo-m3-button--filled:visited{
  color:#fff;
}
@media (max-width:767px){
  .rt-seo-m3-hero__copy{
    padding:24px 18px;
    border-radius:24px;
  }
}
/* Hero left-side background gradient, no text card. */
.rt-seo-m3-hero__copy{
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.rt-seo-m3-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-56px;
  bottom:-56px;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 22% 38%, rgba(98,85,255,.18) 0, rgba(98,85,255,.09) 30%, rgba(255,255,255,0) 58%),
    linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 30%,#fff 56%,#fff 100%);
  pointer-events:none;
}
@media (max-width:767px){
  .rt-seo-m3-hero__copy{
    padding:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .rt-seo-m3-hero::before{
    top:-24px;
    bottom:-40px;
    background:linear-gradient(180deg,#ebe8ff 0%,#f8f8ff 42%,#fff 78%);
  }
}
/* Hero gradient extended to about 65% of the hero width. */
.rt-seo-m3-hero::before{
  background:
    radial-gradient(circle at 24% 38%, rgba(98,85,255,.18) 0, rgba(98,85,255,.09) 34%, rgba(255,255,255,0) 68%),
    linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 38%,#fff 65%,#fff 100%);
}
/* Center client section heading after moving it below audience fit. */
.rt-service-clients .rt-service-section-head{
  text-align:center;
  align-items:center;
  justify-items:center;
}
.rt-service-clients .rt-service-section-head p,
.rt-service-clients .rt-service-section-head h2,
.rt-service-clients .rt-service-section-head span{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.rt-service-clients.rt-web-clients{
  padding-block:clamp(34px,4vw,56px);
  background:transparent;
  overflow:hidden;
}
.rt-service-clients.rt-web-clients .rt-service-section-head{
  margin:0 auto clamp(16px,2vw,24px);
  padding-inline:20px;
}
.rt-service-clients.rt-web-clients .rt-service-section-head h2{
  margin:0;
  font-size:clamp(34px,4vw,54px);
  line-height:1.04;
}
/* Hero video larger balance. */
@media (min-width:1025px){
  .rt-seo-m3-hero{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:40px;
  }
  .rt-seo-m3-video{
    max-width:720px;
    width:100%;
  }
}
/* Hero 48/52 balance with slightly taller video. */
@media (min-width:1025px){
  .rt-seo-m3-hero{
    grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);
    gap:40px;
  }
  .rt-seo-m3-video{
    max-width:700px;
    aspect-ratio:1.72/1;
  }
}
/* Add breathing room between hero and the following audience section. */
.rt-seo-m3-hero + .rt-seo-m3-fit{
  padding-top:96px;
}
@media (max-width:767px){
  .rt-seo-m3-hero + .rt-seo-m3-fit{
    padding-top:64px;
  }
}
/* Tighten space below hero CTAs. */
.rt-seo-m3-hero{
  padding-bottom:32px;
  min-height:520px;
}
@media (max-width:767px){
  .rt-seo-m3-hero{
    padding-bottom:24px;
  }
}
/* Equalize hero top and bottom visual breathing around the text block. */
.rt-seo-m3-hero{
  min-height:0;
  padding-top:44px;
  padding-bottom:24px;
}
@media (max-width:767px){
  .rt-seo-m3-hero{
    min-height:0;
    padding-top:28px;
    padding-bottom:20px;
  }
}

/* SEO problem feature tabs inspired by Google Ads tabs, adapted to RowTech M3. */
.rt-seo-featuretabs{
  display:block;
  padding:72px 0;
}
.rt-seo-featuretabs__intro{
  max-width:860px;
  margin:0 auto 34px;
  text-align:center;
  display:grid;
  gap:14px;
}
.rt-seo-featuretabs__intro .rt-seo-m3-eyebrow{
  justify-self:center;
}
.rt-seo-featuretabs__intro h2{
  margin:0 auto;
}
.rt-seo-featuretabs__intro p:last-child{
  margin:0 auto;
  max-width:720px;
}
.rt-seo-featuretabs__shell{
  position:relative;
  display:grid;
  grid-template-columns:260px minmax(280px,420px) minmax(280px,1fr);
  gap:34px;
  align-items:center;
  min-height:560px;
  padding:34px;
  border:1px solid var(--md-sys-color-outline-variant);
  border-radius:32px;
  background:
    radial-gradient(circle at 42% 26%, rgba(98,85,255,.13), rgba(98,85,255,0) 42%),
    linear-gradient(135deg,var(--md-sys-color-surface-container-low),#fff 62%);
  overflow:hidden;
}
.rt-seo-featuretabs__shell::before{
  content:"";
  position:absolute;
  inset:auto -8% -32% 34%;
  height:54%;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(98,85,255,.14),rgba(82,190,142,.12));
  filter:blur(28px);
  transform:rotate(-5deg);
  pointer-events:none;
}
.rt-seo-featuretabs__tablist{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
}
.rt-seo-featuretab{
  position:relative;
  min-height:56px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--md-sys-color-on-surface-variant);
  font:700 15px/20px inherit;
  text-align:left;
  cursor:pointer;
  transition:background 200ms cubic-bezier(.2,0,0,1),color 200ms cubic-bezier(.2,0,0,1),transform 200ms cubic-bezier(.2,0,0,1),box-shadow 200ms cubic-bezier(.2,0,0,1);
}
.rt-seo-featuretab:hover,
.rt-seo-featuretab:focus-visible{
  background:var(--md-sys-color-surface-container-high);
  color:var(--md-sys-color-on-surface);
  transform:translateY(-2px);
}
.rt-seo-featuretab:focus-visible{
  outline:2px solid var(--md-sys-color-primary);
  outline-offset:3px;
}
.rt-seo-featuretab.is-active{
  background:#fff;
  color:var(--md-sys-color-primary);
  box-shadow:0 12px 28px rgba(18,20,35,.08);
}
.rt-seo-featuretab__icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  border-radius:50%;
  background:var(--md-sys-color-primary-container);
  color:var(--md-sys-color-primary);
}
.rt-seo-featuretab__border{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.rt-seo-featuretab__border rect{
  fill:none;
  stroke:var(--md-sys-color-primary);
  stroke-width:2;
  opacity:0;
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
.rt-seo-featuretab.is-active .rt-seo-featuretab__border rect{
  opacity:1;
  animation:rtSeoFeatureBorder 5200ms linear forwards;
}
.rt-seo-featuretabs__visual{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
}
.rt-seo-phone{
  width:min(100%,330px);
  aspect-ratio:9/18.4;
  padding:14px;
  border-radius:42px;
  background:#15182a;
  box-shadow:0 28px 70px rgba(18,20,35,.22), inset 0 0 0 1px rgba(255,255,255,.18);
  transform:translateZ(0);
}
.rt-seo-phone__speaker{
  width:78px;
  height:7px;
  margin:2px auto 12px;
  border-radius:999px;
  background:rgba(255,255,255,.28);
}
.rt-seo-phone__screen{
  position:relative;
  height:calc(100% - 21px);
  border-radius:30px;
  background:linear-gradient(180deg,#f9fbff,#eef2ff);
  overflow:hidden;
}
.rt-seo-phone-panel{
  position:absolute;
  inset:0;
  display:grid;
  align-content:start;
  gap:14px;
  padding:26px 20px;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.98);
  transition:opacity 420ms cubic-bezier(.2,0,0,1),visibility 420ms,transform 520ms cubic-bezier(.2,0,0,1);
}
.rt-seo-phone-panel.is-active{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.rt-seo-phone__label,
.rt-seo-featuretabs__kicker{
  color:var(--md-sys-color-primary);
  font-size:13px;
  line-height:18px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.rt-seo-phone-panel strong{
  color:var(--md-sys-color-on-surface);
  font-size:24px;
  line-height:30px;
  letter-spacing:-.02em;
}
.rt-seo-phone-panel p{
  color:var(--md-sys-color-on-surface-variant);
  font-size:14px;
  line-height:22px;
}
.rt-seo-vitals{
  display:grid;
  gap:10px;
}
.rt-seo-vitals span,
.rt-seo-flow,
.rt-seo-keywords span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  padding:0 14px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 22px rgba(18,20,35,.07);
}
.rt-seo-vitals em{
  font-style:normal;
  color:#0b8043;
  font-weight:900;
}
.rt-seo-bars{
  height:94px;
  display:flex;
  align-items:end;
  gap:10px;
  padding:14px;
  border-radius:20px;
  background:#fff;
}
.rt-seo-bars i{
  flex:1;
  height:var(--h);
  min-height:24%;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,var(--md-sys-color-primary),#52be8e);
  animation:rtSeoBars 900ms cubic-bezier(.2,0,0,1) both;
}
.rt-seo-serp-lines,
.rt-seo-keywords{
  display:grid;
  gap:10px;
}
.rt-seo-serp-lines i{
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(98,85,255,.28),rgba(98,85,255,.08));
}
.rt-seo-serp-lines i:nth-child(2){width:76%;}
.rt-seo-serp-lines i:nth-child(3){width:58%;}
.rt-seo-flow{
  gap:10px;
  justify-content:center;
  font-weight:800;
}
.rt-seo-flow b{
  border-radius:999px;
  background:var(--md-sys-color-primary);
  color:#fff;
  padding:6px 10px;
}
.rt-seo-phone-panel code{
  display:block;
  white-space:normal;
  padding:14px;
  border-radius:16px;
  background:#1f2338;
  color:#cfd7ff;
  font-size:12px;
}
.rt-seo-keywords span{
  justify-content:flex-start;
  min-height:42px;
  color:var(--md-sys-color-primary);
  font-weight:800;
}
.rt-seo-featuretabs__panels{
  position:relative;
  z-index:1;
  min-height:340px;
}
.rt-seo-featuretabs__panel{
  position:absolute;
  inset:0;
  display:grid;
  align-content:center;
  gap:16px;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px);
  transition:opacity 420ms cubic-bezier(.2,0,0,1),visibility 420ms,transform 520ms cubic-bezier(.2,0,0,1);
}
.rt-seo-featuretabs__panel.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.rt-seo-featuretabs__panel h3{
  margin:0;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.03em;
  max-width:520px;
}
.rt-seo-featuretabs__panel p:not(.rt-seo-featuretabs__kicker){
  margin:0;
  max-width:560px;
  font-size:18px;
  line-height:30px;
}
.rt-seo-featuretabs__link{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  color:var(--md-sys-color-primary);
  font-weight:900;
  text-decoration:none;
  border-bottom:2px solid currentColor;
  padding-bottom:4px;
}
.rt-seo-featuretabs__link span{
  transition:transform 180ms cubic-bezier(.2,0,0,1);
}
.rt-seo-featuretabs__link:hover span,
.rt-seo-featuretabs__link:focus-visible span{
  transform:translateX(4px);
}
.rt-seo-featuretabs__link:focus-visible{
  outline:2px solid var(--md-sys-color-primary);
  outline-offset:5px;
  border-radius:6px;
}
@keyframes rtSeoFeatureBorder{
  from{stroke-dashoffset:1;}
  to{stroke-dashoffset:0;}
}
@keyframes rtSeoBars{
  from{transform:scaleY(.25);opacity:.35;transform-origin:bottom;}
  to{transform:scaleY(1);opacity:1;transform-origin:bottom;}
}
@media (max-width:1024px){
  .rt-seo-featuretabs__shell{
    grid-template-columns:1fr;
    min-height:0;
    gap:26px;
  }
  .rt-seo-featuretabs__tablist{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .rt-seo-featuretabs__panels{
    min-height:0;
  }
  .rt-seo-featuretabs__panel{
    min-height:260px;
  }
}
@media (max-width:767px){
  .rt-seo-featuretabs{
    padding:48px 0;
  }
  .rt-seo-featuretabs__intro{
    text-align:left;
    margin-bottom:22px;
  }
  .rt-seo-featuretabs__intro .rt-seo-m3-eyebrow{
    justify-self:start;
  }
  .rt-seo-featuretabs__shell{
    padding:18px;
    border-radius:26px;
  }
  .rt-seo-featuretabs__tablist{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding:4px 2px 10px;
    scroll-snap-type:x mandatory;
  }
  .rt-seo-featuretab{
    flex:0 0 auto;
    min-width:210px;
    scroll-snap-align:start;
  }
  .rt-seo-phone{
    width:min(100%,290px);
  }
  .rt-seo-featuretabs__panel h3{
    font-size:28px;
    line-height:1.18;
  }
  .rt-seo-featuretabs__panel p:not(.rt-seo-featuretabs__kicker){
    font-size:16px;
    line-height:26px;
  }
}
@media (prefers-reduced-motion:reduce){
  .rt-seo-featuretab.is-active .rt-seo-featuretab__border rect,
  .rt-seo-bars i{
    animation:none;
    stroke-dashoffset:0;
  }
  .rt-seo-featuretabs__shell::before,
  .rt-seo-featuretabs__panel,
  .rt-seo-phone-panel,
  .rt-seo-featuretab{
    transition:none;
  }
}

/* Keep the feature-tabs problem block visible even if global scroll reveal is delayed. */
.rt-seo-featuretabs .rt-seo-featuretabs__intro[data-rt-reveal],
.rt-seo-featuretabs .rt-seo-featuretabs__shell[data-rt-reveal]{
  opacity:1 !important;
  transform:none !important;
}

/* Google Ads-like desktop treatment: no outer section card/border. */
@media (min-width:1025px){
  .rt-seo-featuretabs__shell{
    border:0;
    border-radius:0;
    background:transparent;
    padding:0;
    box-shadow:none;
    overflow:visible;
  }
  .rt-seo-featuretabs__shell::before{
    inset:10% 12% 5% 28%;
    height:76%;
    opacity:.72;
  }
  .rt-seo-featuretabs__intro{
    margin-bottom:46px;
  }
}

/* Compact process timeline: same copy, less card wall. */
.rt-seo-m3-process{
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:64px;
  align-items:start;
  padding:72px 0;
}
.rt-seo-m3-process .rt-seo-m3-section-head{
  position:sticky;
  top:112px;
  margin:0;
  display:grid;
  gap:14px;
  align-content:start;
}
.rt-seo-m3-process .rt-seo-m3-section-head p{
  margin:0;
}
.rt-seo-m3-process .rt-seo-m3-section-head h2,
.rt-seo-m3-process .rt-seo-m3-section-head span{
  max-width:100%;
}
.rt-seo-m3-process__steps{
  position:relative;
  display:grid;
  grid-template-columns:1fr !important;
  gap:14px;
  padding-left:34px;
}
.rt-seo-m3-process__steps::before{
  content:"";
  position:absolute;
  left:13px;
  top:22px;
  bottom:22px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--md-sys-color-primary),rgba(98,85,255,.18));
  transform-origin:top;
}
.rt-seo-m3-process__steps article{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:18px;
  row-gap:4px;
  min-height:0;
  padding:18px 22px 18px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:transform 200ms cubic-bezier(.2,0,0,1),background 200ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-process__steps article::before{
  content:"";
  position:absolute;
  left:-26px;
  top:28px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  border:4px solid var(--md-sys-color-primary);
  box-shadow:0 0 0 8px var(--md-sys-color-primary-container);
}
.rt-seo-m3-process__steps article:hover{
  transform:translateX(6px);
}
.rt-seo-m3-process__steps article:hover h3{
  color:var(--md-sys-color-primary);
}
.rt-seo-m3-process__steps span{
  grid-row:1 / span 2;
  width:52px;
  height:52px;
  border-radius:18px;
  background:var(--md-sys-color-primary-container);
  color:var(--md-sys-color-on-primary-container);
  font-size:17px;
  box-shadow:0 10px 24px rgba(98,85,255,.10);
}
.rt-seo-m3-process__steps h3{
  margin:0;
  font-size:24px;
  line-height:1.22;
  transition:color 200ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-process__steps p{
  margin:0;
  max-width:680px;
  font-size:17px;
  line-height:28px;
}
@media (max-width:1024px){
  .rt-seo-m3-process{
    grid-template-columns:1fr;
    gap:30px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    position:relative;
    top:auto;
  }
}
@media (max-width:767px){
  .rt-seo-m3-process{
    width:calc(100vw - 32px);
    max-width:calc(100vw - 32px);
    padding:48px 0;
    gap:24px;
  }
  .rt-seo-m3-process__steps{
    padding-left:24px;
    gap:10px;
  }
  .rt-seo-m3-process__steps::before{
    left:8px;
  }
  .rt-seo-m3-process__steps article{
    grid-template-columns:1fr;
    padding:16px 0 18px 14px;
  }
  .rt-seo-m3-process__steps article::before{
    left:-24px;
    top:25px;
    width:12px;
    height:12px;
    border-width:3px;
    box-shadow:0 0 0 6px var(--md-sys-color-primary-container);
  }
  .rt-seo-m3-process__steps span{
    grid-row:auto;
    width:44px;
    height:44px;
    border-radius:16px;
    font-size:15px;
  }
  .rt-seo-m3-process__steps h3{
    font-size:22px;
    line-height:1.25;
  }
  .rt-seo-m3-process__steps p{
    font-size:16px;
    line-height:26px;
  }
}

/* Scroll reveal for the compact process timeline, while keeping the line open-ended. */
.rt-seo-m3-process__steps article[data-rt-reveal]{
  opacity:0;
  transform:translateX(22px) translateY(10px);
  transition:
    opacity 560ms cubic-bezier(.2,0,0,1),
    transform 560ms cubic-bezier(.2,0,0,1),
    background 200ms cubic-bezier(.2,0,0,1),
    color 200ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-process__steps article[data-rt-visible]{
  opacity:1;
  transform:translateX(0) translateY(0);
}
.rt-seo-m3-process__steps article[data-rt-visible]:hover{
  transform:translateX(6px) translateY(0);
}
.rt-seo-m3-process__steps article:nth-child(2)[data-rt-reveal]{transition-delay:60ms,60ms,0ms,0ms;}
.rt-seo-m3-process__steps article:nth-child(3)[data-rt-reveal]{transition-delay:120ms,120ms,0ms,0ms;}
.rt-seo-m3-process__steps article:nth-child(4)[data-rt-reveal]{transition-delay:180ms,180ms,0ms,0ms;}
.rt-seo-m3-process__steps article:nth-child(5)[data-rt-reveal]{transition-delay:240ms,240ms,0ms,0ms;}
.rt-seo-m3-process__steps article:nth-child(6)[data-rt-reveal]{transition-delay:300ms,300ms,0ms,0ms;}
.rt-seo-m3-process__steps article:nth-child(7)[data-rt-reveal]{transition-delay:360ms,360ms,0ms,0ms;}
@media (max-width:767px){
  .rt-seo-m3-process__steps article[data-rt-reveal]{
    transform:translateX(16px) translateY(8px);
  }
  .rt-seo-m3-process__steps article[data-rt-visible],
  .rt-seo-m3-process__steps article[data-rt-visible]:hover{
    transform:translateX(0) translateY(0);
  }
}
@media (prefers-reduced-motion:reduce){
  .rt-seo-m3-process__steps article[data-rt-reveal],
  .rt-seo-m3-process__steps article[data-rt-visible],
  .rt-seo-m3-process__steps article[data-rt-visible]:hover{
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* Purple success-story carousel for SEO case studies. */
.rt-seo-case-stories{
  width:100%;
  max-width:none;
  margin:72px 0;
  padding:82px var(--rt-seo-gutter);
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.20), rgba(255,255,255,0) 32%),
    linear-gradient(135deg,#5f4df7 0%,#6d5cff 48%,#462fcf 100%);
  color:#fff;
  overflow:hidden;
}
.rt-seo-case-stories__inner{
  width:min(100%,1240px);
  margin-inline:auto;
}
.rt-seo-case-stories__head{
  max-width:820px;
  margin:0 auto 38px;
  text-align:center;
  display:grid;
  gap:12px;
}
.rt-seo-case-stories__head p,
.rt-seo-case-stories__head span{
  margin:0;
  color:rgba(255,255,255,.78);
}
.rt-seo-case-stories__head p{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
  font-weight:900;
}
.rt-seo-case-stories__head h2{
  margin:0;
  color:#fff;
}
.rt-seo-case-stories__viewport{
  overflow:hidden;
}
.rt-seo-case-stories__track{
  display:flex;
  transition:transform 520ms cubic-bezier(.2,0,0,1);
  will-change:transform;
}
.rt-seo-case-story{
  min-width:100%;
  display:grid;
  grid-template-columns:minmax(360px,520px) minmax(0,1fr);
  gap:64px;
  align-items:center;
  padding:10px 0 22px;
}
.rt-seo-case-story__media{
  position:relative;
  aspect-ratio:1/1;
  border-radius:42px;
  overflow:hidden;
  background:rgba(255,255,255,.14);
  box-shadow:0 34px 90px rgba(18,20,35,.28);
}
.rt-seo-case-story__media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.rt-seo-case-story__metric{
  position:absolute;
  left:24px;
  bottom:24px;
  width:min(245px,calc(100% - 48px));
  min-height:150px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:22px;
  border-radius:30px;
  background:#5bcf94;
  color:#102018;
  box-shadow:0 18px 45px rgba(18,20,35,.18);
}
.rt-seo-case-story__metric--dark{
  background:#171827;
  color:#fff;
}
.rt-seo-case-story__metric strong{
  font-size:52px;
  line-height:1;
  letter-spacing:-.04em;
}
.rt-seo-case-story__metric span{
  font-size:15px;
  line-height:20px;
  font-weight:800;
}
.rt-seo-case-story__copy{
  display:grid;
  gap:20px;
  color:#fff;
}
.rt-seo-case-story__copy .rt-seo-m3-case__meta span{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.rt-seo-case-story__copy .rt-seo-m3-case__meta strong{
  color:#fff;
}
.rt-seo-case-story__copy h3{
  max-width:670px;
  margin:0;
  color:#fff;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.rt-seo-case-story__copy ul{
  max-width:650px;
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.rt-seo-case-story__copy li{
  position:relative;
  padding-left:28px;
  color:rgba(255,255,255,.84);
  font-size:18px;
  line-height:30px;
}
.rt-seo-case-story__copy li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#5bcf94;
}
.rt-seo-case-visual{
  height:100%;
  display:grid;
  align-content:center;
  gap:18px;
  padding:44px;
  background:linear-gradient(180deg,#f9fbff,#ebe9ff);
  color:#171827;
}
.rt-seo-case-visual>span{
  color:var(--md-sys-color-primary);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:13px;
  font-weight:900;
}
.rt-seo-case-visual>strong{
  font-size:34px;
  line-height:1.08;
}
.rt-seo-case-visual__chart{
  height:210px;
  display:flex;
  align-items:end;
  gap:14px;
  padding:22px;
  border-radius:28px;
  background:#fff;
}
.rt-seo-case-visual__chart i{
  flex:1;
  height:var(--h);
  border-radius:999px 999px 10px 10px;
  background:linear-gradient(180deg,#6d5cff,#5bcf94);
}
.rt-seo-case-visual__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.rt-seo-case-visual__chips em{
  font-style:normal;
  border-radius:999px;
  background:#fff;
  color:var(--md-sys-color-primary);
  padding:10px 14px;
  font-weight:900;
}
.rt-seo-case-stories__nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:16px;
}
.rt-seo-case-stories__button{
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(255,255,255,.13);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  transition:background 180ms cubic-bezier(.2,0,0,1),transform 180ms cubic-bezier(.2,0,0,1);
}
.rt-seo-case-stories__button:hover,
.rt-seo-case-stories__button:focus-visible{
  background:rgba(255,255,255,.24);
  transform:translateY(-2px);
}
.rt-seo-case-stories__button:focus-visible{
  outline:2px solid #fff;
  outline-offset:4px;
}
.rt-seo-case-stories__count{
  min-width:76px;
  text-align:center;
  color:rgba(255,255,255,.82);
  font-weight:900;
}
@media (max-width:1024px){
  .rt-seo-case-story{
    grid-template-columns:1fr;
    gap:30px;
  }
  .rt-seo-case-story__media{
    width:min(100%,560px);
    justify-self:center;
  }
  .rt-seo-case-story__copy{
    text-align:center;
    justify-items:center;
  }
  .rt-seo-case-story__copy li{
    text-align:left;
  }
}
@media (max-width:767px){
  .rt-seo-case-stories{
    margin:48px 0;
    padding:54px 16px;
  }
  .rt-seo-case-stories__head{
    text-align:left;
    margin-bottom:28px;
  }
  .rt-seo-case-story{
    gap:24px;
  }
  .rt-seo-case-story__media{
    border-radius:30px;
  }
  .rt-seo-case-story__metric{
    left:14px;
    bottom:14px;
    width:calc(100% - 28px);
    min-height:112px;
    padding:18px;
    border-radius:22px;
  }
  .rt-seo-case-story__metric strong{
    font-size:42px;
  }
  .rt-seo-case-story__copy{
    text-align:left;
    justify-items:start;
  }
  .rt-seo-case-story__copy h3{
    font-size:30px;
    line-height:1.16;
  }
  .rt-seo-case-story__copy li{
    font-size:16px;
    line-height:26px;
  }
  .rt-seo-case-visual{
    padding:26px;
  }
  .rt-seo-case-visual__chart{
    height:160px;
  }
}
@media (prefers-reduced-motion:reduce){
  .rt-seo-case-stories__track,
  .rt-seo-case-stories__button{
    transition:none;
  }
}

/* Lighter Google-like case study treatment: gradient at 65%, smaller module, no green badge. */
.rt-seo-case-stories{
  margin:56px 0;
  padding:64px var(--rt-seo-gutter) 70px;
  background:
    radial-gradient(circle at 22% 38%, rgba(98,85,255,.18) 0, rgba(98,85,255,.09) 34%, rgba(255,255,255,0) 68%),
    linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 38%,#fff 65%,#fff 100%);
  color:var(--md-sys-color-on-surface);
}
.rt-seo-case-stories__head{
  margin-bottom:30px;
}
.rt-seo-case-stories__head p{
  color:var(--md-sys-color-primary);
}
.rt-seo-case-stories__head h2{
  color:var(--md-sys-color-on-surface);
}
.rt-seo-case-stories__head span{
  color:var(--md-sys-color-on-surface-variant);
}
.rt-seo-case-story{
  grid-template-columns:minmax(320px,470px) minmax(0,1fr);
  gap:54px;
  padding:4px 0 12px;
}
.rt-seo-case-story__media{
  border-radius:34px;
  box-shadow:0 24px 64px rgba(18,20,35,.16);
  background:#fff;
}
.rt-seo-case-story__media::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(98,85,255,.10);
  pointer-events:none;
}
.rt-seo-case-story__media video{
  filter:saturate(.94) contrast(.96);
}
.rt-seo-case-story__metric{
  left:18px;
  bottom:18px;
  width:min(190px,calc(100% - 36px));
  min-height:104px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  color:var(--md-sys-color-primary);
  border:1px solid rgba(98,85,255,.16);
  box-shadow:0 16px 36px rgba(18,20,35,.16);
  backdrop-filter:blur(12px);
}
.rt-seo-case-story__metric--dark{
  background:#fff;
  color:var(--md-sys-color-primary);
}
.rt-seo-case-story__metric strong{
  font-size:38px;
  letter-spacing:-.04em;
}
.rt-seo-case-story__metric span{
  color:var(--md-sys-color-on-surface);
  font-size:12px;
  line-height:16px;
  font-weight:800;
}
.rt-seo-case-story__copy{
  color:var(--md-sys-color-on-surface);
}
.rt-seo-case-story__copy .rt-seo-m3-case__meta span{
  background:var(--md-sys-color-primary-container);
  color:var(--md-sys-color-on-primary-container);
}
.rt-seo-case-story__copy .rt-seo-m3-case__meta strong{
  color:var(--md-sys-color-on-surface);
}
.rt-seo-case-story__copy h3{
  color:var(--md-sys-color-on-surface);
  max-width:650px;
  font-size:40px;
  line-height:1.1;
}
.rt-seo-case-story__copy li{
  color:var(--md-sys-color-on-surface-variant);
  font-size:17px;
  line-height:28px;
}
.rt-seo-case-story__copy li::before{
  width:8px;
  height:8px;
  background:var(--md-sys-color-primary);
}
.rt-seo-case-visual{
  background:linear-gradient(180deg,#fff,#f4f2ff);
}
.rt-seo-case-visual__chart i{
  background:linear-gradient(180deg,var(--md-sys-color-primary),#b8b0ff);
}
.rt-seo-case-stories__button{
  border:1px solid rgba(98,85,255,.22);
  background:#fff;
  color:var(--md-sys-color-primary);
  box-shadow:0 10px 24px rgba(18,20,35,.08);
}
.rt-seo-case-stories__button:hover,
.rt-seo-case-stories__button:focus-visible{
  background:var(--md-sys-color-primary-container);
}
.rt-seo-case-stories__button:focus-visible{
  outline:2px solid var(--md-sys-color-primary);
}
.rt-seo-case-stories__count{
  color:var(--md-sys-color-on-surface-variant);
}
@media (max-width:1024px){
  .rt-seo-case-stories{
    background:linear-gradient(180deg,#ebe8ff 0%,#f7f8ff 42%,#fff 100%);
  }
  .rt-seo-case-story{
    gap:26px;
  }
}
@media (max-width:767px){
  .rt-seo-case-stories{
    margin:44px 0;
    padding:46px 16px 54px;
  }
  .rt-seo-case-story__media{
    border-radius:26px;
  }
  .rt-seo-case-story__metric{
    width:auto;
    min-height:86px;
    left:12px;
    right:12px;
    bottom:12px;
    border-radius:18px;
  }
  .rt-seo-case-story__metric strong{
    font-size:34px;
  }
  .rt-seo-case-story__copy h3{
    font-size:29px;
  }
}

/* Case studies cleanup: white section, 50/50 split, larger video, no mixed gradients. */
.rt-seo-case-stories{
  margin:56px 0;
  padding:56px var(--rt-seo-gutter) 62px;
  background:#fff;
  color:var(--md-sys-color-on-surface);
}
.rt-seo-case-story{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:48px;
  align-items:center;
}
.rt-seo-case-story__media{
  width:100%;
  max-width:none;
  border-radius:34px;
  box-shadow:0 16px 42px rgba(18,20,35,.12);
  background:#fff;
}
.rt-seo-case-story__media::after{
  box-shadow:inset 0 0 0 1px rgba(18,20,35,.08);
}
.rt-seo-case-story__copy{
  padding:0;
  background:transparent;
  box-shadow:none;
  text-shadow:none;
}
.rt-seo-case-stories__track,
.rt-seo-case-stories__viewport{
  overflow:visible;
}
.rt-seo-case-stories__inner{
  overflow:hidden;
}
@media (max-width:1024px){
  .rt-seo-case-stories{
    background:#fff;
  }
  .rt-seo-case-story{
    grid-template-columns:1fr;
  }
  .rt-seo-case-story__media{
    width:min(100%,680px);
  }
}
@media (max-width:767px){
  .rt-seo-case-stories{
    padding:42px 16px 50px;
  }
}

/* Case study refinement: centered heading, soft gradient restored, no shadows. */
.rt-seo-case-stories{
  background:
    radial-gradient(circle at 24% 38%, rgba(98,85,255,.14) 0, rgba(98,85,255,.07) 34%, rgba(255,255,255,0) 68%),
    linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 38%,#fff 65%,#fff 100%);
}
.rt-seo-case-stories__head{
  text-align:center;
  justify-items:center;
}
.rt-seo-case-stories__head h2,
.rt-seo-case-stories__head span,
.rt-seo-case-stories__head p{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.rt-seo-case-story__media,
.rt-seo-case-story__metric,
.rt-seo-case-stories__button{
  box-shadow:none !important;
}
.rt-seo-case-story__media::after{
  box-shadow:inset 0 0 0 1px rgba(18,20,35,.08) !important;
}
@media (max-width:1024px){
  .rt-seo-case-stories{
    background:linear-gradient(180deg,#ebe8ff 0%,#f7f8ff 42%,#fff 100%);
  }
}
@media (max-width:767px){
  .rt-seo-case-stories__head{
    text-align:center;
    justify-items:center;
  }
}

/* Comparison section: make Row Tech visually dominant. */
.rt-seo-m3-compare{
  position:relative;
  padding:72px 0 82px;
}
.rt-seo-m3-compare .rt-seo-m3-section-head{
  max-width:920px;
}
.rt-seo-m3-compare .rt-seo-m3-section-head h2 strong{
  color:var(--md-sys-color-primary);
}
.rt-seo-m3-compare__grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,.86fr) minmax(0,1.28fr);
  align-items:stretch;
  gap:22px;
}
.rt-seo-m3-compare__grid article{
  position:relative;
  overflow:hidden;
  min-height:300px;
  display:grid;
  align-content:start;
  gap:16px;
}
.rt-seo-m3-compare__grid article>span{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  line-height:18px;
  font-weight:900;
}
.rt-seo-m3-compare__option{
  background:var(--md-sys-color-surface-container-low) !important;
  color:var(--md-sys-color-on-surface);
  opacity:.82;
}
.rt-seo-m3-compare__option>span{
  background:var(--md-sys-color-surface-container-high);
  color:var(--md-sys-color-on-surface-variant);
}
.rt-seo-m3-compare__option h3{
  color:var(--md-sys-color-on-surface);
}
.rt-seo-m3-compare__winner{
  isolation:isolate;
  border-color:rgba(98,85,255,.38) !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.32), rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#6d5cff 0%,#5b4af4 48%,#402abf 100%) !important;
  color:#fff;
  transform:translateY(-16px);
}
.rt-seo-m3-compare__winner::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-80px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(255,255,255,.13);
  z-index:-1;
}
.rt-seo-m3-compare__winner>span{
  background:rgba(255,255,255,.20);
  color:#fff;
}
.rt-seo-m3-compare__winner h3{
  color:#fff;
  font-size:34px;
  line-height:1.1;
}
.rt-seo-m3-compare__winner p{
  color:rgba(255,255,255,.88);
}
.rt-seo-m3-compare__winner ul{
  margin:4px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.rt-seo-m3-compare__winner li{
  position:relative;
  padding-left:28px;
  color:#fff;
  font-size:15px;
  line-height:22px;
  font-weight:800;
}
.rt-seo-m3-compare__winner li::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 4px rgba(98,85,255,.45);
}
@media (max-width:1024px){
  .rt-seo-m3-compare__grid{
    grid-template-columns:1fr;
  }
  .rt-seo-m3-compare__winner{
    transform:none;
    order:-1;
  }
}
@media (max-width:767px){
  .rt-seo-m3-compare{
    padding:48px 0 58px;
  }
  .rt-seo-m3-compare__grid article{
    min-height:0;
  }
  .rt-seo-m3-compare__winner h3{
    font-size:28px;
  }
}

/* FAQ adapted to the original RowTech Elementor gradient/toggle feel. */
.rt-service-faq{
  width:100%;
  max-width:none;
  margin:72px 0 0;
  padding:82px var(--rt-seo-gutter);
  background:
    radial-gradient(circle at 22% 24%, rgba(98,85,255,.18) 0, rgba(98,85,255,.08) 34%, rgba(255,255,255,0) 68%),
    linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 38%,#fff 65%,#fff 100%);
}
.rt-service-faq__head,
.rt-service-faq__items{
  width:min(100%,1120px);
  margin-inline:auto;
}
.rt-service-faq__head{
  display:grid;
  gap:10px;
  margin-bottom:34px;
}
.rt-service-faq__head p{
  margin:0;
  color:var(--md-sys-color-primary);
  font-size:15px;
  line-height:22px;
  font-weight:800;
}
.rt-service-faq__head h2{
  margin:0;
  color:var(--md-sys-color-on-surface);
  font-size:52px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.rt-service-faq__items{
  display:grid;
  gap:0;
  border-top:1px solid rgba(18,20,35,.16);
}
.rt-service-faq__items details{
  border:0;
  border-bottom:1px solid rgba(18,20,35,.16);
  border-radius:0;
  background:transparent;
  padding:0;
  overflow:visible;
}
.rt-service-faq__items summary{
  min-height:92px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  align-items:center;
  gap:24px;
  padding:24px 0;
  color:var(--md-sys-color-on-surface);
  font-size:25px;
  line-height:1.22;
  font-weight:800;
  letter-spacing:-.02em;
  cursor:pointer;
  list-style:none;
}
.rt-service-faq__items summary::-webkit-details-marker{
  display:none;
}
.rt-service-faq__items summary span{
  width:42px;
  height:42px;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--md-sys-color-on-surface);
  font-size:0;
  transition:transform 220ms cubic-bezier(.2,0,0,1),color 220ms cubic-bezier(.2,0,0,1);
}
.rt-service-faq__items summary span::before,
.rt-service-faq__items summary span::after{
  content:"";
  position:absolute;
  width:34px;
  height:5px;
  border-radius:999px;
  background:currentColor;
}
.rt-service-faq__items summary span::after{
  transform:rotate(90deg);
}
.rt-service-faq__items details[open] summary span{
  color:var(--md-sys-color-primary);
  transform:rotate(180deg);
}
.rt-service-faq__items details[open] summary span::after{
  transform:rotate(0deg) scaleX(0);
}
.rt-service-faq__items summary:focus-visible{
  outline:2px solid var(--md-sys-color-primary);
  outline-offset:8px;
  border-radius:12px;
}
.rt-service-faq__items details>div{
  max-width:820px;
  padding:0 72px 28px 0;
  color:var(--md-sys-color-on-surface-variant);
  font-size:17px;
  line-height:29px;
}
.rt-service-faq__items details>div p{
  margin:0 0 14px;
}
.rt-service-faq__items details>div p:last-child{
  margin-bottom:0;
}
@media (max-width:767px){
  .rt-service-faq{
    margin:48px 0 0;
    padding:54px 16px;
    background:linear-gradient(180deg,#ebe8ff 0%,#f7f8ff 42%,#fff 100%);
  }
  .rt-service-faq__head h2{
    font-size:34px;
    line-height:1.12;
  }
  .rt-service-faq__items summary{
    min-height:76px;
    grid-template-columns:minmax(0,1fr) 34px;
    gap:16px;
    font-size:19px;
    line-height:1.28;
  }
  .rt-service-faq__items summary span{
    width:34px;
    height:34px;
  }
  .rt-service-faq__items summary span::before,
  .rt-service-faq__items summary span::after{
    width:26px;
    height:4px;
  }
  .rt-service-faq__items details>div{
    padding:0 0 24px;
    font-size:16px;
    line-height:26px;
  }
}

/* FAQ anchor and layout polish after original-style adaptation. */
.rt-service-faq#rt-service-faq{
  scroll-margin-top:120px;
}
.rt-service-faq#rt-service-faq .rt-service-faq__head{
  min-width:0;
}
.rt-service-faq#rt-service-faq .rt-service-faq__head h2{
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
@media (min-width:1025px){
  .rt-service-faq#rt-service-faq{
    display:grid;
    grid-template-columns:minmax(300px,420px) minmax(0,1fr);
    gap:72px;
    align-items:start;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__head,
  .rt-service-faq#rt-service-faq .rt-service-faq__items{
    width:100%;
    margin:0;
  }
}

/* Desktop process timeline offset: let the intro text breathe before steps animate. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    gap:82px;
  }
  .rt-seo-m3-process__steps{
    margin-top:118px;
  }
  .rt-seo-m3-process__steps article[data-rt-reveal]{
    transform:translateX(14px) translateY(6px);
    transition-duration:640ms,640ms,200ms,200ms;
  }
  .rt-seo-m3-process__steps article[data-rt-visible],
  .rt-seo-m3-process__steps article[data-rt-visible]:hover{
    transform:translateX(0) translateY(0);
  }
  .rt-seo-m3-process__steps article[data-rt-visible]:hover h3{
    color:var(--md-sys-color-primary);
  }
}

/* About/experience section: editorial layout instead of AI-style cards. */
.rt-service-extra--why{
  width:100%;
  max-width:none;
  margin:72px 0 0;
  padding:76px var(--rt-seo-gutter);
  background:#fff;
}
.rt-service-extra--why .rt-service-why__inner{
  width:min(100%,1180px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(320px,470px) minmax(0,1fr);
  gap:84px;
  align-items:start;
}
.rt-service-extra--why .rt-service-why__head{
  position:sticky;
  top:112px;
  display:grid;
  gap:18px;
}
.rt-service-extra--why .rt-service-why__head p{
  margin:0;
  color:var(--md-sys-color-primary);
  font-size:14px;
  line-height:20px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.rt-service-extra--why .rt-service-why__head h2{
  margin:0;
  max-width:460px;
  font-size:48px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.rt-service-extra--why .rt-service-why__head span{
  max-width:520px;
  color:var(--md-sys-color-on-surface-variant);
  font-size:18px;
  line-height:30px;
}
.rt-service-extra--why .rt-service-why__flow{
  display:grid;
  gap:0;
  border-top:1px solid var(--md-sys-color-outline-variant);
}
.rt-service-extra--why .rt-service-why__flow article{
  position:relative;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:34px 0;
  border-bottom:1px solid var(--md-sys-color-outline-variant);
  background:transparent;
  border-radius:0;
  box-shadow:none;
}
.rt-service-extra--why .rt-service-why__flow article::before{
  content:"";
  position:absolute;
  left:0;
  top:34px;
  width:58px;
  height:2px;
  border-radius:999px;
  background:var(--md-sys-color-primary);
}
.rt-service-extra--why .rt-service-why__flow article:nth-child(1)::after{content:"01";}
.rt-service-extra--why .rt-service-why__flow article:nth-child(2)::after{content:"02";}
.rt-service-extra--why .rt-service-why__flow article:nth-child(3)::after{content:"03";}
.rt-service-extra--why .rt-service-why__flow article::after{
  grid-column:1;
  color:rgba(98,85,255,.34);
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  margin-top:12px;
}
.rt-service-extra--why .rt-service-why__flow article i{
  display:none;
}
.rt-service-extra--why .rt-service-why__flow article>div{
  grid-column:2;
  display:grid;
  gap:10px;
}
.rt-service-extra--why .rt-service-why__flow h3{
  margin:0;
  color:var(--md-sys-color-on-surface);
  font-size:28px;
  line-height:1.18;
  letter-spacing:-.025em;
}
.rt-service-extra--why .rt-service-why__flow p{
  margin:0;
  max-width:720px;
  color:var(--md-sys-color-on-surface-variant);
  font-size:17px;
  line-height:29px;
}
@media (max-width:1024px){
  .rt-service-extra--why .rt-service-why__inner{
    grid-template-columns:1fr;
    gap:36px;
  }
  .rt-service-extra--why .rt-service-why__head{
    position:relative;
    top:auto;
  }
}
@media (max-width:767px){
  .rt-service-extra--why{
    margin:48px 0 0;
    padding:52px 16px;
  }
  .rt-service-extra--why .rt-service-why__head h2{
    font-size:34px;
    line-height:1.12;
  }
  .rt-service-extra--why .rt-service-why__head span{
    font-size:16px;
    line-height:26px;
  }
  .rt-service-extra--why .rt-service-why__flow article{
    grid-template-columns:64px minmax(0,1fr);
    gap:16px;
    padding:26px 0;
  }
  .rt-service-extra--why .rt-service-why__flow article::before{
    width:38px;
    top:28px;
  }
  .rt-service-extra--why .rt-service-why__flow article::after{
    font-size:22px;
    margin-top:8px;
  }
  .rt-service-extra--why .rt-service-why__flow h3{
    font-size:23px;
  }
  .rt-service-extra--why .rt-service-why__flow p{
    font-size:16px;
    line-height:26px;
  }
}

/* Process timeline reading experience: sticky text with CTA, timeline scrolls beside it. */
.rt-seo-process-cta{
  width:max-content;
  margin-top:10px;
  min-height:50px;
  padding-inline:24px;
}
@media (min-width:1025px){
  .rt-seo-m3-process{
    grid-template-columns:minmax(320px,440px) minmax(0,1fr);
    gap:92px;
    align-items:start;
    padding-top:86px;
    padding-bottom:96px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    position:sticky;
    top:92px;
    min-height:calc(100vh - 150px);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    padding-top:6px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head h2{
    max-width:430px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head span{
    max-width:500px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head .rt-seo-process-cta{
    margin-top:26px;
  }
  .rt-seo-m3-process__steps{
    margin-top:64px;
    padding-bottom:120px;
  }
  .rt-seo-m3-process__steps article{
    min-height:164px;
    padding-top:20px;
    padding-bottom:36px;
  }
  .rt-seo-m3-process__steps article[data-rt-reveal]{
    transform:translateX(10px) translateY(4px);
  }
}
@media (max-width:1024px){
  .rt-seo-process-cta{
    margin-top:4px;
  }
}
@media (max-width:767px){
  .rt-seo-process-cta{
    width:100%;
    justify-content:center;
  }
}

/* Process timeline: compact sticky copy dragged through the full timeline. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    align-items:start;
    padding-top:78px;
    padding-bottom:104px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    position:sticky;
    top:118px;
    align-self:start;
    min-height:0;
    height:auto;
    max-height:calc(100vh - 150px);
    justify-content:flex-start;
    padding-top:0;
    z-index:2;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head h2{
    margin-bottom:24px;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head span{
    display:block;
    margin-bottom:0;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head .rt-seo-process-cta{
    margin-top:30px;
  }
  .rt-seo-m3-process__steps{
    margin-top:52px;
    padding-bottom:160px;
  }
  .rt-seo-m3-process__steps article:first-child{
    padding-top:0;
  }
}

/* Keep the process intro fixed inside the timeline section while the steps scroll. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    position:relative;
    overflow:visible;
    min-height:calc(100vh + 420px);
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:116px !important;
    align-self:start !important;
    inset-inline:auto;
    min-height:auto !important;
    height:max-content !important;
    max-height:none !important;
    will-change:transform;
  }
  .rt-seo-m3-process__steps{
    min-height:980px;
  }
}

.rt-service-tools--seo-about .rt-service-tools__copy h2{
  color:#fff;
}

/* Scroll-driven process intro: the copy follows the reader through the timeline. */
@media (min-width:1025px){
  .rt-seo-m3-process .rt-seo-m3-section-head{
    transform:translateY(var(--rt-process-copy-y, 0px));
    transition:transform 80ms linear;
  }
}
@media (prefers-reduced-motion:reduce){
  .rt-seo-m3-process .rt-seo-m3-section-head{
    transform:none !important;
    transition:none !important;
  }
}

/* Sticky timeline needs visible overflow on the landing wrapper. */
.rt-seo-m3{
  overflow:visible;
}

/* JS-controlled process copy: fixed inside the section while the timeline scrolls. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    position:relative;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    z-index:5;
    transition:none;
  }
}

/* Give the process enough scroll range so the intro follows every step. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    min-height:2100px;
  }
  .rt-seo-m3-process__steps{
    min-height:1720px;
    gap:54px;
  }
  .rt-seo-m3-process__steps article{
    min-height:150px;
  }
}

/* Pricing routes: three clear SEO entry points, less generic card wall. */
.rt-seo-m3-pricing--routes{
  padding-top:76px;
}
.rt-seo-m3-pricing--routes .rt-seo-m3-section-head{
  max-width:860px;
  margin-bottom:34px;
}
.rt-seo-m3-pricing-routes{
  display:grid;
  grid-template-columns:1.05fr 1fr 1.05fr;
  gap:18px;
  align-items:stretch;
}
.rt-seo-m3-route{
  position:relative;
  min-height:430px;
  border:0 !important;
  border-radius:34px !important;
  padding:0 !important;
  background:transparent !important;
  overflow:hidden;
  box-shadow:none !important;
}
.rt-seo-m3-route a{
  position:relative;
  isolation:isolate;
  min-height:100%;
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  gap:22px;
  padding:30px;
  border:1px solid var(--md-sys-color-outline-variant);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,248,255,.84)),
    radial-gradient(circle at 18% 0%,rgba(98,85,255,.18),transparent 42%);
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  transition:transform 220ms cubic-bezier(.2,0,0,1),border-color 220ms cubic-bezier(.2,0,0,1),background 220ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-route a::before{
  content:"";
  position:absolute;
  inset:auto 30px 108px 30px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--md-sys-color-primary),rgba(98,85,255,.12));
  z-index:-1;
}
.rt-seo-m3-route a::after{
  content:"";
  position:absolute;
  right:-44px;
  top:-44px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:var(--md-sys-color-primary-container);
  opacity:.62;
  z-index:-1;
  transition:transform 220ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-route:hover a,
.rt-seo-m3-route:focus-within a{
  transform:translateY(-5px);
  border-color:rgba(98,85,255,.42);
}
.rt-seo-m3-route:hover a::after,
.rt-seo-m3-route:focus-within a::after{
  transform:scale(1.18);
}
.rt-seo-m3-route__index{
  width:58px;
  height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:var(--md-sys-color-primary);
  color:#fff;
  font-size:17px;
  font-weight:800;
  letter-spacing:.02em;
}
.rt-seo-m3-route__body{
  display:block;
  align-self:end;
}
.rt-seo-m3-route__kicker{
  display:block;
  margin-bottom:12px;
  color:var(--md-sys-color-primary);
  font-size:14px;
  line-height:20px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.rt-seo-m3-route h3{
  margin:0 0 16px !important;
  max-width:320px;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.rt-seo-m3-route p{
  max-width:390px;
  color:var(--md-sys-color-on-surface-variant);
  font-size:16px;
  line-height:27px;
}
.rt-seo-m3-route strong{
  width:max-content;
  display:inline-flex !important;
  margin:0 !important;
  border-radius:999px;
  background:var(--md-sys-color-primary) !important;
  color:#fff !important;
  padding:11px 16px !important;
  font-size:16px !important;
  line-height:20px;
  font-weight:800;
}
.rt-seo-m3-route__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--md-sys-color-on-surface);
  font-size:15px;
  line-height:22px;
  font-weight:800;
}
.rt-seo-m3-route__cta::after{
  content:"\2192";
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--md-sys-color-primary-container);
  color:var(--md-sys-color-primary);
  transition:transform 200ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-route:hover .rt-seo-m3-route__cta::after,
.rt-seo-m3-route:focus-within .rt-seo-m3-route__cta::after{
  transform:translateX(4px);
}
.rt-seo-m3-route--audit a{
  margin-top:34px;
  min-height:calc(100% - 34px);
}
.rt-seo-m3-route--site a{
  background:
    linear-gradient(135deg,rgba(245,243,255,.96),rgba(255,255,255,.88)),
    radial-gradient(circle at 85% 8%,rgba(98,85,255,.24),transparent 44%);
}
@media (max-width:1024px){
  .rt-seo-m3-pricing-routes{
    grid-template-columns:1fr;
  }
  .rt-seo-m3-route,
  .rt-seo-m3-route a,
  .rt-seo-m3-route--audit a{
    min-height:0;
    margin-top:0;
  }
}
@media (max-width:767px){
  .rt-seo-m3-route a{
    padding:24px;
    border-radius:26px;
  }
  .rt-seo-m3-route h3{
    font-size:26px;
  }
}

/* Process timeline final layout: two real columns, no fixed overlay. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    display:grid !important;
    grid-template-columns:minmax(320px,420px) minmax(0,1fr) !important;
    gap:96px !important;
    align-items:start !important;
    min-height:auto !important;
    padding-top:88px !important;
    padding-bottom:104px !important;
    overflow:visible !important;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    position:sticky !important;
    top:118px !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    max-width:420px !important;
    min-height:0 !important;
    height:auto !important;
    transform:none !important;
    z-index:1 !important;
    grid-column:1 !important;
  }
  .rt-seo-m3-process__steps{
    grid-column:2 !important;
    min-height:0 !important;
    margin-top:58px !important;
    padding-left:38px !important;
    gap:30px !important;
  }
  .rt-seo-m3-process__steps article{
    min-height:132px !important;
    padding-top:16px !important;
    padding-bottom:24px !important;
  }
}
@media (max-width:1024px){
  .rt-seo-m3-process{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    transform:none !important;
  }
  .rt-seo-m3-process__steps{
    grid-column:auto !important;
    min-height:0 !important;
  }
}

/* Process text follows the timeline inside its reserved column, without overlay. */
@media (min-width:1025px){
  .rt-seo-m3-process .rt-seo-m3-section-head{
    transform:translateY(var(--rt-process-copy-y, 0px)) !important;
    transition:transform 90ms linear !important;
    will-change:transform;
  }
}
@media (max-width:1024px), (prefers-reduced-motion:reduce){
  .rt-seo-m3-process .rt-seo-m3-section-head{
    transform:none !important;
    transition:none !important;
  }
}

/* Fixed process copy with reserved right timeline column. */
@media (min-width:1025px){
  .rt-seo-m3-process{
    grid-template-columns:minmax(320px,420px) minmax(0,1fr) !important;
    column-gap:96px !important;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head{
    grid-column:1 !important;
    max-width:420px !important;
    overflow:visible;
  }
  .rt-seo-m3-process .rt-seo-m3-section-head h2,
  .rt-seo-m3-process .rt-seo-m3-section-head span{
    max-width:100% !important;
  }
  .rt-seo-m3-process__steps{
    grid-column:2 !important;
    position:relative;
    z-index:2;
  }
}

/* Align Marco Ronco testimonial to the same desktop container as the rest of the landing. */
@media (min-width:768px){
  .rt-seo-m3-testimonial.rt-seo-m3-testimonial--ronco{
    width:min(100% - (var(--rt-seo-gutter)*2),var(--rt-seo-max)) !important;
    max-width:var(--rt-seo-max) !important;
    margin:72px auto 0 !important;
    padding:52px !important;
    border-radius:32px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(340px,42%) !important;
    gap:34px !important;
    background:#f6f6ff !important;
    overflow:hidden;
  }
  .rt-seo-m3-testimonial--ronco .rt-seo-m3-testimonial__quote{
    padding:0 !important;
  }
  .rt-seo-m3-testimonial--ronco .rt-seo-m3-testimonial__media{
    justify-content:flex-end;
    align-items:center;
  }
  .rt-seo-m3-testimonial--ronco .rt-seo-m3-testimonial__media img{
    width:100%;
    max-width:520px !important;
    border-radius:0;
  }
}

.rt-service-reviews .rt-service-section-head{
  text-align:center;
  margin-inline:auto;
  align-items:center;
}
.rt-service-reviews .rt-service-section-head h2,
.rt-service-reviews .rt-service-section-head p{
  margin-left:auto;
  margin-right:auto;
}

/* Keep reviews inside the same landing container width. */
.rt-service-reviews{
  overflow:hidden;
}
.rt-service-reviews > .rt-google-reviews,
.rt-service-reviews .rt-google-reviews__viewport,
.rt-service-reviews .rt-google-reviews__nav{
  width:min(100% - (var(--rt-seo-gutter, var(--rt-layout-gutter, 72px)) * 2), var(--rt-seo-max, var(--rt-layout-content, 1456px))) !important;
  max-width:var(--rt-seo-max, var(--rt-layout-content, 1456px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.rt-service-reviews .rt-google-reviews__list{
  width:100% !important;
}
@media (max-width:767px){
  .rt-service-reviews > .rt-google-reviews,
  .rt-service-reviews .rt-google-reviews__viewport,
  .rt-service-reviews .rt-google-reviews__nav{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
  }
}

/* FAQ: same container width and cleaner two-column layout like the reference. */
.rt-service-faq#rt-service-faq{
  width:min(100% - (var(--rt-seo-gutter, var(--rt-layout-gutter, 72px)) * 2), var(--rt-seo-max, var(--rt-layout-content, 1456px))) !important;
  max-width:var(--rt-seo-max, var(--rt-layout-content, 1456px)) !important;
  margin:72px auto 0 !important;
  padding:76px 0 82px !important;
  background:
    linear-gradient(180deg,rgba(235,232,255,.82) 0%,rgba(247,248,255,.76) 42%,rgba(255,255,255,1) 100%) !important;
  border-radius:0;
  overflow:visible;
}
@media (min-width:1025px){
  .rt-service-faq#rt-service-faq{
    display:grid !important;
    grid-template-columns:minmax(360px,470px) minmax(0,1fr) !important;
    gap:96px !important;
    align-items:start !important;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__head{
    width:100% !important;
    max-width:470px;
    margin:0 !important;
    padding-top:0;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__head p{
    color:var(--md-sys-color-on-surface);
    font-size:18px;
    line-height:28px;
    font-weight:500;
    text-transform:none;
    letter-spacing:0;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__head h2{
    max-width:470px;
    font-size:62px;
    line-height:1.04;
    letter-spacing:-.055em;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items{
    width:100% !important;
    margin:0 !important;
    border-top:0;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items details{
    border-bottom:1px solid rgba(23,23,23,.28);
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items summary{
    min-height:116px;
    padding:28px 0;
    font-size:25px;
    line-height:1.2;
    font-weight:800;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items summary span{
    justify-self:end;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items details>div{
    max-width:760px;
    padding:0 80px 30px 0;
  }
}
@media (max-width:1024px){
  .rt-service-faq#rt-service-faq{
    width:calc(100vw - 48px) !important;
    max-width:calc(100vw - 48px) !important;
    padding:58px 0 64px !important;
  }
}
@media (max-width:767px){
  .rt-service-faq#rt-service-faq{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    margin-top:48px !important;
    padding:48px 0 54px !important;
  }
}


/* SEO Agency audit contact form CTA. */
.rt-seo-m3-guarantee.rt-seo-m3-audit-form{
  width:min(100% - 40px,1276px) !important;
  max-width:1276px !important;
}
.rt-seo-m3-audit-form{
  grid-template-columns:minmax(0,1fr) minmax(380px,480px);
  gap:clamp(28px,4vw,56px);
  align-items:stretch;
}
.rt-seo-m3-audit-form__copy{
  display:grid;
  align-content:center;
  gap:18px;
}
.rt-seo-m3-audit-form__copy .rt-seo-m3-eyebrow{
  margin:0;
  color:#6255f6;
}
.rt-seo-m3-audit-form__outcomes{
  margin:8px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.rt-seo-m3-audit-form .rt-seo-m3-audit-form__outcomes li{
  min-height:auto;
  padding:0 0 0 28px;
  border-radius:0;
  background:transparent;
  color:var(--md-sys-color-on-surface);
  font-size:16px;
  line-height:25px;
  font-weight:750;
}
.rt-seo-m3-audit-form .rt-seo-m3-audit-form__outcomes li::before{
  left:2px;
  top:.55em;
  width:10px;
  height:10px;
  box-shadow:0 0 0 7px rgba(98,85,255,.12);
}
.rt-seo-m3-audit-form__whatsapp{
  margin-top:4px!important;
  padding-top:18px;
  border-top:1px solid rgba(98,85,255,.2);
  max-width:640px;
}
.rt-seo-m3-audit-form__whatsapp a{
  color:var(--md-sys-color-primary);
  font-weight:850;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.rt-seo-m3-audit-form__panel{
  display:grid;
  align-content:start;
  gap:12px;
  padding:28px;
  border:1px solid rgba(98,85,255,.16);
  border-radius:28px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
}
.rt-seo-m3-audit-form__panel h3{
  margin:0;
  font-size:26px;
  line-height:32px;
}
.rt-seo-m3-audit-form__panel>p{
  font-size:15px;
  line-height:24px;
}
.rt-seo-m3-audit-form__notice{
  margin:4px 0 2px!important;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(98,85,255,.12);
  color:var(--md-sys-color-primary)!important;
  font-weight:750;
}
.rt-seo-m3-audit-form__notice--error{
  background:#fff0f0;
  color:#b3261e!important;
}
.rt-seo-m3-audit-form__form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:8px;
}
.rt-seo-m3-audit-form__form label{
  display:grid;
  gap:7px;
  min-width:0;
}
.rt-seo-m3-audit-form__form label span{
  color:var(--md-sys-color-on-surface);
  font-size:13px;
  line-height:18px;
  font-weight:800;
}
.rt-seo-m3-audit-form__form input,
.rt-seo-m3-audit-form__form textarea{
  width:100%;
  border:1px solid var(--md-sys-color-outline-variant);
  border-radius:18px;
  background:var(--md-sys-color-surface);
  color:var(--md-sys-color-on-surface);
  padding:13px 15px;
  font:inherit;
  font-size:15px;
  line-height:22px;
  outline:none;
  transition:border-color 180ms cubic-bezier(.2,0,0,1), box-shadow 180ms cubic-bezier(.2,0,0,1), background-color 180ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-audit-form__form textarea{
  resize:vertical;
  min-height:112px;
}
.rt-seo-m3-audit-form__form input:focus,
.rt-seo-m3-audit-form__form textarea:focus{
  border-color:var(--md-sys-color-primary);
  box-shadow:0 0 0 4px rgba(98,85,255,.14);
}
.rt-seo-m3-audit-form__wide,
.rt-seo-m3-audit-form__privacy,
.rt-seo-m3-audit-form__form button{
  grid-column:1/-1;
}
.rt-seo-m3-audit-form__privacy{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:flex-start;
  gap:10px!important;
  margin-top:2px;
}
.rt-seo-m3-audit-form__privacy input{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:var(--md-sys-color-primary);
  flex:0 0 auto;
}
.rt-seo-m3-audit-form__privacy span{
  color:var(--md-sys-color-on-surface-variant)!important;
  font-size:13px!important;
  line-height:19px!important;
  font-weight:650!important;
}
.rt-seo-m3-audit-form__form button{
  min-height:54px;
  border:0;
  border-radius:999px;
  background:var(--md-sys-color-primary);
  color:var(--md-sys-color-on-primary);
  font-size:15px;
  line-height:20px;
  font-weight:850;
  cursor:pointer;
  transition:transform 180ms cubic-bezier(.2,0,0,1), background-color 180ms cubic-bezier(.2,0,0,1);
}
.rt-seo-m3-audit-form__form button:hover,
.rt-seo-m3-audit-form__form button:focus-visible{
  background:#5246ef;
  transform:translateY(-2px);
}
.rt-seo-m3-audit-form__form button:active{
  transform:scale(.98);
}
@media (max-width:1024px){
  .rt-seo-m3-audit-form{grid-template-columns:1fr;}
  .rt-seo-m3-audit-form__panel{max-width:680px;width:100%;}
}
@media (max-width:767px){
  .rt-seo-m3-audit-form{padding:24px!important;}
  .rt-seo-m3-audit-form__panel{padding:20px;border-radius:24px;}
  .rt-seo-m3-audit-form__form{grid-template-columns:1fr;}
  .rt-seo-m3-audit-form__panel h3{font-size:23px;line-height:29px;}
}


/* FAQ inline audit CTA after final CTA removal. */
.rt-service-faq#rt-service-faq .rt-service-faq__cta{
  width:max-content;
  margin-top:26px;
  text-decoration:none;
}
@media (max-width:767px){
  .rt-service-faq#rt-service-faq .rt-service-faq__cta{
    width:100%;
    justify-content:center;
    margin-top:20px;
  }
}


/* FAQ full-bleed gradient and thinner toggle icon. */
.rt-service-faq#rt-service-faq{
  width:100vw !important;
  max-width:none !important;
  margin:72px 0 0 calc(50% - 50vw) !important;
  padding:76px max(var(--rt-seo-gutter,32px),calc((100vw - var(--rt-seo-max,1200px))/2)) 82px !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(98,85,255,.16) 0, rgba(98,85,255,.075) 34%, rgba(255,255,255,0) 68%),
    linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 40%,#fff 68%,#fff 100%) !important;
  box-sizing:border-box;
  border-radius:0 !important;
}
.rt-service-faq#rt-service-faq .rt-service-faq__items summary span{
  width:36px;
  height:36px;
}
.rt-service-faq#rt-service-faq .rt-service-faq__items summary span::before,
.rt-service-faq#rt-service-faq .rt-service-faq__items summary span::after{
  width:29px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
@media (max-width:1024px){
  .rt-service-faq#rt-service-faq{
    width:100vw !important;
    max-width:none !important;
    margin:58px 0 0 calc(50% - 50vw) !important;
    padding:58px 24px 64px !important;
  }
}
@media (max-width:767px){
  .rt-service-faq#rt-service-faq{
    width:100vw !important;
    max-width:none !important;
    margin:48px 0 0 calc(50% - 50vw) !important;
    padding:48px 16px 54px !important;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items summary span{
    width:30px;
    height:30px;
  }
  .rt-service-faq#rt-service-faq .rt-service-faq__items summary span::before,
  .rt-service-faq#rt-service-faq .rt-service-faq__items summary span::after{
    width:23px;
    height:2px;
  }
}


/* Mobile responsive cleanup: remove unnecessary wrappers/cards and improve form spacing. */
@media (max-width:767px){
  .rt-site-header{
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 1px 0 rgba(18,20,35,.08);
  }
  .rt-site-header .rt-header__inner,
  .rt-site-header .rt-site-header__inner{
    min-height:84px;
    padding:12px 16px;
    align-items:center;
  }
  .rt-seo-m3-hero{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:34px 16px 44px;
    box-sizing:border-box;
    gap:28px;
    overflow:visible;
  }
  .rt-seo-m3-hero::before{
    top:0;
    bottom:0;
    left:0;
    width:100%;
    transform:none;
    background:linear-gradient(180deg,#ebe8ff 0%,#f8f8ff 46%,#fff 88%);
  }
  .rt-seo-m3-hero__copy{
    width:100%;
    display:grid;
    gap:18px;
  }
  .rt-seo-m3-hero h1{
    font-size:32px;
    line-height:1.12;
    letter-spacing:-.03em;
    overflow-wrap:normal;
    word-break:normal;
  }
  .rt-seo-m3-video{
    border-radius:22px;
    box-shadow:none;
    min-height:0;
    aspect-ratio:16/9;
  }
  .rt-seo-featuretabs__shell{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    gap:24px;
  }
  .rt-seo-featuretabs__shell::before{
    content:none;
  }
  .rt-seo-featuretabs__tablist{
    margin-inline:-2px;
  }
  .rt-seo-phone{
    width:min(100%,286px);
    box-shadow:0 18px 48px rgba(18,20,35,.16);
  }
  .rt-seo-featuretabs__panel{
    min-height:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .rt-seo-m3-audit-form{
    width:100vw !important;
    max-width:none !important;
    margin:48px 0 0 calc(50% - 50vw) !important;
    padding:46px 16px 52px !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,#ebe8ff 0%,#f8f8ff 46%,#fff 100%) !important;
    box-sizing:border-box;
  }
  .rt-seo-m3-audit-form__copy,
  .rt-seo-m3-audit-form__panel{
    width:100%;
    max-width:100%;
  }
  .rt-seo-m3-audit-form__panel{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
  }
  .rt-seo-m3-audit-form__panel h3{
    font-size:28px;
    line-height:34px;
  }
  .rt-seo-m3-audit-form__panel>p{
    max-width:100%;
    font-size:16px;
    line-height:26px;
  }
  .rt-seo-m3-audit-form__form{
    gap:18px;
    margin-top:14px;
  }
  .rt-seo-m3-audit-form__form input,
  .rt-seo-m3-audit-form__form textarea{
    min-height:58px;
    padding:15px 16px;
    border-radius:20px;
    font-size:16px;
    background:#fff;
  }
  .rt-seo-m3-audit-form__form textarea{
    min-height:138px;
  }
  .rt-seo-m3-audit-form__form button{
    min-height:58px;
    margin-top:2px;
  }

  .rt-seo-m3-audit-form,
  .rt-web-final,
  .rt-service-final {
    width:calc(100vw - 32px) !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* Mobile header follows desktop fixed behavior, with compact vertical sizing. */
@media (max-width:767px){
  :root{--rt-header-height:88px;}
  .rt-site-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:9990;
    box-shadow:0 1px 0 rgba(18,20,35,.08);
  }
  .rt-site-header .rt-site-header__inner{
    min-height:88px;
    padding:12px 16px;
  }
  .rt-site-header .rt-site-header__logo img{
    width:min(62vw,260px);
  }
}


/* Hide mobile feature tab scrollbar while keeping horizontal swipe. */
@media (max-width:767px){
  .rt-seo-featuretabs__tablist{
    scrollbar-width:none;
    -ms-overflow-style:none;
    overscroll-behavior-x:contain;
  }
  .rt-seo-featuretabs__tablist::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
}


/* Hero Vimeo cover crop: fill the visual even if edges are cropped. */
.rt-seo-m3-video iframe{
  width:100% !important;
  height:100% !important;
  min-width:178% !important;
  min-height:100% !important;
  object-fit:cover;
}
@media (max-width:767px){
  .rt-seo-m3-video iframe{
    min-width:178% !important;
    min-height:100% !important;
  }
}


/* Pricing route separator: make the line a real divider above price/actions. */
.rt-seo-m3-route a::before{
  inset:auto 30px 126px 30px;
  height:1px;
  background:linear-gradient(90deg,rgba(98,85,255,.2),rgba(98,85,255,.08),rgba(98,85,255,0));
  opacity:.9;
}
.rt-seo-m3-route strong{
  align-self:end;
}
.rt-seo-m3-route__cta{
  align-self:start;
}
@media (max-width:767px){
  .rt-seo-m3-route a::before{
    inset:auto 24px 112px 24px;
  }
}


/* Mobile case-study heading: avoid awkward forced title break. */
@media (max-width:767px){
  .rt-seo-case-stories__head{
    max-width:100%;
    text-align:left;
    justify-items:start;
    gap:10px;
    margin-bottom:30px;
  }
  .rt-seo-case-stories__head h2,
  .rt-seo-case-stories__head span,
  .rt-seo-case-stories__head p{
    text-align:left;
    margin-left:0;
    margin-right:0;
  }
  .rt-seo-case-stories__head h2{
    max-width:340px;
    font-size:34px;
    line-height:1.12;
    letter-spacing:-.035em;
    text-wrap:balance;
  }
  .rt-seo-case-stories__head h2 br{
    display:none;
  }
  .rt-seo-case-stories__head span{
    max-width:330px;
    font-size:16px;
    line-height:25px;
  }
}


/* Balance vertical rhythm between case-study nav and pricing section. */
.rt-seo-case-stories{
  margin-bottom:28px;
}
.rt-seo-case-stories + .rt-seo-m3-pricing--routes{
  padding-top:44px;
}
@media (max-width:767px){
  .rt-seo-case-stories{
    margin-bottom:22px;
    padding-bottom:42px;
  }
  .rt-seo-case-stories + .rt-seo-m3-pricing--routes{
    padding-top:36px;
  }
}

/* Slightly enlarge the Marco Ronco testimonial image without changing the section rhythm. */
@media (min-width:768px){
  .rt-seo-m3-testimonial.rt-seo-m3-testimonial--ronco{
    grid-template-columns:minmax(0,1fr) minmax(360px,45%) !important;
    gap:30px !important;
  }
  .rt-seo-m3-testimonial--ronco .rt-seo-m3-testimonial__media img{
    max-width:560px !important;
  }
}

/* Mobile/tablet comparison hierarchy: alternatives first, Row Tech as final recommended choice. */
@media (max-width:1024px){
  .rt-seo-m3-compare__grid .rt-seo-m3-compare__option:nth-of-type(1){
    order:1;
  }
  .rt-seo-m3-compare__grid .rt-seo-m3-compare__option:nth-of-type(2){
    order:2;
  }
  .rt-seo-m3-compare__grid .rt-seo-m3-compare__winner{
    order:3 !important;
    transform:none;
  }
}

/* Mobile process CTA lives below the timeline; desktop keeps the sticky intro CTA. */
.rt-seo-process-cta--mobile{
  display:none !important;
}
@media (max-width:767px){
  .rt-seo-m3-process .rt-seo-m3-section-head > .rt-seo-process-cta{
    display:none !important;
  }
  .rt-seo-m3-process > .rt-seo-process-cta--mobile{
    display:inline-flex !important;
    justify-self:center;
    margin:12px auto 0;
    width:min(100%,280px);
  }
}

/* Social media marketing hero visual. */
.rt-social-agency-visual{
  position:relative;
  width:100%;
  max-width:650px;
  aspect-ratio:16/10;
  justify-self:center;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(98,85,255,.16);
  border-radius:32px;
  background:#f7f8ff;
  box-shadow:0 28px 86px rgba(24,26,42,.12);
  isolation:isolate;
}
.rt-social-agency-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(8,7,25,0) 42%,rgba(8,7,25,.62) 100%),
    radial-gradient(circle at 80% 16%,rgba(98,85,255,.34),transparent 34%);
  pointer-events:none;
}
.rt-social-agency-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.rt-social-agency-visual figcaption{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:24px;
  display:grid;
  gap:6px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 18px 44px rgba(8,7,25,.14);
  backdrop-filter:blur(12px);
}
.rt-social-agency-visual span{
  color:#6255ff;
  font-size:13px;
  line-height:18px;
  font-weight:850;
  text-transform:uppercase;
}
.rt-social-agency-visual strong{
  color:#171717;
  font-size:clamp(24px,2vw,34px);
  line-height:1.05;
  font-weight:850;
}
@media (max-width:767px){
  .rt-social-agency-visual{
    max-width:none;
    border-radius:22px;
  }
  .rt-social-agency-visual figcaption{
    left:14px;
    right:14px;
    bottom:14px;
    padding:14px 16px;
    border-radius:18px;
  }
}
/* Page-specific alignment for /seo-agency-napoli/. */
.rt-seo-agency-page section:not(.rt-seo-m3-hero):not(.rt-seo-m3-process) > .rt-seo-m3-section-head,
.rt-seo-agency-page .rt-service-clients .rt-service-section-head,
.rt-seo-agency-page .rt-seo-featuretabs__intro,
.rt-seo-agency-page .rt-seo-case-stories__header,
.rt-seo-agency-page .rt-seo-m3-pricing--routes > .rt-seo-m3-section-head,
.rt-seo-agency-page .rt-seo-m3-compare > .rt-seo-m3-section-head {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-items: center;
}

.rt-seo-agency-page section:not(.rt-seo-m3-hero):not(.rt-seo-m3-process) > .rt-seo-m3-section-head h2,
.rt-seo-agency-page section:not(.rt-seo-m3-hero):not(.rt-seo-m3-process) > .rt-seo-m3-section-head span,
.rt-seo-agency-page section:not(.rt-seo-m3-hero):not(.rt-seo-m3-process) > .rt-seo-m3-section-head p,
.rt-seo-agency-page .rt-service-clients .rt-service-section-head h2,
.rt-seo-agency-page .rt-seo-featuretabs__intro h2,
.rt-seo-agency-page .rt-seo-featuretabs__intro p,
.rt-seo-agency-page .rt-seo-case-stories__header h2,
.rt-seo-agency-page .rt-seo-case-stories__header p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* SEO agency audience cards: top accent line matching ecommerce problem cards. */
.rt-seo-agency-page .rt-seo-m3-fit__grid article {
    position: relative;
    overflow: hidden;
}

.rt-seo-agency-page .rt-seo-m3-fit__grid article::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--md-sys-color-primary), #00a87e);
    opacity: .86;
}

.rt-seo-agency-page .rt-seo-m3-fit__grid .rt-seo-m3-fit__icon {
    width: 44px;
    height: 44px;
    border-radius: 0;
    background: transparent;
    color: var(--md-sys-color-primary);
    font-family: "Material Symbols Rounded";
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 32;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.rt-consulente-trust .rt-seo-m3-fit__grid article {
    position: relative;
    overflow: hidden;
}

.rt-consulente-trust .rt-seo-m3-fit__grid article::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--md-sys-color-primary), #00a87e);
    opacity: .86;
}

/* /seo-agency-napoli/ refinements. */
.rt-seo-agency-page .rt-seo-m3-fit > .rt-seo-m3-section-head,
.rt-seo-agency-page .rt-seo-m3-pricing--routes > .rt-seo-m3-section-head,
.rt-seo-agency-page .rt-seo-m3-compare > .rt-seo-m3-section-head {
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-items: center !important;
}

.rt-seo-agency-page .rt-seo-m3-fit > .rt-seo-m3-section-head h2,
.rt-seo-agency-page .rt-seo-m3-fit > .rt-seo-m3-section-head span,
.rt-seo-agency-page .rt-seo-m3-pricing--routes > .rt-seo-m3-section-head h2,
.rt-seo-agency-page .rt-seo-m3-pricing--routes > .rt-seo-m3-section-head span,
.rt-seo-agency-page .rt-seo-m3-compare > .rt-seo-m3-section-head h2,
.rt-seo-agency-page .rt-seo-m3-compare > .rt-seo-m3-section-head span {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.rt-seo-agency-page .rt-seo-featuretabs__visual {
    align-self: center;
}

.rt-seo-agency-page .rt-seo-phone {
    width: min(100%, 292px);
    aspect-ratio: 9 / 17.4;
    padding: 9px;
    border: 1px solid rgba(218, 220, 224, .92);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(60, 64, 67, .13);
}

.rt-seo-agency-page .rt-seo-phone__speaker {
    width: 72%;
    height: 28px;
    margin: 0 auto 8px;
    border: 1px solid rgba(218, 220, 224, .95);
    border-radius: 999px;
    background:
        linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc04 50% 75%, #34a853 75% 100%);
    opacity: .95;
}

.rt-seo-agency-page .rt-seo-phone__screen {
    height: calc(100% - 36px);
    border: 1px solid rgba(218, 220, 224, .9);
    border-radius: 23px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .68);
}

.rt-seo-agency-page .rt-seo-phone-panel {
    gap: 12px;
    padding: 22px 18px;
}

.rt-seo-agency-page .rt-seo-phone__label {
    width: max-content;
    max-width: 100%;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f1f3f4;
    color: #5f6368;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0;
    text-transform: none;
}

.rt-seo-agency-page .rt-seo-phone-panel strong {
    color: #1a73e8;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0;
    font-weight: 700;
}

.rt-seo-agency-page .rt-seo-phone-panel p {
    color: #5f6368;
    font-size: 13px;
    line-height: 20px;
}

.rt-seo-agency-page .rt-seo-vitals span,
.rt-seo-agency-page .rt-seo-flow,
.rt-seo-agency-page .rt-seo-keywords span,
.rt-seo-agency-page .rt-seo-bars {
    border: 1px solid rgba(218, 220, 224, .78);
    background: #fff;
    box-shadow: 0 8px 22px rgba(60, 64, 67, .08);
}

.rt-seo-agency-page .rt-seo-serp-lines i {
    background: linear-gradient(90deg, rgba(26, 115, 232, .28), rgba(26, 115, 232, .08));
}

.rt-seo-agency-page .rt-seo-flow b,
.rt-seo-agency-page .rt-seo-bars i {
    background: linear-gradient(180deg, #1a73e8, #34a853);
}

/* /realizzazione-siti-web-dinamici/ dedicated layout. */
.rt-dynamic-page {
    --rt-dynamic-ink: #171719;
    --rt-dynamic-muted: #5f6676;
    --rt-dynamic-purple: #6255f6;
    --rt-dynamic-purple-soft: #f0eeff;
    --rt-dynamic-line: #e4e7f1;
    --rt-dynamic-green: #16a37f;
    --rt-dynamic-blue: #2f77e8;
    overflow: hidden;
}

.rt-dynamic-page .rt-web-section-head,
.rt-dynamic-page .rt-seo-m3-section-head {
    width: min(100% - 40px, 1120px);
    max-width: none;
    margin: 0 auto;
    text-align: center;
}

.rt-dynamic-page .rt-web-section-head h2,
.rt-dynamic-page .rt-seo-m3-section-head h2 {
    margin: 0 auto;
    color: var(--rt-dynamic-ink);
    font-size: clamp(38px, 5vw, 74px);
    line-height: 1.02;
    letter-spacing: 0;
}

.rt-dynamic-page .rt-web-section-head p,
.rt-dynamic-page .rt-seo-m3-section-head span {
    max-width: 900px;
    margin: 18px auto 0;
    color: var(--rt-dynamic-muted);
    font-size: clamp(17px, 1.35vw, 22px);
    line-height: 1.55;
}

.rt-dynamic-hero {
    min-height: calc(100vh - 92px);
    align-items: center;
}

.rt-dynamic-hero .rt-seo-m3-hero__copy {
    align-content: center;
}

.rt-dynamic-hero h1 {
    max-width: 760px;
}

.rt-dynamic-hero__description {
    max-width: 690px;
    margin: 0;
    color: var(--rt-dynamic-muted);
    font-size: clamp(17px, 1.4vw, 20px);
    line-height: 1.65;
    font-weight: 500;
}

.rt-dynamic-hero .rt-seo-m3-microcopy {
    color: var(--rt-dynamic-ink);
    font-weight: 850;
}

.rt-dynamic-intro,
.rt-dynamic-features,
.rt-dynamic-compare,
.rt-dynamic-why {
    padding: clamp(76px, 8vw, 132px) clamp(20px, 5vw, 76px);
}

.rt-dynamic-intro {
    background:
        radial-gradient(circle at 14% 18%, rgba(98, 85, 246, .1), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f9ff 100%);
}

.rt-dynamic-benefit-strip,
.rt-dynamic-features__grid,
.rt-dynamic-compare__grid,
.rt-dynamic-why__grid {
    width: min(100%, 1280px);
    margin: clamp(34px, 5vw, 70px) auto 0;
    display: grid;
}

.rt-dynamic-benefit-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--rt-dynamic-line);
    border-left: 1px solid var(--rt-dynamic-line);
}

.rt-dynamic-benefit-strip article,
.rt-dynamic-features__grid article,
.rt-dynamic-compare__grid article,
.rt-dynamic-why__grid article {
    background: rgba(255, 255, 255, .82);
}

.rt-dynamic-benefit-strip article {
    min-height: 310px;
    padding: clamp(24px, 3vw, 38px);
    border-right: 1px solid var(--rt-dynamic-line);
    border-bottom: 1px solid var(--rt-dynamic-line);
}

.rt-dynamic-icon,
.rt-dynamic-why__icon {
    width: 56px;
    height: 56px;
    display: inline-grid;
    place-items: center;
    border-radius: 18px;
    color: var(--rt-dynamic-purple);
    background: var(--rt-dynamic-purple-soft);
    box-shadow: inset 0 0 0 1px rgba(98, 85, 246, .14);
}

.rt-dynamic-icon .material-symbols-rounded,
.rt-dynamic-why__icon .material-symbols-rounded {
    font-size: 30px;
    line-height: 1;
}

.rt-dynamic-benefit-strip h3,
.rt-dynamic-features__grid h3,
.rt-dynamic-compare__grid h3,
.rt-dynamic-why__grid h3 {
    margin: 18px 0 10px;
    color: var(--rt-dynamic-ink);
    font-size: clamp(22px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: 0;
}

.rt-dynamic-benefit-strip p,
.rt-dynamic-features__grid p,
.rt-dynamic-compare__grid p,
.rt-dynamic-why__grid p,
.rt-dynamic-compare__note {
    margin: 0;
    color: var(--rt-dynamic-muted);
    font-size: clamp(16px, 1.08vw, 18px);
    line-height: 1.58;
}

.rt-dynamic-features {
    background: #fff;
}

.rt-dynamic-features__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.rt-dynamic-features__grid article {
    min-height: 250px;
    padding: clamp(24px, 2.8vw, 34px);
    border: 1px solid var(--rt-dynamic-line);
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(24, 26, 42, .06);
}

.rt-dynamic-process.rt-web-process-timeline {
    background:
        radial-gradient(circle at 20% 12%, rgba(22, 163, 127, .14), transparent 26%),
        linear-gradient(180deg, #f8f9ff 0%, #fff 100%);
}

.rt-dynamic-process .rt-seo-m3-section-head span {
    display: block;
}

.rt-dynamic-compare {
    background:
        radial-gradient(circle at 82% 16%, rgba(47, 119, 232, .1), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8f9ff 100%);
}

.rt-dynamic-compare__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.rt-dynamic-compare__grid article {
    min-height: 300px;
    padding: clamp(28px, 3vw, 42px);
    border: 1px solid rgba(98, 85, 246, .16);
    border-radius: 26px;
    box-shadow: 0 24px 70px rgba(24, 26, 42, .07);
}

.rt-dynamic-compare__grid article:nth-child(2) {
    background:
        radial-gradient(circle at 82% 16%, rgba(22, 163, 127, .14), transparent 30%),
        #fff;
}

.rt-dynamic-compare__note {
    width: min(100%, 980px);
    margin: clamp(28px, 4vw, 46px) auto 0;
    padding: clamp(24px, 3vw, 34px);
    border-left: 5px solid var(--rt-dynamic-purple);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(24, 26, 42, .07);
}

.rt-dynamic-why {
    background: #fff;
}

.rt-dynamic-why__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rt-dynamic-why__grid article {
    min-height: 360px;
    padding: clamp(30px, 3.6vw, 48px);
    border: 1px solid rgba(98, 85, 246, .16);
    border-radius: 30px;
    box-shadow: 0 26px 80px rgba(24, 26, 42, .08);
}

.rt-dynamic-projects.rt-web-project-carousel {
    padding: clamp(74px, 8vw, 126px) clamp(20px, 5vw, 76px);
    background:
        linear-gradient(180deg, #f8f9ff 0%, #fff 100%);
}

.rt-dynamic-page .rt-web-project-carousel__page {
    width: min(100%, 1180px);
    margin: 0 auto clamp(30px, 4vw, 56px);
    text-align: center;
}

.rt-dynamic-page .rt-web-project-carousel__page h2 {
    margin: 0;
    color: var(--rt-dynamic-ink);
    font-size: clamp(40px, 5vw, 78px);
    line-height: 1.02;
    letter-spacing: 0;
}

.rt-dynamic-page .rt-web-project-carousel__page p {
    max-width: 760px;
    margin: 16px auto 0;
    color: var(--rt-dynamic-muted);
    font-size: clamp(17px, 1.25vw, 21px);
    line-height: 1.55;
}

.rt-dynamic-page .rt-web-project-carousel__list-container {
    width: min(100%, 1320px);
    margin: 0 auto;
}

.rt-dynamic-page .rt-web-project-carousel__pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.rt-dynamic-page .rt-web-project-carousel__count {
    min-width: 72px;
    padding: 9px 14px;
    border: 1px solid var(--rt-dynamic-line);
    border-radius: 999px;
    background: #fff;
    color: var(--rt-dynamic-ink);
    font-weight: 900;
    text-align: center;
}

.rt-dynamic-faq.rt-service-faq,
.rt-dynamic-about.rt-service-tools,
.rt-dynamic-final.rt-seo-m3-guarantee {
    scroll-margin-top: 110px;
}

@media (max-width: 1180px) {
    .rt-dynamic-benefit-strip,
    .rt-dynamic-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-dynamic-why__grid,
    .rt-dynamic-compare__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-web-section-head,
    .rt-dynamic-page .rt-seo-m3-section-head {
        width: min(100% - 32px, 1120px);
    }

    .rt-dynamic-intro,
    .rt-dynamic-features,
    .rt-dynamic-compare,
    .rt-dynamic-why,
    .rt-dynamic-projects.rt-web-project-carousel {
        padding: 68px 16px;
    }

    .rt-dynamic-benefit-strip,
    .rt-dynamic-features__grid {
        grid-template-columns: 1fr;
    }

    .rt-dynamic-benefit-strip article,
    .rt-dynamic-features__grid article,
    .rt-dynamic-compare__grid article,
    .rt-dynamic-why__grid article {
        min-height: auto;
    }
}

/* /realizzazione-siti-web-dinamici/ visual alignment with Rowtech service pages. */
.rt-dynamic-page {
    --rt-dynamic-ink: #171717;
    --rt-dynamic-muted: #4b5263;
    --rt-dynamic-purple: #6255ff;
    --rt-dynamic-purple-soft: #ebe8ff;
    --rt-dynamic-surface: #fff;
    --rt-dynamic-surface-soft: #f7f8fb;
    --rt-dynamic-surface-mid: #eef1ff;
    --rt-dynamic-line: #d8deea;
    --rt-dynamic-green: #00a87e;
    background: var(--rt-dynamic-surface);
}

.rt-dynamic-page h1,
.rt-dynamic-page h2,
.rt-dynamic-page h3 {
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    letter-spacing: 0;
}

.rt-dynamic-page .rt-web-section-head,
.rt-dynamic-page .rt-seo-m3-section-head,
.rt-dynamic-page .rt-web-project-carousel__page {
    width: min(100% - 48px, 940px);
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.rt-dynamic-page .rt-web-section-head h2,
.rt-dynamic-page .rt-seo-m3-section-head h2,
.rt-dynamic-page .rt-web-project-carousel__page h2 {
    max-width: 920px;
    color: var(--rt-dynamic-ink);
    font-size: 52px;
    line-height: 1.08;
    font-weight: 850;
}

.rt-dynamic-page .rt-web-section-head p,
.rt-dynamic-page .rt-seo-m3-section-head span,
.rt-dynamic-page .rt-web-project-carousel__page p {
    max-width: 760px;
    color: var(--rt-dynamic-muted);
    font-size: 18px;
    line-height: 1.62;
}

.rt-dynamic-hero {
    min-height: 590px;
    padding-top: 56px;
    padding-bottom: 64px;
}

.rt-dynamic-hero::before {
    top: -56px;
    bottom: -56px;
    background:
        radial-gradient(circle at 18% 40%, rgba(98, 85, 255, .15) 0, rgba(98, 85, 255, .08) 30%, rgba(255, 255, 255, 0) 62%),
        linear-gradient(105deg, #f7f8fb 0%, #fff 56%, #fff 100%);
}

.rt-dynamic-hero .rt-seo-m3-hero__copy {
    align-self: start;
    gap: 14px;
}

.rt-dynamic-hero h1 {
    max-width: 720px;
    font-size: 60px;
    line-height: 1.04;
    font-weight: 900;
}

.rt-dynamic-hero__description {
    max-width: 720px;
    color: var(--rt-dynamic-muted);
    font-size: 18px;
    line-height: 30px;
}

.rt-dynamic-hero .rt-seo-m3-actions {
    margin-top: 0;
}

.rt-dynamic-hero-points {
    gap: 6px;
    font-size: 15px;
    line-height: 22px;
}

.rt-dynamic-hero-points li {
    padding-left: 22px;
}

.rt-dynamic-hero-points li::before {
    top: .55em;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 5px var(--md-sys-color-primary-container);
}

.rt-dynamic-hero .rt-seo-m3-microcopy {
    color: var(--rt-dynamic-ink);
    font-size: 14px;
    line-height: 22px;
}

.rt-dynamic-video.rt-seo-m3-video {
    max-width: 700px;
    border: 1px solid rgba(216, 222, 234, .8);
    background: var(--rt-dynamic-purple-soft);
    box-shadow: 0 18px 42px rgba(18, 20, 35, .1);
}

.rt-dynamic-intro,
.rt-dynamic-features,
.rt-dynamic-compare,
.rt-dynamic-why,
.rt-dynamic-projects.rt-web-project-carousel {
    padding: 88px 48px;
}

.rt-dynamic-intro,
.rt-dynamic-compare,
.rt-dynamic-projects.rt-web-project-carousel {
    background: var(--rt-dynamic-surface-soft);
}

.rt-dynamic-features,
.rt-dynamic-why {
    background: var(--rt-dynamic-surface);
}

.rt-dynamic-process.rt-web-process-timeline {
    background: linear-gradient(180deg, #fff 0%, var(--rt-dynamic-surface-soft) 100%);
}

.rt-dynamic-benefit-strip,
.rt-dynamic-features__grid,
.rt-dynamic-compare__grid,
.rt-dynamic-why__grid {
    width: min(100%, 1180px);
    gap: 18px;
    margin-top: 46px;
}

.rt-dynamic-benefit-strip {
    border: 0;
}

.rt-dynamic-benefit-strip article,
.rt-dynamic-features__grid article,
.rt-dynamic-compare__grid article,
.rt-dynamic-why__grid article {
    min-height: 0;
    border: 1px solid var(--rt-dynamic-line);
    border-radius: 24px;
    background: var(--rt-dynamic-surface);
    box-shadow: 0 14px 34px rgba(18, 20, 35, .06);
}

.rt-dynamic-benefit-strip article {
    padding: 28px;
}

.rt-dynamic-features__grid article,
.rt-dynamic-compare__grid article,
.rt-dynamic-why__grid article {
    padding: 28px;
}

.rt-dynamic-benefit-strip article,
.rt-dynamic-compare__grid article,
.rt-dynamic-why__grid article {
    position: relative;
    overflow: hidden;
}

.rt-dynamic-benefit-strip article::before,
.rt-dynamic-compare__grid article::before,
.rt-dynamic-why__grid article::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--rt-dynamic-purple), var(--rt-dynamic-green));
}

.rt-dynamic-icon,
.rt-dynamic-why__icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    color: var(--rt-dynamic-purple);
    background: var(--rt-dynamic-purple-soft);
}

.rt-dynamic-icon .material-symbols-rounded,
.rt-dynamic-why__icon .material-symbols-rounded {
    font-size: 28px;
}

.rt-dynamic-benefit-strip h3,
.rt-dynamic-features__grid h3,
.rt-dynamic-compare__grid h3,
.rt-dynamic-why__grid h3 {
    margin: 18px 0 10px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
}

.rt-dynamic-benefit-strip p,
.rt-dynamic-features__grid p,
.rt-dynamic-compare__grid p,
.rt-dynamic-why__grid p,
.rt-dynamic-compare__note {
    color: var(--rt-dynamic-muted);
    font-size: 16px;
    line-height: 1.62;
}

.rt-dynamic-features__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rt-dynamic-features__grid article {
    background: var(--rt-dynamic-surface-soft);
    box-shadow: none;
}

.rt-dynamic-features__grid h3 {
    font-size: 21px;
}

.rt-dynamic-process .rt-seo-m3-section-head h2 {
    font-size: 52px;
    line-height: 1.08;
}

.rt-dynamic-process .rt-seo-m3-process__steps article {
    border-color: var(--rt-dynamic-line);
    background: rgba(255, 255, 255, .86);
}

.rt-dynamic-process .rt-seo-m3-process__steps span {
    background: var(--rt-dynamic-purple-soft);
    color: var(--rt-dynamic-purple);
}

.rt-dynamic-compare__note {
    max-width: 920px;
    border-left-color: var(--rt-dynamic-purple);
    background: #fff;
}

.rt-dynamic-faq.rt-service-faq {
    background: var(--rt-dynamic-surface-soft);
}

.rt-dynamic-faq .rt-service-faq__head h2,
.rt-dynamic-about .rt-service-tools__copy h2,
.rt-dynamic-final h2 {
    font-family: "Stem", "Satoshi", Arial, sans-serif;
    letter-spacing: 0;
}

.rt-dynamic-faq .rt-service-faq__head h2 {
    font-size: 48px;
    line-height: 1.12;
}

.rt-dynamic-about .rt-service-tools__copy h2 {
    font-size: 48px;
    line-height: 1.12;
}

.rt-dynamic-final.rt-seo-m3-guarantee {
    background: linear-gradient(135deg, var(--rt-dynamic-surface-soft), var(--rt-dynamic-purple-soft));
}

@media (max-width: 1180px) {
    .rt-dynamic-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-dynamic-page .rt-web-section-head h2,
    .rt-dynamic-page .rt-seo-m3-section-head h2,
    .rt-dynamic-page .rt-web-project-carousel__page h2,
    .rt-dynamic-process .rt-seo-m3-section-head h2 {
        font-size: 44px;
    }
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-web-section-head,
    .rt-dynamic-page .rt-seo-m3-section-head,
    .rt-dynamic-page .rt-web-project-carousel__page {
        width: calc(100vw - 32px);
    }

    .rt-dynamic-page .rt-web-section-head h2,
    .rt-dynamic-page .rt-seo-m3-section-head h2,
    .rt-dynamic-page .rt-web-project-carousel__page h2,
    .rt-dynamic-process .rt-seo-m3-section-head h2,
    .rt-dynamic-faq .rt-service-faq__head h2,
    .rt-dynamic-about .rt-service-tools__copy h2,
    .rt-dynamic-final h2 {
        font-size: 32px;
        line-height: 1.14;
    }

    .rt-dynamic-page .rt-web-section-head p,
    .rt-dynamic-page .rt-seo-m3-section-head span,
    .rt-dynamic-page .rt-web-project-carousel__page p {
        font-size: 16px;
        line-height: 1.58;
    }

    .rt-dynamic-hero {
        padding-top: 34px;
        padding-bottom: 44px;
    }

    .rt-dynamic-hero h1 {
        font-size: 34px;
        line-height: 1.12;
    }

    .rt-dynamic-hero__description {
        font-size: 16px;
        line-height: 1.58;
    }

    .rt-dynamic-video.rt-seo-m3-video {
        min-height: 240px;
    }

    .rt-dynamic-intro,
    .rt-dynamic-features,
    .rt-dynamic-compare,
    .rt-dynamic-why,
    .rt-dynamic-projects.rt-web-project-carousel {
        padding: 64px 16px;
    }

    .rt-dynamic-benefit-strip,
    .rt-dynamic-features__grid,
    .rt-dynamic-compare__grid,
    .rt-dynamic-why__grid {
        margin-top: 32px;
    }

    .rt-dynamic-benefit-strip article,
    .rt-dynamic-features__grid article,
    .rt-dynamic-compare__grid article,
    .rt-dynamic-why__grid article {
        padding: 24px;
        border-radius: 22px;
    }

    .rt-dynamic-benefit-strip h3,
    .rt-dynamic-features__grid h3,
    .rt-dynamic-compare__grid h3,
    .rt-dynamic-why__grid h3 {
        font-size: 22px;
    }
}

.rt-dynamic-page .rt-service-faq#rt-service-faq {
    background:
        linear-gradient(180deg, var(--rt-dynamic-surface-soft) 0%, #fff 100%) !important;
}

.rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2 {
    font-family: "Stem", "Satoshi", Arial, sans-serif !important;
    font-size: 48px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

.rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__items summary {
    font-size: 23px !important;
    line-height: 1.24 !important;
}

.rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head p,
.rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__items details>div p {
    color: var(--rt-dynamic-muted) !important;
}

.rt-dynamic-page .rt-service-tools.rt-dynamic-about .rt-service-tools__copy h2 {
    font-family: "Stem", "Satoshi", Arial, sans-serif !important;
    font-size: 48px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

.rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final h2 {
    font-family: "Stem", "Satoshi", Arial, sans-serif !important;
    font-size: 42px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-dynamic-page .rt-service-tools.rt-dynamic-about .rt-service-tools__copy h2,
    .rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final h2 {
        font-size: 32px !important;
        line-height: 1.14 !important;
    }

    .rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__items summary {
        font-size: 20px !important;
        line-height: 1.26 !important;
    }
}

/* /realizzazione-siti-web-dinamici/ background palette aligned with the other Rowtech pages. */
.rt-dynamic-page {
    --rt-dynamic-surface-soft: #f7f8ff;
    --rt-dynamic-surface-mid: #ebe8ff;
    background: #fff;
}

.rt-dynamic-hero::before {
    background:
        radial-gradient(circle at 24% 38%, rgba(98, 85, 255, .18) 0, rgba(98, 85, 255, .09) 34%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(105deg, #ebe8ff 0%, #f7f8ff 38%, #fff 65%, #fff 100%);
}

.rt-dynamic-intro {
    background:
        radial-gradient(circle at 14% 20%, rgba(98, 85, 255, .10) 0, rgba(98, 85, 255, .045) 30%, rgba(255, 255, 255, 0) 62%),
        linear-gradient(180deg, #fff 0%, #f7f8ff 100%);
}

.rt-dynamic-features {
    background: #fff;
}

.rt-dynamic-process.rt-web-process-timeline {
    background:
        radial-gradient(circle at 82% 14%, rgba(98, 85, 255, .075), rgba(255, 255, 255, 0) 32%),
        linear-gradient(180deg, #fff 0%, #f7f8ff 52%, #fff 100%);
}

.rt-dynamic-compare {
    background:
        radial-gradient(circle at 84% 18%, rgba(98, 85, 255, .10) 0, rgba(98, 85, 255, .045) 32%, rgba(255, 255, 255, 0) 66%),
        linear-gradient(180deg, #fff 0%, #f7f8ff 100%);
}

.rt-dynamic-why {
    background: #fff;
}

.rt-dynamic-projects.rt-web-project-carousel {
    background: linear-gradient(180deg, #f6f6ff 0%, #fff 100%);
}

.rt-dynamic-page .rt-service-faq#rt-service-faq {
    background:
        radial-gradient(circle at 18% 22%, rgba(98, 85, 255, .16) 0, rgba(98, 85, 255, .075) 34%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(105deg, #ebe8ff 0%, #f7f8ff 40%, #fff 68%, #fff 100%) !important;
}

.rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final {
    background: linear-gradient(135deg, #f0f2f7, #ebe8ff) !important;
    margin: 96px auto !important;
}

.rt-dynamic-page .rt-service-faq#rt-service-faq {
    margin: 0 auto !important;
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final {
        margin: 64px auto !important;
    }

    .rt-dynamic-hero::before {
        background: linear-gradient(180deg, #ebe8ff 0%, #f8f8ff 46%, #fff 88%);
    }

    .rt-dynamic-intro,
    .rt-dynamic-compare,
    .rt-dynamic-projects.rt-web-project-carousel {
        background: linear-gradient(180deg, #f8f8ff 0%, #fff 100%);
    }

    .rt-dynamic-process.rt-web-process-timeline {
        background: linear-gradient(180deg, #fff 0%, #f8f8ff 48%, #fff 100%);
    }

    .rt-dynamic-page .rt-service-faq#rt-service-faq {
        background: linear-gradient(180deg, #ebe8ff 0%, #f8f8ff 46%, #fff 100%) !important;
    }
}

/* Dynamic page timeline: white background and left-oriented copy. */
.rt-dynamic-process.rt-web-process-timeline {
    background: #fff !important;
}

.rt-dynamic-process .rt-seo-m3-section-head {
    text-align: left !important;
    align-items: flex-start !important;
    justify-items: flex-start !important;
}

.rt-dynamic-process .rt-seo-m3-section-head h2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    font-size: 44px !important;
    line-height: 1.12 !important;
}

.rt-dynamic-process .rt-seo-m3-section-head span {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

@media (max-width: 760px) {
    .rt-dynamic-process .rt-seo-m3-section-head h2 {
        font-size: 30px !important;
        line-height: 1.14 !important;
    }
}

/* Dynamic page final typography/color sync with /realizzazione-siti-web-napoli/. */
.rt-dynamic-page h1,
.rt-dynamic-page h2,
.rt-dynamic-page h3,
.rt-dynamic-page p,
.rt-dynamic-page span,
.rt-dynamic-page a,
.rt-dynamic-page button,
.rt-dynamic-page input,
.rt-dynamic-page textarea {
    font-family: "Satoshi", Raleway, Arial, sans-serif;
}

.rt-dynamic-page .rt-web-section-head h2,
.rt-dynamic-page .rt-seo-m3-section-head h2,
.rt-dynamic-page .rt-web-project-carousel__page h2,
.rt-dynamic-process .rt-seo-m3-section-head h2,
.rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
.rt-dynamic-page .rt-service-tools.rt-dynamic-about .rt-service-tools__copy h2,
.rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final h2 {
    font-family: "Satoshi", Raleway, Arial, sans-serif !important;
    font-size: 46px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

.rt-dynamic-hero h1 {
    font-family: "Satoshi", Raleway, Arial, sans-serif !important;
}

.rt-dynamic-process.rt-web-process-timeline {
    background: #fff !important;
}

.rt-dynamic-projects.rt-web-project-carousel {
    background: #6255ff !important;
}

.rt-dynamic-page .rt-web-project-carousel__page h2 {
    color: #fff !important;
}

.rt-dynamic-page .rt-web-project-carousel__page p {
    color: rgba(255, 255, 255, .82) !important;
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-web-section-head h2,
    .rt-dynamic-page .rt-seo-m3-section-head h2,
    .rt-dynamic-page .rt-web-project-carousel__page h2,
    .rt-dynamic-process .rt-seo-m3-section-head h2,
    .rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-dynamic-page .rt-service-tools.rt-dynamic-about .rt-service-tools__copy h2,
    .rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final h2 {
        font-size: 32px !important;
        line-height: 1.14 !important;
    }
}

/* Dynamic page portfolio: exact section style from /realizzazione-siti-web-napoli/. */
.rt-dynamic-page .rt-web-project-carousel.rt-web-projects {
    padding: 72px 0 86px !important;
    background: #6255ff !important;
}

.rt-dynamic-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page {
    width: min(100% - 48px, 1120px) !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.rt-dynamic-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__list-container {
    position: relative !important;
    top: -43px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 34px auto -43px !important;
}

.rt-dynamic-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page h2 {
    margin-right: auto !important;
    margin-left: auto !important;
    color: #fff !important;
    text-align: center !important;
}

.rt-dynamic-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page p {
    margin-right: auto !important;
    margin-left: auto !important;
    color: rgba(255, 255, 255, .82) !important;
    text-align: center !important;
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-web-project-carousel.rt-web-projects {
        padding: 64px 0 72px !important;
    }

    .rt-dynamic-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page {
        width: calc(100vw - 32px) !important;
        margin-bottom: 0 !important;
    }

    .rt-dynamic-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__list-container {
        margin-top: 28px !important;
    }
}

/* Dynamic intro: white background and Material icon ligatures restored. */
.rt-dynamic-intro {
    background: #fff !important;
}

.rt-dynamic-page .material-symbols-rounded,
.rt-dynamic-icon .material-symbols-rounded,
.rt-dynamic-why__icon .material-symbols-rounded {
    font-family: "Material Symbols Rounded" !important;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

/* /realizzazione-siti-web-custom/ visual system aligned with the Rowtech web-service pages. */
.rt-custom-page {
    --rt-custom-purple: #6255ff;
    --rt-custom-purple-soft: #ebe8ff;
    --rt-custom-surface: #f7f8ff;
    --rt-custom-text: #121218;
    --rt-custom-muted: #5f6272;
    background: #fff;
}

.rt-custom-page h1,
.rt-custom-page h2,
.rt-custom-page h3,
.rt-custom-page p,
.rt-custom-page span,
.rt-custom-page a,
.rt-custom-page button,
.rt-custom-page input,
.rt-custom-page textarea {
    font-family: "Satoshi", Raleway, Arial, sans-serif;
    letter-spacing: 0;
}

.rt-custom-page p {
    font-size: 18px;
    line-height: 1.66;
}

.rt-custom-page h2,
.rt-custom-page h3 {
    text-align: center;
}

.rt-custom-page .rt-web-section-head,
.rt-custom-page .rt-seo-m3-section-head,
.rt-custom-page .rt-web-project-carousel__page {
    width: min(100% - 48px, 1120px);
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.rt-custom-page .rt-web-section-head h2,
.rt-custom-page .rt-seo-m3-section-head h2,
.rt-custom-page .rt-web-project-carousel__page h2,
.rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
.rt-custom-page .rt-service-tools.rt-custom-about .rt-service-tools__copy h2,
.rt-custom-page .rt-seo-m3-guarantee.rt-custom-final h2,
.rt-custom-local h2,
.rt-custom-technology h2 {
    font-family: "Satoshi", Raleway, Arial, sans-serif !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

.rt-custom-page .rt-web-section-head p,
.rt-custom-page .rt-seo-m3-section-head span,
.rt-custom-page .rt-web-project-carousel__page p,
.rt-custom-technology p,
.rt-custom-local p {
    color: var(--rt-custom-muted);
    font-size: 18px;
    line-height: 1.68;
}

.rt-custom-compare,
.rt-custom-benefits,
.rt-custom-solutions,
.rt-custom-services,
.rt-custom-local {
    padding: 96px 24px;
}

.rt-custom-compare {
    background: #fff;
}

.rt-custom-compare__table {
    width: min(100% - 48px, 1120px);
    margin: 44px auto 0;
    overflow: hidden;
    border: 1px solid rgba(98, 85, 255, .14);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(42, 38, 82, .08);
}

.rt-custom-compare__row {
    display: grid;
    grid-template-columns: .7fr 1fr 1fr;
    gap: 1px;
    background: rgba(98, 85, 255, .10);
}

.rt-custom-compare__row > * {
    min-width: 0;
    padding: 22px 24px;
    background: #fff;
    color: var(--rt-custom-muted);
    font-size: 18px;
    line-height: 1.45;
}

.rt-custom-compare__row strong {
    color: var(--rt-custom-text);
}

.rt-custom-compare__row--head > * {
    background: var(--rt-custom-purple);
    color: #fff;
    font-weight: 800;
}

.rt-custom-note {
    width: min(100% - 48px, 980px);
    margin: 34px auto 0;
    padding: 22px 26px;
    border-left: 4px solid var(--rt-custom-purple);
    border-radius: 18px;
    background: var(--rt-custom-surface);
    color: var(--rt-custom-muted);
    font-size: 18px;
    line-height: 1.62;
}

.rt-custom-benefits {
    background: #fff;
}

.rt-custom-benefits-why .rt-web-section-head {
    max-width: 880px;
    text-align: center;
}

.rt-custom-benefits-why__grid {
    display: grid;
    width: min(100% - 48px, 1180px);
    margin: 74px auto 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 132px 58px;
}

.rt-custom-benefits-why__card {
    display: block;
    min-width: 0;
    grid-column: span 2;
    text-align: center;
}

.rt-custom-benefits-why__card:nth-child(4) {
    grid-column: 2 / span 2;
}

.rt-custom-benefits-why__card:nth-child(5) {
    grid-column: 4 / span 2;
}

.rt-custom-benefits-why__icon {
    display: flex;
    width: 96px;
    height: 96px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 34px;
    color: #6255f6;
}

.rt-custom-benefits-why__icon .material-symbols-rounded {
    color: inherit !important;
    font-size: 76px !important;
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 48;
    line-height: 1;
}

.rt-custom-benefits-why__content h3 {
    max-width: 360px;
    margin: 0 auto 18px;
    color: var(--rt-custom-text);
    font-size: 32px !important;
    line-height: 1.18 !important;
    text-align: center !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-benefits-why__content h3 {
    font-size: 32px !important;
    line-height: 1.18 !important;
    text-align: center !important;
}

.rt-custom-benefits-why__content p {
    max-width: 350px;
    margin: 0 auto;
    color: var(--rt-custom-muted);
    font-size: 21px;
    line-height: 1.5;
    text-align: center;
}

.rt-custom-card-grid,
.rt-custom-service-grid {
    display: grid;
    width: min(100% - 48px, 1120px);
    margin: 42px auto 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.rt-custom-card-grid article,
.rt-custom-service-grid a,
.rt-custom-solution-list article {
    min-width: 0;
    border: 1px solid rgba(98, 85, 255, .14);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(42, 38, 82, .08);
}

.rt-custom-card-grid article,
.rt-custom-service-grid a {
    padding: 28px 24px;
    color: inherit;
    text-decoration: none;
}

.rt-custom-icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid rgba(98, 85, 255, .20);
    border-radius: 18px;
    background: var(--rt-custom-purple-soft);
    color: var(--rt-custom-purple);
}

.rt-custom-card-grid h3,
.rt-custom-service-grid h3,
.rt-custom-solution-list h3 {
    margin: 0 0 14px;
    color: var(--rt-custom-text);
    font-size: 23px;
    line-height: 1.16;
    text-align: center;
}

.rt-custom-card-grid p,
.rt-custom-service-grid p,
.rt-custom-solution-list p {
    margin: 0;
    color: var(--rt-custom-muted);
    font-size: 18px;
    line-height: 1.62;
}

.rt-custom-process.rt-web-process-timeline {
    background: #fff !important;
}

.rt-custom-process .rt-seo-m3-section-head {
    text-align: center !important;
    align-items: center !important;
    justify-items: center !important;
}

.rt-custom-process .rt-seo-m3-section-head h2 {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    font-size: 44px !important;
    line-height: 1.12 !important;
}

.rt-custom-process .rt-seo-m3-section-head span {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.rt-custom-process .rt-seo-m3-process__steps span {
    background: var(--rt-custom-purple-soft);
    color: var(--rt-custom-purple);
}

.rt-custom-process .rt-seo-m3-process__steps article h3 {
    text-align: left !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
    width: min(100% - (var(--rt-layout-gutter, 72px) * 2), 1720px);
    max-width: 1720px;
    margin-inline: auto;
    padding: 100px 0 108px;
    overflow: hidden;
    background: #fff;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head {
    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 !important;
    text-align: left !important;
    justify-items: normal !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head h2 {
    max-width: 980px !important;
    margin: 0 !important;
    color: #1d1d1b;
    font-size: 42px !important;
    line-height: 48.3px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-weight: 760;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head p {
    max-width: 860px !important;
    margin: 24px 0 0 !important;
    color: #4b5263;
    font-size: clamp(19px, 1.35vw, 24px) !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
    --rt-custom-services-overlap: 34px;
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    margin-top: 52px;
    padding: 0 26px;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article {
    position: relative;
    flex: 0 0 min(430px, calc((100% + (var(--rt-custom-services-overlap) * 3) - 52px) / 4));
    min-height: 400px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    align-items: start;
    gap: 24px;
    margin: 0;
    padding: clamp(34px, 3vw, 48px);
    border: 1px solid rgba(98, 85, 246, .16);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 255, .86)),
        #fff;
    box-shadow: 0 34px 74px rgba(18, 20, 35, .12);
    backdrop-filter: blur(18px);
    transition: transform 180ms cubic-bezier(.2, 0, 0, 1), box-shadow 180ms cubic-bezier(.2, 0, 0, 1), border-color 180ms cubic-bezier(.2, 0, 0, 1);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article + article {
    margin-left: calc(var(--rt-custom-services-overlap) * -1);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1) {
    z-index: 1;
    transform: translateY(178px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2) {
    z-index: 2;
    transform: translateY(92px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3) {
    z-index: 3;
    transform: translateY(28px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
    z-index: 4;
    transform: translateY(-42px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:hover {
    border-color: rgba(98, 85, 246, .28);
    box-shadow: 0 40px 84px rgba(18, 20, 35, .16);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1):hover {
    transform: translateY(168px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2):hover {
    transform: translateY(82px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3):hover {
    transform: translateY(18px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4):hover {
    transform: translateY(-52px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #8178f5;
    font-family: "Material Symbols Rounded";
    font-size: 34px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 24;
    font-feature-settings: "liga";
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy h3 {
    margin: 0;
    color: #253044;
    font-size: clamp(28px, 2.1vw, 32px);
    line-height: 1.14;
    font-weight: 760;
    letter-spacing: 0;
    text-align: left !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy p {
    margin: 0;
    color: #667085;
    font-size: clamp(17px, 1.2vw, 20px);
    line-height: 1.5;
    text-align: left;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__cta {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    color: #6255f6;
    font-size: clamp(17px, 1.15vw, 20px);
    line-height: 1.2;
    font-weight: 760;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    transition: color 180ms cubic-bezier(.2, 0, 0, 1), transform 180ms cubic-bezier(.2, 0, 0, 1);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__cta span {
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    transition: transform 180ms cubic-bezier(.2, 0, 0, 1);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__cta:hover,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__cta:focus-visible {
    color: #4f46e5;
    transform: translateY(-2px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__cta:hover span,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__cta:focus-visible span {
    transform: translateX(4px);
}

@media (max-width: 1120px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
        padding: 72px 0;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
        min-height: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 42px;
        padding: 0;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:hover {
        width: 100%;
        max-width: 820px;
        min-height: 0;
        margin: 0 auto;
        transform: none;
    }
}

@media (max-width: 720px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
        width: calc(100vw - 32px);
        padding: 56px 0 46px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head h2,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head p {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article {
        gap: 14px;
        padding: 24px;
        border-radius: 24px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__icon {
        width: 46px;
        height: 46px;
        border-radius: 16px;
        font-size: 28px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy h3 {
        font-size: 25px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy p {
        font-size: 16px;
        line-height: 1.5;
    }
}

.rt-custom-compare.rt-menu-compare {
    width: 100%;
    max-width: none;
    padding: 94px max(var(--rt-layout-gutter, 72px), calc((100vw - var(--rt-web-max, 1456px)) / 2)) 86px;
    background: #fff !important;
}

.rt-custom-compare.rt-menu-compare .rt-web-section-head {
    max-width: 960px;
    margin: 0 auto 58px;
    text-align: center;
}

.rt-custom-compare.rt-menu-compare .rt-web-section-head h2 {
    max-width: 880px;
    margin-inline: auto;
    color: #1d1d1b;
    font-size: clamp(42px, 3.6vw, 58px);
    line-height: 1.04;
    letter-spacing: 0;
    font-weight: 760;
}

.rt-custom-compare.rt-menu-compare .rt-web-section-head p {
    max-width: 860px;
    color: #4b5263;
    font-size: 18px;
    line-height: 1.55;
}

.rt-custom-compare .rt-menu-compare__scroll {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 14px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: color-mix(in srgb, var(--md-sys-color-primary) 64%, #fff) transparent;
}

.rt-custom-compare .rt-menu-compare__scroll:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--md-sys-color-primary) 36%, transparent);
    outline-offset: 6px;
    border-radius: 30px;
}

.rt-custom-compare .rt-menu-compare__board {
    width: min(100%, 1160px);
    min-width: 980px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(210px, .72fr) minmax(330px, .9fr) minmax(260px, .74fr);
    gap: clamp(34px, 5vw, 72px);
    align-items: stretch;
}

.rt-custom-compare .rt-menu-compare__labels,
.rt-custom-compare .rt-menu-compare__winner,
.rt-custom-compare .rt-menu-compare__other {
    display: grid;
    grid-template-rows: 84px repeat(6, minmax(88px, auto));
}

.rt-custom-compare .rt-menu-compare__labels p,
.rt-custom-compare .rt-menu-compare__winner p,
.rt-custom-compare .rt-menu-compare__other p {
    margin: 0;
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #516176;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    text-align: center;
}

.rt-custom-compare .rt-menu-compare__labels p {
    justify-content: flex-start;
    gap: 14px;
    color: #253044;
    text-align: left;
}

.rt-custom-compare .rt-menu-compare__labels p > span {
    position: relative;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 10px;
    color: #718095;
}

.rt-custom-compare .rt-menu-compare__labels p > span::before {
    content: "";
    position: absolute;
    inset: 5px;
    border: 2px solid currentColor;
    border-radius: 7px;
}

.rt-custom-compare .rt-menu-compare__winner {
    position: relative;
    padding: 26px 30px 30px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 18% 12%, rgba(98, 85, 255, .28), transparent 32%),
        linear-gradient(145deg, #26334a 0%, #182238 48%, #071025 100%);
    box-shadow: 0 28px 56px rgba(18, 20, 35, .22);
    color: #fff;
}

.rt-custom-compare .rt-menu-compare__brand {
    display: grid;
    place-items: center;
    color: #fff;
    font-size: clamp(22px, 1.6vw, 28px);
    line-height: 1.08;
    letter-spacing: 0;
    font-weight: 860;
    text-align: center;
}

.rt-custom-compare .rt-menu-compare__winner p {
    flex-direction: column;
    gap: 14px;
    color: rgba(255, 255, 255, .92);
    font-weight: 760;
}

.rt-custom-compare .rt-menu-compare__winner p > span,
.rt-custom-compare .rt-menu-compare__other p > span {
    position: relative;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
}

.rt-custom-compare .rt-menu-compare__winner p > span {
    background: rgba(255, 255, 255, .9);
    color: #26334a;
}

.rt-custom-compare .rt-menu-compare__winner p > span::before {
    content: "";
    width: 8px;
    height: 5px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg) translateY(-1px);
}

.rt-custom-compare .rt-menu-compare__other h3 {
    margin: 0;
    display: grid;
    place-items: center;
    color: #64748b;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 850;
    text-align: center;
}

.rt-custom-compare .rt-menu-compare__other p {
    flex-direction: column;
    gap: 14px;
    color: #64748b;
    font-weight: 650;
}

.rt-custom-compare .rt-menu-compare__other p > span {
    background: #8a9aad;
    color: #fff;
}

.rt-custom-compare .rt-menu-compare__other p > span::before,
.rt-custom-compare .rt-menu-compare__other p > span::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.rt-custom-compare .rt-menu-compare__other p > span::before {
    transform: rotate(45deg);
}

.rt-custom-compare .rt-menu-compare__other p > span::after {
    transform: rotate(-45deg);
}

.rt-custom-compare .rt-menu-bridge.rt-custom-note {
    max-width: 1040px;
    margin: 42px auto 0;
    padding: 28px 32px;
    border-left: 5px solid var(--md-sys-color-primary);
    border-radius: 0 22px 22px 0;
    background: linear-gradient(90deg, rgba(98, 85, 255, .08), rgba(255, 255, 255, .94));
    color: #4b5263;
    font-size: 18px;
    line-height: 1.55;
    box-shadow: 0 18px 42px rgba(18, 20, 35, .06);
}

@media (max-width: 900px) {
    .rt-custom-compare.rt-menu-compare {
        padding: 58px 16px 54px;
    }

    .rt-custom-compare.rt-menu-compare .rt-web-section-head {
        margin-bottom: 34px;
    }

    .rt-custom-compare.rt-menu-compare .rt-web-section-head h2 {
        font-size: 40px;
        line-height: 1.05;
    }

    .rt-custom-compare.rt-menu-compare .rt-web-section-head p {
        font-size: 16px;
        line-height: 1.5;
    }

    .rt-custom-compare .rt-menu-compare__scroll {
        box-sizing: border-box;
        padding-inline: 0;
        scroll-snap-type: x proximity;
    }

    .rt-custom-compare .rt-menu-compare__board {
        width: 760px;
        min-width: 760px;
        grid-template-columns: 180px 300px 220px;
        gap: 28px;
        scroll-snap-align: start;
    }

    .rt-custom-compare .rt-menu-compare__labels,
    .rt-custom-compare .rt-menu-compare__winner,
    .rt-custom-compare .rt-menu-compare__other {
        grid-template-rows: 74px repeat(6, minmax(78px, auto));
    }

    .rt-custom-compare .rt-menu-compare__labels p,
    .rt-custom-compare .rt-menu-compare__winner p,
    .rt-custom-compare .rt-menu-compare__other p {
        min-height: 78px;
        font-size: 15px;
    }

    .rt-custom-compare .rt-menu-compare__labels p {
        gap: 10px;
    }

    .rt-custom-compare .rt-menu-compare__winner {
        padding: 20px 22px 24px;
        border-radius: 20px;
    }

    .rt-custom-compare .rt-menu-compare__brand {
        font-size: 21px;
    }

    .rt-custom-compare .rt-menu-compare__other h3 {
        font-size: 18px;
    }

    .rt-custom-compare .rt-menu-bridge.rt-custom-note {
        margin-top: 30px;
        padding: 22px;
        font-size: 16px;
    }
}

.rt-custom-solutions {
    background:
        radial-gradient(circle at 86% 16%, rgba(98, 85, 255, .10) 0, rgba(98, 85, 255, .045) 30%, rgba(255, 255, 255, 0) 62%),
        linear-gradient(180deg, #fff 0%, #f7f8ff 100%);
}

.rt-custom-solution-list {
    display: grid;
    width: min(100% - 48px, 1120px);
    margin: 42px auto 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.rt-custom-solution-list article {
    padding: 30px;
}

.rt-custom-solution-list article:first-child {
    grid-column: span 2;
}

.rt-custom-technology {
    padding: 96px 24px;
    background: #fff;
}

.rt-custom-technology__inner {
    display: grid;
    width: min(100% - 48px, 1120px);
    margin: 0 auto;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: 64px;
    align-items: start;
}

.rt-custom-technology__copy p {
    margin: 0 0 20px;
}

.rt-custom-page .rt-web-project-carousel.rt-web-projects {
    padding: 72px 0 86px !important;
    background: #6255ff !important;
}

.rt-custom-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page {
    width: min(100% - 48px, 1120px) !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.rt-custom-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__list-container {
    position: relative !important;
    top: -43px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 34px auto -43px !important;
}

.rt-custom-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page h2 {
    margin-right: auto !important;
    margin-left: auto !important;
    color: #fff !important;
    text-align: center !important;
}

.rt-custom-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page p {
    margin-right: auto !important;
    margin-left: auto !important;
    color: rgba(255, 255, 255, .82) !important;
    text-align: center !important;
}

.rt-custom-services {
    background: #fff;
}

.rt-custom-service-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rt-custom-page .rt-seo-m3-guarantee.rt-custom-final {
    margin: 96px auto !important;
    background: linear-gradient(135deg, #f0f2f7, #ebe8ff) !important;
}

.rt-custom-page .rt-service-tools.rt-custom-about .rt-service-tools__copy h2 {
    font-family: "Satoshi", Raleway, Arial, sans-serif !important;
}

.rt-custom-local {
    background: #fff;
}

.rt-custom-local__inner {
    width: min(100% - 48px, 980px);
    margin: 0 auto;
    text-align: center;
}

.rt-custom-local__inner p {
    margin: 18px auto 0;
}

.rt-custom-page .rt-service-faq#rt-service-faq {
    margin: 0 auto !important;
    background:
        radial-gradient(circle at 18% 22%, rgba(98, 85, 255, .16) 0, rgba(98, 85, 255, .075) 34%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(105deg, #ebe8ff 0%, #f7f8ff 40%, #fff 68%, #fff 100%) !important;
}

.rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__items summary {
    font-size: 23px !important;
    line-height: 1.24 !important;
}

.rt-custom-page .material-symbols-rounded,
.rt-custom-icon .material-symbols-rounded {
    font-family: "Material Symbols Rounded" !important;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 1180px) {
    .rt-custom-benefits-why__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 72px 42px;
    }

    .rt-custom-benefits-why__card,
    .rt-custom-benefits-why__card:nth-child(4),
    .rt-custom-benefits-why__card:nth-child(5) {
        grid-column: auto;
    }

    .rt-custom-card-grid,
    .rt-custom-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rt-custom-solution-list,
    .rt-custom-technology__inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .rt-custom-solution-list article:first-child {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .rt-custom-page .rt-web-section-head,
    .rt-custom-page .rt-seo-m3-section-head,
    .rt-custom-page .rt-web-project-carousel__page,
    .rt-custom-benefits-why__grid,
    .rt-custom-card-grid,
    .rt-custom-service-grid,
    .rt-custom-solution-list,
    .rt-custom-technology__inner,
    .rt-custom-local__inner,
    .rt-custom-compare__table,
    .rt-custom-note {
        width: calc(100vw - 32px) !important;
    }

    .rt-custom-page .rt-web-section-head h2,
    .rt-custom-page .rt-seo-m3-section-head h2,
    .rt-custom-page .rt-web-project-carousel__page h2,
    .rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-custom-page .rt-service-tools.rt-custom-about .rt-service-tools__copy h2,
    .rt-custom-page .rt-seo-m3-guarantee.rt-custom-final h2,
    .rt-custom-local h2,
    .rt-custom-technology h2 {
        font-size: 32px !important;
        line-height: 1.14 !important;
    }

    .rt-custom-compare,
    .rt-custom-benefits,
    .rt-custom-solutions,
    .rt-custom-services,
    .rt-custom-technology,
    .rt-custom-local {
        padding: 64px 16px;
    }

    .rt-custom-card-grid,
    .rt-custom-service-grid,
    .rt-custom-solution-list {
        grid-template-columns: 1fr;
        margin-top: 32px;
    }

    .rt-custom-benefits-why__grid {
        grid-template-columns: 1fr;
        gap: 48px;
        margin-top: 32px;
    }

    .rt-custom-benefits-why__card {
        grid-column: auto !important;
    }

    .rt-custom-benefits-why__icon {
        width: 72px;
        height: 72px;
        margin-bottom: 22px;
    }

    .rt-custom-benefits-why__icon .material-symbols-rounded {
        font-size: 58px !important;
    }

    .rt-custom-benefits-why__content h3 {
        font-size: 26px;
        line-height: 1.18;
    }

    .rt-custom-benefits-why__content p {
        font-size: 18px;
        line-height: 1.52;
    }

    .rt-custom-compare__row {
        grid-template-columns: 1fr;
    }

    .rt-custom-compare__row--head {
        display: none;
    }

    .rt-custom-compare__row > * {
        padding: 18px 20px;
    }

    .rt-custom-compare__row strong {
        background: var(--rt-custom-purple);
        color: #fff;
    }

    .rt-custom-process .rt-seo-m3-section-head h2 {
        font-size: 30px !important;
        line-height: 1.14 !important;
    }

    .rt-custom-page .rt-web-project-carousel.rt-web-projects {
        padding: 64px 0 72px !important;
    }

    .rt-custom-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__page {
        margin-bottom: 0 !important;
    }

    .rt-custom-page .rt-web-project-carousel.rt-web-projects .rt-web-project-carousel__list-container {
        margin-top: 28px !important;
    }

    .rt-custom-page .rt-seo-m3-guarantee.rt-custom-final {
        margin: 64px auto !important;
    }

    .rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__items summary {
        font-size: 20px !important;
        line-height: 1.26 !important;
    }
}

@media (min-width: 768px) {
    .rt-seo-agency-page #rt-seo-m3-title {
        font-size: 52px !important;
    }

    .rt-seo-agency-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
    .rt-seo-agency-page .rt-service-reviews h2,
    .rt-seo-agency-page .rt-service-tools--seo-about .rt-service-tools__copy h2,
    .rt-seo-agency-page .rt-service-faq__head h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }

    .rt-seo-agency-page .rt-seo-featuretabs__intro p:last-child {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .rt-seo-agency-page .rt-seo-case-story__copy h3 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
}

.rt-seo-agency-page .rt-service-tools--seo-about + .rt-service-faq#rt-service-faq {
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(98,85,255,.16) 0, rgba(98,85,255,.075) 34%, rgba(255,255,255,0) 68%),
        linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 40%,#fff 68%,#fff 100%) !important;
}

@media (max-width: 1024px) {
    .rt-seo-agency-page .rt-service-tools--seo-about + .rt-service-faq#rt-service-faq {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) {
    .rt-consulente-seo-page #rt-consulente-title {
        font-size: 52px !important;
    }

    .rt-consulente-seo-page .rt-consulente-clients.rt-web-clients .rt-service-section-head h2,
    .rt-consulente-seo-page .rt-service-reviews h2,
    .rt-consulente-seo-page .rt-consulente-experience .rt-service-tools__copy h2,
    .rt-consulente-seo-page .rt-service-faq__head h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }

    .rt-consulente-seo-page .rt-consulente-serp-story__head p {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .rt-consulente-seo-page .rt-seo-case-story__copy h3 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
}

.rt-consulente-seo-page .rt-consulente-experience + .rt-service-faq#rt-service-faq {
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(98,85,255,.16) 0, rgba(98,85,255,.075) 34%, rgba(255,255,255,0) 68%),
        linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 40%,#fff 68%,#fff 100%) !important;
}

@media (max-width: 1024px) {
    .rt-consulente-seo-page .rt-consulente-experience + .rt-service-faq#rt-service-faq {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) {
    .rt-web-page #rt-web-title {
        font-size: 52px !important;
        line-height: 1.08 !important;
    }

    .rt-web-page .rt-web-clients .rt-service-section-head h2,
    .rt-web-page .rt-service-reviews h2,
    .rt-web-page .rt-web-experience .rt-service-tools__copy h2,
    .rt-web-page .rt-service-faq__head h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }

    .rt-web-page .rt-web-benefits .rt-web-section-head p {
        font-size: 18px !important;
        line-height: 30px !important;
    }
}

.rt-web-page .rt-web-experience + .rt-service-faq#rt-service-faq {
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(98,85,255,.16) 0, rgba(98,85,255,.075) 34%, rgba(255,255,255,0) 68%),
        linear-gradient(105deg,#ebe8ff 0%,#f7f8ff 40%,#fff 68%,#fff 100%) !important;
}

@media (max-width: 1024px) {
    .rt-web-page .rt-web-experience + .rt-service-faq#rt-service-faq {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) {
    .rt-ecommerce-page .rt-service-clients.rt-web-clients .rt-service-section-head h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }
}

@media (min-width: 768px) {
    .rt-custom-page .rt-custom-about .rt-service-tools__copy h2,
    .rt-custom-page .rt-service-faq__head h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }

    .rt-custom-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
    .rt-custom-page .rt-service-reviews h2,
    .rt-custom-page .rt-service-tools.rt-custom-about .rt-service-tools__copy h2,
    .rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }
}

.rt-custom-page .rt-web-section-head,
.rt-custom-page .rt-seo-m3-section-head,
.rt-custom-page .rt-web-project-carousel__page,
.rt-custom-page .rt-service-section-head {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    justify-items: center !important;
}

.rt-custom-page .rt-web-section-head h2,
.rt-custom-page .rt-web-section-head p,
.rt-custom-page .rt-seo-m3-section-head h2,
.rt-custom-page .rt-seo-m3-section-head span,
.rt-custom-page .rt-web-project-carousel__page h2,
.rt-custom-page .rt-web-project-carousel__page p,
.rt-custom-page .rt-service-section-head h2,
.rt-custom-page .rt-service-section-head p {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.rt-custom-page .rt-custom-final .rt-seo-m3-audit-form__copy,
.rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__head {
    text-align: left !important;
    align-items: flex-start !important;
    justify-items: flex-start !important;
}

.rt-custom-page .rt-custom-process .rt-seo-m3-section-head h2,
.rt-custom-page .rt-custom-technology h2,
.rt-custom-page .rt-custom-final .rt-seo-m3-audit-form__copy h2,
.rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

.rt-custom-page .rt-custom-process .rt-seo-m3-section-head span,
.rt-custom-page .rt-custom-technology__copy p,
.rt-custom-page .rt-custom-final .rt-seo-m3-audit-form__copy p,
.rt-custom-page .rt-service-faq#rt-service-faq .rt-service-faq__head p {
    margin-left: 0 !important;
    text-align: left !important;
}

.rt-custom-page .rt-custom-process .rt-seo-m3-section-head {
    text-align: left !important;
    align-items: flex-start !important;
    justify-items: flex-start !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero *,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero::before,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero *::before,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero *::after {
    animation: none !important;
    transition: none !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding-top: 44px !important;
    padding-bottom: 24px !important;
    grid-template-columns: minmax(0, .48fr) minmax(0, .52fr) !important;
    gap: 40px !important;
    align-items: center !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero::before {
    top: -56px !important;
    bottom: -56px !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-video {
    width: 100% !important;
    max-width: 700px !important;
    aspect-ratio: 1.72 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: center !important;
    justify-self: center !important;
}

@media (max-width: 1120px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero {
        grid-template-columns: 1fr !important;
        gap: 42px !important;
        overflow: hidden !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-video {
        width: 100% !important;
        max-width: 760px !important;
    }
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero [data-rt-reveal],
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-web-hero [data-rt-visible] {
    opacity: 1 !important;
    transform: none !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why {
    width: min(100% - (var(--rt-layout-gutter, 72px) * 2), var(--rt-web-max, 1456px));
    max-width: var(--rt-web-max, 1456px);
    margin-inline: auto;
    padding: 86px 0 72px;
    overflow: hidden;
    background: transparent;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why > .rt-web-section-head {
    width: 100% !important;
    max-width: 1060px !important;
    margin: 0 0 10px !important;
    text-align: left !important;
    justify-items: normal !important;
    align-items: normal !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why > .rt-web-section-head h2 {
    max-width: 980px !important;
    margin: 0 !important;
    font-size: 42px !important;
    line-height: 48.3px !important;
    text-align: left !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why > .rt-web-section-head p {
    max-width: 760px !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    text-align: left !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__shell {
    width: 100%;
    display: block;
    margin: 0;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list {
    --rt-marketing-why-overlap: 36px;
    --rt-marketing-why-inline-pad: 24px;
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    margin-top: 176px;
    padding: 0 var(--rt-marketing-why-inline-pad);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article {
    position: relative;
    flex: 0 0 min(450px, calc((100% + (var(--rt-marketing-why-overlap) * 3) - (var(--rt-marketing-why-inline-pad) * 2)) / 4));
    min-height: 380px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    align-items: start;
    gap: 18px;
    margin: 0;
    padding: clamp(28px, 2.6vw, 38px);
    border: 1px solid rgba(37, 48, 68, .14);
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 250, 253, .78)),
        #fff;
    box-shadow: 0 30px 64px rgba(18, 20, 35, .14);
    backdrop-filter: blur(18px);
    transition: transform 180ms cubic-bezier(.2, 0, 0, 1), box-shadow 180ms cubic-bezier(.2, 0, 0, 1);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    border: 1px solid rgba(98, 85, 246, .24);
    background: rgba(98, 85, 246, .12);
    color: #6255f6;
    font-family: "Material Symbols Rounded";
    font-size: 32px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 24;
    font-feature-settings: "liga";
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(2) .rt-marketing-why__icon {
    color: #6255f6;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(3) .rt-marketing-why__icon {
    color: #6255f6;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(4) .rt-marketing-why__icon {
    color: #6255f6;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(1) {
    z-index: 1;
    transform: translateY(44px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(2) {
    z-index: 2;
    margin-left: calc(var(--rt-marketing-why-overlap) * -1);
    transform: translateY(-18px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(3) {
    z-index: 3;
    margin-left: calc(var(--rt-marketing-why-overlap) * -1);
    transform: translateY(-84px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(4) {
    z-index: 4;
    margin-left: calc(var(--rt-marketing-why-overlap) * -1);
    transform: translateY(-130px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:hover {
    border-color: rgba(37, 48, 68, .14);
    box-shadow: 0 36px 76px rgba(18, 20, 35, .17);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(1):hover {
    transform: translateY(36px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(2):hover {
    transform: translateY(-26px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(3):hover {
    transform: translateY(-92px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(4):hover {
    transform: translateY(-138px);
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list h3 {
    margin: 0;
    color: #253044;
    font-size: clamp(25px, 2.1vw, 34px);
    line-height: 1.08;
    font-weight: 650;
    letter-spacing: 0;
    text-align: left;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list p {
    margin: 0;
    color: #526174;
    font-size: clamp(16px, 1.12vw, 18px);
    line-height: 1.5;
    text-align: left;
}

@media (max-width: 1120px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list {
        min-height: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 0;
        padding: 36px 20px 0;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(4) {
        width: 100%;
        max-width: 820px;
        min-height: 0;
        margin: 0 auto;
        transform: none;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:hover,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(1):hover,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(2):hover,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(3):hover,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(4):hover {
        transform: none;
    }
}

@media (max-width: 720px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why {
        width: calc(100vw - 32px);
        padding: 56px 0 46px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why > .rt-web-section-head,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why > .rt-web-section-head h2,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why > .rt-web-section-head p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list {
        gap: 16px;
        padding: 0;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list article:nth-child(4) {
        gap: 14px;
        padding: 24px;
        border-radius: 24px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__icon {
        width: 46px;
        height: 46px;
        border-radius: 16px;
        font-size: 28px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list h3 {
        font-size: 25px;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-marketing-why__list p {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (min-width: 768px) {
    .rt-dynamic-page .rt-dynamic-hero {
        min-height: clamp(508px, calc(645px - 6.77vw), 560px) !important;
        padding-top: 44px !important;
        padding-bottom: 24px !important;
    }

    .rt-dynamic-page #rt-dynamic-title {
        font-size: 52px !important;
        line-height: 1.08 !important;
    }

    .rt-dynamic-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
    .rt-dynamic-page .rt-service-reviews h2,
    .rt-dynamic-page .rt-service-tools.rt-dynamic-about .rt-service-tools__copy h2,
    .rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }

    .rt-dynamic-page .rt-dynamic-intro .rt-web-section-head p,
    .rt-dynamic-page .rt-dynamic-compare .rt-web-section-head p {
        font-size: 18px !important;
        line-height: 30px !important;
    }
}

.rt-dynamic-page .rt-service-clients.rt-web-clients .rt-service-section-head,
.rt-dynamic-page .rt-service-reviews .rt-service-section-head {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    justify-items: center !important;
}

.rt-dynamic-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
.rt-dynamic-page .rt-service-reviews h2 {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final .rt-seo-m3-audit-form__intro-note {
    color: var(--rt-dynamic-muted) !important;
    font-size: 18px !important;
    line-height: 30px !important;
}

.rt-dynamic-page .rt-service-tools.rt-dynamic-about + .rt-service-faq#rt-service-faq {
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 18% 22%, rgba(98, 85, 255, .16) 0, rgba(98, 85, 255, .075) 34%, rgba(255, 255, 255, 0) 68%),
        linear-gradient(105deg, #ebe8ff 0%, #f7f8ff 40%, #fff 68%, #fff 100%) !important;
}

@media (max-width: 760px) {
    .rt-dynamic-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
    .rt-dynamic-page .rt-service-reviews h2,
    .rt-dynamic-page .rt-service-tools.rt-dynamic-about .rt-service-tools__copy h2,
    .rt-dynamic-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-dynamic-page .rt-seo-m3-guarantee.rt-dynamic-final h2 {
        font-size: 32px !important;
        line-height: 1.14 !important;
    }
}

@media (min-width: 768px) {
    .rt-wordpress-page .rt-wordpress-hero {
        min-height: 560px !important;
        padding-top: 44px !important;
        padding-bottom: 24px !important;
    }

    .rt-wordpress-page #rt-wordpress-title {
        font-size: 52px !important;
        line-height: 1.08 !important;
    }

    .rt-wordpress-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
    .rt-wordpress-page .rt-service-reviews h2,
    .rt-wordpress-page .rt-service-tools.rt-wordpress-about .rt-service-tools__copy h2,
    .rt-wordpress-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-wordpress-page .rt-seo-m3-guarantee.rt-wordpress-final h2 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }
}

.rt-wordpress-page .rt-seo-m3-guarantee.rt-wordpress-final .rt-seo-m3-audit-form__intro-note {
    color: var(--md-sys-color-on-surface-variant) !important;
    font-size: 18px !important;
    line-height: 30px !important;
}

.rt-wordpress-page .rt-service-tools.rt-wordpress-about + .rt-service-faq#rt-service-faq {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    .rt-wordpress-page .rt-service-clients.rt-web-clients .rt-service-section-head h2,
    .rt-wordpress-page .rt-service-reviews h2,
    .rt-wordpress-page .rt-service-tools.rt-wordpress-about .rt-service-tools__copy h2,
    .rt-wordpress-page .rt-service-faq#rt-service-faq .rt-service-faq__head h2,
    .rt-wordpress-page .rt-seo-m3-guarantee.rt-wordpress-final h2 {
        font-size: 32px !important;
        line-height: 1.14 !important;
    }
}

/* Codex: custom site services cards aligned and closer to section heading. */
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
    padding-top: 88px !important;
    padding-bottom: 104px !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
    --rt-custom-services-overlap: 36px;
    --rt-custom-services-inline-pad: 24px;
    min-height: 500px !important;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin-top: 150px !important;
    padding: 0 var(--rt-custom-services-inline-pad) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 430px !important;
    height: auto !important;
    flex: 0 0 min(430px, calc((100% - 66px) / 4)) !important;
    margin: 0 !important;
    transform: none !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article + article {
    margin-left: calc(var(--rt-custom-services-overlap) * -1) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1) {
    z-index: 1 !important;
    transform: translateY(44px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2) {
    z-index: 2 !important;
    transform: translateY(-18px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3) {
    z-index: 3 !important;
    transform: translateY(-84px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
    z-index: 4 !important;
    transform: translateY(-130px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1):hover {
    transform: translateY(36px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2):hover {
    transform: translateY(-26px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3):hover {
    transform: translateY(-92px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4):hover {
    transform: translateY(-138px) !important;
}

@media (max-width: 1180px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
        margin-top: 32px !important;
        padding: 0 !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article + article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
        flex: initial !important;
        margin-left: 0 !important;
        transform: none !important;
    }
}

@media (max-width: 720px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
        padding-top: 58px !important;
        padding-bottom: 52px !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        margin-top: 26px !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
        min-height: 0 !important;
        height: auto !important;
        transform: none !important;
    }
}

/* Codex: custom services synergy aligned to Facebook Ads audience card style. */
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
    padding: 86px 0 72px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head {
    width: 100% !important;
    max-width: 1060px !important;
    margin: 0 0 10px !important;
    text-align: left !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head h2 {
    max-width: 980px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy > .rt-web-section-head p {
    max-width: 760px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
    --rt-custom-services-overlap: 36px;
    --rt-custom-services-inline-pad: 24px;
    position: relative !important;
    min-height: 430px !important;
    width: 100% !important;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 76px 0 0 !important;
    padding: 0 var(--rt-custom-services-inline-pad) !important;
    border: 0 !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 337px !important;
    height: auto !important;
    flex: 0 0 min(450px, calc((100% + (var(--rt-custom-services-overlap) * 3) - (var(--rt-custom-services-inline-pad) * 2)) / 4)) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto 1fr !important;
    align-items: start !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: clamp(26px, 2.45vw, 36px) !important;
    border: 1px solid rgba(37, 48, 68, .14) !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 250, 253, .78)), #fff !important;
    box-shadow: 0 30px 64px rgba(18, 20, 35, .14) !important;
    backdrop-filter: blur(18px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1) {
    z-index: 1 !important;
    transform: translateY(44px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2) {
    z-index: 2 !important;
    margin-left: calc(var(--rt-custom-services-overlap) * -1) !important;
    transform: translateY(-18px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3) {
    z-index: 3 !important;
    margin-left: calc(var(--rt-custom-services-overlap) * -1) !important;
    transform: translateY(-84px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
    z-index: 4 !important;
    margin-left: calc(var(--rt-custom-services-overlap) * -1) !important;
    transform: translateY(-130px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1):hover {
    transform: translateY(36px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2):hover {
    transform: translateY(-26px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3):hover {
    transform: translateY(-92px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4):hover {
    transform: translateY(-138px) !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__icon {
    width: 58px !important;
    height: 58px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: #8178f5 !important;
    font-size: 32px !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid h3 {
    margin: 0 !important;
    color: #253044 !important;
    font-size: clamp(25px, 2.1vw, 34px) !important;
    line-height: 1.08 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

.rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid p {
    margin: 0 !important;
    color: #526174 !important;
    font-size: clamp(16px, 1.12vw, 18px) !important;
    line-height: 1.5 !important;
}

@media (max-width: 1120px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin-top: 0 !important;
        padding: 36px 20px 0 !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:hover {
        width: 100% !important;
        max-width: 820px !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        transform: none !important;
    }
}

@media (max-width: 760px) {
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy {
        width: calc(100vw - 32px) !important;
        padding: 56px 0 46px !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid {
        gap: 16px !important;
        padding: 0 !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article,
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(1),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(2),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(3),
    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__grid article:nth-child(4) {
        gap: 14px !important;
        padding: 24px !important;
        border-radius: 24px !important;
    }

    .rt-custom-page[data-rt-dedicated-page="realizzazione-siti-web-custom"] .rt-custom-services-synergy .rt-ads-synergy__icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
        font-size: 28px !important;
    }
}

/* Final override: keep sticky process intros visually consistent across scrolling timelines. */
.rt-seo-m3-process > .rt-seo-m3-section-head {
    gap: 0 !important;
    row-gap: 0 !important;
}

.rt-seo-m3-process > .rt-seo-m3-section-head h2 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

.rt-seo-m3-process > .rt-seo-m3-section-head > span,
.rt-seo-m3-process > .rt-seo-m3-section-head > p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.rt-seo-m3-process > .rt-seo-m3-section-head > .rt-seo-process-cta {
    margin-top: 24px !important;
}

.rt-seo-m3-process > .rt-seo-m3-section-head > .rt-seo-m3-button {
    margin-top: 24px !important;
}

@media (max-width: 767px) {
    .rt-seo-m3-process > .rt-seo-m3-section-head h2 {
        margin-bottom: 14px !important;
    }
}