/* Ravitatech v52 — homepage + product catalog, desktop and mobile */
.rt-cloud-root, #wrapwrap.rt-cloud-root { background: #f6f7fb; }
.rt2-wrap { width: min(1180px, calc(100% - 2.4rem)); margin-inline: auto; }
.rt2-head { text-align: center; max-width: 40rem; margin: 0 auto 1.6rem; }
.rt2-head h2, .rt2-hero h1, .rt2-packs h2, .rt2-demo h2, .rt2-phero h1, .rt2-band h2 {
    color: #1b1633; font-weight: 800; letter-spacing: -0.03em; line-height: 1.25;
}
.rt2-head p, .rt2-hero-copy > p, .rt2-packs-copy p, .rt2-demo p, .rt2-phero p { color: #667085; line-height: 1.9; }
.rt2-kicker { color: #6d5ce7; font-weight: 700; margin: 0 0 0.4rem; }
.rt2-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
    min-height: 48px; padding: 0.7rem 1.25rem; border-radius: 999px; font-weight: 700;
    text-decoration: none !important; border: 1px solid transparent;
}
.rt2-btn-p { background: #6d4dff; color: #fff !important; box-shadow: 0 10px 24px rgba(109, 77, 255, 0.28); }
.rt2-band .rt2-btn-p { background: #8b78ff; color: #fff !important; }
.rt2-band .rt2-btn-w { background: #fff; color: #24184f !important; }
.rt2-btn-g { background: #fff; color: #3d355c !important; border-color: #e4e7f0; }
.rt2-btn-w { background: #fff; color: #3a2f86 !important; }
.rt2-ico {
    width: 48px; height: 48px; border-radius: 16px; display: inline-grid; place-items: center;
    background: #f3f1ff; --tone: #6d5ce7; --ico: none;
    position: relative; flex: none;
}
.rt2-ico::after {
    content: ""; width: 26px; height: 26px; background: var(--tone);
    -webkit-mask: var(--ico) center / contain no-repeat;
    mask: var(--ico) center / contain no-repeat;
    -webkit-mask-mode: alpha; mask-mode: alpha;
}
.rt2-ico[data-ico="sales"] { background: #e7f0ff; --tone: #2f6bff; --ico: url("/rt_cloud_website/static/src/img/line/sales.svg"); }
.rt2-ico[data-ico="accounting"] { background: #f1edff; --tone: #6d5ce7; --ico: url("/rt_cloud_website/static/src/img/line/accounting.svg"); }
.rt2-ico[data-ico="inventory"] { background: #e5f8ee; --tone: #12a36a; --ico: url("/rt_cloud_website/static/src/img/line/inventory.svg"); }
.rt2-ico[data-ico="manufacturing"] { background: #fff3e0; --tone: #f5a623; --ico: url("/rt_cloud_website/static/src/img/line/manufacturing.svg"); }
.rt2-ico[data-ico="hr"] { background: #e8eeff; --tone: #3b6fd8; --ico: url("/rt_cloud_website/static/src/img/line/hr.svg"); }
.rt2-ico[data-ico="crm"] { background: #f3eaff; --tone: #7c4dff; --ico: url("/rt_cloud_website/static/src/img/line/crm.svg"); }
.rt2-ico[data-ico="bi"] { background: #e7f6ff; --tone: #0b8ec8; --ico: url("/rt_cloud_website/static/src/img/line/bi.svg"); }
.rt2-ico[data-ico="office"] { background: #eef1ff; --tone: #4f46e5; --ico: url("/rt_cloud_website/static/src/img/line/office.svg"); }
.rt2-ico[data-ico="marketing"] { background: #ffe8f2; --tone: #e11d74; --ico: url("/rt_cloud_website/static/src/img/line/marketing.svg"); }
.rt2-ico[data-ico="club"] { background: #fff6df; --tone: #e39b12; --ico: url("/rt_cloud_website/static/src/img/line/club.svg"); }
.rt2-ico[data-ico="pos"] { background: #e5fbf6; --tone: #0f9f8a; --ico: url("/rt_cloud_website/static/src/img/line/pos.svg"); }
.rt2-ico[data-ico="restaurant"] { background: #ffefe6; --tone: #ef6c3a; --ico: url("/rt_cloud_website/static/src/img/line/restaurant.svg"); }

.rt2-hero { padding: 2.4rem 0 1rem; background:
    radial-gradient(420px 220px at 80% 20%, rgba(109,92,231,.16), transparent 70%),
    radial-gradient(380px 220px at 20% 80%, rgba(46,196,214,.12), transparent 70%),
    #f7f8fc; }
.rt2-hero-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 2rem; align-items: center; }
.rt2-hero h1 { font-size: clamp(2rem, 4vw, 3.3rem); margin: 0 0 0.8rem; }
.rt2-hero h1 span { display: block; color: #5336e8; }
.rt2-hero-actions { display: flex; gap: 0.7rem; flex-wrap: wrap; margin: 1.2rem 0; }
.rt2-trust { display: flex; gap: 1rem; flex-wrap: wrap; padding: 0; margin: 0.4rem 0 0; list-style: none; color: #3d455c; font-size: 0.86rem; }
.rt2-trust li { display: inline-flex; align-items: center; gap: 0.4rem; }
.rt2-trust li::before {
    content: ""; width: 22px; height: 22px; flex: none;
    background-color: var(--tone);
    -webkit-mask: var(--ico) center / contain no-repeat;
    mask: var(--ico) center / contain no-repeat;
    -webkit-mask-mode: alpha; mask-mode: alpha;
}
.rt2-trust li:nth-child(1) { --tone: #6d5ce7; --ico: url("/rt_cloud_website/static/src/img/line/shield.svg"); }
.rt2-trust li:nth-child(2) { --tone: #0b8ec8; --ico: url("/rt_cloud_website/static/src/img/line/support.svg"); }
.rt2-trust li:nth-child(3) { --tone: #f5a623; --ico: url("/rt_cloud_website/static/src/img/line/tune.svg"); }
.rt2-trust li:nth-child(4) { --tone: #12a36a; --ico: url("/rt_cloud_website/static/src/img/line/tag.svg"); }
.rt2-stage { position: relative; }
.rt2-stage img { width: 100%; height: auto; border-radius: 28px; box-shadow: 0 24px 50px rgba(40, 30, 80, 0.12); background: #fff; }
.rt2-chip, .rt2-float {
    position: absolute; background: #fff; border-radius: 16px; padding: 0.55rem 0.75rem;
    box-shadow: 0 12px 30px rgba(40, 30, 80, 0.12); font-size: 0.82rem; color: #241b45;
}
.rt2-chip.is-a { top: 12%; inset-inline-start: -4%; }
.rt2-chip.is-b { bottom: 16%; inset-inline-end: -2%; }
.rt2-chip.is-c { top: 8%; inset-inline-end: 8%; background: #fff; color: #12a36a; }

.rt2-mods, .rt2-packs, .rt2-demo, .rt2-ind, .rt2-catalog, .rt2-more { padding: 2.4rem 0; }
.rt2-mod-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.8rem; }
.rt2-mod, .rt2-pack, .rt2-card, .rt2-ind-card {
    background: #fff; border: 1px solid #eceef5; border-radius: 22px; text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(28, 23, 51, 0.04);
}
.rt2-mod { display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem; color: #1b1633; min-height: 158px; }
.rt2-mod::after { content: "←"; margin-top: auto; color: #98a2b3; font-size: 1rem; line-height: 1; }
.rt2-mod small, .rt2-card p, .rt2-pack span { color: #6b728d; font-size: 0.82rem; line-height: 1.7; }
.rt2-mod:hover, .rt2-card:hover, .rt2-pack:hover { border-color: #d9d4ff; transform: translateY(-2px); }

.rt2-packs { background: #fff; }
.rt2-packs-grid { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 1.4rem; align-items: center; }
.rt2-pack-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; }
.rt2-pack { display: flex; flex-direction: column; gap: 0.25rem; padding: 1.1rem; color: #1b1633; }
.rt2-pack strong { font-size: 1.35rem; color: #6d5ce7; }
.rt2-pack em { margin-top: 0.6rem; color: #6d5ce7; font-style: normal; font-weight: 700; }
.rt2-pack.is-on { background: linear-gradient(180deg, #f4f1ff, #fff); border-color: #cfc6ff; }

.rt2-demo-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 1.5rem; align-items: center; }
.rt2-shots { position: relative; min-height: 280px; }
.rt2-shots img { border-radius: 22px; width: 78%; box-shadow: 0 16px 40px rgba(28,23,51,.08); }
.rt2-shots img + img { position: absolute; width: 48%; inset-inline-end: 0; bottom: 0; }

.rt2-ind-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.9rem; }
.rt2-ind-card { overflow: hidden; color: #1b1633; display: flex; flex-direction: column; }
.rt2-ind-card img { width: 100%; height: 150px; object-fit: cover; }
.rt2-ind-card b, .rt2-ind-card span { padding-inline: 1rem; }
.rt2-ind-card b { margin-top: 0.8rem; }
.rt2-ind-card span { color: #6b728d; padding-bottom: 1rem; }

.rt2-band { margin: 1rem 0 2rem; }
.rt2-band-row {
    display: grid; grid-template-columns: auto 1fr auto; gap: 1.2rem; align-items: center;
    background: linear-gradient(100deg, #24184f, #3a2a86 55%, #5b46c8);
    color: #fff; border-radius: 28px; padding: 1.4rem 1.6rem;
}
.rt2-band h2, .rt2-band p { color: #fff; margin: 0; }
.rt2-band p { opacity: 0.85; }
.rt2-band-actions { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.rt2-band img { width: 64px; height: 64px; border-radius: 18px; background: #fff; padding: 8px; }

.rt2-phero { padding: 2rem 0 0.5rem; }
.rt2-phero-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 1.5rem; align-items: center; }
.rt2-phero h1 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 0 0 0.6rem; }
.rt2-pills { display: flex; gap: 0.8rem; padding: 0; margin: 1rem 0 0; list-style: none; flex-wrap: wrap; }
.rt2-pills li { display: flex; gap: 0.45rem; align-items: center; background: #fff; border-radius: 16px; padding: 0.45rem 0.7rem; border: 1px solid #eceef5; }
.rt2-pills b, .rt2-pills small { display: block; }
.rt2-pills small { color: #6b728d; }
.rt2-float { display: flex; align-items: center; gap: 0.35rem; }
.rt2-float.is-sales { top: 18%; inset-inline-start: -2%; }
.rt2-float.is-stock { top: 8%; inset-inline-end: 6%; }
.rt2-float.is-acc { bottom: 18%; inset-inline-start: 6%; }
.rt2-float.is-crm { bottom: 10%; inset-inline-end: 0; }

.rt2-tools { display: flex; gap: 0.8rem; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; }
.rt2-tools input {
    flex: 1; min-width: 180px; border: 1px solid #e4e7f0; border-radius: 14px; min-height: 46px; padding: 0 0.9rem; background: #fff;
}
.rt2-chips, .rt2-side nav { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.rt2-chips button, .rt2-side button {
    border: 1px solid #e4e7f0; background: #fff; border-radius: 999px; padding: 0.4rem 0.8rem; color: #3d355c; font-weight: 600;
}
.rt2-chips button.is-on, .rt2-side button.is-on { background: #6d5ce7; color: #fff; border-color: #6d5ce7; }
.rt2-catalog-grid { display: grid; grid-template-columns: 220px 1fr; gap: 1rem; align-items: start; }
.rt2-side { background: #fff; border-radius: 22px; padding: 1rem; border: 1px solid #eceef5; position: sticky; top: 88px; }
.rt2-side nav { flex-direction: column; }
.rt2-side button { text-align: start; border-radius: 12px; }
.rt2-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.rt2-card { display: flex; flex-direction: column; gap: 0.35rem; padding: 1rem 1.05rem; color: #1b1633; min-height: 180px; }
.rt2-card.is-out { display: none; }
.rt2-card em { margin-top: auto; color: #6d5ce7; font-style: normal; font-weight: 700; }
.rt2-more-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 0.9rem; }
.rt2-more-wide, .rt2-why { background: #fff; border-radius: 24px; border: 1px solid #eceef5; }
.rt2-more-wide { display: grid; grid-template-columns: 160px 1fr auto; gap: 0.8rem; align-items: center; padding: 0.8rem; text-decoration: none !important; color: #1b1633; }
.rt2-more-wide img { width: 160px; height: 110px; object-fit: cover; border-radius: 16px; }
.rt2-more-wide em, .rt2-sure em { color: #6d5ce7; font-style: normal; font-weight: 700; }
.rt2-why { padding: 1rem; }
.rt2-why ul { padding: 0; margin: 0.6rem 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; color: #3d355c; }
.rt2-sure { display: block; margin-top: 0.6rem; background: #e9fbf4; border-radius: 18px; padding: 0.8rem; text-decoration: none !important; color: #145c45; }

/* header + footer chrome */
#wrapwrap.rt-cloud-root header#top, #wrapwrap.rt-cloud-root header#top .navbar {
    background: #fff !important; box-shadow: 0 8px 24px rgba(28, 23, 51, 0.04);
}
#wrapwrap.rt-cloud-root header#top .nav-link { color: #3d355c !important; font-weight: 600; }
#wrapwrap.rt-cloud-root header#top a.nav-link[href="/packages/custom"],
#wrapwrap.rt-cloud-root header#top a.nav-link[href$="/packages/custom"] {
    background: #6d5ce7 !important; color: #fff !important; border-radius: 999px; padding: 0.45rem 0.9rem !important;
}
#wrapwrap.rt-cloud-root header#top a[href*="/web/login"] {
    border: 1px solid #e4e7f0; border-radius: 999px; padding: 0.4rem 0.8rem !important; background: #fff;
}
.rt-foot { background: #fff; color: #3d355c; border-top: 1px solid #eceef5; }
.rt-foot-cta, .rt-dock { display: none !important; }
#wrapwrap.rt-cloud-root { padding-bottom: 0 !important; }
.rt-foot-main { padding: 2rem 0 1rem; }
.rt-foot a { color: #5c657a; }
.rt-foot-bar { border-top: 1px solid #eceef5; color: #8b93a7; }

/* plan pages share the same light shell */
.rt-cloud .rt-plan-hero, .rt-cloud .rt-pagehead { background: #f7f8fc; color: #1b1633; }
.rt-cloud .rt-plan-hero h1, .rt-cloud .rt-pagehead h1, .rt-cloud .rt-plan-price b { color: #1b1633; }
.rt-cloud .rt-plan-hero .rt-lead, .rt-cloud .rt-pagehead .rt-lead { color: #667085; }
.rt-cloud .rt-btn-glow, .rt-cloud .rt-btn-orange { background: #6d5ce7 !important; color: #fff !important; border-radius: 999px; }
.rt-cloud .rt-plan, .rt-cloud .rt-glass { background: #fff; border: 1px solid #eceef5; box-shadow: 0 10px 30px rgba(28,23,51,.04); }

@media (max-width: 980px) {
    .rt2-hero-grid, .rt2-phero-grid, .rt2-packs-grid, .rt2-demo-grid, .rt2-catalog-grid, .rt2-more-grid, .rt2-band-row {
        grid-template-columns: 1fr;
    }
    .rt2-mod-row { grid-template-columns: repeat(3, 1fr); }
    .rt2-pack-row, .rt2-ind-row, .rt2-cards { grid-template-columns: 1fr 1fr; }
    .rt2-side { display: none; }
    .rt2-hero-actions .rt2-btn, .rt2-band-actions .rt2-btn, .rt2-packs-copy .rt2-btn { width: 100%; }
    .rt2-stage { order: 2; }
    .rt2-chip.is-a, .rt2-float.is-sales { inset-inline-start: 4%; }
    .rt2-more-wide { grid-template-columns: 1fr; }
    .rt2-band { margin-inline: 0.6rem; }
    .rt2-band-row { border-radius: 22px; }
}
@media (max-width: 640px) {
    .rt2-mod-row, .rt2-cards { grid-template-columns: 1fr 1fr; }
    .rt2-pack-row, .rt2-ind-row { grid-template-columns: 1fr; }
    .rt2-hero { padding-top: 0.4rem; }
    .rt2-hero h1 { font-size: 1.7rem; }
    .rt2-chips { overflow: auto; flex-wrap: nowrap; }
}

/* Phone: app shell, matching the mobile frames */
@media (max-width: 820px) {
    #wrapwrap.rt-cloud-root { background: #f4f6fb; }
    #wrapwrap.rt-cloud-root header#top {
        position: sticky; top: 0; z-index: 40;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 1px 0 #eceef5;
    }
    #wrapwrap.rt-cloud-root header#top .navbar { min-height: 58px; padding-top: 0.2rem; padding-bottom: 0.2rem; }
    #wrapwrap.rt-cloud-root header .js_language_selector,
    #wrapwrap.rt-cloud-root header a[href*="/web/login"] { display: none !important; }
    #wrapwrap.rt-cloud-root header .navbar-toggler {
        border: 0; border-radius: 12px; width: 42px; height: 42px; padding: 0;
        background: #f4f6fb;
    }
    .rt-foot-main { display: none !important; }
    .rt-foot { border-top: 0; background: transparent; }
    .rt-foot-bar { border: 0; padding-bottom: 1.2rem; }
    .rt-cloud-root .o_footer, .rt-foot { margin-bottom: 0 !important; }

    .rt2-wrap { width: calc(100% - 1.25rem); }
    .rt2-hero { padding: 0.6rem 0 0.2rem; background: #f4f6fb; }
    .rt2-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0.85rem; }
    .rt2-hero-copy { display: contents; }
    .rt2-hero h1, .rt2-hero-copy > p, .rt2-hero-actions, .rt2-stage, .rt2-trust { width: 100%; }
    .rt2-hero h1, .rt2-hero-copy > p { order: 1; }
    .rt2-hero-actions { order: 2; flex-direction: column; gap: 0.55rem; margin: 0.2rem 0 0; }
    .rt2-hero-actions .rt2-btn { width: 100%; min-height: 50px; border-radius: 16px; }
    .rt2-stage { order: 3; }
    .rt2-trust {
        order: 4; display: grid; grid-template-columns: repeat(4, 1fr);
        gap: 0.35rem; margin: 0; text-align: center;
    }
    .rt2-trust li { flex-direction: column; gap: 0.25rem; font-size: 0.68rem; font-weight: 700; color: #3d455c; line-height: 1.35; }
    .rt2-stage img { border-radius: 22px; }
    .rt2-chip { font-size: 0.72rem; padding: 0.4rem 0.55rem; border-radius: 12px; }
    .rt2-chip.is-c { display: none; }

    .rt2-mods, .rt2-packs, .rt2-demo, .rt2-ind, .rt2-catalog, .rt2-more { padding: 1.3rem 0; }
    .rt2-head { margin-bottom: 0.9rem; text-align: start; }
    .rt2-head h2, .rt2-phero h1 { font-size: 1.25rem; }
    .rt2-mod-row { grid-template-columns: 1fr 1fr; gap: 0.6rem; }
    .rt2-mod {
        min-height: 124px; align-items: center; text-align: center;
        padding: 0.85rem 0.45rem 0.7rem; border-radius: 20px; gap: 0.45rem;
    }
    .rt2-mod small, .rt2-mod::after { display: none; }
    .rt2-mod .rt2-ico { width: 52px; height: 52px; border-radius: 18px; }
    .rt2-pack-row, .rt2-ind-row, .rt2-demo-grid, .rt2-packs-grid, .rt2-more-grid, .rt2-band-row, .rt2-phero-grid, .rt2-catalog-grid {
        grid-template-columns: 1fr;
    }
    .rt2-pack { border-radius: 20px; padding: 1rem 1.05rem; }
    .rt2-ind-row { display: flex; overflow-x: auto; gap: 0.7rem; scroll-snap-type: x mandatory; padding-bottom: 0.3rem; }
    .rt2-ind-card { min-width: 78%; scroll-snap-align: start; border-radius: 20px; }
    .rt2-shots { min-height: 0; }
    .rt2-shots img, .rt2-shots img + img { position: static; width: 100%; margin-top: 0.6rem; }
    .rt2-band { margin: 0.4rem 0 0.8rem; }
    .rt2-band-row { border-radius: 24px; padding: 1.15rem; gap: 0.8rem; }
    .rt2-band-actions { flex-direction: column; }
    .rt2-band-actions .rt2-btn { width: 100%; border-radius: 14px; }
    .rt2-pills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.35rem; }
    .rt2-pills li { flex-direction: column; align-items: center; text-align: center; gap: 0.3rem; padding: 0; }
    .rt2-pills small { display: none; }
    .rt2-pills .rt2-ico { width: 40px; height: 40px; border-radius: 14px; }
    .rt2-tools { flex-direction: column; align-items: stretch; }
    .rt2-tools input { width: 100%; border-radius: 16px; min-height: 48px; }
    .rt2-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.2rem; }
    .rt2-chips button { flex: none; border-radius: 999px; min-height: 36px; }
    .rt2-side { display: none; }
    .rt2-cards { grid-template-columns: 1fr 1fr; gap: 0.6rem; }
    .rt2-card { min-height: 0; border-radius: 18px; padding: 0.75rem; }
    .rt2-card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .rt2-card .rt2-ico { width: 40px; height: 40px; border-radius: 14px; }
    .rt2-card .rt2-ico::after { width: 20px; height: 20px; }
    .rt2-float .rt2-ico { width: 28px; height: 28px; border-radius: 9px; }
    .rt2-float .rt2-ico::after { width: 16px; height: 16px; }
    .rt2-more-wide { grid-template-columns: 1fr; border-radius: 20px; }
    .rt2-why { border-radius: 20px; }
    .rt2-phero-copy { order: 1; }
    .rt2-phero .rt2-stage { order: 2; }
    .rt2-ind-card { min-width: 88%; }
    .rt2-ind-card img { width: 96px; height: 72px; }
}

/* Match the reference artboard: soft blobs, one indigo icon color, horizontal industry cards */
.rt2-hero, .rt2-phero {
    background:
        radial-gradient(540px 340px at 82% 28%, rgba(196, 181, 253, .55), transparent 68%),
        radial-gradient(460px 300px at 12% 78%, rgba(216, 205, 255, .5), transparent 70%),
        radial-gradient(280px 180px at 48% 8%, rgba(237, 233, 254, .95), transparent 72%),
        #fbfbfe;
    overflow: hidden;
}
.rt2-mods, .rt2-demo, .rt2-ind, .rt2-catalog { background: #fbfbfe; }
.rt2-packs { background: #f7f5ff; }
.rt2-hero-grid, .rt2-phero-grid { grid-template-columns: 1.15fr 0.85fr; align-items: center; }
.rt2-stage img {
    background: transparent; box-shadow: none; border-radius: 0;
    width: 100%; height: auto;
}
.rt2-mod { align-items: flex-start; text-align: start; }
.rt2-pack { position: relative; padding-top: 3.4rem; }
.rt2-pack .rt2-ico { position: absolute; top: 0.9rem; inset-inline-start: 0.9rem; width: 42px; height: 42px; }
.rt2-pack small { color: #6b728d; }
.rt2-link { color: #5b4dff !important; font-weight: 800; text-decoration: none !important; }
.rt2-link::after { content: "  ←"; }
.rt2-ind-card {
    display: flex; flex-direction: row; align-items: center; justify-content: space-between;
    padding: 0.75rem 0.85rem; min-height: 112px; gap: 0.7rem;
}
.rt2-ind-card img { width: 118px; height: 78px; object-fit: cover; border-radius: 16px; flex: none; }
.rt2-ind-copy { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.rt2-ind-copy b { padding: 0; margin: 0; }
.rt2-ind-copy span { color: #6b728d; padding: 0; }
.rt2-ind-copy em { color: #b0b7c6; font-style: normal; margin-top: 0.35rem; }
.rt2-shots { min-height: 0; }
.rt2-shots img, .rt2-shots img + img { position: static; width: 100%; border-radius: 0; box-shadow: none; }

/* Product window */
.rt2-stage { position: relative; padding: 0.6rem 0.2rem 1rem; }
.rt2-stage::before {
    content: ""; position: absolute; inset: 12% 6% 4%; z-index: 0; pointer-events: none;
    background: radial-gradient(closest-side, rgba(91, 77, 255, .22), transparent 72%);
    filter: blur(10px);
}
.rt2-screen {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: 58px minmax(0, 1fr) 72px;
    min-height: 372px;
    background: linear-gradient(180deg, #fff 0%, #fbfbfe 100%);
    border-radius: 28px; overflow: visible;
    border: 1px solid rgba(255, 255, 255, .9);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .8) inset,
        0 30px 60px rgba(62, 40, 140, .16),
        0 2px 8px rgba(40, 30, 80, .05);
}
.rt2-screen-nav, .rt2-screen-feed {
    background: linear-gradient(180deg, #2a2158 0%, #1b1438 100%);
    display: flex; flex-direction: column; align-items: center; padding: 0.85rem 0;
}
.rt2-screen-nav { gap: 0.35rem; border-start-start-radius: 28px; border-end-start-radius: 28px; }
.rt2-screen-feed { gap: 0.72rem; justify-content: center; border-start-end-radius: 28px; border-end-end-radius: 28px; padding-inline: 0.45rem; }
.rt2-screen-nav i {
    width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center;
}
.rt2-screen-nav i.is-on { background: rgba(255, 255, 255, .14); }
.rt2-screen-nav i::after {
    content: ""; width: 18px; height: 18px; background: rgba(255, 255, 255, .9);
    -webkit-mask: var(--nav) center / contain no-repeat;
    mask: var(--nav) center / contain no-repeat;
}
.rt2-screen-nav i.is-on::after { background: #fff; }
.rt2-screen-nav i[data-ico="sales"] { --nav: url("/rt_cloud_website/static/src/img/line/sales.svg"); }
.rt2-screen-nav i[data-ico="accounting"] { --nav: url("/rt_cloud_website/static/src/img/line/accounting.svg"); }
.rt2-screen-nav i[data-ico="inventory"] { --nav: url("/rt_cloud_website/static/src/img/line/inventory.svg"); }
.rt2-screen-nav i[data-ico="manufacturing"] { --nav: url("/rt_cloud_website/static/src/img/line/manufacturing.svg"); }
.rt2-screen-nav i[data-ico="crm"] { --nav: url("/rt_cloud_website/static/src/img/line/crm.svg"); }
.rt2-screen-nav i[data-ico="bi"] { --nav: url("/rt_cloud_website/static/src/img/line/bi.svg"); }
.rt2-screen-feed span { width: 100%; display: grid; grid-template-columns: 14px 1fr; column-gap: 6px; row-gap: 4px; align-items: center; }
.rt2-screen-feed b { grid-row: span 2; width: 14px; height: 14px; border-radius: 50%; background: #8b78ff; }
.rt2-screen-feed span:nth-child(2) b { background: #2ec4d6; }
.rt2-screen-feed span:nth-child(3) b { background: #f5a623; }
.rt2-screen-feed span:nth-child(4) b { background: #c4b5fd; }
.rt2-screen-feed span:nth-child(5) b { background: #34d399; }
.rt2-screen-feed em { display: block; height: 4px; border-radius: 99px; background: rgba(255, 255, 255, .22); }
.rt2-screen-feed em:last-child { width: 62%; background: rgba(255, 255, 255, .12); }
.rt2-screen-feed span:nth-child(odd) em:first-of-type { width: 88%; }
.rt2-screen-feed span:nth-child(even) em:first-of-type { width: 70%; }
.rt2-ind-card img { width: 156px; height: 108px; }
.rt2-screen-main { padding: 0.7rem 0.75rem 0.8rem; display: flex; flex-direction: column; gap: 0.55rem; min-width: 0; }
.rt2-screen-bar { display: flex; align-items: center; gap: 0.55rem; }
.rt2-dots { display: inline-flex; gap: 5px; }
.rt2-dots i { width: 7px; height: 7px; border-radius: 50%; display: block; background: #e4e0f4; }
.rt2-dots i:first-child { background: #f5a623; }
.rt2-dots i:nth-child(2) { background: #2ec4d6; }
.rt2-dots i:nth-child(3) { background: #5b4dff; }
.rt2-screen-search { flex: 1; height: 22px; border-radius: 999px; background: #f4f2fb; border: 1px solid #eeeaf8; }
.rt2-screen-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem; }
.rt2-screen-kpis div {
    background: #fff; border: 1px solid #f0ecfa; border-radius: 14px; padding: 0.42rem 0.5rem 0.38rem;
    box-shadow: 0 6px 16px rgba(70, 50, 140, .04);
}
.rt2-screen-kpis em { display: block; font-style: normal; color: #8b93a7; font-size: 0.66rem; }
.rt2-screen-kpis b { display: block; color: #1b1633; font-size: 1.02rem; letter-spacing: -0.03em; line-height: 1.2; }
.rt2-screen-kpis small { color: #12a36a; font-size: 0.62rem; font-weight: 700; }
.rt2-screen-kpis small.is-flat { color: #98a2b3; }
.rt2-screen-mid {
    display: grid; grid-template-columns: 1.45fr 0.72fr; gap: 0.45rem; align-items: center;
    background: #fff; border: 1px solid #f3f0fa; border-radius: 18px; padding: 0.35rem 0.45rem 0.3rem;
    box-shadow: inset 0 1px 0 #fff;
}
.rt2-line, .rt2-donut { width: 100%; height: auto; display: block; }
.rt2-donut-box { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; min-width: 0; }
.rt2-legend { list-style: none; display: flex; gap: 0.55rem; margin: 0; padding: 0; color: #8b93a7; font-size: 0.62rem; }
.rt2-legend li { display: inline-flex; align-items: center; gap: 0.25rem; }
.rt2-legend i { width: 6px; height: 6px; border-radius: 50%; background: #5b4dff; display: block; }
.rt2-legend .is-cost i { background: #f5a623; }
.rt2-cardlet {
    position: absolute; z-index: 2; background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .8); border-radius: 18px;
    box-shadow: 0 16px 40px rgba(40, 30, 80, .14), 0 1px 0 rgba(255, 255, 255, .9) inset;
    backdrop-filter: blur(10px); padding: 0.6rem 0.8rem; min-width: 118px;
}
.rt2-cardlet small { display: block; color: #8b93a7; font-size: 0.7rem; }
.rt2-cardlet b { color: #1b1633; font-size: 1.02rem; letter-spacing: -0.03em; }
.rt2-cardlet.is-sale { top: 44%; inset-inline-start: 3%; }
.rt2-cardlet.is-sale em {
    display: inline-flex; margin-top: 0.2rem; color: #0f9a62; font-style: normal; font-weight: 800; font-size: 0.72rem;
    background: #e8f8ef; border-radius: 999px; padding: 0.1rem 0.4rem;
}
.rt2-cardlet.is-rate, .rt2-cardlet.is-count { display: flex; align-items: center; gap: 0.5rem; }
.rt2-cardlet.is-rate { bottom: 7%; inset-inline-start: 28%; }
.rt2-cardlet.is-rate > i {
    width: 32px; height: 32px; border-radius: 50%; flex: none; display: block;
    background: conic-gradient(#5b4dff 0 49%, #efeaff 0);
    -webkit-mask: radial-gradient(circle, transparent 52%, #000 54%);
    mask: radial-gradient(circle, transparent 52%, #000 54%);
}
.rt2-cardlet.is-count { bottom: 14%; inset-inline-end: 2%; }
.rt2-avatars { display: inline-flex; }
.rt2-avatars i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; display: block; margin-inline-start: -6px; }
.rt2-avatars i:first-child { margin-inline-start: 0; background: #5b4dff; }
.rt2-avatars i:nth-child(2) { background: #2ec4d6; }
.rt2-avatars i:nth-child(3) { background: #f5a623; }
.rt2-windows { position: relative; min-height: 240px; }
.rt2-win { position: absolute; background: #fff; border-radius: 18px; box-shadow: 0 16px 40px rgba(70,50,140,.12); border: 1px solid #f0eefe; }
.rt2-win.is-back { inset: 18% 46% 10% 0; z-index: 1; }
.rt2-win.is-back span { display: block; height: 18px; margin: 14px; border-radius: 8px; background: #f3f0ff; }
.rt2-win.is-mid { inset: 8% 18% 12% 16%; padding: 0; overflow: hidden; z-index: 3; background: #f7f6fc; }
.rt2-film {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: contain; display: block; border-radius: inherit; background: #f7f6fc;
    pointer-events: none;
}
.rt2-win.is-mid .rt2-play {
    left: 12px; right: auto; top: auto; bottom: 12px; transform: none;
    width: 38px; height: 38px; z-index: 3; border: 0; padding: 0; cursor: pointer;
    display: grid; place-items: center;
}
.rt2-win.is-mid .rt2-play::before { content: none; }
.rt2-win.is-mid .rt2-play svg { width: 18px; height: 18px; display: block; }
.rt2-win.is-mid .rt2-play .rt2-spk { fill: #fff; }
.rt2-win.is-mid .rt2-play .rt2-wave,
.rt2-win.is-mid .rt2-play .rt2-slash {
    fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round;
}
.rt2-win.is-mid .rt2-play .rt2-wave { opacity: .28; }
.rt2-win.is-mid .rt2-play.is-on .rt2-wave { opacity: 1; }
.rt2-win.is-mid .rt2-play.is-on .rt2-slash { opacity: 0; }
.rt2-win.is-side { inset: 22% 0 8% 62%; z-index: 2; }
.rt2-win.is-side span { display: block; height: 12px; margin: 12px 14px; border-radius: 6px; background: #f4f6fb; }
.rt2-play {
    position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%);
    width: 54px; height: 54px; border-radius: 50%; background: #5b4dff;
    box-shadow: 0 10px 24px rgba(91,77,255,.35);
}
.rt2-play::before {
    content: ""; position: absolute; inset: 18px 16px 18px 22px;
    background: #fff; clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.rt2-float { z-index: 2; }
@media (max-width: 820px) {
    .rt2-stage { padding: 0; }
    .rt2-screen { min-height: 286px; grid-template-columns: 42px minmax(0, 1fr) 0; }
    .rt2-screen-feed { display: none; }
    .rt2-screen-nav i { width: 28px; height: 28px; border-radius: 9px; }
    .rt2-screen-kpis { grid-template-columns: repeat(2, 1fr); }
    .rt2-screen-kpis b { font-size: 0.92rem; }
    .rt2-legend { display: none; }
    .rt2-cardlet.is-sale { inset-inline-start: 10%; top: 48%; }
    .rt2-cardlet.is-sale b { font-size: 0.84rem; }
    .rt2-cardlet.is-count { inset-inline-end: 3%; bottom: 6%; }
    .rt2-cardlet.is-rate { display: none; }
    .rt2-windows { min-height: 200px; }
    .rt2-ind-card img { width: 120px; height: 84px; }
}
/* Desktop hero: window on the left, copy on the right */
@media (min-width: 981px) {
    html[dir="rtl"] .rt2-hero-grid { direction: ltr; }
    html[dir="rtl"] .rt2-hero-grid > .rt2-stage,
    html[dir="rtl"] .rt2-hero-grid > .rt2-hero-copy { direction: rtl; }
    .rt2-hero {
        background:
            radial-gradient(540px 340px at 18% 28%, rgba(196, 181, 253, .55), transparent 68%),
            radial-gradient(460px 300px at 88% 78%, rgba(216, 205, 255, .5), transparent 70%),
            radial-gradient(280px 180px at 48% 8%, rgba(237, 233, 254, .95), transparent 72%),
            #fbfbfe;
    }
}

/* Products page, matched to the artboard */
.rt2-phero .rt2-kicker {
    display: inline-flex; background: #f3f0ff; color: #5b4dff; border-radius: 999px;
    padding: 0.18rem 0.7rem; font-size: 0.78rem; font-weight: 700;
}
.rt2-pills { flex-wrap: nowrap; gap: 1.4rem; }
.rt2-pills li { background: transparent; border: 0; padding: 0; border-radius: 0; }
.rt2-pills .rt2-ico { width: 40px; height: 40px; border-radius: 14px; }
.rt2-ico[data-ico="tune"] { --ico: url("/rt_cloud_website/static/src/img/line/tune.svg"); background: #f3f0ff; --tone: #5b4dff; }
.rt2-ico[data-ico="nodes"] { --ico: url("/rt_cloud_website/static/src/img/line/nodes.svg"); background: #e7f6ff; --tone: #0b8ec8; }
.rt2-ico[data-ico="trend"] { --ico: url("/rt_cloud_website/static/src/img/line/trend.svg"); background: #e5f8ee; --tone: #12a36a; }
.rt2-ico[data-ico="shield"] { --ico: url("/rt_cloud_website/static/src/img/line/shield.svg"); background: #f3f0ff; --tone: #5b4dff; }
.rt2-ico[data-ico="support"] { --ico: url("/rt_cloud_website/static/src/img/line/support.svg"); background: #e7f6ff; --tone: #0b8ec8; }
.rt2-phero .rt2-float.is-sales { top: 10%; inset-inline-end: -6%; inset-inline-start: auto; }
.rt2-phero .rt2-float.is-stock { top: 4%; inset-inline-start: -2%; inset-inline-end: auto; }
.rt2-phero .rt2-float.is-acc { bottom: 16%; inset-inline-end: 2%; inset-inline-start: auto; }
.rt2-phero .rt2-float.is-crm { bottom: 8%; inset-inline-start: -4%; inset-inline-end: auto; }
.rt2-tools input { flex: 0 1 260px; border-radius: 999px; background: #fff; }
.rt2-side { box-shadow: 0 10px 30px rgba(28, 23, 51, .04); }
.rt2-side > b { display: block; margin: 0 0 0.7rem; color: #1b1633; }
.rt2-side button {
    border: 0; background: transparent; border-radius: 12px; width: 100%;
    display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem;
    padding: 0.42rem 0.3rem; font-weight: 600;
}
.rt2-side button::before {
    content: ""; width: 18px; height: 18px; flex: none; background: var(--tone, #5b4dff);
    -webkit-mask: var(--nav) center / contain no-repeat;
    mask: var(--nav) center / contain no-repeat;
}
.rt2-side button[data-group="sales"] { --tone: #2f6bff; --nav: url("/rt_cloud_website/static/src/img/line/sales.svg"); }
.rt2-side button[data-group="inventory"] { --tone: #12a36a; --nav: url("/rt_cloud_website/static/src/img/line/inventory.svg"); }
.rt2-side button[data-group="accounting"] { --tone: #6d5ce7; --nav: url("/rt_cloud_website/static/src/img/line/accounting.svg"); }
.rt2-side button[data-group="hr"] { --tone: #3b6fd8; --nav: url("/rt_cloud_website/static/src/img/line/hr.svg"); }
.rt2-side button[data-group="manufacturing"] { --tone: #f5a623; --nav: url("/rt_cloud_website/static/src/img/line/manufacturing.svg"); }
.rt2-side button[data-group="crm"] { --tone: #7c4dff; --nav: url("/rt_cloud_website/static/src/img/line/crm.svg"); }
.rt2-side button[data-group="bi"] { --tone: #0b8ec8; --nav: url("/rt_cloud_website/static/src/img/line/bi.svg"); }
.rt2-side button[data-group="office"] { --tone: #4f46e5; --nav: url("/rt_cloud_website/static/src/img/line/office.svg"); }
.rt2-side button[data-group="pos"] { --tone: #0f9f8a; --nav: url("/rt_cloud_website/static/src/img/line/pos.svg"); }
.rt2-side button[data-group="restaurant"] { --tone: #ef6c3a; --nav: url("/rt_cloud_website/static/src/img/line/restaurant.svg"); }
.rt2-card { align-items: flex-start; text-align: start; min-height: 196px; border-radius: 22px; }
.rt2-card p {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    margin: 0; min-height: 2.8em;
}
.rt2-card em::after { content: " ←"; }
@media (min-width: 981px) {
    .rt2-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.rt2-more { padding-top: 0.4rem; }
.rt2-more-wide {
    display: grid; grid-template-columns: 1.4fr 220px; gap: 1rem; align-items: center;
    margin-bottom: 0.9rem; padding: 1.1rem 1.3rem;
    background: linear-gradient(90deg, #f4f0ff, #fbfbfe 55%, #f7f3ff);
    border: 0; text-decoration: none !important; color: #1b1633;
}
.rt2-more-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; }
.rt2-more-copy b { font-size: 1.15rem; }
.rt2-more-copy > span { color: #667085; }
.rt2-more-copy .rt2-btn { margin-top: 0.45rem; min-height: 42px; }
.rt2-more-shot {
    position: relative; height: 120px; border-radius: 18px; background: #fff;
    box-shadow: 0 12px 30px rgba(70, 50, 140, .1); display: grid; place-items: center; overflow: hidden;
}
.rt2-more-shot svg { width: 86%; height: auto; }
.rt2-more-shot i {
    position: absolute; width: 36px; height: 36px; border-radius: 50%; background: #5b4dff;
    box-shadow: 0 8px 18px rgba(91, 77, 255, .35);
}
.rt2-more-shot i::before {
    content: ""; position: absolute; inset: 12px 11px 12px 14px; background: #fff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.rt2-why-row { display: grid; grid-template-columns: 1.45fr 0.7fr; gap: 0.9rem; align-items: stretch; }
.rt2-why { padding: 1.1rem 1.2rem; }
.rt2-why > b { display: block; margin-bottom: 0.8rem; }
.rt2-why ul { grid-template-columns: 1fr 1fr; gap: 0.7rem 1rem; margin: 0; }
.rt2-why li { display: flex; align-items: center; gap: 0.45rem; background: transparent; }
.rt2-why .rt2-ico { width: 34px; height: 34px; border-radius: 12px; }
.rt2-why .rt2-ico::after { width: 18px; height: 18px; }
.rt2-sure {
    background: #f4fbf7; border: 1px solid #e5f6ee; border-radius: 24px; padding: 1.1rem;
    display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; color: #1b1633;
}
.rt2-sure .rt2-btn { margin-top: 0.4rem; min-height: 40px; background: #6d4dff; color: #fff !important; }
@media (max-width: 820px) {
    .rt2-phero-grid { grid-template-columns: 1fr; }
    .rt2-phero .rt2-float.is-sales,
    .rt2-phero .rt2-float.is-stock,
    .rt2-phero .rt2-float.is-acc,
    .rt2-phero .rt2-float.is-crm { inset-inline-start: auto; inset-inline-end: auto; }
    .rt2-phero .rt2-float.is-sales { top: 8%; inset-inline-end: 2%; }
    .rt2-phero .rt2-float.is-stock { top: 8%; inset-inline-start: 2%; }
    .rt2-phero .rt2-float.is-acc { bottom: 8%; inset-inline-end: 2%; }
    .rt2-phero .rt2-float.is-crm { bottom: 8%; inset-inline-start: 2%; }
    .rt2-more-wide, .rt2-why-row { grid-template-columns: 1fr; }
    .rt2-more-shot { height: 88px; }
    .rt2-card { min-height: 0; }
    .rt2-card em { font-size: 0.75rem; }
}

/* Closing banner + footer, matched to the artboard */
.rt2-band { margin: 0.6rem 0 0; }
.rt2-band-row {
    display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 1rem; align-items: center;
    background:
        radial-gradient(280px 180px at 12% 70%, rgba(124, 108, 255, .45), transparent 70%),
        linear-gradient(100deg, #161033 0%, #24185a 42%, #3a278f 100%);
    border-radius: 28px; padding: 1.7rem 2rem; overflow: hidden;
}
.rt2-band-copy h2 { font-size: clamp(1.25rem, 2vw, 1.7rem); margin: 0 0 0.4rem; }
.rt2-band-copy p { margin: 0; max-width: 36rem; color: rgba(255,255,255,.82); }
.rt2-band-actions { margin-top: 1rem; }
.rt2-band .rt2-btn-w {
    background: transparent; color: #fff !important; border-color: rgba(255,255,255,.55);
}
.rt2-band .rt2-btn-p { background: #7b6cff; box-shadow: none; }
.rt2-band .rt2-btn-p::after { content: " ←"; }
.rt2-band-mark { width: 132px; height: auto; justify-self: center; filter: drop-shadow(0 12px 24px rgba(0,0,0,.25)); }
#wrapwrap.rt-cloud-root .rt-foot,
#wrapwrap.rt-cloud-root .rt-foot-main,
#wrapwrap.rt-cloud-root .rt-foot-bar { background: #fff !important; }
#wrapwrap.rt-cloud-root .rt-foot { border-top: 0; padding-top: 1.6rem; }
.rt-foot-logo { display: inline-flex; align-items: center; gap: 0.45rem; margin-bottom: 0.35rem; }
.rt-foot-logo img { width: 42px; height: auto; margin: 0; }
.rt-foot-logo strong { margin: 0; font-size: 1.15rem; letter-spacing: -0.03em; }
.rt-foot-brand p { max-width: 16rem; }
.rt-news-box {
    background: #f6f7fb; border-radius: 18px; padding: 0.9rem 0.95rem 0.8rem;
}
.rt-news { position: relative; margin-top: 0.55rem; }
#wrapwrap .rt-news input,
#wrapwrap .rt-news input[type="email"] {
    width: 100%; min-height: 46px; border-radius: 999px; border: 1px solid #e6e8f0;
    background: #fff; padding-inline: 0.95rem 3rem; color: #1b1633;
    direction: rtl !important; text-align: right !important;
}
html[dir="ltr"] #wrapwrap .rt-news input { direction: ltr !important; text-align: left !important; }
.rt-news button {
    position: absolute; top: 5px; inset-inline-end: 5px; width: 36px; height: 36px;
    border: 0; border-radius: 50%; background: #6d4dff; display: grid; place-items: center; padding: 0;
}
.rt-news svg { width: 16px; height: 16px; transform: scaleX(-1); }
.rt-soc { display: flex; gap: 0.4rem; margin-top: 0.7rem; }
.rt-soc i {
    width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #3d355c;
    display: grid; place-items: center; font-size: 0.85rem; border: 1px solid #eceef5;
}
#wrapwrap .rt-soc a {
    color: #3d355c !important; background: transparent !important; text-decoration: none !important;
    box-shadow: none !important; line-height: 0;
}
#wrapwrap .rt-soc a:hover { color: #5b4dff !important; }
#wrapwrap .rt-soc .fa-facebook {
    font-size: 0 !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233d355c' d='M14.8 8.4h-2V7.1c0-.5.3-.6.6-.6h1.3V4.2h-2C10.7 4.2 9.8 5.3 9.8 7v1.4H8.2v2.5h1.6V19.8h3V10.9h2l.4-2.5h-2.4z'/%3E%3C/svg%3E") center / 15px 15px no-repeat !important;
}
@media (max-width: 980px) {
    .rt-foot-grid { grid-template-columns: 1fr 1fr; }
    .rt-foot-brand, .rt-news-box { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
    .rt-foot-main { display: block !important; }
    .rt-foot { background: #fff !important; border-top: 0; }
    .rt2-band-row { grid-template-columns: 1fr; padding: 1.2rem 1rem 1.15rem; }
    .rt2-band-mark { display: none; }
    .rt2-band-actions { flex-direction: row; }
    .rt2-band-actions .rt2-btn { width: auto; flex: 1; min-height: 44px; border-radius: 999px; }
}

/* Beat theme !important colors and the long a:not() background reset */
#wrapwrap .rt2-band {
    background: #fff !important;
    margin: 0 !important;
    padding: 1.6rem 0 1.3rem;
}
#wrapwrap .rt-cloud .rt2-band h2,
#wrapwrap .rt-cloud .rt2-band-copy h2,
#wrapwrap .rt2-band h2,
#wrapwrap .rt2-band-copy h2 { color: #fff !important; }
#wrapwrap .rt2-band p,
#wrapwrap .rt2-band-copy p { color: rgba(255,255,255,.84) !important; }
#wrapwrap .rt2-band .rt2-btn-p {
    background: #7b6cff !important; background-color: #7b6cff !important;
    color: #fff !important; border-color: transparent !important;
}
#wrapwrap .rt2-band .rt2-btn-w {
    background: transparent !important; color: #fff !important;
    border-color: rgba(255,255,255,.6) !important;
}
#wrapwrap .rt2-band img.rt2-band-mark {
    width: 128px !important; height: auto !important; padding: 0 !important;
    background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}
#wrapwrap.rt-cloud-root .rt-foot-grid {
    display: grid !important;
    grid-template-columns: 1.15fr .7fr .7fr .7fr 1.15fr !important;
}
#wrapwrap.rt-cloud-root .rt-foot-grid > div { display: block !important; }
#wrapwrap footer#bottom .rt-foot-main a,
#wrapwrap footer#bottom .rt-foot-main p,
#wrapwrap.rt-cloud-root .rt-foot-main a,
#wrapwrap.rt-cloud-root .rt-foot-main p { color: #667085 !important; }
#wrapwrap footer#bottom .rt-foot-main b,
#wrapwrap footer#bottom .rt-foot-main strong,
#wrapwrap.rt-cloud-root .rt-foot-logo strong { color: #1b1633 !important; }
#wrapwrap footer#bottom .rt-foot-bar p,
#wrapwrap.rt-cloud-root .rt-foot-bar p { color: #98a2b3 !important; }
@media (max-width: 980px) {
    #wrapwrap.rt-cloud-root .rt-foot-grid { grid-template-columns: 1fr 1fr !important; }
    #wrapwrap.rt-cloud-root .rt-foot-brand,
    #wrapwrap.rt-cloud-root .rt-news-box { grid-column: 1 / -1 !important; }
}
@media (max-width: 860px) {
    #wrapwrap.rt-cloud-root .rt-foot-grid { grid-template-columns: 1fr !important; }
    #wrapwrap.rt-cloud-root .rt-foot-grid > div { display: block !important; }
    #wrapwrap .rt2-band .rt2-btn {
        font-size: 0.74rem !important; padding: 0.35rem 0.6rem !important;
        min-height: 44px !important; white-space: nowrap; line-height: 1.2;
    }
}

/* Smooth hover. Solid = purple + white. Quiet = white + dark. On navy, ghost stays white. */
#wrapwrap .rt2-btn,
#wrapwrap .rt-btn,
#wrapwrap .rt2-mod,
#wrapwrap .rt2-card,
#wrapwrap .rt2-pack,
#wrapwrap .rt2-ind-card,
#wrapwrap .rt-news button,
#wrapwrap .rt2-chips button,
#wrapwrap .rt2-side button,
#wrapwrap.rt-cloud-root header#top .nav-link,
#wrapwrap.rt-cloud-root .rt-foot-main a {
    transition: background-color .28s ease, color .28s ease, border-color .28s ease,
        box-shadow .28s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
}
#wrapwrap a.rt2-btn-p,
#wrapwrap button.rt2-btn-p,
#wrapwrap .rt2-btn-p {
    background: #6d4dff !important; background-color: #6d4dff !important;
    color: #fff !important; border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(109, 77, 255, .26);
}
#wrapwrap a.rt2-btn-p:hover,
#wrapwrap button.rt2-btn-p:hover,
#wrapwrap .rt2-btn-p:hover {
    background: #5846e0 !important; background-color: #5846e0 !important;
    color: #fff !important; transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(88, 70, 224, .32);
}
#wrapwrap a.rt2-btn-g,
#wrapwrap .rt2-btn-g {
    background: #fff !important; background-color: #fff !important;
    color: #2a2444 !important; border-color: #e3e6f0 !important;
}
#wrapwrap a.rt2-btn-g:hover,
#wrapwrap .rt2-btn-g:hover {
    background: #f4f1ff !important; color: #5b4dff !important;
    border-color: #d4ccff !important; transform: translateY(-2px);
}
#wrapwrap .rt2-band a.rt2-btn-p,
#wrapwrap .rt2-band .rt2-btn-p {
    background: #7b6cff !important; background-color: #7b6cff !important;
    color: #fff !important; box-shadow: none;
}
#wrapwrap .rt2-band a.rt2-btn-p:hover,
#wrapwrap .rt2-band .rt2-btn-p:hover {
    background: #fff !important; background-color: #fff !important;
    color: #5846e0 !important; transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(20, 12, 48, .18);
}
#wrapwrap .rt2-band a.rt2-btn-w:hover,
#wrapwrap .rt2-band .rt2-btn-w:hover {
    background: rgba(255, 255, 255, .14) !important; color: #fff !important;
    border-color: #fff !important; transform: translateY(-2px);
}
#wrapwrap .rt-cloud a.rt-btn-glow,
#wrapwrap .rt-cloud button.rt-btn-glow,
#wrapwrap .rt-cloud a.rt-btn-orange,
#wrapwrap .rt-cloud button.rt-btn-orange {
    background: #6d4dff !important; color: #fff !important;
    border-color: transparent !important; border-radius: 999px;
    box-shadow: 0 10px 24px rgba(109, 77, 255, .26);
}
#wrapwrap .rt-cloud a.rt-btn-glow:hover,
#wrapwrap .rt-cloud button.rt-btn-glow:hover,
#wrapwrap .rt-cloud a.rt-btn-orange:hover,
#wrapwrap .rt-cloud button.rt-btn-orange:hover {
    background: #5846e0 !important; color: #fff !important; transform: translateY(-2px);
}
#wrapwrap .rt-cloud a.rt-btn-ghost {
    background: #fff !important; color: #2a2444 !important; border-color: #e3e6f0 !important;
}
#wrapwrap .rt-cloud a.rt-btn-ghost:hover {
    background: #f4f1ff !important; color: #5b4dff !important;
    border-color: #d4ccff !important; transform: translateY(-2px);
}
#wrapwrap.rt-cloud-root header#top a.nav-link[href="/demo"],
#wrapwrap.rt-cloud-root header#top a.nav-link[href$="/demo"],
body:has(.rt-cloud) header#top a.nav-link[href="/demo"],
body:has(.rt-cloud) header#top a.nav-link[href$="/demo"] {
    background: transparent !important; color: #3d355c !important;
    box-shadow: none !important; padding: 0.4rem 0.85rem !important;
}
#wrapwrap.rt-cloud-root header#top a.nav-link[href$="/demo"]:hover,
body:has(.rt-cloud) header#top a.nav-link[href$="/demo"]:hover {
    background: rgba(109, 92, 231, .1) !important; color: #5b4dff !important;
    box-shadow: none !important;
}
#wrapwrap.rt-cloud-root header#top .nav-link:hover {
    background: rgba(109, 92, 231, .1) !important; color: #5b4dff !important;
}
#wrapwrap.rt-cloud-root header#top a.nav-link[href$="/packages/custom"] {
    background: #6d4dff !important; color: #fff !important;
}
#wrapwrap.rt-cloud-root header#top a.nav-link[href$="/packages/custom"]:hover {
    background: #5846e0 !important; color: #fff !important; transform: translateY(-1px);
}
#wrapwrap.rt-cloud-root header a[href*="/web/login"] {
    color: #2a2444 !important; background: #fff !important; border-color: #e3e6f0 !important;
}
#wrapwrap.rt-cloud-root header a[href*="/web/login"]:hover {
    color: #5b4dff !important; border-color: #d4ccff !important; background: #f4f1ff !important;
}
#wrapwrap .rt2-mod:hover,
#wrapwrap .rt2-card:hover,
#wrapwrap .rt2-pack:hover,
#wrapwrap .rt2-ind-card:hover {
    transform: translateY(-4px); border-color: #d9d4ff;
    box-shadow: 0 18px 36px rgba(91, 77, 255, .12);
}
#wrapwrap .rt-news button { color: #fff !important; }
#wrapwrap .rt-news button:hover { background: #5846e0 !important; transform: scale(1.08); }
#wrapwrap footer#bottom .rt-foot-main a:hover,
#wrapwrap.rt-cloud-root .rt-foot-main a:hover { color: #5b4dff !important; }
#wrapwrap .rt2-chips button:hover,
#wrapwrap .rt2-side button:hover {
    border-color: #d4ccff; color: #5b4dff; background: #f4f1ff;
}
#wrapwrap a.rt2-mod,
#wrapwrap a.rt2-card,
#wrapwrap a.rt2-pack,
#wrapwrap a.rt2-ind-card,
#wrapwrap a.rt2-more-wide { color: #1b1633 !important; }
#wrapwrap a.rt2-card em,
#wrapwrap a.rt2-pack em { color: #6d5ce7 !important; }
#wrapwrap a.rt2-mod small,
#wrapwrap a.rt2-card p,
#wrapwrap a.rt2-pack span,
#wrapwrap a.rt2-ind-card span { color: #667085 !important; }

/* Mobile drawer */
@media (max-width: 991.98px) {
    #wrapwrap.rt-cloud-root .o_header_mobile {
        background: rgba(255,255,255,.92) !important;
        backdrop-filter: blur(16px);
    }
    #wrapwrap.rt-cloud-root .o_header_mobile button[data-bs-target="#top_menu_collapse_mobile"] {
        width: 44px; height: 44px; margin-inline-start: 0.35rem;
        border: 0 !important; border-radius: 14px !important;
        background: #f3f0ff !important; box-shadow: none !important;
        display: grid !important; place-items: center; padding: 0 !important;
    }
    #wrapwrap.rt-cloud-root .o_header_mobile .navbar-toggler-icon {
        width: 18px; height: 12px; background-image: none !important;
        background:
            linear-gradient(#1b1633, #1b1633) left top / 18px 1.7px no-repeat,
            linear-gradient(#1b1633, #1b1633) left center / 18px 1.7px no-repeat,
            linear-gradient(#1b1633, #1b1633) left bottom / 11px 1.7px no-repeat !important;
    }
    #wrapwrap.rt-cloud-root .o_header_mobile .o_wsale_my_cart a,
    #wrapwrap.rt-cloud-root .o_header_mobile .o_wsale_my_wish { color: #1b1633 !important; }
    .offcanvas-backdrop,
    .offcanvas-backdrop.show {
        background: rgba(16, 10, 36, .46) !important;
        backdrop-filter: none;
        transition: opacity .16s linear !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile.offcanvas {
        width: min(100vw, 420px) !important;
        background:
            radial-gradient(320px 220px at 100% 0%, rgba(124, 108, 255, .18), transparent 68%),
            #fff !important;
        border: 0 !important;
        box-shadow: 0 30px 80px rgba(20, 12, 48, .22) !important;
        transition: transform .18s cubic-bezier(.22, 1, .36, 1) !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .offcanvas-header {
        align-items: center; justify-content: space-between !important;
        padding: 1.15rem 1.15rem 0.35rem !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .offcanvas-header::before {
        content: ""; width: 46px; height: 34px;
        background: url("/l10n_ir_drak_website/static/src/img/ravitatech-mark.png") center / contain no-repeat;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .btn-close {
        position: relative; z-index: 2;
        width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px;
        margin: 0 !important; padding: 0 !important; opacity: 1 !important; filter: none !important;
        flex: none; border: 1px solid #e4e1f2 !important; border-radius: 50% !important;
        background: #fff !important; background-image: none !important;
        box-shadow: 0 6px 16px rgba(27, 22, 51, .1) !important; color: #1b1633 !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .btn-close::before,
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .btn-close::after {
        content: "" !important; position: absolute; left: 50%; top: 50%;
        width: 16px; height: 2px; border-radius: 2px; background: #1b1633 !important;
        transform-origin: center;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .btn-close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .btn-close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .o_searchbar_form,
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .oe_structure { display: none !important; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .offcanvas-body {
        padding: 0.2rem 0.85rem 1.2rem !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .top_menu { margin: 0 !important; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .nav-item { border: 0 !important; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link {
        color: #1b1633 !important; background: transparent !important;
        box-shadow: none !important; border-radius: 16px !important;
        margin: 0.12rem 0 !important; padding: 0.92rem 0.95rem !important;
        font-size: 1.08rem !important; font-weight: 700 !important;
        display: flex !important; align-items: center; justify-content: space-between;
        transform: none !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link::after {
        content: "‹"; color: #c9c3da; font-weight: 400; font-size: 1.25rem; line-height: 1;
    }
    html[dir="ltr"] #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link::after { content: "›"; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link:hover,
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link:focus {
        background: #f4f1ff !important; color: #5b4dff !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link:hover::after { color: #5b4dff; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link[href="/demo"],
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link[href$="/demo"] {
        background: transparent !important; color: #1b1633 !important; box-shadow: none !important;
        text-align: start; margin: 0.12rem 0 !important;
    }
    #wrapwrap.rt-cloud-root nav.navbar-light #top_menu_collapse_mobile .navbar-nav a.nav-link[href$="/packages/custom"],
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link[href$="/packages/custom"] {
        background: #6d4dff !important; color: #fff !important;
        justify-content: center; margin-top: 0.85rem !important; min-height: 52px;
        box-shadow: 0 12px 28px rgba(109, 77, 255, .28) !important;
    }
    #wrapwrap.rt-cloud-root nav.navbar-light #top_menu_collapse_mobile .navbar-nav a.nav-link[href$="/packages/custom"]::after,
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link[href$="/packages/custom"]::after { content: none; }
    #wrapwrap.rt-cloud-root nav.navbar-light #top_menu_collapse_mobile .navbar-nav a.nav-link[href$="/packages/custom"]:hover,
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a.nav-link[href$="/packages/custom"]:hover {
        background: #5846e0 !important; color: #fff !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .js_language_selector { display: flex !important; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a[href*="/web/login"] {
        display: flex !important; justify-content: center; margin-top: 0.45rem !important;
        border: 1px solid #e6e8f0 !important; border-radius: 16px !important;
        color: #1b1633 !important; background: #fff !important; min-height: 48px;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile a[href*="/web/login"]::after { content: none; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile.show .top_menu > .nav-item {
        animation: none;
        opacity: 1;
    }
}

/* Phone frames: homepage + products. Desktop stays on the rules above. */
.rtm-bar,
.rtm-tab,
.rtm-only { display: none !important; }
.rtm-body,
.rtm-titleline,
.rtm-foot { display: contents; }
.rtm-badge,
.rtm-tags,
.rtm-more { display: none; }

@media (max-width: 820px) {
    .rtm-only { display: block !important; }
    .rtm-actions.rtm-only,
    .rtm-chips.rtm-only,
    .rtm-sort.rtm-only,
    .rtm-pill.rtm-only { display: flex !important; }
    .rtm-featcard.rtm-only { display: grid !important; }

    #wrapwrap.rt-cloud-root {
        background: #f7f8fc !important;
        padding-top: 64px !important;
        padding-bottom: 92px !important;
    }
    #wrapwrap.rt-cloud-root .o_header_mobile {
        height: 0 !important; min-height: 0 !important; padding: 0 !important;
        margin: 0 !important; overflow: visible !important;
        background: transparent !important; box-shadow: none !important;
        backdrop-filter: none !important;
    }
    #wrapwrap.rt-cloud-root .o_header_mobile .o_main_nav {
        min-height: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    #wrapwrap.rt-cloud-root .o_header_mobile .o_main_nav > .d-flex,
    #wrapwrap.rt-cloud-root .o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"] {
        position: absolute !important; width: 1px !important; height: 1px !important;
        overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
    }
    .rt-foot-main, .rt-foot-bar { display: none !important; }
    .rt-foot { background: transparent !important; border: 0 !important; }

    .rtm-bar {
        display: flex !important; direction: ltr;
        position: fixed; top: 0; left: 0; right: 0; z-index: 40;
        height: 64px; align-items: center; justify-content: space-between;
        padding: 0 0.85rem; background: rgba(247, 248, 252, .94);
        backdrop-filter: blur(10px);
    }
    .rtm-brand {
        position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
        display: inline-flex; align-items: center; gap: 0.4rem;
        text-decoration: none !important; color: #1b1633 !important;
    }
    .rtm-brand img { width: 34px; height: 26px; object-fit: contain; }
    .rtm-brand strong { font-size: 1.02rem; letter-spacing: -0.03em; color: #1b1633; }
    .rtm-end { display: inline-flex; align-items: center; gap: 0.4rem; }
    .rtm-ico {
        width: 40px; height: 40px; border-radius: 14px; border: 0; padding: 0;
        background: #fff; box-shadow: 0 6px 16px rgba(27, 22, 51, .06);
        display: grid; place-items: center; color: #1b1633 !important; text-decoration: none !important;
    }
    .rtm-ico svg { width: 18px; height: 18px; display: block; }
    .rtm-burger {
        width: 16px; height: 12px; display: block;
        background:
            linear-gradient(#1b1633, #1b1633) left top / 16px 1.7px no-repeat,
            linear-gradient(#1b1633, #1b1633) left center / 16px 1.7px no-repeat,
            linear-gradient(#1b1633, #1b1633) left bottom / 10px 1.7px no-repeat;
    }

    .rtm-tab {
        display: flex !important; direction: rtl;
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
        height: 74px; margin: 0; padding: 0.35rem 0.4rem calc(0.35rem + env(safe-area-inset-bottom));
        background: #fff; border-top: 1px solid #eceef5;
        box-shadow: 0 -8px 24px rgba(27, 22, 51, .05);
        align-items: end; justify-content: space-around;
    }
    .rtm-tab a, .rtm-tab button {
        flex: 1; border: 0; background: transparent; padding: 0;
        display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
        gap: 0.2rem; min-height: 52px; color: #98a2b3 !important;
        font-size: 0.68rem; font-weight: 700; text-decoration: none !important; line-height: 1;
    }
    .rtm-tab svg { width: 22px; height: 22px; display: block; }
    .rtm-tab a.is-on { color: #6d4dff !important; }
    .rtm-tab-mid { position: relative; }
    .rtm-tab-orb {
        width: 54px; height: 54px; border-radius: 50%; background: #6d4dff;
        display: grid; place-items: center; margin-top: -28px;
        box-shadow: 0 10px 22px rgba(109, 77, 255, .35);
    }
    .rtm-tab-mid > span:last-child { color: #6d4dff; }

    .rt2-hero { padding: 0.35rem 0 0.2rem !important; background: #f7f8fc !important; }
    .rt2-hero-grid { display: flex !important; flex-direction: column !important; gap: 0.85rem !important; }
    .rt2-hero-copy { display: contents !important; }
    .rtm-pill {
        align-self: flex-start; align-items: center; gap: 0.35rem; order: 0;
        width: auto; margin: 0 0 0.15rem; padding: 0.28rem 0.7rem;
        border-radius: 999px; background: #efeaff; color: #5b4dff;
        font-size: 0.75rem; font-weight: 700;
    }
    .rt2-hero .rtm-pill { direction: ltr; }
    .rtm-pill svg { width: 14px; height: 14px; }
    .rt2-hero h1 { order: 1; font-size: 1.85rem !important; text-align: start; margin: 0 !important; }
    .rt2-hero h1 span { color: #6d4dff !important; }
    .rt2-hero-copy > p { order: 2; text-align: start; margin: 0.35rem 0 0 !important; font-size: 0.92rem; }
    .rt2-hero-copy > p.rtd-lead { display: none !important; }
    .rt2-hero-actions, .rt2-trust { display: none !important; }
    .rtm-actions {
        order: 3; width: 100%; gap: 0.55rem; margin: 0.15rem 0 0;
        direction: ltr;
    }
    .rtm-actions .rt2-btn {
        flex: 1; width: auto !important; min-height: 48px; border-radius: 999px;
        font-size: 0.88rem; padding-inline: 0.7rem; direction: ltr;
    }
    .rtm-actions svg { width: 16px; height: 16px; flex: none; }
    .rtm-featcard {
        order: 4; direction: ltr;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem; margin: 0; padding: 0.85rem 0.65rem; list-style: none;
        background: #fff; border-radius: 22px; border: 1px solid #eceef5;
        box-shadow: 0 10px 28px rgba(28, 23, 51, .05);
    }
    .rtm-featcard li {
        display: grid; grid-template-columns: 32px minmax(0, 1fr);
        grid-template-areas: "ico title" "ico sub";
        column-gap: 0.35rem; align-items: center; direction: ltr; text-align: right;
    }
    .rtm-featcard span {
        grid-area: ico; width: 32px; height: 32px; border-radius: 12px; background: #f4f1ff;
        display: grid; place-items: center; margin: 0;
    }
    .rtm-featcard svg { width: 16px; height: 16px; }
    .rtm-featcard b { grid-area: title; font-size: 0.68rem; color: #1b1633; line-height: 1.35; text-align: right; }
    .rtm-featcard small { grid-area: sub; font-size: 0.58rem; color: #8b93a7; line-height: 1.35; text-align: right; }
    .rt2-stage { order: 5; width: 100%; }
    .rt2-mods, .rt2-packs, .rt2-demo, .rt2-ind, .rt2-band, .rt2-more { display: none !important; }

    .rtm-biz { padding: 0.4rem 0 0.2rem; }
    .rtm-biz .rt2-wrap { display: flex; flex-direction: column; align-items: center; }
    .rtm-biz .rtm-pill { display: inline-flex !important; align-self: center; }
    .rtm-biz h2 {
        margin: 0.45rem 0 0.25rem; font-size: 1.35rem; font-weight: 800;
        color: #1b1633 !important; text-align: center;
    }
    .rtm-biz p { margin: 0 0 0.8rem; color: #667085 !important; text-align: center; font-size: 0.88rem; max-width: 34rem; }
    .rtm-biz-grid { display: grid; direction: ltr; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; width: 100%; }
    .rtm-biz-grid a {
        min-height: 78px; border-radius: 16px; background: #fff; border: 1px solid #eceef5;
        display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.28rem;
        color: #3d355c !important; text-decoration: none !important; font-weight: 700; position: relative;
        font-size: 0.68rem; padding: 0.4rem 0.15rem;
    }
    .rtm-biz-grid svg { width: 20px; height: 20px; }
    .rtm-biz-grid a.is-on { border-color: #6d4dff; color: #5b4dff !important; box-shadow: 0 0 0 1px #6d4dff; }
    .rtm-biz-grid a.is-on > i {
        position: absolute; top: 6px; right: 6px; left: auto;
        width: 16px; height: 16px; border-radius: 50%; background: #6d4dff;
    }
    .rtm-biz-grid a.is-on > i::after {
        content: ""; position: absolute; left: 5px; top: 3px; width: 4px; height: 7px;
        border: solid #fff; border-width: 0 1.6px 1.6px 0; transform: rotate(45deg);
    }
    .rtm-promo {
        display: flex !important; direction: ltr; align-items: center; gap: 0.7rem;
        width: calc(100% - 1.25rem); margin: 0.85rem auto 0.4rem; padding: 0.9rem;
        border-radius: 22px; text-decoration: none !important;
        background: linear-gradient(135deg, #f3efff, #f8f6ff);
        border: 1px solid #e6e0ff;
    }
    .rtm-cubes { width: 42%; flex: none; }
    .rtm-cubes svg { width: 100%; height: auto; display: block; }
    .rtm-promo-copy { direction: rtl; display: flex; flex-direction: column; gap: 0.3rem; text-align: start; }
    .rtm-promo-copy b { color: #1b1633; font-size: 1rem; line-height: 1.45; }
    .rtm-promo-copy small { color: #667085; font-size: 0.75rem; line-height: 1.6; }
    .rtm-promo-copy em { color: #6d4dff !important; font-style: normal; font-weight: 700; font-size: 0.86rem; direction: ltr; text-align: right; }
    .rtm-promo-copy em::before { content: "→ "; }

    .rt2-phero { padding-top: 0.2rem !important; }
    .rt2-phero-grid {
        display: flex !important; flex-direction: row !important; direction: ltr;
        align-items: center !important; gap: 0.55rem !important;
    }
    .rt2-phero-grid > * { direction: rtl; }
    .rt2-phero .rt2-stage { display: none !important; }
    .rtm-hero-art { width: 42%; flex: none; display: block !important; }
    .rtm-hero-art svg { width: 100%; height: auto; display: block; }
    .rt2-phero-copy { order: 1 !important; flex: 1; min-width: 0; }
    .rt2-phero .rt2-kicker, .rt2-phero .rtd-title, .rt2-pills { display: none !important; }
    .rt2-phero .rtm-title { display: block !important; font-size: 1.15rem !important; margin: 0.35rem 0 0.3rem !important; text-align: start; }
    .rt2-phero .rtm-title span {
        display: block;
        background: linear-gradient(90deg, #3aa0ff, #6d4dff);
        -webkit-background-clip: text; background-clip: text;
        color: transparent !important;
    }
    .rt2-phero-copy > p { font-size: 0.78rem; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .rt2-float { display: none !important; }

    .rt2-catalog { padding-top: 0.6rem !important; }
    .rt2-tools { gap: 0.55rem !important; }
    .rt2-tools input {
        border-radius: 16px !important; min-height: 48px !important; text-align: right;
        background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6' fill='none' stroke='%2398a2b3' stroke-width='1.8'/%3E%3Cpath d='M16 16l4 4' fill='none' stroke='%2398a2b3' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") left 12px center / 18px 18px no-repeat !important;
        padding-left: 2.4rem !important;
    }
    .rtm-deskchips { display: none !important; }
    .rtm-chips { flex-wrap: nowrap !important; overflow-x: auto; gap: 0.4rem; padding-bottom: 0.15rem; }
    .rtm-chips button { flex: none; min-height: 34px; background: #f3f1f8 !important; border-color: transparent !important; color: #3d355c !important; }
    .rtm-chips button.is-on { background: #6d4dff !important; color: #fff !important; border-color: #6d4dff !important; }
    .rtm-sort { justify-content: space-between; align-items: center; width: 100%; color: #667085; font-size: 0.8rem; }
    .rtm-sort span, .rtm-sort button {
        display: inline-flex !important; align-items: center; gap: 0.35rem;
        min-height: 40px; padding: 0 0.75rem; border-radius: 999px;
        background: #fff !important; border: 1px solid #ece8f8 !important;
        color: #3d355c !important; font-weight: 700; box-shadow: 0 6px 16px rgba(28, 23, 51, .04);
    }
    .rtm-sort b { color: #1b1633; font-weight: 700; }
    .rtm-sort span::before, .rtm-sort button::before {
        content: ""; width: 14px; height: 14px; flex: none;
        background: center / contain no-repeat;
    }
    .rtm-sort span::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7l4-4 4 4M8 17l4 4 4-4' fill='none' stroke='%233d355c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .rtm-sort span::after, .rtm-sort button::after {
        content: ""; width: 8px; height: 8px; flex: none;
        border-right: 1.6px solid #3d355c; border-bottom: 1.6px solid #3d355c;
        transform: rotate(45deg) translateY(-2px);
    }
    .rtm-sort button::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4' fill='none' stroke='%233d355c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    .rt2-cards { grid-template-columns: 1fr !important; gap: 0.7rem !important; }
    .rt2-card {
        display: grid !important; grid-template-columns: 52px minmax(0, 1fr);
        grid-template-areas: "ico copy" "tags tags" "foot foot";
        gap: 0.45rem 0.7rem; min-height: 0 !important; padding: 0.9rem !important; border-radius: 22px !important;
        align-items: start;
    }
    .rt2-card .rt2-ico { grid-area: ico; width: 52px !important; height: 52px !important; border-radius: 16px !important; }
    .rt2-card .rt2-ico::after { width: 26px !important; height: 26px !important; }
    .rtm-body { display: block; grid-area: copy; min-width: 0; }
    .rtm-titleline { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; }
    .rt2-card b { font-size: 1rem; }
    .rtm-badge {
        display: inline-flex; align-items: center; flex: none;
        background: #fff4e5; color: #e39b12; border-radius: 999px;
        padding: 0.12rem 0.45rem; font-size: 0.68rem; font-style: normal; font-weight: 700;
    }
    .rt2-card p {
        display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; margin: 0.2rem 0 0; font-size: 0.78rem !important;
    }
    .rtm-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; grid-area: tags; }
    .rtm-tags i {
        font-style: normal; background: #f3f0ff; color: #5b4dff; border-radius: 999px;
        padding: 0.22rem 0.55rem; font-size: 0.68rem; font-weight: 700;
        display: inline-flex; align-items: center; gap: 0.25rem;
    }
    .rtm-tags i::before {
        content: ""; width: 11px; height: 11px; flex: none; background: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 19V5h2v10l4-3 4 3 4-5 2 1.2V19z'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 19V5h2v10l4-3 4 3 4-5 2 1.2V19z'/%3E%3C/svg%3E") center / contain no-repeat;
    }
    .rtm-foot { display: flex; grid-area: foot; align-items: center; justify-content: space-between; gap: 0.5rem; }
    .rtm-more { display: inline-flex; align-items: center; gap: 0.28rem; color: #98a2b3; font-size: 0.78rem; font-weight: 700; }
    .rtm-more::after {
        content: ""; width: 0; height: 0;
        border-left: 4px solid transparent; border-right: 4px solid transparent;
        border-top: 5px solid #98a2b3;
    }
    #wrapwrap a.rt2-card .rtm-foot em {
        display: inline-flex; align-items: center; justify-content: center; direction: ltr;
        margin: 0 !important; min-height: 36px; padding: 0 0.85rem; border-radius: 999px;
        background: #6d4dff !important; color: #fff !important; font-size: 0.78rem;
    }
    #wrapwrap a.rt2-card .rtm-foot em::after { content: "→" !important; color: #fff !important; margin-inline-start: 0.35rem; }

    #wrapwrap footer#bottom .rtm-brand,
    #wrapwrap footer#bottom .rtm-brand strong,
    #wrapwrap footer#bottom .rtm-bar a {
        color: #1b1633 !important; background: transparent !important;
    }
    #wrapwrap footer#bottom .rtm-brand { display: inline-flex !important; }
    #wrapwrap.rt-cloud-root header.rtm-bar a.rtm-ico,
    #wrapwrap footer#bottom header.rtm-bar a.rtm-ico {
        display: grid !important; width: 40px !important; height: 40px !important;
        background: #fff !important; color: #1b1633 !important;
        border: 0 !important; padding: 0 !important;
    }
    #wrapwrap footer#bottom .rtm-tab a,
    #wrapwrap footer#bottom .rtm-tab button {
        display: flex !important; flex-direction: column !important;
        color: #98a2b3 !important; background: transparent !important;
    }
    #wrapwrap footer#bottom .rtm-tab a.is-on,
    #wrapwrap footer#bottom .rtm-tab a.rtm-tab-mid > span:last-child {
        color: #6d4dff !important;
    }
}

/* Product detail — desktop: dashboard left, copy right. Mobile flips. */
.rt-cloud:has(.rtpd) .rt-plan-more { display: none !important; }
.rtpd { padding: 1.2rem 0 4rem; background: linear-gradient(180deg, #f7f5ff 0%, #fff 280px); }
.rtpd-top { display: flex; flex-direction: column; align-items: flex-start; gap: 0.55rem; margin-bottom: 1.1rem; }
#wrapwrap a.rtpd-back {
    display: inline-flex !important; align-items: center; direction: ltr;
    min-height: 34px; padding: 0 0.85rem; border-radius: 999px;
    background: #fff !important; color: #3d355c !important;
    border: 1px solid #ece8f6; font-size: 0.82rem; text-decoration: none !important;
}
#wrapwrap a.rtpd-back::before { content: "←"; margin-right: 0.35rem; color: #6d4dff; }
.rtpd-pill {
    display: inline-flex; align-items: center; gap: 0.35rem; direction: ltr;
    min-height: 32px; padding: 0 0.8rem; border-radius: 999px;
    background: #f3f0ff; color: #5b4dff; font-size: 0.78rem; font-weight: 600;
}
.rtpd-pill::before { content: "✦"; font-size: 0.72rem; }
.rtpd-hero {
    display: grid; direction: ltr; align-items: center;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    grid-template-areas:
        "stage copy"
        "stage price"
        "stage actions"
        "stage perks";
    column-gap: 1.6rem; row-gap: 0.85rem;
}
.rtpd-hero > * { min-width: 0; }
.rtpd-stage { grid-area: stage; position: relative; direction: rtl; align-self: center; padding: 0.2rem 0 1.4rem 7.6rem; }
.rtpd-stage .rt2-screen { min-height: 320px; width: 100%; grid-template-columns: 52px minmax(0, 1fr) 0; }
.rtpd-stage .rt2-screen-feed { display: none; }
.rtpd-float {
    position: absolute; left: 0; z-index: 3; display: flex; align-items: center; gap: 0.4rem;
    width: 6.6rem; min-height: 44px; padding: 0.3rem 0.55rem; border-radius: 14px;
    background: #fff; border: 1px solid #efeaff;
    box-shadow: 0 10px 24px rgba(62, 40, 140, .1);
    color: #1b1633; font-size: 0.78rem;
}
.rtpd-float b { font-weight: 700; }
.rtpd-float.is-a { top: 8%; }
.rtpd-float.is-b { top: 36%; }
.rtpd-float.is-c { top: 64%; }
.rtpd-float .rt2-ico { width: 28px; height: 28px; border-radius: 9px; flex: none; }
.rtpd-note {
    position: absolute; left: 0.15rem; bottom: 0; z-index: 3; max-width: 7rem;
    color: #6d4dff; font-style: normal; font-size: 0.78rem; transform: rotate(-8deg);
}
.rtpd-copy { grid-area: copy; direction: rtl; align-self: end; }
.rtpd-copy h1, #wrapwrap .rt-cloud .rtpd h1 {
    margin: 0 0 0.7rem; color: #1b1633 !important; font-size: 2.35rem; line-height: 1.25; font-weight: 800;
}
.rtpd-copy h1 span {
    display: block; color: #5b4dff !important;
    background: linear-gradient(90deg, #3aa0ff, #6d4dff); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
#wrapwrap .rt-cloud .rtpd-copy > p { color: #5c5672 !important; font-size: 0.98rem; line-height: 1.9; margin: 0 0 1.1rem; }
.rtpd-offer { grid-area: price; direction: rtl; align-self: stretch; }
.rtpd-offer .rt-terms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; margin: 0 0 0.55rem; }
.rtpd-offer .rt-term {
    display: grid; gap: 0.1rem; min-width: 0; padding: 0.45rem 0.4rem; border-radius: 14px;
    background: #fff; border: 1px solid #ece8f6; cursor: pointer; text-align: center;
}
.rtpd-offer .rt-term input { position: absolute; opacity: 0; pointer-events: none; }
.rtpd-offer .rt-term b { color: #1b1633; font-size: 0.72rem; }
.rtpd-offer .rt-term span { color: #5c5672; font-size: 0.68rem; }
.rtpd-offer .rt-term em { color: #6d4dff; font-style: normal; font-size: 0.64rem; font-weight: 700; }
.rtpd-offer .rt-term.is-on { border-color: #6d4dff; box-shadow: 0 0 0 1px #6d4dff; background: #f7f4ff; }
.rtpd-offer .rtpd-price { margin: 0; font-size: 1.35rem; font-weight: 800; color: #1b1633; line-height: 1.2; }
.rtpd-offer .rtpd-price span { display: block; margin-top: 0.15rem; font-size: 0.78rem; font-weight: 600; color: #6b657f; }
.rtpd-actions { grid-area: actions; display: flex; direction: ltr; gap: 0.7rem; align-items: center; align-self: center; }
#wrapwrap a.rtpd-btn, #wrapwrap button.rtpd-btn, .rtpd-btn {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 0.45rem;
    direction: ltr; min-height: 48px; padding: 0 1.15rem; border-radius: 999px;
    border: 0; font-weight: 700; font-size: 0.92rem; text-decoration: none !important;
    cursor: pointer; transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}
#wrapwrap a.rtpd-btn-p, #wrapwrap button.rtpd-btn-p, .rtpd-btn-p {
    background: #6d4dff !important; color: #fff !important;
    box-shadow: 0 10px 22px rgba(109, 77, 255, .28);
}
#wrapwrap a.rtpd-btn-g, .rtpd-btn-g {
    background: #fff !important; color: #2a2444 !important; border: 1px solid #e4dff5 !important;
}
#wrapwrap a.rtpd-btn:hover, #wrapwrap button.rtpd-btn:hover { transform: translateY(-2px); }
#wrapwrap a.rtpd-btn-p:hover, #wrapwrap button.rtpd-btn-p:hover { background: #5846e0 !important; }
.rtpd-btn svg { width: 18px; height: 18px; flex: none; }
.rtpd-perks { grid-area: perks; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); direction: ltr; gap: 0.35rem; list-style: none; margin: 0; padding: 0; align-self: start; }
.rtpd-perks li {
    display: flex; direction: rtl; align-items: center; gap: 0.4rem; min-width: 0;
    padding: 0.35rem 0.15rem; border-inline-start: 1px solid #ece8f6;
}
.rtpd-perks li:first-child { border-inline-start: 0; }
.rtpd-perks span {
    width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; flex: none;
    background: #f3f0ff;
}
.rtpd-perks svg { width: 20px; height: 20px; }
.rtpd-perks b, .rtpd-perks small { display: block; }
.rtpd-perks b { color: #1b1633; font-size: 0.82rem; }
.rtpd-perks small { color: #7a748e; font-size: 0.72rem; }
.rtpd-tabs {
    display: flex; direction: rtl; gap: 0.25rem; margin: 1.6rem 0 1.2rem;
    padding: 0.35rem; border-radius: 999px; background: #f4f2fb; overflow: auto;
}
.rtpd-tabs button {
    flex: 1 0 auto; min-height: 42px; padding: 0 0.9rem; border: 0; border-radius: 999px;
    background: transparent; color: #6b657f; font-weight: 600; cursor: pointer;
}
.rtpd-tabs button.is-on { color: #6d4dff; background: transparent; box-shadow: inset 0 -2px 0 #6d4dff; }
.rtpd-showcase { display: none; }
.rtpd-intro {
    display: grid; direction: ltr; grid-template-columns: 0.82fr 1.15fr 0.62fr;
    gap: 1.2rem; align-items: center;
}
.rtpd-intro-copy { direction: rtl; }
#wrapwrap .rt-cloud .rtpd h2 { color: #1b1633 !important; font-size: 1.55rem; line-height: 1.45; margin: 0.45rem 0 0.6rem; }
#wrapwrap .rt-cloud .rtpd-intro-copy p { color: #5c5672 !important; line-height: 1.9; }
#wrapwrap button.rtpd-more, .rtpd-more {
    display: inline-flex; align-items: center; gap: 0.35rem; direction: ltr;
    margin-top: 0.8rem; padding: 0; border: 0; background: transparent; color: #6d4dff;
    font-weight: 700; cursor: pointer;
}
.rtpd-more::after { content: "→"; }
.rtpd-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; direction: ltr; }
.rtpd-cards article {
    display: flex; direction: rtl; align-items: center; gap: 0.65rem;
    min-height: 72px; padding: 0.75rem 0.9rem; border-radius: 16px;
    background: #fff; border: 1px solid #efeaff;
    box-shadow: 0 8px 20px rgba(62, 40, 140, .05);
}
.rtpd-cards article > span {
    width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; flex: none;
    background: #f3f0ff; color: #6d4dff;
}
.rtpd-cards svg { width: 18px; height: 18px; }
.rtpd-cards b { display: block; color: #1b1633; font-size: 0.88rem; }
.rtpd-cards small { display: none; }
.rtpd-side svg { width: 100%; height: auto; }
.rtpd-list ul, .rtpd-faq, .rtpd-steps { display: grid; gap: 0.7rem; }
.rtpd-list li, .rtpd-faq article, .rtpd-steps article {
    background: #fff; border: 1px solid #efeaff; border-radius: 16px; padding: 0.9rem 1rem;
}
.rtpd-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rtpd-steps em {
    display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
    background: #f3f0ff; color: #6d4dff; font-style: normal; font-weight: 700;
}
.rtpd-pricebox { max-width: 720px; }
.rtpd-price { font-size: 1.6rem; color: #1b1633; }
.rtpd-price span { display: block; font-size: 0.9rem; color: #6b657f; }
.rtpd .rt-terms { display: flex; flex-wrap: wrap; gap: 0.55rem; margin: 0.8rem 0 1rem; }
.rtpd .rt-term {
    display: grid; min-width: 140px; padding: 0.7rem 0.85rem; border-radius: 16px;
    background: #fff; border: 1px solid #ece8f6; cursor: pointer;
}
.rtpd .rt-term input { position: absolute; opacity: 0; }
.rtpd .rt-term.is-on { border-color: #6d4dff; box-shadow: 0 0 0 1px #6d4dff; }
.rtpd-band { margin-top: 2rem; }
.rtpd-band .rt2-wrap {
    position: relative; text-align: center; direction: rtl;
    padding: 2rem 1.4rem; border-radius: 28px;
    background: linear-gradient(180deg, #f4f1ff, #fbfaff);
}
.rtpd-band .rtpd-pill { position: absolute; top: 1.1rem; inset-inline-end: 1.2rem; }
.rtpd-buybar { display: none; }
#rtpd-buy { display: none; }

@media (max-width: 980px) {
    .rtpd-hero {
        direction: ltr;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        grid-template-areas:
            "copy stage"
            "price price"
            "actions actions"
            "perks perks";
        column-gap: 0.7rem; row-gap: 0.9rem;
    }
    .rtpd-actions { direction: rtl; }
    .rtpd-actions .rtpd-btn { flex: 1 1 0; min-width: 0; white-space: nowrap; }
    .rtpd-stage { padding: 0; overflow: hidden; align-self: start; }
    .rtpd-stage .rt2-screen { min-height: 210px; grid-template-columns: 34px minmax(0, 1fr) 0; }
    .rtpd-float, .rtpd-note { display: none; }
    .rtpd-copy { align-self: center; }
    .rtpd-copy h1, #wrapwrap .rt-cloud .rtpd h1 { font-size: 1.45rem; }
    #wrapwrap .rt-cloud .rtpd-copy > p { font-size: 0.84rem; line-height: 1.75; margin-bottom: 0; }
    .rtpd-showcase { display: block; margin: 0.4rem 0 1.2rem; overflow: hidden; }
    .rtpd-showcase .rt2-screen { min-height: 260px; width: 100%; }
    .rtpd-intro { display: flex; flex-direction: column; align-items: stretch; direction: rtl; }
    .rtpd-intro-copy { text-align: center; }
    .rtpd-intro-copy .rtpd-pill { align-self: center; }
    .rtpd-side { display: none; }
    .rtpd-more { align-self: center; }
    .rtpd-band { display: none; }
    .rtpd-steps { grid-template-columns: 1fr; }
    .rtpd-buybar {
        display: flex; direction: rtl; align-items: center; gap: 0.7rem;
        position: fixed; z-index: 40; left: 12px; right: 12px; bottom: 12px;
        padding: 0.55rem 0.6rem 0.55rem 0.55rem; border-radius: 22px;
        background: #fff; border: 1px solid #efeaff;
        box-shadow: 0 12px 32px rgba(40, 30, 80, .14);
    }
    .rtpd-buybar .rt2-ico { width: 42px; height: 42px; border-radius: 14px; flex: none; }
    .rtpd-buybar span { display: grid; min-width: 0; }
    .rtpd-buybar b { color: #1b1633; font-size: 0.86rem; }
    .rtpd-buybar small { color: #7a748e; font-size: 0.72rem; }
    .rtpd-buybar .rtpd-btn { margin-inline-start: auto; min-height: 44px; padding: 0 0.9rem; }
    body:has(.rtpd) #wrapwrap footer#bottom .rt-foot-main,
    body:has(.rtpd) #wrapwrap footer#bottom .rt-foot-bar,
    body:has(.rtpd) #wrapwrap footer#bottom .rtm-tab { display: none !important; }
    .rtpd { padding-bottom: 6.2rem; }
}
@media (max-width: 640px) {
    .rtpd-hero { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); }
    .rtpd-actions { flex-wrap: nowrap; }
    .rtpd-btn, #wrapwrap a.rtpd-btn, #wrapwrap button.rtpd-btn { min-height: 44px; padding: 0 0.55rem; font-size: 0.72rem; }
    .rtpd-perks b { font-size: 0.72rem; line-height: 1.35; }
    .rtpd-perks small { display: block; font-size: 0.64rem; }
    .rtpd-cards { gap: 0.45rem; }
    .rtpd-cards article { min-height: 58px; padding: 0.55rem 0.6rem; }
    .rtpd-cards b { font-size: 0.75rem; }
    .rtpd-offer .rt-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* v87 — one home tab, flush bar, no extra footer band */
@media (max-width: 820px) {
    html, body, #wrapwrap.rt-cloud-root, #wrap.rt-cloud {
        overflow-x: clip !important;
    }
    #wrapwrap.rt-cloud-root {
        background: #f7f8fc !important;
        padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    }
    #wrapwrap.rt-cloud-root header#top { display: none !important; }
    #wrapwrap.rt-cloud-root footer#bottom,
    #wrapwrap.rt-cloud-root footer#bottom.o_colored_level,
    #wrapwrap.rt-cloud-root .o_footer,
    #wrapwrap.rt-cloud-root .rt-foot,
    #wrapwrap.rt-cloud-root .o_footer_copyright {
        background: #f7f8fc !important;
        background-color: #f7f8fc !important;
        background-image: none !important;
        color: inherit !important;
        border: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
    }
    .rt-foot-cta, .rt-foot-main, .rt-foot-bar, .o_footer_copyright { display: none !important; }

    .rtm-bar, .rtm-tab {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    .rtm-tab {
        bottom: 0 !important;
        justify-content: space-evenly !important;
        padding: 0.4rem 0 calc(0.35rem + env(safe-area-inset-bottom)) !important;
        gap: 0 !important;
    }
    .rtm-tab-mid, .rtm-tab-orb { display: none !important; }

    .rt2-tools {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
    }
    .rt2-tools input,
    .rt2-tools input[data-rt-search] {
        flex: none !important;
        align-self: stretch !important;
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 2.7rem 0 0.95rem !important;
        border-radius: 14px !important;
        line-height: 48px !important;
    }
}


/* v88 — kill the orange blob and the white gap under the catalog */
@media (max-width: 860px) {
    body:has(.rt-cloud) {
        background: #f7f8fc !important;
        padding-bottom: 0 !important;
    }
    body:has(.rt-cloud) #wrapwrap,
    body:has(.rt-cloud) #wrap,
    body:has(.rt-cloud) main,
    #wrapwrap.rt-cloud-root,
    #wrap.rt-cloud,
    .rt2-catalog,
    .rt-units {
        background: #f7f8fc !important;
        background-image: none !important;
    }
    body:has(.rt-cloud) #wrapwrap {
        padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
    }
}


/* v91 — product page: full-width terms, price and buy button on the left, tidy perks */
@media (max-width: 860px) {
    .rtpd-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "copy"
            "stage"
            "price"
            "actions"
            "perks" !important;
    }
    .rtpd-offer,
    .rtpd-offer .rt-terms {
        width: 100% !important;
        max-width: none !important;
    }
    .rtpd-offer .rt-terms {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 0.5rem !important;
    }
    .rtpd-offer .rt-term {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }
    .rtpd-offer .rtpd-price,
    .rtpd-offer .rtpd-price span {
        text-align: left !important;
        direction: ltr;
    }
    .rtpd-perks {
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        direction: ltr !important;
        gap: 0.4rem !important;
        align-items: stretch !important;
    }
    .rtpd-perks li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        direction: rtl;
        gap: 0.28rem !important;
        min-width: 0 !important;
        padding: 0.55rem 0.3rem !important;
        border: 0 !important;
        border-radius: 14px;
        background: #fff;
    }
    .rtpd-perks b,
    .rtpd-perks small {
        display: block !important;
        width: 100%;
        margin: 0;
        text-align: center !important;
        line-height: 1.35 !important;
        overflow-wrap: normal;
        word-break: keep-all;
    }
    .rtpd-perks b { font-size: 0.72rem !important; }
    .rtpd-perks small { font-size: 0.62rem !important; }
    .rtpd-buybar {
        direction: ltr !important;
        justify-content: flex-start !important;
    }
    .rtpd-buybar .rtpd-btn {
        order: -1;
        margin: 0 auto 0 0 !important;
    }
    .rtpd-buybar > span {
        order: 1;
        text-align: right;
        margin-left: 0.4rem;
    }
    .rtpd-buybar .rt2-ico { order: 2; }
}


/* v92 — detail row, package dashboards stay readable, header icons */
@media (max-width: 860px) {
    body:has(.rt-cloud) header#top {
        display: block !important;
        position: absolute !important;
        top: 0; left: 0; right: 0;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        z-index: 80;
        pointer-events: none;
    }
    body:has(.rt-cloud) header#top nav:not(.o_header_mobile) { display: none !important; }
    body:has(.rt-cloud) header#top .o_header_mobile {
        display: block !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: none;
    }
    body:has(.rt-cloud) header#top .o_header_mobile .o_main_nav,
    body:has(.rt-cloud) header#top .o_header_mobile > button { display: none !important; }
    body:has(.rt-cloud) #top_menu_collapse_mobile { pointer-events: auto; }
    html, body, #wrapwrap.rt-cloud-root { overflow-x: visible !important; }
    #wrap.rt-cloud { overflow-x: clip !important; }

    .rtpd-top {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0.55rem !important;
        flex-wrap: nowrap !important;
    }
    .rtpd-top .rtpd-back { flex: none; }
    .rtpd-top .rtpd-pill { margin: 0 0 0 auto !important; }

    .rtm-find {
        position: fixed; inset: 0; z-index: 80;
        display: flex; align-items: flex-start; justify-content: center;
        padding: 4.6rem 0.8rem 1rem;
    }
    .rtm-find[hidden] { display: none !important; }
    .rtm-find-bg {
        position: absolute; inset: 0; border: 0; padding: 0;
        background: rgba(20, 16, 40, .35);
    }
    .rtm-find-card {
        position: relative; width: min(440px, 100%);
        background: #fff; border-radius: 18px; padding: 0.75rem;
        box-shadow: 0 16px 40px rgba(27, 22, 51, .16);
    }
    .rtm-find input {
        width: 100%; height: 48px; border-radius: 12px;
        border: 1px solid #e4e7f2; padding: 0 0.9rem; text-align: right;
    }
    .rtm-find-list { max-height: 50vh; overflow: auto; margin-top: 0.45rem; }
    .rtm-find-list a {
        display: block; padding: 0.72rem 0.35rem; color: #1b1633 !important;
        text-decoration: none !important; border-bottom: 1px solid #f3f1f8;
        text-align: right; font-weight: 700;
    }
    .rtm-find-list a.is-out { display: none !important; }
}


/* v93 — let the mobile menu leave the hidden header */
@media (max-width: 860px) {
    #wrapwrap.rt-cloud-root header#top {
        display: block !important;
        position: absolute !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        z-index: 80;
        pointer-events: none;
    }
    #wrapwrap.rt-cloud-root header#top nav:not(.o_header_mobile) { display: none !important; }
    #wrapwrap.rt-cloud-root header#top .o_header_mobile {
        display: block !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: none;
        padding: 0 !important;
    }
    #wrapwrap.rt-cloud-root header#top .o_main_nav,
    #wrapwrap.rt-cloud-root header#top .o_header_mobile > button { display: none !important; }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile { pointer-events: auto; }
    #wrapwrap.rt-cloud-root { overflow: visible !important; }
}


/* v94 — offcanvas lives inside the mobile nav, so that box must stay in the tree */
@media (max-width: 860px) {
    #wrapwrap.rt-cloud-root header#top .o_main_nav {
        display: block !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    #wrapwrap.rt-cloud-root header#top .o_main_nav > :not(#top_menu_collapse_mobile) {
        display: none !important;
    }
}


/* v95 — mobile menu wide enough to read */
@media (max-width: 860px) {
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile.show {
        width: min(20rem, 86vw) !important;
        max-width: 86vw !important;
        height: 100dvh !important;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile .navbar-nav a {
        white-space: normal;
    }
}


/* v96 — stop Android RTL from scrolling sideways */
@media (max-width: 860px) {
    html {
        overflow-x: clip !important;
        max-width: 100% !important;
    }
    body > .rtm-bar,
    body > .rtm-tab {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* v97 — Android: closed menu and chip row must not widen the page */
@media (max-width: 860px) {
    html {
        overflow-x: clip !important;
        max-width: 100% !important;
    }
    #wrap.rt-cloud,
    .rt2-catalog,
    .rt2-wrap,
    .rtm-chips {
        max-width: 100%;
    }
    #wrapwrap.rt-cloud-root #top_menu_collapse_mobile:not(.show) {
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        left: 0 !important;
        right: auto !important;
        visibility: hidden !important;
    }
}

/* Auth, setup, review, about, builder */
body:has(.rt-auth-brand) { background: #f6f7fb !important; min-height: 100vh; }
body:has(.rt-auth-brand) .rt-auth-pane { max-width: none !important; width: auto; display: flex; align-items: center; justify-content: center; padding: 1.5rem 1rem 2rem; }
body:has(.rt-auth-brand) .rt-auth-pane > .card { width: min(460px, 100%); max-width: 460px !important; background: transparent !important; box-shadow: none !important; }
body:has(.rt-auth-brand) .rt-auth-pane .border-bottom,
body:has(.rt-auth-brand) .rt-auth-pane .border-top,
body:has(.rt-auth-brand) .o_database_list > .card-body > .text-center.small { display: none !important; }
body:has(.rt-auth-brand) header#top, body:has(.rt-auth-brand) .rtm-bar, body:has(.rt-auth-brand) .rtm-tab { display: none !important; }
.rt-auth-brand {
    display: none;
}
@media (min-width: 981px) {
    main:has(> .rt-auth-brand) {
        display: grid !important; grid-template-columns: 1.05fr 0.95fr; direction: ltr;
        min-height: 100vh; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
    }
    main:has(> .rt-auth-brand) > .rt-auth-brand { grid-column: 1; min-height: 100vh; }
    main:has(> .rt-auth-brand) > .rv-login-shell { grid-column: 2; direction: rtl; min-height: 100vh; margin: 0; }
    .rt-auth-brand {
        display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh;
        padding: 2rem 2.4rem; color: #fff;
        background: radial-gradient(1200px 600px at 20% 80%, rgba(109,77,255,.55), transparent 55%),
            radial-gradient(800px 500px at 80% 20%, rgba(46,196,214,.35), transparent 50%),
            linear-gradient(160deg, #1a1440 0%, #241a55 45%, #12102a 100%);
    }
}
.rt-auth-brand .rt-auth-logo { display: flex; align-items: center; gap: 0.6rem; font-weight: 800; font-size: 1.25rem; }
.rt-auth-brand h2 { font-size: 1.7rem; line-height: 1.45; margin: 1.2rem 0 0.4rem; }
.rt-auth-brand p { color: rgba(255,255,255,.82); }
.rt-auth-points { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 0.8rem; }
.rt-auth-points li { display: grid; grid-template-columns: 36px 1fr; gap: 0.6rem; align-items: center; }
.rt-auth-points b { display: block; }
.rt-auth-points span { color: rgba(255,255,255,.75); font-size: 0.85rem; }
.rt-auth-points i { width: 36px; height: 36px; border-radius: 12px; background: rgba(255,255,255,.12); }
#wrapwrap .oe_login_form .btn-primary, #wrapwrap .oe_signup_form .btn-primary, #wrapwrap .oe_reset_password_form .btn-primary {
    background: #6d4dff !important; border: 0 !important; border-radius: 999px !important; min-height: 48px; font-weight: 700;
}
#wrapwrap .oe_login_form .form-control, #wrapwrap .oe_signup_form .form-control, #wrapwrap .oe_reset_password_form .form-control {
    min-height: 48px; border-radius: 14px; border-color: #e6e2f2;
}
.rt-flow { background: #f6f7fb; padding: 1.2rem 0 3rem; }
.rt-flow-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.rt-steps { display: flex; gap: 0.8rem; direction: rtl; list-style: none; margin: 0; padding: 0; }
.rt-steps li { display: grid; justify-items: center; gap: 0.2rem; color: #8b86a3; font-size: 0.75rem; min-width: 72px; }
.rt-steps i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #ece9f6; color: #6b657f; font-style: normal; font-weight: 700; }
.rt-steps .is-on { color: #6d4dff; }
.rt-steps .is-on i { background: #6d4dff; color: #fff; }
.rt-flow-grid { display: grid; grid-template-columns: 1fr 320px; gap: 1rem; align-items: start; }
.rt-flow-card, .rt-flow-side { background: #fff; border: 1px solid #efeaff; border-radius: 20px; padding: 1.1rem 1.15rem; }
.rt-flow h1 { margin: 0 0 0.35rem; font-size: 1.45rem; color: #1b1633; }
.rt-flow .rt-field { display: grid; gap: 0.3rem; margin-bottom: 0.75rem; }
.rt-flow .rt-field input { min-height: 46px; border-radius: 12px; border: 1px solid #e6e2f2; padding: 0 0.8rem; }
.rt-sub { display: flex; align-items: center; gap: 0.35rem; direction: ltr; }
.rt-sub input { flex: 1; }
.rt-sub em { color: #6b657f; font-style: normal; }
#wrapwrap a.rt-flow-btn, #wrapwrap button.rt-flow-btn {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.2rem;
    border-radius: 999px; background: #6d4dff !important; color: #fff !important; border: 0; font-weight: 700; text-decoration: none !important;
}
.rt-line { display: flex; justify-content: space-between; gap: 0.6rem; padding: 0.35rem 0; color: #3d355c; }
.rt-line.is-off { color: #1f9d55; }
.rt-line.is-total { font-weight: 800; font-size: 1.05rem; border-top: 1px solid #efeaff; margin-top: 0.4rem; padding-top: 0.6rem; }
.rt-about2 { padding: 1.4rem 0 3rem; }
.rt-about2-hero { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 1.4rem; align-items: center; direction: ltr; }
.rt-about2-copy { direction: rtl; }
.rt-about2 h1 { font-size: 2rem; line-height: 1.35; color: #1b1633; margin: 0.4rem 0; }
.rt-about2 h1 span { color: #6d4dff; }
.rt-about2-actions { display: flex; gap: 0.6rem; direction: ltr; margin-top: 1rem; }
.rt-about2-visual img { width: 100%; border-radius: 28px; }
.rt-about2-values { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 1rem; margin-top: 2rem; align-items: center; }
.rt-about2-values article { background: #fff; border: 1px solid #efeaff; border-radius: 20px; padding: 0.9rem 1rem; margin-bottom: 0.6rem; }
.rt-build { padding: 1.2rem 0 3rem; }
.rt-build-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; align-items: center; direction: ltr; }
.rt-build-copy { direction: rtl; }
.rt-build h1 { font-size: 2rem; line-height: 1.35; margin: 0.3rem 0; }
.rt-build h1 span { color: #6d4dff; }
.rt-types { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.7rem; margin: 1.2rem 0; }
.rt-types a { display: grid; gap: 0.25rem; min-height: 84px; place-items: center; background: #fff; border: 1px solid #ece8f6; border-radius: 16px; color: #1b1633 !important; text-decoration: none !important; padding: 0.6rem; text-align: center; }
.rt-types a.is-on { border-color: #6d4dff; box-shadow: 0 0 0 1px #6d4dff; }
.rt-packs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; }
.rt-packs article { background: #fff; border: 1px solid #efeaff; border-radius: 20px; padding: 1rem; }
.rt-packs b { display: block; font-size: 1.3rem; color: #1b1633; margin: 0.4rem 0; }
.rt-auth-title { margin: 0 0 1rem; font-size: 1.45rem; color: #1b1633; font-weight: 800; }
body:has(.rt-auth-brand) {
    background: #f6f7fb !important;
}
body:has(.rt-auth-brand) header#top,
body:has(.rt-auth-brand) footer,
body:has(.rt-auth-brand) .o_footer,
body:has(.rt-auth-brand) .rtm-bar,
body:has(.rt-auth-brand) .rtm-tab { display: none !important; }
main:has(> .rt-auth-brand) > link { position: absolute; width: 0; height: 0; overflow: hidden; }
body:has(.rt-auth-brand) .rv-login-brand,
body:has(.rt-auth-brand) .rv-login-foot { display: none !important; }
body:has(.rt-auth-brand) .rv-login-shell {
    min-height: auto; padding: 1.4rem 1rem 2.5rem; background: transparent;
}
body:has(.rt-auth-brand) .rv-login-card {
    max-width: 460px; box-shadow: 0 16px 50px rgba(27, 22, 51, .08); border: 0;
}
@media (max-width: 980px) {
    .rt-flow-grid, .rt-about2-hero, .rt-about2-values, .rt-build-hero { grid-template-columns: 1fr; }
    .rt-types { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rt-packs { grid-template-columns: 1fr; }
    .rt-steps { overflow: auto; }
    .rt-auth-brand { display: none !important; }
}

/* v101 — auth, setup, review, about, builder matched to the boards */
.rt-auth-mark { width: 58px; height: 58px; display: block; margin: 0 auto 0.7rem; }
.rt-auth-title { text-align: center; }
.rt-auth-sub { text-align: center; color: #6b657f; margin: -0.2rem 0 1rem; font-size: 0.92rem; }
.rt-remember { display: flex; justify-content: space-between; align-items: center; margin: 0.2rem 0 0.9rem; color: #3d355c; font-size: 0.9rem; }
.rt-auth-shot { width: 100%; margin-top: 1.4rem; border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.rt-auth-logo { display: flex; align-items: center; gap: 0.55rem; }
.rt-auth-logo img { width: 42px; height: 42px; }
body:has(.rtk-app) header#top,
body:has(.rtk-app) footer,
body:has(.rtk-app) .o_footer,
body:has(.rtk-app) .rtm-bar,
body:has(.rtk-app) .rtm-tab { display: none !important; }
body:has(.rtk-app) { background: #f4f6fb !important; }
.rtk-app { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; background: #f4f6fb; }
.rtk-side { background: #fff; border-inline-start: 1px solid #eceaf5; padding: 1.3rem 1rem; }
.rtk-logo { display: flex; align-items: center; gap: 0.5rem; font-weight: 800; color: #1b1633 !important; text-decoration: none !important; font-size: 1.15rem; }
.rtk-logo img { width: 36px; height: 36px; }
.rtk-back { display: inline-flex; margin: 1.1rem 0 0.8rem; color: #6d4dff !important; text-decoration: none !important; font-weight: 700; }
.rtk-nav { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.rtk-nav li { display: flex; gap: 0.6rem; align-items: center; padding: 0.7rem 0.75rem; border-radius: 14px; color: #5c5670; }
.rtk-nav i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #ece9f6; color: #6b657f; font-style: normal; font-weight: 700; }
.rtk-nav .is-on { background: #f3eeff; color: #6d4dff; font-weight: 800; }
.rtk-nav .is-on i, .rtk-nav .is-done i { background: #6d4dff; color: #fff; }
.rtk-main { padding: 1.2rem 1.3rem 2.6rem; }
.rtk-mhead { display: none; }
.rtk-steps { display: flex; justify-content: center; gap: 1.4rem; direction: rtl; list-style: none; margin: 0 0 1.3rem; padding: 0; }
.rtk-steps li { display: grid; justify-items: center; gap: 0.25rem; color: #8b86a3; font-size: 0.78rem; min-width: 92px; }
.rtk-steps i { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: #ece9f6; color: #6b657f; font-style: normal; font-weight: 800; }
.rtk-steps .is-on { color: #6d4dff; font-weight: 700; }
.rtk-steps .is-on i, .rtk-steps .is-done i { background: #6d4dff; color: #fff; }
.rtk-work, .rtk-sumgrid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 1rem; align-items: start; }
.rtk-card { background: #fff; border: 1px solid #efeaff; border-radius: 24px; padding: 1.15rem 1.2rem; margin-bottom: 0.8rem; }
.rtk-card h1, .rtk-main > h1 { margin: 0 0 0.35rem; font-size: 1.55rem; color: #1b1633; }
.rtk-card h2 { font-size: 1.05rem; margin: 0.9rem 0 0.55rem; color: #1b1633; }
.rtk-field { display: grid; gap: 0.28rem; margin-bottom: 0.75rem; }
.rtk-field > span, .rtk-accept span { font-size: 0.86rem; color: #3d355c; }
.rtk-field input { min-height: 48px; border-radius: 14px; border: 1px solid #e6e2f2; padding: 0 0.9rem; width: 100%; background: #fff; }
.rtk-sub { display: flex; direction: ltr; align-items: center; border: 1px solid #e6e2f2; border-radius: 14px; overflow: hidden; background: #fff; }
.rtk-sub em { padding: 0 0.65rem; color: #6b657f; font-style: normal; background: #f7f6fb; min-height: 48px; display: flex; align-items: center; }
.rtk-sub input { border: 0; min-height: 48px; flex: 1; }
.rtk-rules { background: #f3fbf6; color: #1c7a43; border-radius: 14px; padding: 0.7rem 0.9rem; font-size: 0.82rem; display: grid; gap: 0.25rem; }
.rtk-choice { display: grid; gap: 0.45rem; margin-bottom: 0.7rem; }
.rtk-choice label { display: flex; gap: 0.45rem; align-items: center; }
#wrapwrap a.rtk-btn, #wrapwrap button.rtk-btn {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.2rem;
    border-radius: 999px; background: #6d4dff !important; color: #fff !important; border: 0; font-weight: 800;
    text-decoration: none !important; width: 100%; margin-top: 0.4rem;
}
#wrapwrap a.rtk-btn.is-ghost { background: #fff !important; color: #2a2444 !important; border: 1px solid #e4dff5 !important; width: auto; }
.rtk-preview img { width: 100%; border-radius: 18px; margin-bottom: 0.8rem; }
.rtk-host { background: #f7f6fb; border-radius: 16px; padding: 0.75rem 0.9rem; margin-bottom: 0.55rem; }
.rtk-host small { display: block; color: #6b657f; }
.rtk-host b { color: #6d4dff; direction: ltr; display: block; text-align: right; }
.rtk-kv { display: flex; justify-content: space-between; gap: 0.7rem; padding: 0.45rem 0; border-bottom: 1px solid #f3f0fa; color: #3d355c; }
.rtk-safe, .rtk-fine { background: #f7f8e8; border-radius: 14px; padding: 0.75rem 0.9rem; color: #5c5640; font-size: 0.84rem; margin-top: 0.8rem; }
.rtk-pack { display: flex; gap: 0.8rem; align-items: center; }
.rtk-pack em { margin-inline-start: auto; font-style: normal; font-weight: 800; color: #1b1633; }
.rtk-pack small { display: block; color: #6b657f; }
.rtk-total { display: flex; justify-content: space-between; background: #f4f1ff; border-radius: 16px; padding: 0.85rem 1rem; margin: 0.7rem 0; font-weight: 800; }
.rtk-promo { display: flex; gap: 0.4rem; }
.rtk-promo input { flex: 1; }
.rtk-promo button { border: 1px solid #d9d0ff; background: #fff; color: #6d4dff; border-radius: 12px; padding: 0 0.9rem; font-weight: 700; }
.rtk-accept { display: flex; gap: 0.45rem; align-items: center; margin: 0.7rem 0; }
.rtk-solo { display: grid; place-items: center; padding: 3rem 1rem; }
.rtk-solo-card { width: min(460px, 100%); background: #fff; border-radius: 28px; padding: 2rem 1.4rem; text-align: center; border: 1px solid #efeaff; }
.rtk-check { width: 74px; height: 74px; margin: 0 auto 0.8rem; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #7dffe1, #19c37d 60%, #0e8f62); box-shadow: 0 10px 30px rgba(25,195,125,.35); }
.rtk-about { padding-bottom: 3rem; }
.rtk-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem; margin-top: 1.4rem; }
.rtk-stats article { background: #fff; border: 1px solid #efeaff; border-radius: 20px; padding: 1rem; text-align: center; }
.rtk-stats b { display: block; color: #6d4dff; font-size: 1.45rem; }
.rtk-story, .rtk-why { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; align-items: center; margin-top: 1.6rem; }
.rtk-values { display: grid; gap: 0.6rem; }
.rtk-values article { background: #fff; border: 1px solid #efeaff; border-radius: 18px; padding: 0.9rem 1rem; }
.rtk-why img { width: 100%; border-radius: 24px; }
.rtk-link { color: #6d4dff !important; font-weight: 800; }
.rt-about2-actions { display: flex; gap: 0.6rem; direction: rtl; }
.rt-about2-actions .rtk-btn { width: auto !important; }
.rtk-types { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.7rem; margin: 0.8rem 0 1.4rem; }
.rtk-types button { min-height: 92px; border-radius: 16px; border: 1px solid #e6e2f2; background: #fff; color: #1b1633; font-weight: 700; }
.rtk-types button.is-on { border-color: #6d4dff; box-shadow: 0 0 0 1px #6d4dff; color: #6d4dff; }
.rtk-packgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 280px; gap: 0.8rem; align-items: start; }
.rtk-packcard { background: #fff; border: 1px solid #efeaff; border-radius: 22px; padding: 1rem; display: grid; gap: 0.45rem; }
.rtk-packcard.is-on { border-color: #6d4dff; box-shadow: 0 0 0 1px #6d4dff; }
.rtk-packcard ul { margin: 0; padding: 0 1rem 0 0; display: grid; gap: 0.3rem; color: #3d355c; }
.rtk-packcard b { font-size: 1.25rem; color: #1b1633; }
.rtk-sumbox { background: #f7f5ff; border: 1px solid #e4dcff; border-radius: 22px; padding: 1rem; }
body:has(.rtk-pay) .btn-primary { background: #6d4dff !important; border-radius: 999px !important; border: 0 !important; }
@media (max-width: 980px) {
    .rtk-app, .rtk-work, .rtk-sumgrid, .rtk-story, .rtk-why, .rtk-packgrid { grid-template-columns: 1fr; }
    .rtk-side { display: none; }
    .rtk-mhead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.6rem; }
    .rtk-types { grid-template-columns: 1fr 1fr; }
    .rtk-stats { grid-template-columns: 1fr 1fr; }
    .rtk-steps { gap: 0.4rem; overflow: auto; }
    .rt-auth-shot { display: none; }
}

body:has(.rt-auth-brand) .rv-login-card { max-width: 480px !important; width: min(480px, calc(100% - 2rem)) !important; }
body:has(.rt-auth-brand) .rv-login-form { padding: 1.5rem 1.2rem 0.8rem !important; }
body:has(.rt-auth-brand) .oe_login_form,
body:has(.rt-auth-brand) .oe_signup_form,
body:has(.rt-auth-brand) .oe_reset_password_form { width: 100% !important; max-width: none !important; }


/* v103 — auth page matched to the 126 boards */
body:has(.rt-auth-page) {
    background: #f4f6fb !important;
}
body:has(.rt-auth-page) header#top,
body:has(.rt-auth-page) footer,
body:has(.rt-auth-page) .o_footer,
body:has(.rt-auth-page) .rtm-bar,
body:has(.rt-auth-page) .rtm-tab,
body:has(.rt-auth-page) .o_footer_copyright { display: none !important; }
.rt-auth-page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
    background: #f4f6fb;
}
.rt-auth-brand { display: none; }
.rt-auth-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 1rem 2.4rem;
    position: relative;
    direction: rtl;
}
.rt-auth-top-link {
    position: absolute;
    top: 1.1rem;
    inset-inline-end: 1.2rem;
    color: #6d4dff !important;
    font-weight: 700;
    text-decoration: none !important;
    font-size: 0.9rem;
}
.rt-auth-card {
    width: min(440px, 100%);
    background: #fff;
    border-radius: 24px;
    border: 1px solid #efeaff;
    box-shadow: 0 18px 50px rgba(27, 22, 51, .08);
    padding: 1.6rem 1.35rem 1.3rem;
}
.rt-auth-card .rt-auth-mark { width: 56px; height: 56px; display: block; margin: 0 auto 0.55rem; }
.rt-auth-card .rt-auth-title {
    text-align: center; margin: 0; font-size: 1.45rem; font-weight: 800; color: #1b1633;
}
.rt-auth-card .rt-auth-sub {
    text-align: center; color: #6b657f; margin: 0.35rem 0 1.15rem; font-size: 0.9rem;
}
.rt-auth-card .form-label,
.rt-auth-card .col-form-label {
    display: block; width: 100%; text-align: right; color: #3d355c; font-weight: 600; margin-bottom: 0.3rem;
}
.rt-auth-card .form-control {
    min-height: 50px !important;
    border-radius: 14px !important;
    border: 1px solid #e6e2f2 !important;
    background: #fff !important;
    padding: 0.7rem 0.95rem !important;
}
.rt-auth-card .oe_login_form .btn-primary,
.rt-auth-card .oe_signup_form .btn-primary,
.rt-auth-card .oe_reset_password_form .btn-primary {
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    background: #6d4dff !important;
    border: 0 !important;
    font-weight: 800 !important;
    margin-top: 0.2rem;
}
.rt-remember {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.45rem;
    align-items: center;
    margin: 0.15rem 0 0.85rem !important;
    color: #3d355c;
    font-size: 0.9rem;
}
.rt-auth-forgot {
    display: block;
    text-align: center;
    margin: 0.85rem 0 0.35rem;
    color: #6d4dff !important;
    font-weight: 700;
    text-decoration: none !important;
}
.rt-auth-card .o_login_auth em,
.rt-auth-card .o_login_auth .d-block.my-3 {
    color: #8b86a3 !important;
}
.rt-auth-card .list-group-item {
    border-radius: 14px !important;
    min-height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.rt-auth-card a[href*="passkey"],
.rt-auth-card .oe_login_buttons .btn-link.btn-sm:not(.rt-auth-forgot) {
    /* keep signup link */
}
body:has(.rt-auth-page) a[href*="passkey"],
body:has(.rt-auth-page) .o_passkey_login,
body:has(.rt-auth-page) button[name="redirect"][value="/web/become"] {
    display: none !important;
}
.rt-auth-card .oe_login_buttons > a.btn-link {
    display: block;
    text-align: center;
    margin-top: 0.7rem;
    color: #6d4dff !important;
    font-weight: 700;
}
@media (min-width: 981px) {
    .rt-auth-page {
        grid-template-columns: 1.08fr 0.92fr;
        direction: ltr;
    }
    .rt-auth-brand {
        display: block !important;
        min-height: 100vh;
        padding: 2rem 2.2rem;
        color: #fff;
        background:
            radial-gradient(900px 520px at 18% 78%, rgba(109,77,255,.55), transparent 55%),
            radial-gradient(700px 420px at 78% 18%, rgba(46,196,214,.38), transparent 52%),
            linear-gradient(160deg, #141038 0%, #241a55 46%, #0f0e24 100%);
    }
    .rt-auth-brand-inner {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 1.2rem;
        align-items: center;
        min-height: calc(100vh - 4rem);
        direction: ltr;
    }
    .rt-auth-brand-copy { direction: rtl; }
    .rt-auth-brand-copy .rt-auth-logo {
        display: flex; align-items: center; gap: 0.55rem; font-weight: 800; font-size: 1.2rem; margin-bottom: 1.4rem;
    }
    .rt-auth-brand-copy h2 {
        font-size: clamp(1.55rem, 2.1vw, 2rem);
        line-height: 1.45; margin: 0 0 0.45rem; font-weight: 800;
    }
    .rt-auth-brand-copy > p { color: rgba(255,255,255,.82); margin: 0 0 1.2rem; }
    .rt-auth-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.95rem; }
    .rt-auth-points li { display: grid; grid-template-columns: 40px 1fr; gap: 0.7rem; align-items: start; }
    .rt-auth-points i {
        width: 40px; height: 40px; border-radius: 12px;
        border: 1.5px solid rgba(46,196,214,.85);
        background: rgba(46,196,214,.12);
        box-shadow: 0 0 18px rgba(46,196,214,.25);
    }
    .rt-auth-points b { display: block; color: #fff; margin-bottom: 0.15rem; }
    .rt-auth-points span { color: rgba(255,255,255,.78); font-size: 0.88rem; line-height: 1.55; }
    .rt-auth-shot {
        width: 100%;
        border-radius: 22px;
        box-shadow: 0 28px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.08);
        display: block;
    }
    .rt-auth-panel { min-height: 100vh; direction: rtl; }
}
@media (max-width: 980px) {
    .rt-auth-brand { display: none !important; }
    .rt-auth-top-link { position: static; margin: 0 0 0.8rem; align-self: flex-end; }
}

/* build type icons + pack polish */
.rtk-types button {
    display: grid; place-items: center; gap: 0.35rem; padding: 0.85rem 0.5rem;
    font-size: 0.86rem; line-height: 1.35;
}
.rtk-types button::before {
    content: ""; width: 34px; height: 34px; border-radius: 12px;
    background: #f3eeff center/18px no-repeat;
    box-shadow: inset 0 0 0 1px #e4dcff;
}
.rtk-packcard .rtk-btn { margin-top: 0.6rem; }
.rtk-build .rt-build-hero { margin-bottom: 1.6rem; }
.rtk-build .rt2-wrap > h2 { margin: 0.4rem 0 0.25rem; color: #1b1633; }
.rtk-build .rt2-wrap > h2 + p { color: #6b657f; margin: 0 0 0.7rem; }
.rt-about2-hero { margin-bottom: 1.2rem; }
.rtk-story, .rtk-why { background: #fff; border: 1px solid #efeaff; border-radius: 28px; padding: 1.2rem; }
.rtk-values { margin: 0.9rem 0; }

body:has(.rt-auth-page) .passkey_login_link,
body:has(.rt-auth-page) .o_login_auth .list-group:not(:has(a:not(.passkey_login_link))) { display: none !important; }
body:has(.rt-auth-page) .passkey_login_link { display: none !important; }
body:has(.rt-auth-page) .o_login_auth:not(:has(a:not(.passkey_login_link))) { display: none !important; }

body:has(.rt-auth-page) .oe_login_buttons {
    display: flex !important; flex-direction: column; gap: 0.15rem;
}
body:has(.rt-auth-page) .oe_login_buttons > .btn-primary { order: 1; }
body:has(.rt-auth-page) .oe_login_buttons > .rt-auth-forgot { order: 2; }
body:has(.rt-auth-page) .oe_login_buttons > .o_login_auth { order: 3; margin-top: 0.35rem; }
body:has(.rt-auth-page) .oe_login_buttons > .rt-auth-bottom-signup { order: 4; }

body:has(.rt-auth-page) .o_login_auth:not(:has(.list-group-item:not(.passkey_login_link))) { display: none !important; }
body:has(.rt-auth-page) .o_login_auth:has(.list-group:empty) { display: none !important; }


/* v107 — multi-step platform builder */
.rtb-steps {
    display: flex; justify-content: space-between; gap: 0.4rem; list-style: none;
    margin: 1.4rem 0 1.2rem; padding: 0.9rem 1rem; background: #fff;
    border: 1px solid #efeaff; border-radius: 22px; direction: rtl; overflow: auto;
}
.rtb-steps li {
    display: grid; justify-items: center; gap: 0.3rem; min-width: 88px;
    color: #8b86a3; font-size: 0.78rem; flex: 1;
}
.rtb-steps i {
    width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
    background: #ece9f6; color: #6b657f; font-style: normal; font-weight: 800;
}
.rtb-steps .is-on, .rtb-steps .is-done { color: #6d4dff; font-weight: 700; }
.rtb-steps .is-on i, .rtb-steps .is-done i { background: #6d4dff; color: #fff; }
.rtb-panel { display: none; background: #fff; border: 1px solid #efeaff; border-radius: 28px; padding: 1.2rem 1.15rem 1.3rem; margin-bottom: 1rem; }
.rtb-panel.is-on { display: block; }
.rtb-panel h2 { margin: 0 0 0.35rem; font-size: 1.35rem; color: #1b1633; }
.rtb-panel > p { color: #6b657f; margin: 0 0 1rem; }
.rtb-trust { display: flex; gap: 0.8rem; flex-wrap: wrap; list-style: none; margin: 0.9rem 0 1rem; padding: 0; }
.rtb-trust li {
    background: #f7f5ff; color: #4a3f78; border-radius: 999px; padding: 0.35rem 0.8rem;
    font-size: 0.82rem; font-weight: 700;
}
.rtb-nav { display: flex; gap: 0.6rem; justify-content: flex-start; margin-top: 1.1rem; flex-wrap: wrap; }
.rtb-nav .rtk-btn { width: auto !important; min-width: 180px; }
.rtb-packs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; }
.rtb-badge {
    display: inline-flex; background: #f5a623; color: #fff; border-radius: 999px;
    padding: 0.15rem 0.55rem; font-size: 0.72rem; font-style: normal; font-weight: 800;
}
.rtb-mods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; }
.rtb-mod {
    display: grid; grid-template-columns: 22px 36px 1fr auto; gap: 0.55rem; align-items: center;
    background: #fff; border: 1px solid #e6e2f2; border-radius: 18px; padding: 0.75rem 0.8rem; cursor: pointer;
}
.rtb-mod:has(input:checked) { border-color: #6d4dff; box-shadow: 0 0 0 1px #6d4dff; background: #fbf9ff; }
.rtb-mod b { display: block; color: #1b1633; }
.rtb-mod small { display: block; color: #6b657f; font-size: 0.78rem; }
.rtb-mod em { font-style: normal; font-weight: 800; color: #6d4dff; white-space: nowrap; font-size: 0.82rem; }
.rtb-hint { background: #f3eeff; color: #5b4dff; border-radius: 12px; padding: 0.55rem 0.8rem; font-size: 0.85rem; }
.rtb-brand { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 1rem; }
.rtb-colors { display: flex; gap: 0.55rem; }
.rtb-colors button {
    width: 42px; height: 42px; border-radius: 50%; border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ddd7f0; background: var(--c); cursor: pointer;
}
.rtb-colors button.is-on { box-shadow: 0 0 0 2px #6d4dff; }
.rtb-review { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
.rtb-sticky {
    position: sticky; bottom: 0.8rem; margin-top: 0.6rem; z-index: 5;
    box-shadow: 0 12px 40px rgba(27,22,51,.12);
}
.rtb-help {
    display: flex; justify-content: space-between; align-items: center; gap: 0.8rem;
    background: #f3eeff; border-radius: 20px; padding: 0.9rem 1rem; margin: 1.2rem 0 2rem;
}
.rtb-err { color: #c0392b; margin: 0.4rem 0; }
.rtk-build .rt2-wrap { position: relative; }
@media (max-width: 980px) {
    .rtb-packs, .rtb-mods, .rtb-brand, .rtb-review { grid-template-columns: 1fr; }
    .rtb-mods { grid-template-columns: 1fr; }
    .rtb-steps { gap: 0.2rem; }
    .rtb-steps span { font-size: 0.68rem; }
    .rtb-sticky { position: sticky; bottom: 0; border-radius: 18px 18px 0 0; }
    .rtb-help { flex-direction: column; align-items: stretch; }
}

@media (min-width: 981px) {
  .rtk-build .rt2-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1rem;
    align-items: start;
  }
  .rtk-build .rt-build-hero,
  .rtk-build .rtb-steps,
  .rtk-build .rtb-panel,
  .rtk-build .rtb-help { grid-column: 1; }
  .rtk-build .rtb-sticky {
    grid-column: 2; grid-row: 2 / span 8;
    position: sticky; top: 1rem; bottom: auto;
    margin-top: 0; align-self: start;
  }
}
.rtb-panel { padding-bottom: 1.4rem; }
@media (max-width: 980px) {
  .rtk-build .rt2-wrap { padding-bottom: 7rem; }
}


/* v109 — login contrast, icons, signup link */
.rt-auth-brand,
.rt-auth-brand-copy,
.rt-auth-brand-copy .rt-auth-logo,
.rt-auth-brand-copy h2,
.rt-auth-brand-copy > p,
.rt-auth-points,
.rt-auth-points b,
.rt-auth-points span {
    color: #fff !important;
}
.rt-auth-brand-copy > p,
.rt-auth-points span {
    color: rgba(255,255,255,.86) !important;
}
.rt-auth-brand-copy h2 {
    font-size: clamp(1.55rem, 2.1vw, 2rem) !important;
    line-height: 1.45 !important;
    margin: 0 0 0.45rem !important;
    font-weight: 800 !important;
}
.rt-auth-points i {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    border: 1.5px solid #2ec4d6 !important;
    background: rgba(46,196,214,.16) !important;
    color: #7dffef !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 0 18px rgba(46,196,214,.28);
    flex: 0 0 42px;
}
.rt-auth-points i svg {
    width: 22px;
    height: 22px;
    display: block;
}
.rt-auth-top-link { display: none !important; }
body:has(.rt-auth-page) .rt-auth-bottom-signup,
body:has(.rt-auth-page) .oe_login_buttons > a.btn-link {
    display: block !important;
    text-align: center;
    margin-top: 0.85rem !important;
    color: #6d4dff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.rt-auth-panel {
    justify-content: center;
    padding-top: 2rem !important;
}