/*
 * RACSuite Presentation v1.0.12
 * Change: removes Hostinger top padding gap, keeps the menu always fixed/sticky,
 * and rebuilds the hero screenshot carousel so the screenshots remain visible.
 */

body.hostinger-ai-builder-elementor,
body.hostinger-ai-builder-gutenberg,
.hostinger-ai-builder-elementor,
.hostinger-ai-builder-gutenberg {
    padding-top: 0 !important;
}

.rsu-landing,
.rsu-landing * {
    box-sizing: border-box;
}

.rsu-landing {
    --rsu-blue: #20aee4;
    --rsu-blue-dark: #0b77a5;
    --rsu-red: #e63545;
    --rsu-red-dark: #bd1f2e;
    --rsu-ink: #1e2630;
    --rsu-muted: #697583;
    --rsu-line: rgba(30, 38, 48, 0.12);
    --rsu-soft: #f5f9fc;
    --rsu-card: #ffffff;
    --rsu-shadow: 0 24px 70px rgba(19, 42, 68, 0.14);
    --rsu-radius: 28px;
    --rsu-layout-width: 1540px;
    --rsu-sticky-top: 0px;
    --rsu-header-offset: 12px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative;
    color: var(--rsu-ink);
    font-family: Roboto, Arial, sans-serif;
    background:
        radial-gradient(circle at 8% 8%, rgba(32, 174, 228, 0.18), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(230, 53, 69, 0.16), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f7fbfe 56%, #ffffff 100%);
}

.rsu-landing a {
    color: inherit;
    text-decoration: none;
}

.rsu-header,
.rsu-hero,
.rsu-search-bar,
.rsu-section {
    width: min(var(--rsu-layout-width), calc(100% - 44px));
    margin-inline: auto;
}

.rsu-header-spacer,
.rsu-header-spacer.is-active {
    display: none !important;
    height: 0 !important;
}

.rsu-header {
    position: fixed !important;
    top: calc(var(--rsu-sticky-top) + var(--rsu-header-offset)) !important;
    left: 50% !important;
    right: auto !important;
    transform: translate3d(-50%, 0, 0) !important;
    z-index: 2147483000 !important;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 !important;
    padding: 10px 18px;
    border: 1px solid rgba(30, 38, 48, 0.10);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 38px rgba(19, 42, 68, 0.12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.rsu-landing.is-scrolled .rsu-header {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(30, 38, 48, 0.14);
    box-shadow: 0 18px 46px rgba(19, 42, 68, 0.16);
}

body.admin-bar .rsu-landing {
    --rsu-sticky-top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .rsu-landing {
        --rsu-sticky-top: 46px;
    }
}

#racsuite-top,
#racsuite-modules,
#racsuite-workflow,
#racsuite-screens,
#racsuite-aade,
#racsuite-demo {
    scroll-margin-top: calc(var(--rsu-sticky-top) + 106px) !important;
}

.rsu-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.rsu-brand img {
    display: block;
    width: min(220px, 42vw);
    height: auto;
}

.rsu-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--rsu-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 24px rgba(19, 42, 68, 0.04);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.rsu-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 15px;
    border-radius: 999px;
    color: var(--rsu-muted);
    font-size: 14px;
    font-weight: 800;
    transition: color 180ms ease, background 180ms ease;
}

.rsu-nav a:hover,
.rsu-nav a:focus {
    color: var(--rsu-blue-dark);
    background: rgba(32, 174, 228, 0.10);
}

.rsu-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--rsu-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--rsu-ink);
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(19, 42, 68, 0.08);
}

.rsu-menu-toggle span,
.rsu-menu-toggle span::before,
.rsu-menu-toggle span::after {
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 99px;
    background: currentColor;
    transition: transform 180ms ease, opacity 180ms ease;
}

.rsu-menu-toggle span { position: relative; }
.rsu-menu-toggle span::before,
.rsu-menu-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
}
.rsu-menu-toggle span::before { top: -6px; }
.rsu-menu-toggle span::after { top: 6px; }
.rsu-header.is-menu-open .rsu-menu-toggle span { transform: rotate(45deg); }
.rsu-header.is-menu-open .rsu-menu-toggle span::before { transform: translateY(6px) rotate(90deg); }
.rsu-header.is-menu-open .rsu-menu-toggle span::after { opacity: 0; }

.rsu-header-cta,
.rsu-btn,
.rsu-search-bar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 21px;
    border-radius: 999px;
    border: 0;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.rsu-header-cta,
.rsu-btn-primary,
.rsu-search-bar a {
    color: #ffffff;
    background: linear-gradient(135deg, var(--rsu-red), var(--rsu-red-dark));
    box-shadow: 0 12px 28px rgba(230, 53, 69, 0.25);
}

.rsu-btn-secondary {
    color: var(--rsu-blue-dark);
    background: #ffffff;
    border: 1px solid rgba(32, 174, 228, 0.22);
    box-shadow: 0 12px 28px rgba(32, 174, 228, 0.12);
}

.rsu-header-cta:hover,
.rsu-btn:hover,
.rsu-search-bar a:hover {
    transform: translateY(-2px);
}

.rsu-hero {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
    gap: 44px;
    align-items: center;
    padding: calc(var(--rsu-sticky-top) + 122px) 0 18px !important;
}

.rsu-eyebrow,
.rsu-section-heading span,
.rsu-screen-copy > span,
.rsu-security-section span {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 14px;
    padding-left: 4px;
    color: var(--rsu-red);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0.08em;
    text-transform: none;
    overflow: visible;
}

.rsu-eyebrow::before,
.rsu-section-heading span::before,
.rsu-screen-copy > span::before,
.rsu-security-section span::before {
    content: "";
    flex: 0 0 23px;
    width: 9px;
    height: 9px;
    min-width: 23px;
    border-radius: 99px;
    background: var(--rsu-blue);
    box-shadow: 14px 0 0 var(--rsu-red);
}

.rsu-landing .rsu-hero-title,
.rsu-landing .rsu-section-heading h2,
.rsu-landing .rsu-screen-copy h2,
.rsu-landing .rsu-security-section h2 {
    margin: 0;
    color: var(--rsu-ink);
    font-family: Roboto, Arial, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.058em;
    line-height: 1.02;
    text-transform: none !important;
}

.rsu-landing .rsu-hero-title {
    max-width: 820px;
    font-size: clamp(42px, 4.55vw, 72px) !important;
    line-height: 0.99 !important;
    letter-spacing: -0.065em !important;
}

.rsu-hero p,
.rsu-screen-copy p,
.rsu-security-section p,
.rsu-module-card p,
.rsu-workflow p {
    color: var(--rsu-muted);
    font-size: 16px;
    line-height: 1.68;
}

.rsu-hero-copy > p {
    max-width: 720px;
    margin: 22px 0 0;
    font-size: 17px;
}

.rsu-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.rsu-kpis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 28px;
}

.rsu-kpis article {
    padding: 16px;
    border: 1px solid var(--rsu-line);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 32px rgba(19, 42, 68, 0.06);
}

.rsu-kpis strong {
    display: block;
    margin-bottom: 5px;
    color: var(--rsu-blue-dark);
    font-size: 17px;
}

.rsu-kpis span {
    display: block;
    color: var(--rsu-muted);
    font-size: 13px;
    font-weight: 700;
}

.rsu-hero-panel {
    position: relative;
    min-height: 530px;
    width: 100%;
    max-width: 760px;
    margin-left: auto;
    perspective: 1500px;
    transform-style: preserve-3d;
    overflow: visible !important;
}

.rsu-hero-carousel,
.rsu-carousel-stage {
    position: relative;
    width: 100%;
    min-height: 510px;
    transform-style: preserve-3d;
    perspective: 1500px;
    overflow: visible !important;
}

.rsu-carousel-slide {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: min(620px, 92%) !important;
    opacity: 0;
    transform-style: preserve-3d;
    transform-origin: center center;
    transition: transform 220ms cubic-bezier(.2,.75,.25,1), opacity 160ms ease;
    will-change: transform, opacity, filter;
}

.rsu-carousel-slide.is-active {
    z-index: 5;
    opacity: 1 !important;
    filter: none !important;
    transform: translate3d(-54%, -52%, 92px) rotateX(7deg) rotateY(-13deg) rotateZ(-2deg) scale(0.94) !important;
}

.rsu-carousel-slide.is-behind {
    z-index: 2;
    opacity: 0.44 !important;
    filter: blur(7px) saturate(0.82) !important;
    pointer-events: none;
    transform: translate3d(-25%, -30%, -140px) rotateX(6deg) rotateY(13deg) rotateZ(3deg) scale(0.72) !important;
}

.rsu-mockup-card,
.rsu-carousel-slide .rsu-mockup-card,
.rsu-carousel-slide .rsu-mockup-bookings,
.rsu-carousel-slide .rsu-mockup-timeline {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 330px;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.96);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.96);
    opacity: 1 !important;
    transform: none !important;
    transform-origin: center center !important;
    box-shadow:
        0 42px 92px rgba(19, 42, 68, 0.20),
        0 14px 30px rgba(19, 42, 68, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.98);
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.rsu-carousel-slide.is-behind .rsu-mockup-card {
    box-shadow:
        0 32px 76px rgba(19, 42, 68, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.rsu-mockup-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.40), transparent 44%, rgba(255, 255, 255, 0.12));
}

.rsu-mockup-card::after {
    content: "";
    position: absolute;
    inset: auto 7% -14px 7%;
    height: 28px;
    z-index: -1;
    border-radius: 50%;
    background: rgba(19, 42, 68, 0.12);
    filter: blur(18px);
}

.rsu-panel-topbar,
.rsu-preview-card {
    position: relative;
    z-index: 2;
}

.rsu-panel-topbar,
.rsu-device-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 12px;
}

.rsu-panel-topbar span,
.rsu-device-toolbar span {
    width: 9px;
    height: 9px;
    border-radius: 99px;
    background: rgba(108, 118, 130, 0.35);
}

.rsu-panel-topbar span:first-child,
.rsu-device-toolbar span:first-child { background: var(--rsu-red); }
.rsu-panel-topbar span:nth-child(2),
.rsu-device-toolbar span:nth-child(2) { background: #f2c14e; }
.rsu-panel-topbar span:nth-child(3),
.rsu-device-toolbar span:nth-child(3) { background: var(--rsu-blue); }

.rsu-panel-topbar strong,
.rsu-device-toolbar strong {
    margin-left: 8px;
    color: var(--rsu-muted);
    font-size: 12px;
    font-weight: 900;
}

.rsu-preview-card {
    overflow: hidden;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid var(--rsu-line);
    min-height: 278px;
}

.rsu-preview-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 15px;
    border-bottom: 1px solid var(--rsu-line);
    background: #ffffff;
}

.rsu-preview-heading span {
    color: var(--rsu-ink);
    font-size: 14px;
    font-weight: 900;
}

.rsu-preview-heading em {
    color: var(--rsu-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.rsu-preview-card img,
.rsu-device-frame img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 278px;
    object-fit: cover;
    object-position: left top;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.rsu-preview-main img { aspect-ratio: 16 / 8.6; }
.rsu-preview-timeline img { aspect-ratio: 16 / 7.35; }

.rsu-carousel-controls {
    position: absolute;
    right: 10px;
    bottom: 22px;
    z-index: 12;
    display: flex;
    gap: 10px;
}

.rsu-carousel-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(30, 38, 48, 0.10);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--rsu-ink);
    box-shadow: 0 16px 36px rgba(19, 42, 68, 0.13);
    font-family: Roboto, Arial, sans-serif;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: transform 160ms ease, background 160ms ease, color 160ms ease;
}

.rsu-carousel-arrow:hover,
.rsu-carousel-arrow:focus {
    color: #ffffff;
    background: linear-gradient(135deg, var(--rsu-blue), var(--rsu-red));
    transform: translateY(-2px);
}

.rsu-floating-card {
    position: absolute;
    min-width: 138px;
    padding: 13px 15px;
    border-radius: 19px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 46px rgba(19, 42, 68, 0.16);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.rsu-floating-card strong {
    display: block;
    color: var(--rsu-red);
    font-size: 18px;
    line-height: 1;
}

.rsu-floating-card span {
    display: block;
    margin-top: 7px;
    color: var(--rsu-muted);
    font-size: 12px;
    font-weight: 800;
}

.rsu-floating-card-one {
    right: 0;
    top: 112px;
    z-index: 13;
}

.rsu-floating-card-two {
    left: 4px;
    bottom: 136px;
    z-index: 13;
}

.rsu-search-bar {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 10px;
    margin-top: 14px;
    padding: 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid var(--rsu-line);
    box-shadow: 0 20px 60px rgba(19, 42, 68, 0.10);
}

.rsu-search-bar div {
    min-height: 58px;
    padding: 8px 18px;
    border-radius: 999px;
    background: var(--rsu-soft);
    border: 1px solid transparent;
}

.rsu-search-bar div:hover { border-color: rgba(32, 174, 228, 0.25); }

.rsu-search-bar span {
    display: block;
    margin-bottom: 5px;
    color: var(--rsu-blue-dark);
    font-size: 12px;
    font-weight: 900;
}

.rsu-search-bar strong {
    display: block;
    overflow: hidden;
    color: var(--rsu-ink);
    font-size: 14px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rsu-search-bar a {
    min-height: 58px;
    padding-inline: 28px;
}

.rsu-section { padding: 76px 0 0; }

.rsu-section-heading {
    max-width: 780px;
    margin-bottom: 34px;
}

.rsu-landing .rsu-section-heading h2,
.rsu-landing .rsu-screen-copy h2,
.rsu-landing .rsu-security-section h2 {
    font-size: clamp(32px, 3.4vw, 50px) !important;
}

.rsu-modules-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.rsu-module-card {
    position: relative;
    min-height: 236px;
    overflow: hidden;
    padding: 28px;
    border: 1px solid var(--rsu-line);
    border-radius: var(--rsu-radius);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 54px rgba(19, 42, 68, 0.08);
}

.rsu-module-card::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -48px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(32, 174, 228, 0.16), rgba(230, 53, 69, 0.12));
}

.rsu-module-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--rsu-blue), var(--rsu-red));
    font-weight: 900;
}

.rsu-module-card h3,
.rsu-workflow h3 {
    margin: 22px 0 10px;
    color: var(--rsu-ink);
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -0.035em;
}

.rsu-module-card p,
.rsu-workflow p { margin: 0; }

.rsu-workflow-section { padding-top: 86px; }

.rsu-workflow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.rsu-workflow article {
    position: relative;
    min-height: 210px;
    padding: 24px;
    border-radius: 26px;
    background: var(--rsu-ink);
    color: #ffffff;
    overflow: hidden;
}

.rsu-workflow article:nth-child(even) { background: linear-gradient(145deg, var(--rsu-blue-dark), var(--rsu-blue)); }
.rsu-workflow article:nth-child(3) { background: linear-gradient(145deg, var(--rsu-red-dark), var(--rsu-red)); }

.rsu-workflow article::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -28px;
    top: -24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
}

.rsu-workflow strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    font-weight: 900;
}

.rsu-workflow h3 { color: #ffffff; }
.rsu-workflow p { color: rgba(255, 255, 255, 0.78); font-size: 14px; }

.rsu-screen-section {
    display: grid;
    grid-template-columns: 0.62fr 1.38fr;
    gap: 44px;
    align-items: center;
    padding-top: 86px;
}

.rsu-screen-copy p { margin: 18px 0 0; }

.rsu-screen-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.rsu-screen-tabs button {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid var(--rsu-line);
    background: #ffffff;
    color: var(--rsu-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: 180ms ease;
}

.rsu-screen-tabs button:hover,
.rsu-screen-tabs button.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, var(--rsu-blue), var(--rsu-red));
    border-color: transparent;
    box-shadow: 0 14px 32px rgba(32, 174, 228, 0.16);
}

.rsu-device-frame {
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(30, 38, 48, 0.1);
    background: #ffffff;
    box-shadow: var(--rsu-shadow);
}

.rsu-device-frame img {
    aspect-ratio: 16 / 8.15;
    object-fit: cover;
    object-position: left top;
    border-top: 1px solid var(--rsu-line);
}

.rsu-security-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 92px;
    margin-bottom: 80px;
    padding: 42px;
    border-radius: 36px;
    background:
        linear-gradient(135deg, rgba(32, 174, 228, 0.12), rgba(230, 53, 69, 0.10)),
        #ffffff;
    border: 1px solid var(--rsu-line);
    box-shadow: var(--rsu-shadow);
}

.rsu-security-section div { max-width: 720px; }
.rsu-security-section p { margin: 16px 0 0; }

@media (max-width: 1180px) {
    .rsu-hero {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .rsu-hero-panel {
        order: -1;
        min-height: 500px;
        max-width: 780px;
        margin-inline: auto;
    }

    .rsu-screen-section { grid-template-columns: 1fr; }
    .rsu-search-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 28px; }
    .rsu-search-bar a { grid-column: 1 / -1; }
    .rsu-modules-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rsu-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .rsu-header,
    .rsu-hero,
    .rsu-search-bar,
    .rsu-section {
        width: min(100% - 24px, var(--rsu-layout-width));
    }

    .rsu-header {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        min-height: 64px !important;
        border-radius: 22px !important;
        padding: 8px 10px !important;
    }

    .rsu-brand img { width: min(184px, 62vw) !important; }

    .rsu-menu-toggle { display: inline-flex !important; }

    .rsu-nav,
    .rsu-header-cta {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(-8px) !important;
        margin-top: 0 !important;
        transition: max-height 220ms ease, opacity 180ms ease, transform 180ms ease, margin-top 180ms ease !important;
    }

    .rsu-header.is-menu-open .rsu-nav,
    .rsu-header.is-menu-open .rsu-header-cta {
        max-height: 380px !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
        margin-top: 9px !important;
    }

    .rsu-nav {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 4px;
        padding: 8px;
        overflow-x: visible;
        border-radius: 18px;
    }

    .rsu-nav a {
        min-height: 40px;
        justify-content: center;
        padding-inline: 12px;
        font-size: 13px;
    }

    .rsu-hero {
        gap: 30px;
        padding-top: calc(var(--rsu-sticky-top) + 98px) !important;
    }

    .rsu-landing .rsu-hero-title {
        font-size: clamp(31px, 8vw, 40px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.055em !important;
    }

    .rsu-hero-panel,
    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 360px;
    }

    .rsu-carousel-slide {
        width: 96% !important;
    }

    .rsu-carousel-slide.is-active {
        transform: translate3d(-54%, -54%, 70px) rotateX(5deg) rotateY(-8deg) rotateZ(-1deg) scale(0.92) !important;
    }

    .rsu-carousel-slide.is-behind {
        opacity: 0.36 !important;
        filter: blur(5px) saturate(0.85) !important;
        transform: translate3d(-28%, -34%, -120px) rotateX(4deg) rotateY(9deg) rotateZ(2deg) scale(0.70) !important;
    }

    .rsu-mockup-card,
    .rsu-carousel-slide .rsu-mockup-card,
    .rsu-carousel-slide .rsu-mockup-bookings,
    .rsu-carousel-slide .rsu-mockup-timeline {
        min-height: 235px;
        border-radius: 24px;
    }

    .rsu-preview-card { min-height: 196px; }
    .rsu-preview-card img { min-height: 196px; }
    .rsu-preview-heading em { display: none; }

    .rsu-carousel-controls {
        right: 8px;
        bottom: 8px;
    }

    .rsu-carousel-arrow {
        width: 42px;
        height: 42px;
    }

    .rsu-floating-card { display: none; }

    .rsu-hero-copy > p { font-size: 16px; }

    .rsu-kpis,
    .rsu-modules-grid,
    .rsu-workflow,
    .rsu-search-bar {
        grid-template-columns: 1fr;
    }

    .rsu-section { padding-top: 62px; }
    .rsu-module-card,
    .rsu-workflow article { min-height: unset; }

    .rsu-screen-section {
        gap: 28px;
        padding-top: 70px;
    }

    .rsu-security-section {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 62px;
        margin-bottom: 44px;
        padding: 28px;
    }

    .rsu-btn,
    .rsu-security-section .rsu-btn,
    .rsu-header-cta {
        width: 100%;
    }
}

/* v1.0.8 — forced fixes from live test: no Hostinger top gap, portal-fixed sticky header, centered carousel arrows, no pending-receipts badge. */
html body.hostinger-ai-builder-elementor,
html body.hostinger-ai-builder-gutenberg {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.hostinger-ai-builder-elementor > .rsu-header,
body.hostinger-ai-builder-gutenberg > .rsu-header,
.rsu-header.rsu-header-portal,
.rsu-header.rsu-force-fixed {
    --rsu-blue: #20aee4;
    --rsu-blue-dark: #0b77a5;
    --rsu-red: #e63545;
    --rsu-red-dark: #bd1f2e;
    --rsu-ink: #1e2630;
    --rsu-muted: #697583;
    --rsu-line: rgba(30, 38, 48, 0.12);
    --rsu-soft: #f5f9fc;
    --rsu-card: #ffffff;
    --rsu-layout-width: 1540px;
    position: fixed !important;
    top: var(--rsu-fixed-top, 0px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translate3d(-50%, 0, 0) !important;
    width: min(var(--rsu-layout-width), calc(100% - 44px)) !important;
    max-width: min(var(--rsu-layout-width), calc(100% - 44px)) !important;
    z-index: 2147483647 !important;
    margin: 0 !important;
}

.rsu-header.rsu-header-portal.is-scrolled,
.rsu-header.rsu-force-fixed.is-scrolled {
    background: rgba(255, 255, 255, 0.985) !important;
    border-color: rgba(30, 38, 48, 0.16) !important;
    box-shadow: 0 18px 46px rgba(19, 42, 68, 0.17) !important;
}

.rsu-landing .rsu-hero {
    padding-top: calc(var(--rsu-sticky-top, 0px) + 104px) !important;
}

.rsu-preview-heading {
    justify-content: flex-start !important;
}

.rsu-preview-heading em,
.rsu-floating-card-one {
    display: none !important;
}

.rsu-carousel-controls {
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    z-index: 30 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

.rsu-carousel-arrow {
    width: 50px !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: var(--rsu-ink) !important;
    border: 1px solid rgba(30, 38, 48, 0.14) !important;
    box-shadow: 0 18px 40px rgba(19, 42, 68, 0.18) !important;
}

.rsu-carousel-arrow:hover,
.rsu-carousel-arrow:focus {
    color: #ffffff !important;
}

@media (max-width: 720px) {
    body.hostinger-ai-builder-elementor > .rsu-header,
    body.hostinger-ai-builder-gutenberg > .rsu-header,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        top: var(--rsu-fixed-top, 0px) !important;
    }

    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 88px) !important;
    }

    .rsu-carousel-controls {
        bottom: 4px !important;
    }
}


/* v1.0.9 — live corrections: menu 10px lower, no KPI floating labels, visible carousel arrows, visible blurred rear slide. */
.rsu-landing {
    --rsu-header-offset: 10px !important;
}

.rsu-header,
body > .rsu-header.rsu-header-portal,
body > .rsu-header.rsu-force-fixed,
.rsu-header.rsu-header-portal,
.rsu-header.rsu-force-fixed {
    top: calc(var(--rsu-fixed-top, 0px) + 10px) !important;
}

body.hostinger-ai-builder-elementor,
body.hostinger-ai-builder-gutenberg {
    padding-top: 0 !important;
}

.rsu-floating-card,
.rsu-floating-card-one,
.rsu-floating-card-two {
    display: none !important;
}

.rsu-hero-panel {
    max-width: 790px !important;
    min-height: 555px !important;
    overflow: visible !important;
}

.rsu-hero-carousel,
.rsu-carousel-stage {
    min-height: 540px !important;
    overflow: visible !important;
}

.rsu-carousel-slide {
    width: min(590px, 88%) !important;
}

.rsu-carousel-slide.is-active {
    z-index: 8 !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    transform: translate3d(-64%, -56%, 110px) rotateX(7deg) rotateY(-14deg) rotateZ(-2deg) scale(0.86) !important;
}

.rsu-carousel-slide.is-behind {
    z-index: 3 !important;
    opacity: 0.42 !important;
    filter: blur(5px) saturate(0.88) !important;
    pointer-events: none !important;
    transform: translate3d(-10%, -30%, -115px) rotateX(5deg) rotateY(13deg) rotateZ(2deg) scale(0.68) !important;
}

.rsu-carousel-slide.is-behind .rsu-mockup-card {
    box-shadow: 0 24px 60px rgba(19, 42, 68, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.rsu-carousel-controls {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 44px !important;
    transform: translateX(-50%) !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: auto !important;
    pointer-events: auto !important;
}

.rsu-carousel-arrow {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: var(--rsu-ink) !important;
    border: 1px solid rgba(30, 38, 48, 0.14) !important;
    box-shadow: 0 18px 42px rgba(19, 42, 68, 0.20) !important;
}

.rsu-preview-heading em,
.rsu-preview-heading .rsu-demo-label {
    display: none !important;
}

@media (max-width: 1180px) {
    .rsu-hero-panel {
        max-width: 820px !important;
        min-height: 520px !important;
    }
    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 500px !important;
    }
    .rsu-carousel-slide.is-active {
        transform: translate3d(-62%, -54%, 100px) rotateX(6deg) rotateY(-12deg) rotateZ(-2deg) scale(0.82) !important;
    }
    .rsu-carousel-slide.is-behind {
        transform: translate3d(-10%, -28%, -110px) rotateX(5deg) rotateY(12deg) rotateZ(2deg) scale(0.64) !important;
    }
    .rsu-carousel-controls {
        bottom: 24px !important;
    }
}

@media (max-width: 720px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        top: calc(var(--rsu-fixed-top, 0px) + 10px) !important;
    }
    .rsu-hero-panel,
    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 360px !important;
    }
    .rsu-carousel-slide {
        width: 96% !important;
    }
    .rsu-carousel-slide.is-active {
        transform: translate3d(-58%, -54%, 80px) rotateX(5deg) rotateY(-8deg) rotateZ(-1deg) scale(0.82) !important;
    }
    .rsu-carousel-slide.is-behind {
        opacity: 0.38 !important;
        filter: blur(4px) saturate(0.86) !important;
        transform: translate3d(-20%, -28%, -90px) rotateX(4deg) rotateY(9deg) rotateZ(2deg) scale(0.64) !important;
    }
    .rsu-carousel-controls {
        bottom: 0 !important;
        gap: 12px !important;
    }
    .rsu-carousel-arrow {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }
}


/* v1.0.10 — live correction: move carousel arrows lower, below the active mockup. */
.rsu-carousel-controls {
    bottom: -28px !important;
    z-index: 2147483001 !important;
}

@media (max-width: 1180px) {
    .rsu-carousel-controls {
        bottom: -20px !important;
    }
}

@media (max-width: 720px) {
    .rsu-carousel-controls {
        bottom: -12px !important;
    }
}


/* v1.0.11 — reduce hero title ~40%, balance title spacing, and move carousel arrows further down. */
.rsu-hero-copy {
    padding-top: 28px !important;
}

.rsu-eyebrow {
    margin-bottom: 22px !important;
}

.rsu-landing .rsu-hero-title {
    max-width: 680px !important;
    font-size: clamp(25px, 2.75vw, 43px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.055em !important;
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

.rsu-hero-copy > p {
    max-width: 650px !important;
    margin-top: 0 !important;
}

.rsu-hero-panel {
    min-height: 620px !important;
}

.rsu-hero-carousel,
.rsu-carousel-stage {
    min-height: 600px !important;
}

.rsu-carousel-controls {
    bottom: -76px !important;
}

@media (max-width: 1180px) {
    .rsu-hero-copy {
        padding-top: 22px !important;
    }

    .rsu-landing .rsu-hero-title {
        font-size: clamp(24px, 2.95vw, 38px) !important;
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }

    .rsu-hero-panel {
        min-height: 570px !important;
    }

    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 548px !important;
    }

    .rsu-carousel-controls {
        bottom: -58px !important;
    }
}

@media (max-width: 720px) {
    .rsu-hero-copy {
        padding-top: 14px !important;
    }

    .rsu-eyebrow {
        margin-bottom: 16px !important;
    }

    .rsu-landing .rsu-hero-title {
        font-size: clamp(22px, 9.4vw, 32px) !important;
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }

    .rsu-hero-copy > p {
        margin-top: 0 !important;
    }

    .rsu-hero-panel,
    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 390px !important;
    }

    .rsu-carousel-controls {
        bottom: -26px !important;
    }
}


/* v1.0.13 — lower the hero block and search bar, and expand the hero capability cards to six Greek items. */
.rsu-eyebrow {
    display: none !important;
}

.rsu-hero-copy {
    padding-top: 42px !important;
}

.rsu-landing .rsu-hero-title {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

.rsu-kpis {
    margin-top: 46px !important;
}

.rsu-carousel-controls {
    bottom: -34px !important;
    z-index: 2147483002 !important;
}

.rsu-search-bar {
    margin-top: 34px !important;
}

@media (max-width: 1180px) {
    .rsu-hero-copy {
        padding-top: 30px !important;
    }

    .rsu-kpis {
        margin-top: 38px !important;
    }

    .rsu-carousel-controls {
        bottom: -28px !important;
    }

    .rsu-search-bar {
        margin-top: 28px !important;
    }
}

@media (max-width: 720px) {
    .rsu-hero-copy {
        padding-top: 18px !important;
    }

    .rsu-kpis {
        margin-top: 28px !important;
    }

    .rsu-carousel-controls {
        bottom: -18px !important;
    }

    .rsu-search-bar {
        margin-top: 24px !important;
    }
}


/* v1.0.13 — lower hero content so the screenshot clears the fixed menu, lower the quick search bar, and show 6 capability cards. */
.rsu-landing .rsu-hero {
    padding-top: calc(var(--rsu-sticky-top, 0px) + 138px) !important;
}

.rsu-hero-copy {
    padding-top: 54px !important;
}

.rsu-hero-panel {
    margin-top: 24px !important;
}

.rsu-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 42px !important;
}

.rsu-search-bar {
    margin-top: 56px !important;
}

@media (max-width: 1180px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 126px) !important;
    }

    .rsu-hero-copy {
        padding-top: 38px !important;
    }

    .rsu-hero-panel {
        margin-top: 18px !important;
    }

    .rsu-kpis {
        margin-top: 36px !important;
    }

    .rsu-search-bar {
        margin-top: 46px !important;
    }
}

@media (max-width: 720px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 104px) !important;
    }

    .rsu-hero-copy {
        padding-top: 20px !important;
    }

    .rsu-hero-panel {
        margin-top: 12px !important;
    }

    .rsu-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-top: 28px !important;
    }

    .rsu-search-bar {
        margin-top: 30px !important;
    }
}


/* v1.0.14 — hero primary CTA button changed to white with red text. */
.rsu-btn-primary {
    color: var(--rsu-red) !important;
    background: #ffffff !important;
    border: 1px solid rgba(230, 53, 69, 0.22) !important;
    box-shadow: 0 12px 28px rgba(230, 53, 69, 0.12) !important;
}

.rsu-btn-primary:hover,
.rsu-btn-primary:focus {
    color: var(--rsu-red-dark) !important;
    background: #ffffff !important;
    border-color: rgba(230, 53, 69, 0.34) !important;
    box-shadow: 0 16px 32px rgba(230, 53, 69, 0.16) !important;
}


/* v1.0.15 — lower the whole hero block so the mockup no longer hides behind the fixed menu. */
.rsu-landing .rsu-hero {
    padding-top: calc(var(--rsu-sticky-top, 0px) + 168px) !important;
}

.rsu-hero-panel {
    margin-top: 44px !important;
}

.rsu-search-bar {
    margin-top: 72px !important;
}

@media (max-width: 1180px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 150px) !important;
    }

    .rsu-hero-panel {
        margin-top: 32px !important;
    }

    .rsu-search-bar {
        margin-top: 58px !important;
    }
}

@media (max-width: 720px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 118px) !important;
    }

    .rsu-hero-panel {
        margin-top: 16px !important;
    }

    .rsu-search-bar {
        margin-top: 36px !important;
    }
}


/* v1.0.16 — cut the large top empty hero space roughly in half. */
.rsu-landing .rsu-hero {
    padding-top: calc(var(--rsu-sticky-top, 0px) + 136px) !important;
}

.rsu-hero-panel {
    margin-top: 22px !important;
}

.rsu-search-bar {
    margin-top: 52px !important;
}

@media (max-width: 1180px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 126px) !important;
    }

    .rsu-hero-panel {
        margin-top: 18px !important;
    }

    .rsu-search-bar {
        margin-top: 42px !important;
    }
}

@media (max-width: 720px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 102px) !important;
    }

    .rsu-hero-panel {
        margin-top: 10px !important;
    }

    .rsu-search-bar {
        margin-top: 28px !important;
    }
}


/* v1.0.18 — added three more hero capability cards, keeping a 3-column grid on desktop. */
.rsu-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}


/* v1.0.19 — interactive hero cards for Κρατήσεις and Διάγραμμα with glow effect tied to the carousel. */
.rsu-kpi-card--interactive {
    cursor: pointer;
    user-select: none;
    transition: transform 180ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;
    position: relative;
}

.rsu-kpi-card--interactive:hover,
.rsu-kpi-card--interactive:focus {
    transform: translateY(-2px);
    border-color: rgba(230, 53, 69, 0.28) !important;
    box-shadow: 0 18px 40px rgba(19, 42, 68, 0.10), 0 0 0 6px rgba(230, 53, 69, 0.08);
    outline: none;
}

.rsu-kpi-card--interactive.is-active {
    border-color: rgba(230, 53, 69, 0.34) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 22px 44px rgba(19, 42, 68, 0.12), 0 0 0 10px rgba(230, 53, 69, 0.12), 0 0 36px rgba(230, 53, 69, 0.12);
}

.rsu-kpi-card--interactive.is-active::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 26px;
    z-index: -1;
    background: radial-gradient(circle at 30% 30%, rgba(230,53,69,0.16), transparent 55%), radial-gradient(circle at 70% 70%, rgba(230,53,69,0.14), transparent 58%);
    filter: blur(10px);
}


/* v1.0.20 — add Στόλος as the third synchronized hero slide/card. */
.rsu-carousel-slide.is-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    filter: none !important;
    transform: translate3d(-50%, -42%, -220px) scale(0.58) !important;
    z-index: 1 !important;
}

.rsu-carousel-slide .rsu-mockup-fleet {
    background: rgba(255, 255, 255, 0.97) !important;
}

.rsu-preview-fleet img {
    object-fit: cover !important;
    object-position: center top !important;
}


/* v1.0.22 — customers hero slide preview. */
.rsu-preview-customers img {
    object-fit: cover !important;
    object-position: center top !important;
}


/* v1.0.23 — special offers hero slide preview. */
.rsu-preview-offers img {
    object-fit: cover !important;
    object-position: center top !important;
}


/* v1.0.24 — operations dashboard hero slide preview. */
.rsu-preview-dashboard img {
    object-fit: cover !important;
    object-position: center top !important;
}

/* v1.0.25 — configurable automatic hero title/description/CTA slideshow. */

/* v1.0.26 — smoother hero screenshot transitions with lighter GPU work and image predecode. */
/* v1.0.27 — faster screenshot switching and restored original viewing angle behavior. */
/* v1.0.28 — exact original hero perspective restored from the first build, with faster transition timing only. */
.rsu-hero-copy-slider {
    width: 100%;
    max-width: 720px;
}

.rsu-hero-copy-stage {
    display: grid;
    width: 100%;
}

.rsu-hero-copy-slide {
    grid-area: 1 / 1;
    align-self: start;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 420ms ease, transform 420ms ease, visibility 0s linear 420ms;
}

.rsu-hero-copy-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
}

.rsu-hero-copy-slide > p {
    max-width: 650px !important;
    margin: 0 !important;
    color: var(--rsu-muted);
    font-size: 17px;
    line-height: 1.68;
}

.rsu-hero-copy-slide .rsu-hero-title {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

.rsu-hero-copy-nav {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 18px;
    min-height: 14px;
}

.rsu-hero-copy-dot {
    width: 9px;
    height: 9px;
    min-width: 9px;
    min-height: 9px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(20, 50, 77, 0.20);
    box-shadow: none;
    cursor: pointer;
    transition: width 220ms ease, background 220ms ease, transform 220ms ease;
}

.rsu-hero-copy-dot:hover,
.rsu-hero-copy-dot:focus-visible {
    transform: scale(1.18);
    outline: none;
}

.rsu-hero-copy-dot.is-active {
    width: 28px;
    background: var(--rsu-red);
}

@media (max-width: 1180px) {
    .rsu-hero-copy-slider {
        max-width: 660px;
    }
}

@media (max-width: 720px) {
    .rsu-hero-copy-slide > p {
        font-size: 16px;
    }

    .rsu-hero-copy-nav {
        margin-top: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rsu-hero-copy-slide,
    .rsu-hero-copy-dot {
        transition: none !important;
    }
}


/* v1.0.31 — mobile hero refinements: compact header bounds, straight screenshots, tabs under image, text slider below. */
@media (max-width: 720px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        width: min(100% - 32px, var(--rsu-layout-width)) !important;
        min-height: 74px !important;
        padding: 10px 14px !important;
        border-radius: 24px !important;
    }

    .rsu-brand {
        display: inline-flex !important;
        align-items: center !important;
    }

    .rsu-brand img {
        width: min(180px, 58vw) !important;
        max-width: 100% !important;
    }

    .rsu-landing .rsu-hero {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        padding-top: calc(var(--rsu-sticky-top, 0px) + 104px) !important;
    }

    .rsu-hero-panel {
        order: 1 !important;
        width: 100% !important;
        margin-top: 4px !important;
        min-height: 340px !important;
        perspective: none !important;
        transform-style: flat !important;
    }

    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 320px !important;
        perspective: none !important;
        transform-style: flat !important;
        overflow: visible !important;
    }

    .rsu-carousel-slide {
        width: 100% !important;
        left: 50% !important;
        top: 50% !important;
        transform-style: flat !important;
    }

    .rsu-carousel-slide.is-active {
        opacity: 1 !important;
        filter: none !important;
        transform: translate3d(-50%, -50%, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    .rsu-carousel-slide.is-behind,
    .rsu-carousel-slide.is-hidden {
        opacity: 0 !important;
        filter: none !important;
        pointer-events: none !important;
        transform: translate3d(-50%, -50%, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.98) !important;
        z-index: 1 !important;
    }

    .rsu-mockup-card,
    .rsu-carousel-slide .rsu-mockup-card,
    .rsu-carousel-slide .rsu-mockup-bookings,
    .rsu-carousel-slide .rsu-mockup-timeline,
    .rsu-carousel-slide .rsu-mockup-fleet,
    .rsu-carousel-slide .rsu-mockup-customers,
    .rsu-carousel-slide .rsu-mockup-offers,
    .rsu-carousel-slide .rsu-mockup-dashboard {
        border-radius: 24px !important;
    }

    .rsu-preview-card {
        min-height: 250px !important;
        border-radius: 20px !important;
    }

    .rsu-preview-card img,
    .rsu-device-frame img {
        min-height: 250px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    .rsu-carousel-controls {
        position: static !important;
        justify-content: center !important;
        margin-top: 14px !important;
        gap: 12px !important;
        transform: none !important;
    }

    .rsu-hero-copy {
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding-top: 0 !important;
    }

    .rsu-kpis {
        order: 1 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    .rsu-kpis article {
        min-height: 0 !important;
        padding: 14px !important;
    }

    .rsu-hero-copy-slider {
        order: 2 !important;
        max-width: 100% !important;
        margin-top: 0 !important;
    }

    .rsu-hero-copy-stage {
        min-height: 0 !important;
    }

    .rsu-hero-copy-slide .rsu-hero-title {
        margin-bottom: 16px !important;
    }

    .rsu-hero-copy-slide > p {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    .rsu-actions {
        margin-top: 18px !important;
    }

    .rsu-hero-copy-nav {
        margin-top: 14px !important;
        margin-bottom: 4px !important;
    }
}


/* v1.0.32 — mobile compact header/modal menu and hero copy height fix. */
.rsu-hero-copy-stage {
    position: relative;
    transition: height 260ms ease;
}

@media (max-width: 720px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        width: min(100% - 20px, var(--rsu-layout-width)) !important;
        min-height: 0 !important;
        padding: 10px 16px !important;
        border-radius: 22px !important;
        grid-template-columns: 1fr auto !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    .rsu-header::after {
        content: none;
    }

    .rsu-header.is-menu-open::after {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(17, 23, 33, 0.32);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        z-index: -1;
    }

    .rsu-brand img {
        width: min(178px, 56vw) !important;
    }

    .rsu-menu-toggle {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
    }

    .rsu-nav,
    .rsu-header-cta {
        position: fixed !important;
        left: 50% !important;
        grid-column: auto !important;
        width: min(calc(100vw - 32px), 360px) !important;
        max-width: calc(100vw - 32px) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translate(-50%, -10px) scale(0.98) !important;
        margin: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
        z-index: 2147483644 !important;
    }

    .rsu-nav {
        top: calc(var(--rsu-fixed-top, 0px) + 88px) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 12px !important;
        border: 1px solid rgba(20, 50, 77, 0.08) !important;
        border-radius: 22px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 24px 64px rgba(19, 42, 68, 0.18) !important;
    }

    .rsu-nav a {
        min-height: 44px !important;
        border-radius: 14px !important;
        justify-content: center !important;
    }

    .rsu-header-cta {
        top: calc(var(--rsu-fixed-top, 0px) + 302px) !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 15px 18px !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg, var(--rsu-red), var(--rsu-red-dark)) !important;
        color: #ffffff !important;
        box-shadow: 0 18px 42px rgba(230, 53, 69, 0.28) !important;
    }

    .rsu-header.is-menu-open .rsu-nav,
    .rsu-header.is-menu-open .rsu-header-cta {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate(-50%, 0) scale(1) !important;
        transition-delay: 0s !important;
    }

    .rsu-landing .rsu-hero {
        gap: 14px !important;
    }

    .rsu-hero-copy-slider {
        margin-top: 0 !important;
    }

    .rsu-hero-copy-stage {
        height: auto;
        min-height: 0 !important;
    }

    .rsu-hero-copy-slide {
        width: 100%;
    }

    .rsu-hero-copy-nav {
        margin-top: 12px !important;
    }
}


/* v1.0.33 — active hero feature card highlight switched from blue to red. */


/* v1.0.34 — mobile/tablet header containment, instant-feel carousel controls, visible arrow glyphs, and single-column tabs. */
.rsu-carousel-warmup .rsu-carousel-slide,
.rsu-carousel-warmup .rsu-hero-copy-slide,
.rsu-carousel-warmup .rsu-carousel-arrow {
    transition: none !important;
}

.rsu-carousel-arrow {
    position: relative;
    overflow: hidden;
    color: transparent !important;
    -webkit-tap-highlight-color: transparent;
}

.rsu-carousel-arrow::before {
    position: relative;
    display: block;
    color: var(--rsu-ink) !important;
    font-family: Roboto, Arial, sans-serif;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-1px);
}

.rsu-carousel-arrow[data-rsu-carousel-prev]::before {
    content: '‹';
}

.rsu-carousel-arrow[data-rsu-carousel-next]::before {
    content: '›';
}

.rsu-carousel-arrow:hover::before,
.rsu-carousel-arrow:focus::before,
.rsu-carousel-arrow:active::before,
.rsu-carousel-arrow:focus-visible::before {
    color: var(--rsu-ink) !important;
}

@media (max-width: 1024px) {
    .rsu-kpis {
        grid-template-columns: 1fr !important;
    }

    .rsu-kpis article {
        width: 100% !important;
    }
}

@media (max-width: 1024px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 720px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        padding: 10px 14px !important;
    }

    .rsu-kpis {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}


/* v1.0.35 — tablet uses the same layout/behavior as mobile, and only the active hero tab is shown on mobile/tablet. */
@media (max-width: 1024px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-height: 0 !important;
        padding: 10px 16px !important;
        border-radius: 22px !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .rsu-brand {
        display: inline-flex !important;
        align-items: center !important;
    }

    .rsu-brand img {
        width: min(190px, 42vw) !important;
        max-width: 100% !important;
    }

    .rsu-menu-toggle {
        display: inline-flex !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }

    .rsu-nav,
    .rsu-header-cta {
        position: fixed !important;
        left: 50% !important;
        grid-column: auto !important;
        width: min(calc(100vw - 32px), 380px) !important;
        max-width: calc(100vw - 32px) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translate(-50%, -10px) scale(0.98) !important;
        margin: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
        z-index: 2147483644 !important;
    }

    .rsu-nav {
        top: calc(var(--rsu-fixed-top, 0px) + 90px) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 12px !important;
        border: 1px solid rgba(20, 50, 77, 0.08) !important;
        border-radius: 22px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 24px 64px rgba(19, 42, 68, 0.18) !important;
    }

    .rsu-nav a {
        min-height: 44px !important;
        border-radius: 14px !important;
        justify-content: center !important;
        padding-inline: 12px !important;
        font-size: 14px !important;
    }

    .rsu-header-cta {
        top: calc(var(--rsu-fixed-top, 0px) + 310px) !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: min(calc(100vw - 32px), 380px) !important;
        padding: 15px 18px !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg, var(--rsu-red), var(--rsu-red-dark)) !important;
        color: #ffffff !important;
        box-shadow: 0 18px 42px rgba(230, 53, 69, 0.28) !important;
    }

    .rsu-header.is-menu-open .rsu-nav,
    .rsu-header.is-menu-open .rsu-header-cta {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate(-50%, 0) scale(1) !important;
        transition-delay: 0s !important;
    }

    .rsu-landing .rsu-hero {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding-top: calc(var(--rsu-sticky-top, 0px) + 108px) !important;
    }

    .rsu-hero-panel {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 4px !important;
        min-height: 360px !important;
        perspective: none !important;
        transform-style: flat !important;
    }

    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 340px !important;
        perspective: none !important;
        transform-style: flat !important;
        overflow: visible !important;
    }

    .rsu-carousel-slide {
        width: 100% !important;
        left: 50% !important;
        top: 50% !important;
        transform-style: flat !important;
    }

    .rsu-carousel-slide.is-active {
        opacity: 1 !important;
        filter: none !important;
        transform: translate3d(-50%, -50%, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    .rsu-carousel-slide.is-behind,
    .rsu-carousel-slide.is-hidden {
        opacity: 0 !important;
        filter: none !important;
        pointer-events: none !important;
        transform: translate3d(-50%, -50%, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.98) !important;
        z-index: 1 !important;
    }

    .rsu-preview-card,
    .rsu-carousel-slide .rsu-mockup-card,
    .rsu-carousel-slide .rsu-mockup-bookings,
    .rsu-carousel-slide .rsu-mockup-timeline,
    .rsu-carousel-slide .rsu-mockup-fleet,
    .rsu-carousel-slide .rsu-mockup-customers,
    .rsu-carousel-slide .rsu-mockup-offers,
    .rsu-carousel-slide .rsu-mockup-dashboard {
        border-radius: 24px !important;
    }

    .rsu-preview-card {
        min-height: 250px !important;
    }

    .rsu-preview-card img,
    .rsu-device-frame img {
        min-height: 250px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    .rsu-carousel-controls {
        position: static !important;
        justify-content: center !important;
        margin-top: 14px !important;
        gap: 12px !important;
        transform: none !important;
    }

    .rsu-hero-copy {
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding-top: 0 !important;
    }

    .rsu-kpis {
        order: 1 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    .rsu-kpis .rsu-kpi-card--interactive {
        display: none !important;
        width: 100% !important;
    }

    .rsu-kpis .rsu-kpi-card--interactive.is-active {
        display: block !important;
    }

    .rsu-kpis article {
        min-height: 0 !important;
        padding: 14px !important;
    }

    .rsu-hero-copy-slider {
        order: 2 !important;
        max-width: 100% !important;
        margin-top: 0 !important;
    }

    .rsu-hero-copy-stage {
        height: auto;
        min-height: 0 !important;
    }

    .rsu-hero-copy-slide .rsu-hero-title {
        margin-bottom: 16px !important;
    }

    .rsu-hero-copy-slide > p {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    .rsu-actions {
        margin-top: 18px !important;
    }

    .rsu-hero-copy-nav {
        margin-top: 14px !important;
        margin-bottom: 4px !important;
    }
}


/* v1.0.36 — persistent SVG carousel arrows and final mobile/tablet spacing polish. */
.rsu-carousel-arrow {
    color: var(--rsu-ink) !important;
    font-size: 0 !important;
}

.rsu-carousel-arrow::before {
    content: none !important;
    display: none !important;
}

.rsu-carousel-arrow-icon {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

.rsu-carousel-arrow:hover .rsu-carousel-arrow-icon,
.rsu-carousel-arrow:focus .rsu-carousel-arrow-icon,
.rsu-carousel-arrow:focus-visible .rsu-carousel-arrow-icon,
.rsu-carousel-arrow:active .rsu-carousel-arrow-icon {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 1024px) {
    .rsu-carousel-arrow,
    .rsu-carousel-arrow:hover,
    .rsu-carousel-arrow:focus,
    .rsu-carousel-arrow:focus-visible,
    .rsu-carousel-arrow:active {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        color: var(--rsu-ink) !important;
        border: 1px solid rgba(30, 38, 48, 0.12) !important;
        box-shadow: 0 14px 32px rgba(19, 42, 68, 0.16) !important;
        transform: none !important;
    }

    .rsu-carousel-arrow-icon {
        width: 23px !important;
        height: 23px !important;
        flex-basis: 23px !important;
    }

    .rsu-landing .rsu-hero {
        gap: 12px !important;
        padding-top: calc(var(--rsu-sticky-top, 0px) + 100px) !important;
    }

    .rsu-hero-panel {
        margin-top: 0 !important;
        min-height: 346px !important;
    }

    .rsu-hero-carousel,
    .rsu-carousel-stage {
        min-height: 326px !important;
    }

    .rsu-carousel-controls {
        margin-top: 10px !important;
        gap: 10px !important;
    }

    /* Mobile/tablet: only the feature tab matching the visible screenshot. */
    .rsu-kpis article {
        display: none !important;
    }

    .rsu-kpis .rsu-kpi-card--interactive.is-active {
        display: block !important;
        padding: 13px 16px !important;
        border-radius: 18px !important;
    }

    .rsu-kpis {
        gap: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .rsu-hero-copy-slider {
        margin-top: 0 !important;
    }

    .rsu-hero-copy-slide .rsu-hero-title {
        margin-bottom: 14px !important;
    }

    .rsu-actions {
        margin-top: 16px !important;
    }

    .rsu-hero-copy-nav {
        margin-top: 10px !important;
    }
}

@media (max-width: 720px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        padding: 8px 12px !important;
    }

    .rsu-brand img {
        width: min(176px, 57vw) !important;
    }

    .rsu-menu-toggle {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 92px) !important;
    }
}


/* v1.0.37 — mobile/tablet hero text slider first, with accordion details collapsed by default. */
.rsu-hero-copy-accordion-toggle {
    display: none;
}

.rsu-hero-copy-accordion-panel[hidden] {
    display: none !important;
}

@media (max-width: 1024px) {
    .rsu-hero-copy {
        order: 1 !important;
    }

    .rsu-hero-panel {
        order: 2 !important;
    }

    .rsu-kpis {
        order: 3 !important;
        width: 100% !important;
    }

    .rsu-kpis > article {
        display: none !important;
    }

    .rsu-kpis > .rsu-kpi-card--interactive.is-active {
        display: block !important;
    }

    .rsu-hero-copy-slider {
        order: 1 !important;
        margin-bottom: 8px !important;
    }

    .rsu-hero-copy-accordion-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 10px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--rsu-red);
        font-size: 14px;
        font-weight: 800;
        cursor: pointer;
    }

    .rsu-hero-copy-accordion-toggle::after {
        content: '';
        width: 9px;
        height: 9px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg) translateY(-1px);
        transition: transform 180ms ease;
    }

    .rsu-hero-copy-slide.is-accordion-open .rsu-hero-copy-accordion-toggle::after {
        transform: rotate(-135deg) translateY(-1px);
    }

    .rsu-hero-copy-accordion-panel {
        margin-top: 12px;
    }

    .rsu-hero-copy-slide > p,
    .rsu-hero-copy-accordion-panel > p {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    .rsu-actions {
        margin-top: 18px !important;
    }
}


/* v1.0.38 — remove active red ring on mobile/tablet and auto-rotate desktop image/tabs separately. */
@media (max-width: 1024px) {
    .rsu-kpi-card--interactive.is-active {
        border-color: rgba(20, 50, 77, 0.08) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 14px 28px rgba(19, 42, 68, 0.08) !important;
    }

    .rsu-kpi-card--interactive.is-active::before {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }
}


/* v1.0.44 — replace hero tabs with synced title/subtitle block. */
.rsu-screen-meta {
    position: relative;
    min-height: 108px;
    margin-top: 18px;
    padding: 0;
}

.rsu-screen-meta-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity 220ms ease, transform 220ms ease;
}

.rsu-screen-meta-slide.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.rsu-screen-meta-slide strong {
    display: block;
    margin-bottom: 8px;
    color: var(--rsu-ink);
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1.16;
    letter-spacing: -0.02em;
}

.rsu-screen-meta-slide span {
    display: block;
    color: rgba(19, 42, 68, 0.72);
    font-size: 15px;
    line-height: 1.65;
}

.rsu-kpis {
    display: none !important;
}

@media (max-width: 1024px) {
    .rsu-screen-meta {
        min-height: 94px;
        margin-top: 16px;
        margin-bottom: 6px;
    }

    .rsu-screen-meta-slide strong {
        font-size: 22px;
    }

    .rsu-screen-meta-slide span {
        font-size: 15px;
        line-height: 1.58;
    }
}


/* v1.0.45 — unified hero slideshow: upper text and lower image move together as one. */
.rsu-screen-meta {
    display: none !important;
}

.rsu-hero-copy {
    gap: 0 !important;
}

@media (min-width: 1025px) {
    .rsu-hero-copy-slider {
        margin-bottom: 6px;
    }
}

@media (max-width: 1024px) {
    .rsu-hero-copy-slider {
        margin-bottom: 10px !important;
    }
}


/* v1.0.47 — image first on mobile/tablet; balanced 7-line desktop copy area. */
@media (min-width: 1025px) {
    .rsu-hero-copy-accordion-panel > p {
        max-width: 650px !important;
        height: calc(1.68em * 7);
        min-height: calc(1.68em * 7);
        max-height: calc(1.68em * 7);
        margin: 0 !important;
        overflow: hidden;
        color: var(--rsu-muted);
        font-size: 17px;
        line-height: 1.68;
    }
}

@media (max-width: 1024px) {
    .rsu-hero-panel {
        order: 1 !important;
    }

    .rsu-hero-copy {
        order: 2 !important;
        width: 100% !important;
        padding-top: 0 !important;
        margin-top: 4px !important;
    }

    .rsu-hero-copy-slider {
        order: 1 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .rsu-hero-copy-stage {
        width: 100% !important;
    }

    .rsu-hero-copy-slide .rsu-hero-title {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .rsu-hero-copy-accordion-toggle {
        margin-top: 4px !important;
    }

    .rsu-hero-copy-nav {
        margin-top: 14px !important;
        margin-bottom: 0 !important;
    }
}


/* v1.0.48 — visible text summary under image on mobile/tablet, plus cleaner 7-line desktop clamp. */
.rsu-hero-copy-summary-wrap {
    position: relative;
    max-width: 650px;
}

.rsu-hero-copy-summary {
    margin: 0;
    color: var(--rsu-muted);
    font-size: 17px;
    line-height: 1.68;
}

@media (min-width: 1025px) {
    .rsu-hero-copy-summary-wrap {
        min-height: calc(1.68em * 7);
        max-height: calc(1.68em * 7);
        overflow: hidden;
        margin-bottom: 18px;
    }

    .rsu-hero-copy-summary-wrap::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2.2em;
        background: linear-gradient(180deg, rgba(232, 239, 245, 0), rgba(232, 239, 245, 0.96) 58%, rgba(232, 239, 245, 1) 100%);
        pointer-events: none;
    }

    .rsu-hero-copy-accordion-toggle {
        display: none !important;
    }

    .rsu-hero-copy-accordion-panel {
        display: block !important;
    }

    .rsu-hero-copy-accordion-panel[hidden] {
        display: block !important;
    }

    .rsu-actions {
        margin-top: 0 !important;
    }
}

@media (max-width: 1024px) {
    .rsu-hero-copy-summary-wrap {
        margin-bottom: 10px;
    }

    .rsu-hero-copy-summary {
        font-size: 16px !important;
        line-height: 1.62 !important;
        max-height: calc(1.62em * 7);
        overflow: hidden;
    }

    .rsu-hero-copy-accordion-toggle {
        margin-top: 2px !important;
    }

    .rsu-hero-copy-accordion-panel {
        margin-top: 8px !important;
    }
}


/* v1.0.50 — safe hero text fix: no overlay/smudge, visible balanced copy on all 4 slides. */
.rsu-hero-copy-summary-wrap {
    background: transparent !important;
}

.rsu-hero-copy-summary-wrap::after {
    content: none !important;
    display: none !important;
}

.rsu-hero-copy-summary {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--rsu-muted) !important;
}

@media (min-width: 1025px) {
    .rsu-hero-copy-summary-wrap {
        min-height: calc(1.68em * 7) !important;
        max-height: calc(1.68em * 7) !important;
        overflow: hidden !important;
        margin-bottom: 18px !important;
    }

    .rsu-hero-copy-summary {
        font-size: 17px !important;
        line-height: 1.68 !important;
    }
}

@media (max-width: 1024px) {
    .rsu-hero-copy-summary-wrap {
        margin-bottom: 10px !important;
        max-height: calc(1.62em * 7) !important;
        overflow: hidden !important;
    }

    .rsu-hero-copy-summary {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }
}


/* v1.0.54 — transparent dashboard composite without browser/panel background. */
.rsu-mockup-dashboard-transparent {
    min-height: 330px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rsu-mockup-dashboard-transparent::before,
.rsu-mockup-dashboard-transparent::after {
    display: none !important;
    content: none !important;
}

.rsu-preview-dashboard-transparent {
    min-height: 330px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsu-preview-dashboard-transparent img {
    width: min(95%, 980px) !important;
    min-height: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: none !important;
}

@media (max-width: 1024px) {
    .rsu-mockup-dashboard-transparent,
    .rsu-preview-dashboard-transparent {
        min-height: 220px;
    }

    .rsu-preview-dashboard-transparent img {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* v1.0.55 — map the transparent dashboard composite to the mobile/tablet management message and enlarge it. */
.rsu-preview-dashboard-transparent img {
    width: min(112%, 1180px) !important;
    max-width: none !important;
}

@media (max-width: 1024px) {
    .rsu-preview-dashboard-transparent img {
        width: min(112%, 740px) !important;
    }
}


/* v1.0.56 — more lifelike tablet/phone mockup device asset and stronger first-slide pairing. */
.rsu-preview-dashboard-transparent img {
    width: min(118%, 1260px) !important;
}

@media (max-width: 1024px) {
    .rsu-preview-dashboard-transparent img {
        width: min(118%, 780px) !important;
    }
}


/* v1.0.58 — arbitrary Media Library images in the unified hero slideshow. */
.rsu-mockup-media-transparent {
    min-height: 330px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rsu-mockup-media-transparent::before,
.rsu-mockup-media-transparent::after {
    display: none !important;
    content: none !important;
}

.rsu-preview-media-transparent {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 330px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rsu-preview-media-transparent img {
    display: block !important;
    width: min(118%, 1260px) !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

@media (max-width: 1024px) {
    .rsu-mockup-media-transparent,
    .rsu-preview-media-transparent {
        min-height: 220px;
    }

    .rsu-preview-media-transparent img {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* v1.0.59 — reduce desktop hero top gap and allow 8–9 visible lines in the main description. */
@media (min-width: 1025px) {
    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 116px) !important;
    }

    .rsu-hero-panel {
        margin-top: 10px !important;
    }

    .rsu-hero-copy {
        padding-top: 4px !important;
    }

    .rsu-hero-copy-summary-wrap {
        min-height: calc(1.68em * 8.8) !important;
        max-height: calc(1.68em * 8.8) !important;
        margin-bottom: 14px !important;
    }

    .rsu-hero-copy-summary {
        font-size: 17px !important;
        line-height: 1.68 !important;
    }
}


/* v1.0.61 — fit the portrait Rental Agreement visual fully inside the hero image area. */
@media (min-width: 1025px) {
    .rsu-mockup-media-agreement,
    .rsu-preview-media-agreement {
        min-height: 500px !important;
        height: 500px !important;
        overflow: hidden !important;
    }

    .rsu-preview-media-agreement img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 500px !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

@media (max-width: 1024px) {
    .rsu-preview-media-agreement img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 72vh !important;
        object-fit: contain !important;
        object-position: center top !important;
    }
}


/* v1.0.62 — mobile/tablet hero visual fit for portrait agreements and dashboard composites. */
@media (max-width: 1024px) {
    .rsu-hero-panel {
        min-height: auto !important;
        height: auto !important;
    }

    .rsu-hero-carousel,
    .rsu-carousel-stage,
    .rsu-carousel-slide,
    .rsu-mockup-media-transparent,
    .rsu-preview-media-transparent {
        min-height: 0 !important;
        height: auto !important;
    }

    .rsu-preview-media-transparent {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: 2px !important;
    }

    .rsu-preview-media-transparent img {
        width: auto !important;
        max-width: 100% !important;
        max-height: 40vh !important;
        margin-inline: auto !important;
    }

    .rsu-preview-media-dashboard img {
        max-width: min(100%, 720px) !important;
        max-height: 38vh !important;
        object-position: center top !important;
    }

    .rsu-preview-media-agreement img {
        max-width: min(100%, 560px) !important;
        max-height: 46vh !important;
        object-position: center top !important;
    }
}

@media (max-width: 767px) {
    .rsu-preview-media-transparent img {
        max-height: 34vh !important;
    }

    .rsu-preview-media-dashboard img {
        max-width: min(100%, 520px) !important;
        max-height: 31vh !important;
    }

    .rsu-preview-media-agreement img {
        max-width: min(100%, 360px) !important;
        max-height: 39vh !important;
    }
}


/* v1.0.63 — true in-flow mobile/tablet carousel layout; prevents hero image from overlapping copy. */
@media (max-width: 1024px) {
    .rsu-hero-panel {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .rsu-hero-carousel {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .rsu-carousel-stage {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .rsu-carousel-slide,
    .rsu-carousel-slide.is-active,
    .rsu-carousel-slide.is-behind,
    .rsu-carousel-slide.is-hidden {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        transform: none !important;
        filter: none !important;
    }

    .rsu-carousel-slide.is-active {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .rsu-carousel-slide.is-behind,
    .rsu-carousel-slide.is-hidden {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    .rsu-carousel-slide .rsu-mockup-card,
    .rsu-mockup-media-transparent,
    .rsu-preview-card,
    .rsu-preview-media-transparent {
        min-height: 0 !important;
        height: auto !important;
    }

    .rsu-preview-card img,
    .rsu-preview-media-transparent img,
    .rsu-device-frame img {
        min-height: 0 !important;
        height: auto !important;
    }

    .rsu-carousel-controls {
        position: relative !important;
        order: 2 !important;
        margin-top: 10px !important;
        margin-bottom: 2px !important;
    }

    .rsu-hero-copy {
        clear: both !important;
        position: relative !important;
        z-index: 1 !important;
    }
}


/* v1.0.64 — mobile/tablet header re-centering and smaller centered hero arrows. */
@media (max-width: 1024px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
        margin: 0 !important;
    }

    .rsu-brand img {
        width: min(168px, 46vw) !important;
    }

    .rsu-menu-toggle {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }

    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 96px) !important;
    }

    .rsu-carousel-controls {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        width: 100% !important;
        margin: 12px auto 4px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        z-index: 3 !important;
    }

    .rsu-carousel-arrow,
    .rsu-carousel-arrow:hover,
    .rsu-carousel-arrow:focus,
    .rsu-carousel-arrow:focus-visible,
    .rsu-carousel-arrow:active {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        box-shadow: 0 10px 24px rgba(19, 42, 68, 0.12) !important;
    }

    .rsu-carousel-arrow-icon {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
    }
}

@media (max-width: 767px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 10px !important;
        right: 10px !important;
        padding: 8px 12px !important;
        border-radius: 20px !important;
    }

    .rsu-brand img {
        width: min(156px, 48vw) !important;
    }

    .rsu-menu-toggle {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }

    .rsu-landing .rsu-hero {
        padding-top: calc(var(--rsu-sticky-top, 0px) + 90px) !important;
    }

    .rsu-carousel-controls {
        margin: 10px auto 2px !important;
        gap: 10px !important;
    }

    .rsu-carousel-arrow,
    .rsu-carousel-arrow:hover,
    .rsu-carousel-arrow:focus,
    .rsu-carousel-arrow:focus-visible,
    .rsu-carousel-arrow:active {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .rsu-carousel-arrow-icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }
}


/* v1.0.65 — full-width mobile/tablet header shell and centered dashboard composite. */
@media (max-width: 1024px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 0 26px 26px !important;
        padding: 10px 18px !important;
    }

    .rsu-hero-panel,
    .rsu-hero-carousel,
    .rsu-carousel-stage,
    .rsu-carousel-slide,
    .rsu-preview-media-dashboard,
    .rsu-preview-media-transparent {
        text-align: center !important;
    }

    .rsu-preview-media-dashboard {
        align-items: center !important;
        justify-content: center !important;
    }

    .rsu-preview-media-dashboard img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-position: center top !important;
        transform: translateX(0) !important;
    }
}

@media (max-width: 767px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 0 24px 24px !important;
        padding: 8px 16px !important;
    }

    .rsu-brand {
        justify-self: start !important;
    }

    .rsu-menu-toggle {
        justify-self: end !important;
    }

    .rsu-preview-media-dashboard img {
        max-width: min(96vw, 520px) !important;
    }
}


/* v1.0.66 — restore inset rounded mobile/tablet header and updated dashboard composite with laptop. */
@media (max-width: 1024px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 26px !important;
        padding: 10px 18px !important;
    }
}

@media (max-width: 767px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 24px !important;
        padding: 8px 16px !important;
    }
}


/* v1.0.70 — restore correct mobile/tablet header width after laptop composite update. */
@media (max-width: 1024px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed,
    body.hostinger-ai-builder-elementor > .rsu-header,
    body.hostinger-ai-builder-gutenberg > .rsu-header {
        left: 12px !important;
        right: 12px !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        transform: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-radius: 26px !important;
        padding: 10px 18px !important;
    }
}

@media (max-width: 767px) {
    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed,
    body.hostinger-ai-builder-elementor > .rsu-header,
    body.hostinger-ai-builder-gutenberg > .rsu-header {
        left: 10px !important;
        right: 10px !important;
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        transform: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-radius: 24px !important;
        padding: 8px 16px !important;
    }
}


/* v1.0.73 — approved transparent full-device dashboard composite; never crop the laptop. */
.rsu-preview-media-dashboard,
.rsu-mockup-media-dashboard {
    overflow: visible !important;
}

.rsu-preview-media-dashboard img {
    display: block !important;
    width: min(112%, 1120px) !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    clip-path: none !important;
}

@media (max-width: 1024px) {
    .rsu-preview-media-dashboard img {
        width: min(100%, 760px) !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

@media (max-width: 767px) {
    .rsu-preview-media-dashboard img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}


/* v1.0.75 — desktop dashboard composite must fit fully inside the hero without cropping. */
@media (min-width: 1025px) {
    .rsu-hero-panel,
    .rsu-hero-carousel,
    .rsu-carousel-stage,
    .rsu-carousel-slide,
    .rsu-mockup-media-dashboard,
    .rsu-preview-media-dashboard {
        overflow: visible !important;
    }

    .rsu-preview-media-dashboard {
        min-height: 430px !important;
        height: auto !important;
        padding: 10px 18px 0 !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .rsu-preview-media-dashboard img {
        display: block !important;
        width: min(100%, 980px) !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 470px !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        clip-path: none !important;
    }
}


/* v1.0.76 — keep the dashboard composite straight on desktop too. */
@media (min-width: 1025px) {
    .rsu-carousel-slide--dashboard.is-active {
        transform: translate3d(-50%, -50%, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) !important;
        transform-origin: center center !important;
    }
}


/* v1.0.77 — all hero screens stay straight and carousel arrow glyphs always remain visible. */
.rsu-carousel-arrow,
.rsu-carousel-arrow:hover,
.rsu-carousel-arrow:focus,
.rsu-carousel-arrow:focus-visible,
.rsu-carousel-arrow:active {
    color: var(--rsu-ink) !important;
    -webkit-text-fill-color: var(--rsu-ink) !important;
    opacity: 1 !important;
}

.rsu-carousel-arrow-icon {
    display: none !important;
}

.rsu-carousel-arrow-glyph {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1em !important;
    height: 1em !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-1px) !important;
    pointer-events: none !important;
}

@media (max-width: 1024px) {
    .rsu-carousel-arrow-glyph {
        font-size: 28px !important;
    }
}

@media (max-width: 767px) {
    .rsu-carousel-arrow-glyph {
        font-size: 26px !important;
    }
}

.rsu-carousel-slide.is-active {
    transform: translate3d(-50%, -50%, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) !important;
    transform-origin: center center !important;
}

.rsu-carousel-slide.is-behind {
    transform: translate3d(-42%, -44%, -40px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.86) !important;
    transform-origin: center center !important;
}

/* v1.0.79 — commercial landing sections + per-section SEO-ready semantic layouts. */


/* v1.0.80 — improve readability of commercial section cards with the primary sans-serif UI font. */
.rsu-content-card h3,
.rsu-content-card p,
.rsu-content-index,
.rsu-plan-label {
    font-family: Roboto, Arial, sans-serif !important;
}

.rsu-content-card h3 {
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -0.03em;
}

.rsu-content-section {
    position: relative;
}

.rsu-content-heading {
    max-width: 900px;
}

.rsu-content-heading > p,
.rsu-section-heading > p {
    margin: 14px 0 0;
    max-width: 820px;
    color: var(--rsu-muted);
    font-size: 17px;
    line-height: 1.7;
}

.rsu-content-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.rsu-content-card {
    position: relative;
    min-height: 190px;
    padding: 26px;
    overflow: hidden;
    border: 1px solid var(--rsu-line);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 18px 52px rgba(19, 42, 68, 0.07);
}

.rsu-content-card::after {
    content: "";
    position: absolute;
    right: -52px;
    bottom: -58px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(32, 174, 228, 0.08), rgba(230, 53, 69, 0.08));
    pointer-events: none;
}

.rsu-content-card h3 {
    position: relative;
    z-index: 1;
    margin: 8px 0 10px;
    color: var(--rsu-ink);
    font-size: 21px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.025em;
}

.rsu-content-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--rsu-muted);
    font-size: 14px;
    line-height: 1.65;
}

.rsu-content-index,
.rsu-plan-label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 34px;
    padding: 6px 11px;
    border-radius: 999px;
    color: var(--rsu-blue-dark);
    background: rgba(32, 174, 228, 0.10);
    font-size: 12px;
    font-weight: 900;
}

.rsu-content-changes .rsu-content-card:nth-child(even) .rsu-content-index {
    color: var(--rsu-red-dark);
    background: rgba(230, 53, 69, 0.09);
}

.rsu-ecosystem-grid,
.rsu-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rsu-content-ecosystem .rsu-content-card {
    min-height: 230px;
}

.rsu-content-ecosystem .rsu-content-card:nth-child(3) {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--rsu-blue-dark), var(--rsu-blue));
}

.rsu-content-ecosystem .rsu-content-card:nth-child(3) h3,
.rsu-content-ecosystem .rsu-content-card:nth-child(3) p {
    color: #fff;
}

.rsu-content-ecosystem .rsu-content-card:nth-child(3) p {
    opacity: 0.82;
}

.rsu-benefits-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rsu-benefits-grid .rsu-content-card {
    min-height: 150px;
    padding: 22px;
}

.rsu-content-flexible .rsu-content-card {
    border-top: 4px solid rgba(32, 174, 228, 0.65);
}

.rsu-content-flexible .rsu-content-card:nth-child(even) {
    border-top-color: rgba(230, 53, 69, 0.65);
}

.rsu-content-pricing {
    padding-top: 92px;
}

.rsu-pricing-grid .rsu-content-card {
    min-height: 270px;
    padding: 30px;
}

.rsu-pricing-grid .rsu-content-card:nth-child(2) {
    border-color: rgba(32, 174, 228, 0.30);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(234,247,253,0.94));
    box-shadow: 0 24px 66px rgba(19, 42, 68, 0.12);
    transform: translateY(-8px);
}

.rsu-plan-label {
    color: var(--rsu-red-dark);
    background: rgba(230, 53, 69, 0.09);
}

.rsu-content-included .rsu-content-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rsu-content-why .rsu-content-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rsu-content-why .rsu-content-card {
    min-height: 220px;
}

.rsu-faq-list {
    display: grid;
    gap: 12px;
    max-width: 1050px;
}

.rsu-faq-item {
    border: 1px solid var(--rsu-line);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 12px 34px rgba(19, 42, 68, 0.05);
}

.rsu-faq-item summary {
    position: relative;
    padding: 20px 54px 20px 22px;
    cursor: pointer;
    color: var(--rsu-ink);
    font-size: 17px;
    font-weight: 900;
    list-style: none;
}

.rsu-faq-item summary::-webkit-details-marker {
    display: none;
}

.rsu-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--rsu-blue-dark);
    font-size: 24px;
    font-weight: 700;
}

.rsu-faq-item[open] summary::after {
    content: "–";
}

.rsu-faq-item p {
    margin: 0;
    padding: 0 22px 22px;
    color: var(--rsu-muted);
    font-size: 15px;
    line-height: 1.7;
}

.rsu-content-final_cta {
    margin-top: 86px;
    padding: 54px !important;
    overflow: hidden;
    border: 1px solid rgba(32, 174, 228, 0.16);
    border-radius: 38px;
    background:
        radial-gradient(circle at 10% 20%, rgba(32, 174, 228, 0.16), transparent 36%),
        radial-gradient(circle at 90% 15%, rgba(230, 53, 69, 0.14), transparent 36%),
        rgba(255,255,255,0.88);
    box-shadow: 0 28px 74px rgba(19, 42, 68, 0.10);
}

.rsu-content-final_cta .rsu-content-heading {
    max-width: 900px;
    margin-bottom: 24px;
}

.rsu-final-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 1180px) {
    .rsu-content-grid,
    .rsu-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rsu-ecosystem-grid,
    .rsu-pricing-grid,
    .rsu-content-included .rsu-content-grid,
    .rsu-content-why .rsu-content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .rsu-content-grid,
    .rsu-benefits-grid,
    .rsu-ecosystem-grid,
    .rsu-pricing-grid,
    .rsu-content-included .rsu-content-grid,
    .rsu-content-why .rsu-content-grid {
        grid-template-columns: 1fr;
    }

    .rsu-content-card,
    .rsu-pricing-grid .rsu-content-card,
    .rsu-content-why .rsu-content-card,
    .rsu-content-ecosystem .rsu-content-card {
        min-height: 0;
    }

    .rsu-pricing-grid .rsu-content-card:nth-child(2) {
        transform: none;
    }

    .rsu-content-final_cta {
        margin-top: 64px;
        padding: 30px 22px !important;
        border-radius: 28px;
    }

    .rsu-final-cta-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .rsu-final-cta-actions .rsu-btn {
        width: 100%;
    }
}


/* v1.0.81 — pricing is based on concrete usage criteria, not package tiers. */
.rsu-pricing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rsu-pricing-grid .rsu-content-card:nth-child(2) {
    border-color: var(--rsu-line);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 18px 52px rgba(19, 42, 68, 0.07);
    transform: none;
}

@media (max-width: 1100px) {
    .rsu-pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .rsu-pricing-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.0.82 — uppercase eyebrow spacing fix, footer, and demo modal */
.rsu-footer {
    margin-top: 54px;
    padding: 28px 32px;
    border: 1px solid rgba(19, 33, 55, 0.08);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(231, 245, 255, 0.82) 0%, rgba(255, 255, 255, 0.96) 48%, rgba(255, 240, 243, 0.78) 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(260px, 0.9fr);
    gap: 26px;
    align-items: center;
}

.rsu-footer-branding img {
    max-width: 180px;
    height: auto;
    display: block;
    margin-bottom: 14px;
}

.rsu-footer-branding p,
.rsu-footer-cta-wrap strong {
    margin: 0;
    color: rgba(19, 33, 55, 0.78);
}

.rsu-footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
    justify-content: center;
}

.rsu-footer-nav a {
    color: var(--rsu-ink);
    font-weight: 700;
    text-decoration: none;
}

.rsu-footer-cta-wrap {
    display: grid;
    gap: 14px;
    justify-items: start;
}

.rsu-demo-modal[hidden] {
    display: none !important;
}

.rsu-demo-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
}

.rsu-demo-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 40, 0.56);
    backdrop-filter: blur(8px);
}

.rsu-demo-modal-dialog {
    position: relative;
    width: min(720px, calc(100vw - 32px));
    margin: min(8vh, 64px) auto;
    padding: 28px 28px 24px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    z-index: 1;
}

.rsu-demo-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: rgba(19, 33, 55, 0.08);
    color: var(--rsu-ink);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.rsu-demo-modal-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding-left: 4px;
    margin-bottom: 14px;
    color: var(--rsu-red);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.rsu-demo-modal-eyebrow::before {
    content: "";
    flex: 0 0 23px;
    width: 9px;
    height: 9px;
    min-width: 23px;
    border-radius: 99px;
    background: var(--rsu-blue);
    box-shadow: 14px 0 0 var(--rsu-red);
}

.rsu-demo-modal-dialog h3 {
    margin: 0 0 10px;
    color: var(--rsu-ink);
    font-size: clamp(30px, 3.2vw, 42px);
    line-height: 1.04;
}

.rsu-demo-modal-dialog > p {
    margin: 0 0 24px;
    color: rgba(19, 33, 55, 0.72);
    font-size: 17px;
    line-height: 1.7;
}

.rsu-demo-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rsu-demo-form-grid label {
    display: grid;
    gap: 8px;
    color: var(--rsu-ink);
    font-weight: 700;
}

.rsu-demo-form-grid label span {
    font-size: 14px;
}

.rsu-demo-form-grid input,
.rsu-demo-form-grid textarea {
    width: 100%;
    border: 1px solid rgba(19, 33, 55, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
    font: inherit;
    color: var(--rsu-ink);
    background: rgba(247, 249, 252, 0.9);
}

.rsu-demo-form-message {
    grid-column: 1 / -1;
}

.rsu-demo-form-actions {
    display: grid;
    gap: 12px;
    margin-top: 20px;
    align-items: center;
}

.rsu-demo-form-status {
    margin: 0;
    min-height: 24px;
    color: rgba(19, 33, 55, 0.72);
    font-weight: 600;
}

.rsu-demo-form-status.is-success {
    color: #127b3f;
}

.rsu-demo-form-status.is-error {
    color: #c62828;
}

.rsu-demo-modal-open {
    overflow: hidden;
}

@media (max-width: 1024px) {
    .rsu-footer {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .rsu-footer-branding img {
        margin-left: auto;
        margin-right: auto;
    }

    .rsu-footer-cta-wrap {
        justify-items: center;
    }
}

@media (max-width: 767px) {
    .rsu-demo-modal-dialog {
        width: min(100vw - 20px, 720px);
        margin: 12px auto;
        padding: 24px 18px 20px;
        border-radius: 22px;
    }

    .rsu-demo-form-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.0.83 — footer separation, modal viewport behavior, centered mobile/tablet slideshow, and no quick booking bar. */
.rsu-footer {
    width: min(var(--rsu-layout-width), calc(100% - 44px)) !important;
    margin: 84px auto 28px !important;
    clear: both !important;
}

.rsu-demo-modal {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 22px 0 32px !important;
}

html.rsu-demo-modal-open .rsu-header,
body.rsu-demo-modal-open .rsu-header {
    z-index: 2147482000 !important;
}

.rsu-demo-modal-dialog {
    margin: 18px auto 32px !important;
    max-height: none !important;
    overflow: visible !important;
}

.rsu-demo-modal-dialog h3 {
    font-family: Roboto, Arial, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.045em !important;
}

@media (max-width: 1024px) {
    .rsu-footer {
        width: calc(100% - 28px) !important;
        margin: 68px auto 20px !important;
    }

    .rsu-demo-modal {
        display: block;
        padding: 12px 0 28px !important;
    }

    .rsu-demo-modal-dialog {
        width: min(760px, calc(100vw - 24px)) !important;
        margin: 12px auto 28px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .rsu-carousel-stage {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .rsu-carousel-slide,
    .rsu-carousel-slide.is-active,
    .rsu-carousel-slide.is-behind,
    .rsu-carousel-slide.is-hidden {
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;
        transform-origin: center center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .rsu-carousel-slide.is-active {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .rsu-carousel-slide.is-behind,
    .rsu-carousel-slide.is-hidden {
        display: none !important;
    }

    .rsu-carousel-slide .rsu-mockup-card,
    .rsu-carousel-slide .rsu-preview-card,
    .rsu-carousel-slide .rsu-mockup-media-transparent,
    .rsu-carousel-slide .rsu-preview-media-transparent {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .rsu-carousel-slide img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-position: center center !important;
    }
}

@media (max-width: 767px) {
    .rsu-footer {
        width: calc(100% - 20px) !important;
        margin-top: 58px !important;
        padding: 24px 18px !important;
    }

    .rsu-demo-modal {
        padding: 8px 0 24px !important;
    }

    .rsu-demo-modal-dialog {
        width: calc(100vw - 16px) !important;
        margin: 8px auto 24px !important;
        padding: 24px 18px 22px !important;
    }
}


/* v1.0.84 — modal lives at viewport level, header cannot overlap it, and mobile/tablet scroll is independent. */
html.rsu-demo-modal-open,
body.rsu-demo-modal-open {
    overflow: hidden !important;
    height: 100% !important;
}

html.rsu-demo-modal-open .rsu-header,
body.rsu-demo-modal-open .rsu-header {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body > .rsu-demo-modal,
.rsu-demo-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    z-index: 2147483647 !important;
    padding: 24px 0 36px !important;
    box-sizing: border-box !important;
}

.rsu-demo-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
}

.rsu-demo-modal-dialog {
    position: relative !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-width: 720px !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.rsu-demo-modal-dialog h3 {
    font-family: Roboto, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.08 !important;
    font-size: clamp(30px, 3vw, 40px) !important;
}

@media (max-width: 1024px) {
    body > .rsu-demo-modal,
    .rsu-demo-modal {
        display: block !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-top: max(14px, env(safe-area-inset-top)) !important;
        padding-right: 0 !important;
        padding-bottom: max(28px, env(safe-area-inset-bottom)) !important;
        padding-left: 0 !important;
        scroll-behavior: smooth;
    }

    .rsu-demo-modal-dialog {
        width: min(760px, calc(100vw - 24px)) !important;
        max-width: none !important;
        margin: 0 auto 28px !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (max-width: 767px) {
    body > .rsu-demo-modal,
    .rsu-demo-modal {
        padding-top: max(8px, env(safe-area-inset-top)) !important;
        padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
    }

    .rsu-demo-modal-dialog {
        width: calc(100vw - 16px) !important;
        margin: 0 auto 20px !important;
        padding: 22px 18px 24px !important;
        border-radius: 22px !important;
    }

    .rsu-demo-modal-dialog h3 {
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: 1.08 !important;
    }
}


/* v1.0.85 — keep demo modal below the visible header, centered on desktop, no blur, and harden form field sizing. */
html.rsu-demo-modal-open,
body.rsu-demo-modal-open {
    overflow: hidden !important;
    height: auto !important;
}

html.rsu-demo-modal-open .rsu-header,
body.rsu-demo-modal-open .rsu-header {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body > .rsu-demo-modal,
.rsu-demo-modal {
    --rsu-demo-modal-top: 118px;
    position: fixed !important;
    top: var(--rsu-demo-modal-top) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 24px 20px 32px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    z-index: 2147483000 !important;
    display: grid !important;
    place-items: center !important;
}

.rsu-demo-modal[hidden] {
    display: none !important;
}

.rsu-demo-modal-backdrop {
    position: fixed !important;
    top: var(--rsu-demo-modal-top) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    background: rgba(25, 34, 48, 0.42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.rsu-demo-modal-dialog {
    position: relative !important;
    z-index: 1 !important;
    width: min(780px, calc(100vw - 48px)) !important;
    max-width: 780px !important;
    min-width: 0 !important;
    max-height: none !important;
    margin: auto !important;
    padding: 30px 32px 28px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.rsu-demo-form,
.rsu-demo-form-grid,
.rsu-demo-form-grid label,
.rsu-demo-form-grid input,
.rsu-demo-form-grid textarea,
.rsu-demo-form-actions {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.rsu-demo-form {
    width: 100% !important;
}

.rsu-demo-form-grid {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 16px !important;
}

.rsu-demo-form-grid label {
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
}

.rsu-demo-form-grid input,
.rsu-demo-form-grid textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.rsu-demo-form-message {
    grid-column: 1 / -1 !important;
}

.rsu-demo-modal-dialog h3 {
    font-family: Roboto, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
}

@media (min-width: 1025px) {
    body > .rsu-demo-modal,
    .rsu-demo-modal {
        align-items: center !important;
        justify-items: center !important;
    }
}

@media (max-width: 1024px) {
    body > .rsu-demo-modal,
    .rsu-demo-modal {
        place-items: start center !important;
        padding: 16px 12px 28px !important;
    }

    .rsu-demo-modal-dialog {
        width: min(760px, calc(100vw - 24px)) !important;
        max-width: 760px !important;
        margin: 0 auto 24px !important;
        padding: 26px 24px 26px !important;
    }
}

@media (max-width: 767px) {
    body > .rsu-demo-modal,
    .rsu-demo-modal {
        padding: 10px 8px 24px !important;
    }

    .rsu-demo-modal-dialog {
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        padding: 24px 18px 24px !important;
        border-radius: 22px !important;
    }

    .rsu-demo-form-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }
}


/* v1.0.86 — full-width footer, complete section navigation, WorkDesk branding. */
.rsu-section {
    scroll-margin-top: calc(var(--rsu-sticky-top) + 106px) !important;
}

.rsu-footer {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 88px 0 0 -50vw !important;
    padding: 34px 24px !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    clear: both !important;
}

.rsu-footer-inner {
    width: min(var(--rsu-layout-width), calc(100% - 44px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) minmax(360px, 1.55fr) minmax(230px, 0.9fr) minmax(190px, 0.7fr);
    gap: 28px;
    align-items: center;
}

.rsu-footer-racsuite-logo {
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 14px !important;
}

.rsu-footer-nav {
    align-content: center;
    justify-content: center;
    gap: 11px 16px !important;
}

.rsu-footer-nav a {
    white-space: nowrap;
    font-size: 14px;
}

.rsu-footer-workdesk {
    display: grid;
    gap: 8px;
    justify-items: end;
    text-decoration: none !important;
}

.rsu-footer-workdesk span {
    color: rgba(19, 33, 55, 0.62);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rsu-footer-workdesk img {
    display: block;
    width: min(220px, 100%);
    height: auto;
    object-fit: contain;
}

@media (min-width: 1025px) {
    .rsu-nav {
        gap: 2px !important;
        padding: 6px !important;
        flex: 0 1 auto !important;
    }

    .rsu-nav a {
        min-height: 34px !important;
        padding: 0 9px !important;
        font-size: 12.5px !important;
        white-space: nowrap !important;
    }

    .rsu-header-cta {
        white-space: nowrap !important;
    }
}

@media (max-width: 1280px) and (min-width: 1025px) {
    .rsu-brand img {
        width: min(188px, 34vw) !important;
    }

    .rsu-nav a {
        padding-inline: 7px !important;
        font-size: 11.5px !important;
    }

    .rsu-header-cta {
        padding-inline: 16px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 1180px) and (min-width: 1025px) {
    .rsu-nav a {
        padding-inline: 5px !important;
        font-size: 10.8px !important;
    }
}

@media (max-width: 1024px) {
    .rsu-footer {
        width: 100vw !important;
        margin: 72px 0 0 -50vw !important;
        padding: 30px 20px !important;
    }

    .rsu-footer-inner {
        width: min(100%, 760px);
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }

    .rsu-footer-nav {
        justify-content: center !important;
    }

    .rsu-footer-workdesk {
        justify-items: center;
    }

    .rsu-nav {
        top: calc(var(--rsu-fixed-top, 0px) + 88px) !important;
        bottom: 92px !important;
        max-height: calc(100dvh - var(--rsu-fixed-top, 0px) - 190px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }

    .rsu-header-cta {
        top: auto !important;
        bottom: max(18px, env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 767px) {
    .rsu-footer {
        margin-top: 60px !important;
        padding: 28px 16px max(28px, env(safe-area-inset-bottom)) !important;
    }

    .rsu-footer-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px !important;
    }

    .rsu-footer-nav a {
        white-space: normal;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 10px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.64);
    }
}


/* v1.0.87 — centered full-width footer and repaired mobile/tablet sandwich menu. */
.rsu-footer {
    padding: 40px 24px !important;
}

.rsu-footer-inner {
    width: min(1400px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 30px 48px !important;
    text-align: center !important;
}

.rsu-footer-inner > * {
    flex: 0 1 auto !important;
}

.rsu-footer-branding {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    max-width: 290px !important;
}

.rsu-footer-branding p {
    max-width: 290px !important;
    margin: 0 auto !important;
}

.rsu-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    max-width: 420px !important;
    margin: 0 auto !important;
}

.rsu-footer-cta-wrap {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
}

.rsu-footer-workdesk {
    justify-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
}

@media (max-width: 1024px) {
    .rsu-footer-inner {
        width: min(760px, calc(100% - 20px)) !important;
        gap: 24px !important;
    }

    .rsu-header,
    body > .rsu-header.rsu-header-portal,
    body > .rsu-header.rsu-force-fixed,
    .rsu-header.rsu-header-portal,
    .rsu-header.rsu-force-fixed {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 0 !important;
    }

    .rsu-brand {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .rsu-menu-toggle {
        display: inline-flex !important;
        position: relative !important;
        z-index: 2147483645 !important;
        flex: 0 0 48px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 1px solid rgba(19, 33, 55, 0.10) !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: var(--rsu-ink) !important;
        box-shadow: 0 10px 24px rgba(19, 42, 68, 0.10) !important;
    }

    .rsu-menu-toggle span,
    .rsu-menu-toggle span::before,
    .rsu-menu-toggle span::after {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: currentColor !important;
        transition: transform 180ms ease, opacity 180ms ease !important;
    }

    .rsu-menu-toggle span {
        position: relative !important;
    }

    .rsu-menu-toggle span::before,
    .rsu-menu-toggle span::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
    }

    .rsu-menu-toggle span::before {
        top: -6px !important;
    }

    .rsu-menu-toggle span::after {
        top: 6px !important;
    }

    .rsu-header.is-menu-open .rsu-menu-toggle span {
        transform: rotate(45deg) !important;
    }

    .rsu-header.is-menu-open .rsu-menu-toggle span::before {
        transform: translateY(6px) rotate(90deg) !important;
    }

    .rsu-header.is-menu-open .rsu-menu-toggle span::after {
        opacity: 0 !important;
    }

    .rsu-nav,
    .rsu-header-cta {
        left: 50% !important;
        width: min(calc(100vw - 24px), 420px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    .rsu-nav {
        top: calc(var(--rsu-fixed-top, 0px) + 84px) !important;
        bottom: 88px !important;
        max-height: calc(100dvh - var(--rsu-fixed-top, 0px) - 180px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        padding: 12px !important;
    }

    .rsu-nav a {
        white-space: normal !important;
        text-align: center !important;
        line-height: 1.25 !important;
    }

    .rsu-header-cta {
        bottom: max(16px, env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 767px) {
    .rsu-footer {
        padding: 32px 16px max(28px, env(safe-area-inset-bottom)) !important;
    }

    .rsu-footer-inner {
        width: min(100%, calc(100% - 8px)) !important;
        gap: 20px !important;
    }

    .rsu-menu-toggle {
        flex-basis: 46px !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }

    .rsu-nav,
    .rsu-header-cta {
        width: min(calc(100vw - 20px), 360px) !important;
        max-width: calc(100vw - 20px) !important;
    }

    .rsu-nav {
        top: calc(var(--rsu-fixed-top, 0px) + 80px) !important;
        bottom: 82px !important;
        max-height: calc(100dvh - var(--rsu-fixed-top, 0px) - 166px) !important;
    }
}


/* v1.0.88 — more readable header typography and footer contact details. */
.rsu-header,
.rsu-nav a,
.rsu-header-cta,
.rsu-menu-toggle {
    font-family: Roboto, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rsu-nav a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--rsu-ink) !important;
}

.rsu-header-cta {
    font-size: 15px !important;
    font-weight: 800 !important;
}

.rsu-footer-contact {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    color: var(--rsu-muted) !important;
    font-family: Roboto, Arial, sans-serif !important;
}

.rsu-footer-contact strong {
    color: var(--rsu-ink) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.rsu-footer-contact a,
.rsu-footer-contact span {
    display: block !important;
    color: var(--rsu-muted) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
}

.rsu-footer-contact a:hover {
    color: var(--rsu-red) !important;
}

@media (max-width: 1024px) {
    .rsu-footer-contact {
        max-width: 100% !important;
    }
    .rsu-nav a {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .rsu-footer-contact a,
    .rsu-footer-contact span {
        font-size: 14px !important;
    }
}


/* v1.0.89 — rebuild mobile/tablet sandwich menu as one clean panel. */
.rsu-nav-demo-cta {
    display: none !important;
}

@media (max-width: 1024px) {
    /* The desktop CTA must not become a second floating mobile panel. */
    .rsu-header-cta {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .rsu-header.is-menu-open::after {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 23, 42, 0.42) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        z-index: -1 !important;
    }

    .rsu-nav,
    body > .rsu-header .rsu-nav,
    .rsu-header.rsu-header-portal .rsu-nav,
    .rsu-header.rsu-force-fixed .rsu-nav {
        position: fixed !important;
        top: calc(var(--rsu-fixed-top, 0px) + 82px) !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: min(calc(100vw - 24px), 440px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: min(70dvh, 620px) !important;
        margin: 0 !important;
        padding: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        border: 1px solid rgba(19, 33, 55, 0.10) !important;
        border-radius: 22px !important;
        background: #ffffff !important;
        box-shadow: 0 28px 72px rgba(15, 23, 42, 0.24) !important;
        transform: translate(-50%, -10px) scale(0.985) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
        z-index: 2147483644 !important;
    }

    .rsu-header.is-menu-open .rsu-nav,
    body > .rsu-header.is-menu-open .rsu-nav,
    .rsu-header.rsu-header-portal.is-menu-open .rsu-nav,
    .rsu-header.rsu-force-fixed.is-menu-open .rsu-nav {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate(-50%, 0) scale(1) !important;
        transition-delay: 0s !important;
    }

    .rsu-nav a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 14px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: rgba(243, 247, 251, 0.92) !important;
        color: var(--rsu-ink) !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .rsu-nav a:hover,
    .rsu-nav a:focus {
        color: var(--rsu-blue-dark) !important;
        background: rgba(32, 174, 228, 0.10) !important;
    }

    .rsu-nav .rsu-nav-demo-cta {
        display: flex !important;
        margin-top: 5px !important;
        background: linear-gradient(135deg, var(--rsu-red), var(--rsu-red-dark)) !important;
        color: #ffffff !important;
        box-shadow: 0 12px 28px rgba(230, 53, 69, 0.22) !important;
    }

    .rsu-nav .rsu-nav-demo-cta:hover,
    .rsu-nav .rsu-nav-demo-cta:focus {
        color: #ffffff !important;
        background: linear-gradient(135deg, var(--rsu-red), var(--rsu-red-dark)) !important;
    }

    .rsu-menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    .rsu-nav,
    body > .rsu-header .rsu-nav,
    .rsu-header.rsu-header-portal .rsu-nav,
    .rsu-header.rsu-force-fixed .rsu-nav {
        top: calc(var(--rsu-fixed-top, 0px) + 78px) !important;
        width: min(calc(100vw - 20px), 380px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: min(72dvh, 560px) !important;
        padding: 10px !important;
        border-radius: 20px !important;
    }

    .rsu-nav a {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}


/* v1.0.90 — definitive centered full-width footer layout. */
.rsu-footer {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 88px 0 0 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
    padding: 46px clamp(22px, 4vw, 72px) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, rgba(231, 245, 255, 0.88) 0%, rgba(255, 255, 255, 0.98) 48%, rgba(255, 240, 243, 0.84) 100%) !important;
}

.rsu-footer-inner {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 1.05fr) minmax(300px, 1.25fr) minmax(270px, 1fr) minmax(260px, 1fr) !important;
    gap: clamp(28px, 3vw, 54px) !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.rsu-footer-branding,
.rsu-footer-nav,
.rsu-footer-contact,
.rsu-footer-side,
.rsu-footer-cta-wrap,
.rsu-footer-workdesk {
    min-width: 0 !important;
    margin: 0 !important;
}

.rsu-footer-branding {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 14px !important;
    text-align: center !important;
}

.rsu-footer-racsuite-logo {
    margin: 0 auto !important;
    max-width: 190px !important;
}

.rsu-footer-branding p {
    margin: 0 auto !important;
    max-width: 300px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

.rsu-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 10px 16px !important;
    max-width: 390px !important;
    justify-self: center !important;
}

.rsu-footer-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.rsu-footer-contact {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 7px !important;
    max-width: 330px !important;
    justify-self: center !important;
    text-align: center !important;
}

.rsu-footer-contact strong {
    margin-bottom: 3px !important;
}

.rsu-footer-side {
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 24px !important;
    max-width: 330px !important;
    justify-self: center !important;
    text-align: center !important;
}

.rsu-footer-cta-wrap {
    display: grid !important;
    justify-items: center !important;
    gap: 14px !important;
    max-width: 320px !important;
    text-align: center !important;
}

.rsu-footer-cta-wrap strong {
    max-width: 300px !important;
    text-align: center !important;
}

.rsu-footer-workdesk {
    display: grid !important;
    justify-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    text-align: center !important;
}

.rsu-footer-workdesk img {
    width: min(220px, 100%) !important;
    margin: 0 auto !important;
}

@media (max-width: 1240px) {
    .rsu-footer-inner {
        max-width: 980px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 36px 48px !important;
    }
}

@media (max-width: 720px) {
    .rsu-footer {
        margin-top: 64px !important;
        padding: 36px 20px max(34px, env(safe-area-inset-bottom)) !important;
    }

    .rsu-footer-inner {
        max-width: 560px !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .rsu-footer-nav {
        width: 100% !important;
        max-width: 420px !important;
    }

    .rsu-footer-contact,
    .rsu-footer-side,
    .rsu-footer-branding {
        width: 100% !important;
        max-width: 420px !important;
    }
}


/* v1.0.91 — keep page background unchanged while mobile/tablet menu is open. */
@media (max-width: 1024px) {
    .rsu-header.is-menu-open::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}


/* v1.0.92 — definitive desktop footer centering / full-bleed fix. */
.rsu-landing .rsu-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 88px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 48px clamp(24px, 4vw, 72px) !important;
    box-sizing: border-box !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

.rsu-landing .rsu-footer > .rsu-footer-inner {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(1480px, 100%) !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(28px, 3vw, 48px) !important;
    align-items: start !important;
    justify-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.rsu-landing .rsu-footer .rsu-footer-branding,
.rsu-landing .rsu-footer .rsu-footer-nav,
.rsu-landing .rsu-footer .rsu-footer-contact,
.rsu-landing .rsu-footer .rsu-footer-side {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    justify-self: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.rsu-landing .rsu-footer .rsu-footer-branding {
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 14px !important;
}

.rsu-landing .rsu-footer .rsu-footer-racsuite-logo {
    display: block !important;
    margin: 0 auto !important;
    width: min(190px, 100%) !important;
    max-width: 190px !important;
    height: auto !important;
}

.rsu-landing .rsu-footer .rsu-footer-branding p {
    margin: 0 auto !important;
    max-width: 300px !important;
    text-align: center !important;
}

.rsu-landing .rsu-footer .rsu-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: 12px 16px !important;
}

.rsu-landing .rsu-footer .rsu-footer-contact {
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 7px !important;
}

.rsu-landing .rsu-footer .rsu-footer-side {
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 24px !important;
}

.rsu-landing .rsu-footer .rsu-footer-cta-wrap,
.rsu-landing .rsu-footer .rsu-footer-workdesk {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    justify-items: center !important;
    text-align: center !important;
}

.rsu-landing .rsu-footer .rsu-footer-workdesk img {
    display: block !important;
    width: min(220px, 100%) !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 0 auto !important;
}

@media (max-width: 1240px) {
    .rsu-landing .rsu-footer > .rsu-footer-inner {
        width: min(980px, 100%) !important;
        max-width: 980px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 36px 48px !important;
    }
}

@media (max-width: 720px) {
    .rsu-landing .rsu-footer {
        margin-top: 64px !important;
        padding: 36px 20px max(34px, env(safe-area-inset-bottom)) !important;
    }

    .rsu-landing .rsu-footer > .rsu-footer-inner {
        width: min(560px, 100%) !important;
        max-width: 560px !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}


/* v1.0.93 — hard-center desktop footer content independently of Elementor/parent width. */
@media (min-width: 1501px) {
    .rsu-landing .rsu-footer > .rsu-footer-inner {
        position: relative !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: fit-content !important;
        max-width: calc(100vw - 96px) !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: 280px 360px 300px 300px !important;
        gap: 42px !important;
        align-items: start !important;
        justify-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .rsu-landing .rsu-footer .rsu-footer-branding,
    .rsu-landing .rsu-footer .rsu-footer-nav,
    .rsu-landing .rsu-footer .rsu-footer-contact,
    .rsu-landing .rsu-footer .rsu-footer-side {
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
        text-align: center !important;
    }
}

@media (min-width: 1025px) and (max-width: 1500px) {
    .rsu-landing .rsu-footer > .rsu-footer-inner {
        position: relative !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(1040px, calc(100vw - 64px)) !important;
        max-width: none !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 38px 56px !important;
        align-items: start !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .rsu-landing .rsu-footer .rsu-footer-branding,
    .rsu-landing .rsu-footer .rsu-footer-nav,
    .rsu-landing .rsu-footer .rsu-footer-contact,
    .rsu-landing .rsu-footer .rsu-footer-side {
        width: 100% !important;
        max-width: 420px !important;
        justify-self: center !important;
    }
}


/* v1.0.94 — final footer geometry: centered content with full-viewport background only. */
.rsu-landing .rsu-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(calc(100% - 48px), 1500px) !important;
    max-width: 1500px !important;
    margin: 88px auto 0 !important;
    padding: 48px 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.rsu-landing .rsu-footer::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, rgba(231, 245, 255, 0.88) 0%, rgba(255, 255, 255, 0.98) 48%, rgba(255, 240, 243, 0.84) 100%) !important;
    pointer-events: none !important;
}

.rsu-landing .rsu-footer > .rsu-footer-inner {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(26px, 3vw, 44px) !important;
    align-items: start !important;
    justify-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.rsu-landing .rsu-footer .rsu-footer-branding,
.rsu-landing .rsu-footer .rsu-footer-nav,
.rsu-landing .rsu-footer .rsu-footer-contact,
.rsu-landing .rsu-footer .rsu-footer-side {
    width: 100% !important;
    max-width: 310px !important;
    margin: 0 auto !important;
    justify-self: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.rsu-landing .rsu-footer .rsu-footer-branding {
    display: grid !important;
    justify-items: center !important;
}

.rsu-landing .rsu-footer .rsu-footer-racsuite-logo {
    margin: 0 auto 14px !important;
}

.rsu-landing .rsu-footer .rsu-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: center !important;
}

.rsu-landing .rsu-footer .rsu-footer-contact,
.rsu-landing .rsu-footer .rsu-footer-side,
.rsu-landing .rsu-footer .rsu-footer-cta-wrap,
.rsu-landing .rsu-footer .rsu-footer-workdesk {
    justify-items: center !important;
    text-align: center !important;
}

@media (max-width: 1279px) and (min-width: 721px) {
    .rsu-landing .rsu-footer {
        width: min(calc(100% - 40px), 980px) !important;
        padding: 44px 0 !important;
    }

    .rsu-landing .rsu-footer > .rsu-footer-inner {
        max-width: 900px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 38px 48px !important;
    }
}

@media (max-width: 720px) {
    .rsu-landing .rsu-footer {
        width: calc(100% - 28px) !important;
        margin-top: 64px !important;
        padding: 36px 0 max(34px, env(safe-area-inset-bottom)) !important;
    }

    .rsu-landing .rsu-footer > .rsu-footer-inner {
        max-width: 560px !important;
        padding: 0 14px !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .rsu-landing .rsu-footer .rsu-footer-branding,
    .rsu-landing .rsu-footer .rsu-footer-nav,
    .rsu-landing .rsu-footer .rsu-footer-contact,
    .rsu-landing .rsu-footer .rsu-footer-side {
        max-width: 420px !important;
    }
}


/* v1.0.95 — viewport-level footer: full-width background + genuinely centered desktop content. */
body > .rsu-footer.rsu-footer-portal {
    --rsu-blue: #20aee4;
    --rsu-blue-dark: #0b77a5;
    --rsu-red: #e63545;
    --rsu-red-dark: #bd1f2e;
    --rsu-ink: #1e2630;
    --rsu-muted: #697583;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 88px 0 0 !important;
    padding: 48px clamp(28px, 4vw, 72px) !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: linear-gradient(135deg, rgba(231,245,255,.90) 0%, rgba(255,255,255,.98) 50%, rgba(255,240,243,.86) 100%) !important;
    color: var(--rsu-ink) !important;
    font-family: Roboto, Arial, sans-serif !important;
    text-align: center !important;
    z-index: 1 !important;
}

body > .rsu-footer.rsu-footer-portal::before,
body > .rsu-footer.rsu-footer-portal::after {
    content: none !important;
    display: none !important;
}

body > .rsu-footer.rsu-footer-portal > .rsu-footer-inner {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(1440px, calc(100vw - 96px)) !important;
    max-width: 1440px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(230px,1.05fr) minmax(260px,1.10fr) minmax(260px,1.10fr) minmax(250px,1fr) !important;
    gap: clamp(30px, 3vw, 52px) !important;
    align-items: start !important;
    justify-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-branding,
body > .rsu-footer.rsu-footer-portal .rsu-footer-nav,
body > .rsu-footer.rsu-footer-portal .rsu-footer-contact,
body > .rsu-footer.rsu-footer-portal .rsu-footer-side {
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    justify-self: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-branding,
body > .rsu-footer.rsu-footer-portal .rsu-footer-contact,
body > .rsu-footer.rsu-footer-portal .rsu-footer-side,
body > .rsu-footer.rsu-footer-portal .rsu-footer-cta-wrap,
body > .rsu-footer.rsu-footer-portal .rsu-footer-workdesk {
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    text-align: center !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-branding { gap: 14px !important; }
body > .rsu-footer.rsu-footer-portal .rsu-footer-contact { gap: 7px !important; }
body > .rsu-footer.rsu-footer-portal .rsu-footer-side { gap: 24px !important; }
body > .rsu-footer.rsu-footer-portal .rsu-footer-cta-wrap { gap: 14px !important; }
body > .rsu-footer.rsu-footer-portal .rsu-footer-workdesk { gap: 8px !important; }

body > .rsu-footer.rsu-footer-portal .rsu-footer-racsuite-logo {
    display: block !important;
    width: min(190px, 100%) !important;
    max-width: 190px !important;
    height: auto !important;
    margin: 0 auto !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-branding p {
    max-width: 300px !important;
    margin: 0 auto !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: 11px 16px !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--rsu-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: normal !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-contact a,
body > .rsu-footer.rsu-footer-portal .rsu-footer-contact span {
    color: var(--rsu-muted) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-contact strong,
body > .rsu-footer.rsu-footer-portal .rsu-footer-cta-wrap strong {
    color: var(--rsu-ink) !important;
}

body > .rsu-footer.rsu-footer-portal .rsu-footer-workdesk img {
    display: block !important;
    width: min(220px,100%) !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 0 auto !important;
}

@media (max-width: 1240px) {
    body > .rsu-footer.rsu-footer-portal > .rsu-footer-inner {
        width: min(940px, calc(100vw - 64px)) !important;
        max-width: 940px !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 38px 56px !important;
    }
}

@media (max-width: 720px) {
    body > .rsu-footer.rsu-footer-portal {
        margin-top: 64px !important;
        padding: 36px 18px max(34px, env(safe-area-inset-bottom)) !important;
    }
    body > .rsu-footer.rsu-footer-portal > .rsu-footer-inner {
        width: min(520px, calc(100vw - 36px)) !important;
        max-width: 520px !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    body > .rsu-footer.rsu-footer-portal .rsu-footer-branding,
    body > .rsu-footer.rsu-footer-portal .rsu-footer-nav,
    body > .rsu-footer.rsu-footer-portal .rsu-footer-contact,
    body > .rsu-footer.rsu-footer-portal .rsu-footer-side {
        max-width: 420px !important;
    }
}


/* v1.0.96 — mobile/tablet hero copy must always show the complete slide text. */
@media (max-width: 1024px) {
    .rsu-hero-copy,
    .rsu-hero-copy-slider,
    .rsu-hero-copy-stage,
    .rsu-hero-copy-slide,
    .rsu-hero-copy-slide.is-active,
    .rsu-hero-copy-summary-wrap,
    .rsu-hero-copy-summary {
        overflow: visible !important;
    }

    .rsu-hero-copy-summary-wrap {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-bottom: 12px !important;
    }

    .rsu-hero-copy-summary {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
        line-clamp: unset !important;
    }

    .rsu-hero-copy-slide .rsu-hero-title {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }

    .rsu-hero-copy-stage {
        min-height: 0 !important;
        max-height: none !important;
        transition: height 260ms ease !important;
    }
}

/* v1.0.98 — bilingual EL/EN language switch with circular flags. */
.rsu-language-switch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 2px 4px !important;
    flex: 0 0 auto !important;
}

.rsu-language-option {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(19, 42, 68, 0.10) !important;
    overflow: hidden !important;
    opacity: .72 !important;
    transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease !important;
}

.rsu-language-option:hover,
.rsu-language-option:focus-visible,
.rsu-language-option.is-active {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.rsu-language-option.is-active {
    border-color: var(--rsu-blue) !important;
}

.rsu-language-option img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

@media (max-width: 1024px) {
    .rsu-language-switch {
        width: 100% !important;
        padding: 8px 0 4px !important;
        gap: 12px !important;
    }

    .rsu-language-option {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }
}

.rsu-nav .rsu-language-option {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

@media (max-width: 1024px) {
    .rsu-nav .rsu-language-option {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }
}


/* v1.0.99 — preserve every section link; language flags are additive, never a menu replacement. */
.rsu-language-switch--mobile {
    display: none !important;
}

@media (min-width: 1025px) {
    .rsu-header {
        gap: 12px !important;
    }

    .rsu-nav {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .rsu-nav > .rsu-nav-section-link {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-inline: 8px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    .rsu-language-switch--desktop {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 2px !important;
    }
}

@media (max-width: 1024px) {
    .rsu-language-switch--desktop {
        display: none !important;
    }

    .rsu-language-switch--mobile {
        display: flex !important;
        width: 100% !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        padding: 8px 0 4px !important;
        order: 50 !important;
    }

    .rsu-nav > .rsu-nav-section-link {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: 100% !important;
        flex: 0 0 auto !important;
    }

    .rsu-nav .rsu-nav-demo-cta {
        order: 60 !important;
    }
}

/* v1.1.2 — eliminate ghost/invisible mobile navigation hit areas over slideshow. */
@media (max-width: 1024px) {
    .rsu-nav,
    body > .rsu-header .rsu-nav,
    .rsu-header.rsu-header-portal .rsu-nav,
    .rsu-header.rsu-force-fixed .rsu-nav {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .rsu-nav > .rsu-nav-section-link,
    .rsu-nav > .rsu-language-switch--mobile,
    .rsu-nav > .rsu-nav-demo-cta {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .rsu-header.is-menu-open .rsu-nav,
    body > .rsu-header.is-menu-open .rsu-nav,
    .rsu-header.rsu-header-portal.is-menu-open .rsu-nav,
    .rsu-header.rsu-force-fixed.is-menu-open .rsu-nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .rsu-header.is-menu-open .rsu-nav > .rsu-nav-section-link {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .rsu-header.is-menu-open .rsu-nav > .rsu-language-switch--mobile {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .rsu-header.is-menu-open .rsu-nav > .rsu-nav-demo-cta {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* v1.1.5 — legal footer links, legal documents and demo-form privacy notice. */
.rsu-footer-legal {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 28px auto 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(30, 38, 48, 0.12) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px 10px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.rsu-footer-legal button,
.rsu-demo-privacy-note button {
    appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--rsu-ink, #1e2630) !important;
    font: inherit !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    cursor: pointer !important;
}

.rsu-footer-legal button {
    font-size: 12px !important;
}

.rsu-footer-legal span {
    opacity: 0.42 !important;
}

.rsu-demo-privacy-note {
    margin: 14px 0 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #66717e !important;
}

.rsu-demo-privacy-note button {
    color: #d92d3a !important;
    font-size: inherit !important;
}

body > .rsu-legal-modals {
    position: static !important;
}

.rsu-legal-modal {
    --rsu-legal-modal-top: 112px;
    position: fixed !important;
    top: var(--rsu-legal-modal-top) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 24px 20px 32px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    z-index: 2147483500 !important;
    display: grid !important;
    place-items: start center !important;
}

.rsu-legal-modal[hidden] {
    display: none !important;
}

.rsu-legal-modal-backdrop {
    position: fixed !important;
    top: var(--rsu-legal-modal-top) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: rgba(25, 34, 48, 0.46) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.rsu-legal-modal-dialog {
    position: relative !important;
    z-index: 1 !important;
    width: min(960px, calc(100vw - 40px)) !important;
    max-width: 960px !important;
    margin: 0 auto !important;
    padding: clamp(28px, 4vw, 48px) !important;
    border: 1px solid rgba(30, 38, 48, 0.12) !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 28px 90px rgba(21, 31, 44, 0.24) !important;
    color: #1e2630 !important;
    font-family: Roboto, Arial, sans-serif !important;
    line-height: 1.68 !important;
    box-sizing: border-box !important;
}

.rsu-legal-modal-dialog--compact {
    max-width: 760px !important;
}

.rsu-legal-modal-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(30, 38, 48, 0.14) !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #1e2630 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.rsu-legal-kicker {
    display: inline-block !important;
    margin: 0 0 8px !important;
    color: #d92d3a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.rsu-legal-modal-dialog h2 {
    margin: 0 60px 6px 0 !important;
    font-size: clamp(30px, 4vw, 46px) !important;
    line-height: 1.08 !important;
}

.rsu-legal-modal-dialog h3 {
    margin: 28px 0 8px !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
}

.rsu-legal-modal-dialog p {
    margin: 0 0 12px !important;
    color: #566270 !important;
    font-size: 15px !important;
}

.rsu-legal-modal-dialog a {
    color: #c92735 !important;
    font-weight: 700 !important;
}

.rsu-legal-updated {
    margin-bottom: 22px !important;
    font-size: 12px !important;
    color: #7c8591 !important;
}

.rsu-legal-details {
    margin: 24px 0 !important;
    display: grid !important;
    gap: 0 !important;
    border: 1px solid rgba(30, 38, 48, 0.10) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.rsu-legal-details > div {
    display: grid !important;
    grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.3fr) !important;
    gap: 18px !important;
    padding: 13px 16px !important;
    border-bottom: 1px solid rgba(30, 38, 48, 0.08) !important;
}

.rsu-legal-details > div:last-child {
    border-bottom: 0 !important;
}

.rsu-legal-details dt {
    font-weight: 800 !important;
}

.rsu-legal-details dd {
    margin: 0 !important;
    color: #5e6977 !important;
}

.rsu-cookie-status-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: start !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid rgba(30, 38, 48, 0.10) !important;
}

.rsu-cookie-status-row strong {
    display: block !important;
    margin-bottom: 3px !important;
}

.rsu-cookie-status-row p {
    margin: 0 !important;
}

.rsu-cookie-status-row > span {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f2f5f7 !important;
    color: #4b5663 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.rsu-cookie-note {
    margin-top: 22px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #f7f8fa !important;
}

html.rsu-legal-modal-open,
body.rsu-legal-modal-open {
    overflow: hidden !important;
}

/* Admin legal settings */
.rsu-admin-legal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.rsu-admin-legal-warning {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff3cd;
    color: #7b5b00;
    font-weight: 700;
    font-size: 12px;
}

.rsu-admin-legal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.rsu-admin-legal-grid label {
    display: grid;
    gap: 6px;
}

.rsu-admin-legal-grid label > span {
    font-weight: 700;
}

.rsu-admin-legal-grid input {
    width: 100%;
}

.rsu-admin-legal-wide {
    grid-column: span 2;
}

@media (max-width: 1024px) {
    .rsu-legal-modal {
        --rsu-legal-modal-top: 104px;
        padding: 16px 14px 24px !important;
    }

    .rsu-admin-legal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .rsu-footer-legal {
        gap: 9px 8px !important;
        padding-inline: 12px !important;
    }

    .rsu-footer-legal button {
        font-size: 11px !important;
    }

    .rsu-legal-modal-dialog {
        width: 100% !important;
        padding: 28px 22px !important;
        border-radius: 22px !important;
    }

    .rsu-legal-modal-dialog h2 {
        margin-right: 48px !important;
        font-size: 30px !important;
    }

    .rsu-legal-details > div,
    .rsu-cookie-status-row {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    .rsu-cookie-status-row > span {
        justify-self: start !important;
    }

    .rsu-admin-legal-head {
        display: grid;
    }

    .rsu-admin-legal-grid {
        grid-template-columns: 1fr;
    }

    .rsu-admin-legal-wide {
        grid-column: auto;
    }
}

/* v1.1.10 — desktop navigation is defined at the actual menu selector. */
@media (min-width: 1440px) {
    .rsu-header .rsu-nav > a,
    .rsu-header .rsu-nav > a:link,
    .rsu-header .rsu-nav > a:visited,
    .rsu-header .rsu-nav > a:hover,
    .rsu-header .rsu-nav > a:focus,
    .rsu-header .rsu-nav > a:focus-visible,
    .rsu-header .rsu-nav > a:active {
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        min-height: 42px !important;
        padding-inline: 11px !important;
        text-decoration: none !important;
        text-decoration-line: none !important;
        text-decoration-thickness: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    .rsu-header .rsu-header-cta {
        font-size: 18px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1439px) {
    .rsu-header .rsu-nav > a,
    .rsu-header .rsu-nav > a:link,
    .rsu-header .rsu-nav > a:visited,
    .rsu-header .rsu-nav > a:hover,
    .rsu-header .rsu-nav > a:focus,
    .rsu-header .rsu-nav > a:focus-visible,
    .rsu-header .rsu-nav > a:active {
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        text-decoration: none !important;
        text-decoration-line: none !important;
        text-decoration-thickness: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        background-image: none !important;
    }
}

@media (max-width: 1024px) {
    .rsu-nav a {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    .rsu-nav a {
        font-size: 19px !important;
    }
}