.rg-mobile-trading {
	--mobile-ink: #071a38;
	--mobile-ink-2: #102b54;
	--mobile-navy: #06142d;
	--mobile-panel: #0c2344;
	--mobile-blue: #52d8ff;
	--mobile-mint: #4ee0ba;
	--mobile-violet: #7976ff;
	--mobile-line: rgba(117, 151, 194, .24);
	--mobile-muted: #607391;
	--mobile-surface: #f3f7fd;
	--mobile-white: #fff;
	background: var(--mobile-surface);
	color: var(--mobile-ink);
	overflow: clip;
}

.rg-mobile-trading *,
.rg-mobile-trading *::before,
.rg-mobile-trading *::after { box-sizing: border-box; }
.rg-mobile-trading h1,
.rg-mobile-trading h2,
.rg-mobile-trading h3,
.rg-mobile-trading p,
.rg-mobile-trading figure { margin: 0; }
.rg-mobile-trading button,
.rg-mobile-trading a { font: inherit; }
.rg-mobile-wrap { width: min(1440px, calc(100% - 64px)); margin-inline: auto; }
.rg-mobile-section { padding: 124px 0; }
.rg-mobile-dark { background: var(--mobile-navy); color: #fff; }
.rg-mobile-kicker,
.rg-mobile-eyebrow { color: var(--mobile-violet); font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rg-mobile-heading-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 80px; align-items: end; margin-bottom: 58px; }
.rg-mobile-heading-grid h2,
.rg-mobile-device-section > .rg-mobile-wrap > h2,
.rg-mobile-faq h2 { max-width: 930px; margin-top: 18px; font-size: clamp(48px, 4.7vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 620; }
.rg-mobile-heading-grid > p { color: var(--mobile-muted); font-size: 18px; line-height: 1.65; font-weight: 600; }

/* Hero */
.rg-mobile-hero { position: relative; padding: 132px 0 0; min-height: 790px; isolation: isolate; background: radial-gradient(circle at 76% 40%, rgba(37, 112, 199,.28), transparent 31%), radial-gradient(circle at 54% 110%, rgba(112,65,224,.18), transparent 40%), #030f24; }
.rg-mobile-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .25; background-image: linear-gradient(rgba(90, 139, 198, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(90, 139, 198, .13) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to right, black, transparent 78%); }
.rg-mobile-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(500px, .95fr); gap: 64px; align-items: center; min-height: 610px; }
.rg-mobile-eyebrow { display: flex; gap: 11px; align-items: center; color: var(--mobile-blue); }
.rg-mobile-eyebrow svg { width: 21px; height: 21px; }
.rg-mobile-hero h1 { max-width: 760px; margin: 30px 0 25px; font-size: clamp(60px, 4.85vw, 80px); line-height: .94; letter-spacing: -.055em; font-weight: 780; }
.rg-mobile-hero h1 span { color: #fff; }
.rg-mobile-hero h1 span:last-child { color: transparent; background: linear-gradient(95deg, var(--mobile-blue), #8e86ff 54%, #e571ef); background-clip: text; -webkit-background-clip: text; }
.rg-mobile-lede { max-width: 700px; color: #becae0; font-size: 19px; line-height: 1.62; }
.rg-mobile-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 31px; }
.rg-mobile-button { display: inline-flex; min-height: 56px; padding: 0 24px; align-items: center; justify-content: center; gap: 15px; border: 1px solid transparent; border-radius: 13px; color: inherit; text-decoration: none; font-size: 16px; font-weight: 760; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease; }
.rg-mobile-button svg { width: 18px; height: 18px; transition: transform .22s ease; }
.rg-mobile-button-primary { color: #07152e !important; background: linear-gradient(100deg, var(--mobile-blue), var(--mobile-mint)); box-shadow: 0 15px 35px rgba(58, 213, 239, .18); }
.rg-mobile-button-secondary { color: #fff !important; border-color: rgba(151, 181, 221, .35); background: rgba(255,255,255,.045); }
.rg-mobile-button:hover { transform: translateY(-2px); }
.rg-mobile-button:hover svg { transform: translateX(3px); }
.rg-mobile-button-primary:hover { color: #07152e !important; box-shadow: 0 18px 42px rgba(58, 213, 239, .32); }
.rg-mobile-button-secondary:hover { color: #fff !important; border-color: var(--mobile-blue); background: rgba(82,216,255,.12); }
.rg-mobile-store-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; color: #cfdaec; }
.rg-mobile-store-row span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid rgba(136,170,216,.22); border-radius: 999px; font-size: 14px; }
.rg-mobile-store-row svg { width: 15px; height: 15px; color: var(--mobile-blue); }
.rg-mobile-store-row small { width: 100%; color: #8495af; font-size: 14px; }
.rg-mobile-hero-visual { position: relative; min-height: 570px; perspective: 1400px; transform: scale(.95); transform-origin: center right; }
.rg-mobile-phone-figure { position: absolute; overflow: hidden; border: 1px solid rgba(91,221,255,.24); border-radius: 28px; background: #08172f; box-shadow: 0 35px 80px rgba(0,0,0,.42); will-change: transform; }
.rg-mobile-phone-figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rg-mobile-phone-ios { top: 22px; right: 0; width: 76%; height: 440px; transform: rotate(3deg); }
.rg-mobile-phone-android { left: 0; bottom: 18px; width: 62%; height: 350px; transform: rotate(-5deg); }
.rg-mobile-phone-android img { object-position: 42% center; }
.rg-mobile-hero-badge { position: absolute; right: 13%; bottom: 42px; display: flex; align-items: center; gap: 11px; padding: 12px 18px; border: 1px solid rgba(82,216,255,.5); border-radius: 15px; background: rgba(4,20,44,.9); box-shadow: 0 12px 40px rgba(0,0,0,.36); backdrop-filter: blur(14px); }
.rg-mobile-hero-badge strong { font-size: 28px; color: var(--mobile-blue); }
.rg-mobile-hero-badge span { font-size: 14px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.rg-mobile-hero-logo { position: absolute; top: 50%; left: 50%; z-index: 6; width: 88px; height: 88px; object-fit: contain; transform: translate(-50%, -50%); filter: drop-shadow(0 14px 28px rgba(0,0,0,.44)); }
.rg-mobile-proof-bar { position: relative; }
.rg-mobile-proof-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; }
.rg-mobile-proof-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(82,216,255,.34); border-radius: 11px; color: var(--mobile-blue); background: rgba(82,216,255,.055); }
.rg-mobile-proof-icon svg { width: 20px; height: 20px; }
.rg-mobile-proof-copy { min-width: 0; }
.rg-mobile-proof-copy .rg-market-fact__value { display: block; margin-bottom: 4px; color: #fff; }
.rg-mobile-proof-copy .rg-market-fact__description { color: #aebdd2; }

/* Benefits */
.rg-mobile-benefits { background: linear-gradient(180deg, #f8fbff, #eff5fc); }
.rg-mobile-level-control { justify-self: end; display: grid; justify-items: end; gap: 9px; }
.rg-mobile-level-toggle { display: inline-flex; padding: 5px; border: 1px solid #cdd9ea; border-radius: 14px; background: #fff; }
.rg-mobile-level-status { color: var(--mobile-muted); font-size: 14px; font-weight: 700; }
.rg-mobile-level-toggle button,
.rg-mobile-compare-controls button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; color: #5c6f8d; background: transparent; cursor: pointer; font-size: 15px; font-weight: 760; }
.rg-mobile-level-toggle button.is-active,
.rg-mobile-compare-controls button.is-active { color: #fff; background: var(--mobile-ink-2); box-shadow: 0 7px 18px rgba(11,38,76,.16); }
.rg-mobile-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.rg-mobile-benefit-card { position: relative; min-height: 240px; padding: 30px; border: 1px solid #d5e0ef; border-radius: 24px; background: #fff; box-shadow: 0 16px 45px rgba(18,48,85,.055); transition: order .2s ease, transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.rg-mobile-benefit-card:hover,
.rg-mobile-benefit-card.is-prioritised { transform: translateY(-4px); border-color: #66cdf3; box-shadow: 0 21px 48px rgba(18,48,85,.11); }
.rg-mobile-benefit-card.is-prioritised { background: linear-gradient(145deg, #fff, #effaff); box-shadow: inset 0 3px #52d8ff, 0 21px 48px rgba(18,48,85,.11); }
.rg-mobile-priority-label { position: absolute; top: 24px; right: 24px; padding: 7px 10px; border-radius: 999px; color: #087d9f; background: #def7ff; font-size: 14px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; opacity: 0; transform: translateY(-4px); transition: opacity .2s ease, transform .2s ease; }
.rg-mobile-benefit-card.is-prioritised .rg-mobile-priority-label { opacity: 1; transform: none; }
.rg-mobile-icon { display: grid; width: 50px; height: 50px; place-items: center; margin-bottom: 38px; border: 1px solid rgba(30,172,219,.22); border-radius: 14px; color: #079ac7; background: #eafaff; }
.rg-mobile-icon svg { width: 22px; height: 22px; }
.rg-mobile-benefit-card h3 { margin-bottom: 11px; font-size: 23px; line-height: 1.1; }
.rg-mobile-benefit-card p { color: var(--mobile-muted); font-size: 15px; line-height: 1.58; }

/* Comparison */
.rg-mobile-comparison { background: radial-gradient(circle at 92% 20%, rgba(89,72,201,.2), transparent 35%), #06142d; }
.rg-mobile-comparison .rg-mobile-kicker { color: var(--mobile-blue); }
.rg-mobile-comparison .rg-mobile-heading-grid > p { color: #a8b7cd; }
.rg-mobile-compare-controls { display: flex; width: max-content; max-width: 100%; gap: 5px; margin: -20px 0 22px auto; padding: 5px; border: 1px solid rgba(124,161,207,.28); border-radius: 13px; background: rgba(255,255,255,.04); }
.rg-mobile-compare-controls button { color: #aebdd1; }
.rg-mobile-compare-controls button.is-active { color: #07152e; background: var(--mobile-blue); }
.rg-mobile-compare-table { overflow: hidden; border: 1px solid rgba(113,151,199,.3); border-radius: 24px; }
.rg-mobile-compare-row { display: grid; grid-template-columns: 1.1fr .7fr .7fr 1.3fr; min-height: 82px; align-items: stretch; border-bottom: 1px solid rgba(113,151,199,.22); }
.rg-mobile-compare-row:last-child { border-bottom: 0; }
.rg-mobile-compare-row > * { display: flex; align-items: center; padding: 20px 26px; border-right: 1px solid rgba(113,151,199,.22); }
.rg-mobile-compare-row > *:last-child { border-right: 0; }
.rg-mobile-compare-row > strong { font-size: 16px; }
.rg-mobile-compare-row > b { color: #fff; font-size: 21px; }
.rg-mobile-compare-row > span { color: #9aacc5; font-size: 15px; line-height: 1.45; }
.rg-mobile-compare-head { min-height: 92px; background: #0b2244; }
.rg-mobile-compare-head strong { gap: 10px; font-size: 25px; }
.rg-mobile-compare-head small { padding: 6px 9px; border-radius: 999px; color: #07152e; background: var(--mobile-mint); font-size: 14px; letter-spacing: .08em; }
.rg-mobile-compare-row:hover:not(.rg-mobile-compare-head) { background: rgba(82,216,255,.055); box-shadow: inset 3px 0 var(--mobile-blue); }
.rg-mobile-compare-table.is-mt5-only .rg-mobile-compare-row,
.rg-mobile-compare-table.is-mt4-only .rg-mobile-compare-row { grid-template-columns: 1.1fr .75fr 1.45fr; }
.rg-mobile-compare-table.is-mt5-only [data-platform-column="mt4"],
.rg-mobile-compare-table.is-mt4-only [data-platform-column="mt5"] { display: none; }
.rg-mobile-note { display: flex; gap: 13px; align-items: flex-start; margin-top: 20px; padding: 17px 20px; border: 1px solid rgba(113,151,199,.22); border-radius: 16px; color: #aabbd0; background: #0b2243; font-size: 14px; line-height: 1.5; }
.rg-mobile-note svg { flex: 0 0 auto; width: 19px; height: 19px; color: var(--mobile-blue); }
.rg-mobile-note a { color: #7ce6fb; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(124,230,251,.42); text-underline-offset: 3px; transition: color .18s ease, text-decoration-color .18s ease; }
.rg-mobile-note a:hover { color: #fff; text-decoration-color: #fff; }
.rg-mobile-note a:focus-visible { color: #fff; border-radius: 4px; outline: 3px solid #70e6ff; outline-offset: 3px; text-decoration-color: #fff; }

/* Devices */
.rg-mobile-device-section { background: #fff; }
.rg-mobile-device-section > .rg-mobile-wrap > h2 { max-width: none; margin-bottom: 52px; white-space: nowrap; }
.rg-mobile-device-walkthrough { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(0,1.55fr); overflow: hidden; border: 1px solid #cfdded; border-radius: 28px; background: #edf4fb; box-shadow: 0 28px 65px rgba(17,45,82,.11); }
.rg-mobile-device-tabs { display: grid; align-content: stretch; padding: 18px; gap: 8px; }
.rg-mobile-device-tabs button { position: relative; display: grid; grid-template-columns: 54px 1fr 22px; grid-template-rows: auto auto; column-gap: 16px; align-items: center; min-height: 128px; padding: 22px; border: 1px solid transparent; border-radius: 18px; color: var(--mobile-ink); background: transparent; cursor: pointer; text-align: left; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
.rg-mobile-device-tabs button:hover { border-color: #9bcce3; color: var(--mobile-ink) !important; background: rgba(255,255,255,.72); transform: translateX(3px); }
.rg-mobile-device-tabs button:focus-visible,
.rg-mobile-device-tabs button.is-active { border-color: #52cffa; color: var(--mobile-ink) !important; background: #fff; box-shadow: 0 12px 30px rgba(21,61,103,.1); }
.rg-mobile-device-tabs button > span { grid-row: 1 / 3; display: grid; width: 50px; height: 50px; place-items: center; border-radius: 14px; color: #087d9f; background: #ddf7ff; font-size: 15px; font-weight: 850; }
.rg-mobile-device-tabs strong { align-self: end; color: inherit !important; font-size: 23px; }
.rg-mobile-device-tabs small { align-self: start; color: var(--mobile-muted) !important; font-size: 14px; line-height: 1.35; }
.rg-mobile-device-tabs svg { grid-column: 3; grid-row: 1 / 3; width: 20px; height: 20px; color: #7086a3; transition: transform .2s ease, color .2s ease; }
.rg-mobile-device-tabs button.is-active svg { color: #079ac7; transform: translateX(3px); }
.rg-mobile-device-stage { position: relative; min-height: 520px; background: #06142d; }
.rg-mobile-device-panel { position: absolute; inset: 0; overflow: hidden; color: #fff; isolation: isolate; }
.rg-mobile-device-panel[hidden] { display: none; }
.rg-mobile-device-panel::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,18,42,.04) 0%, rgba(5,18,42,.16) 38%, rgba(5,18,42,.9) 63%, #06142d 100%); }
.rg-mobile-device-panel > img { position: absolute; inset: 0 auto 0 0; z-index: -2; width: 55%; height: 100%; object-fit: cover; object-position: left center; animation: rg-mobile-device-in .55s ease both; }
.rg-mobile-device-panel[data-device-panel="ios"] > img { object-position: 20% center; }
.rg-mobile-device-panel[data-device-panel="android"] > img { object-position: 16% center; }
.rg-mobile-device-panel[data-device-panel="cross"] > img { object-position: center center; }
.rg-mobile-device-panel > div { position: absolute; top: 50%; right: 4%; width: min(40%, 390px); transform: translateY(-50%); }
.rg-mobile-device-panel > div > span { color: var(--mobile-blue); font-size: 14px; font-weight: 850; letter-spacing: .12em; }
.rg-mobile-device-panel h3 { margin: 13px 0 17px; font-size: clamp(31px,3vw,48px); line-height: 1; letter-spacing: -.035em; }
.rg-mobile-device-panel p { color: #bdcbe0; font-size: 16px; line-height: 1.55; }
.rg-mobile-device-panel ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(126,163,211,.25); list-style: none; }
.rg-mobile-device-panel li { position: relative; padding-left: 23px; color: #e7eef9; font-size: 14px; font-weight: 700; }
.rg-mobile-device-panel li::before { content: ""; position: absolute; top: .45em; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--mobile-mint); box-shadow: 0 0 13px rgba(78,224,186,.7); }
@keyframes rg-mobile-device-in { from { opacity: .45; transform: scale(1.025); } to { opacity: 1; transform: scale(1); } }

/* Demo */
.rg-mobile-demo { background: radial-gradient(circle at 18% 20%, rgba(84,83,207,.23), transparent 34%), #06142d; }
.rg-mobile-demo-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .82fr); gap: 100px; align-items: center; }
.rg-mobile-demo-copy h2 { max-width: 760px; margin: 18px 0 25px; font-size: clamp(48px, 4.4vw, 72px); line-height: .97; letter-spacing: -.055em; }
.rg-mobile-demo-copy > p:not(.rg-mobile-kicker) { max-width: 660px; color: #a9b9d0; font-size: 17px; line-height: 1.65; }
.rg-mobile-demo-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 36px; }
.rg-mobile-demo-actions button { min-height: 58px; padding: 0 18px; border: 1px solid rgba(122,161,208,.28); border-radius: 13px; color: #b9c8dc; background: rgba(255,255,255,.035); text-align: left; cursor: pointer; font-weight: 750; }
.rg-mobile-demo-actions button.is-active,
.rg-mobile-demo-actions button:hover { color: #fff; border-color: var(--mobile-blue); background: rgba(82,216,255,.12); }
.rg-mobile-demo-phone { position: relative; justify-self: center; width: min(100%, 430px); min-height: 700px; padding: 18px 14px 86px; border: 9px solid #172943; border-radius: 58px; color: #fff; background: linear-gradient(145deg, #263a58, #07162d 15%, #06142d 85%, #314764); box-shadow: inset 0 0 0 2px rgba(255,255,255,.08), 0 42px 95px rgba(0,0,0,.58); transform: rotate(1deg); }
.rg-mobile-demo-phone::before { content: ""; position: absolute; top: 13px; left: 50%; z-index: 5; width: 108px; height: 28px; border-radius: 18px; background: #020a19; box-shadow: 0 0 0 1px rgba(255,255,255,.08); transform: translateX(-50%); }
.rg-mobile-demo-phone::after { content: ""; position: absolute; top: 145px; right: -13px; width: 5px; height: 86px; border-radius: 0 5px 5px 0; background: #344b6a; box-shadow: 0 110px 0 #344b6a; }
.rg-mobile-demo-top { position: relative; z-index: 4; display: flex; justify-content: space-between; align-items: center; padding: 8px 13px 23px; color: #aec0d7; font-size: 14px; }
.rg-mobile-demo-screen { position: relative; min-height: 535px; overflow: hidden; padding: 48px 22px 26px; border-radius: 39px; background: radial-gradient(circle at 82% 8%, rgba(82,216,255,.18), transparent 26%), linear-gradient(155deg, #0d2a54, #091c38); box-shadow: inset 0 0 0 1px rgba(139,177,223,.15); }
.rg-mobile-demo-screen::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(113,160,211,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(113,160,211,.22) 1px, transparent 1px); background-size: 46px 46px; pointer-events: none; }
.rg-mobile-demo-screen > * { position: relative; z-index: 1; }
.rg-mobile-demo-screen > small { color: var(--mobile-blue); font-size: 14px; font-weight: 800; letter-spacing: .11em; }
.rg-mobile-demo-screen h3 { margin: 16px 0 28px; font-size: 35px; }
.rg-mobile-quote { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.rg-mobile-quote span { padding: 25px 18px; border: 1px solid rgba(103,148,204,.24); border-radius: 14px; background: rgba(255,255,255,.04); }
.rg-mobile-quote small { display: block; margin-bottom: 8px; color: #91a4bf; font-size: 14px; }
.rg-mobile-quote b { font-size: 24px; }
.rg-mobile-demo-screen p { margin-top: 25px; color: #9db0c9; font-size: 14px; line-height: 1.5; }
.rg-mobile-demo-screen > svg { width: 100%; height: auto; margin: 8px 0 20px; overflow: visible; }
.rg-mobile-demo-screen > svg path { fill: none; stroke: var(--mobile-mint); stroke-width: 4; }
.rg-mobile-demo-screen > svg rect { fill: rgba(82,216,255,.16); }
.rg-mobile-demo-screen label { display: grid; gap: 8px; margin-bottom: 20px; color: #a9bbd2; font-size: 14px; }
.rg-mobile-demo-screen select,
.rg-mobile-demo-screen input { min-height: 52px; padding: 0 15px; border: 1px solid rgba(120,158,205,.32); border-radius: 12px; color: #fff; background: #102a50; font-size: 16px; }
.rg-mobile-order-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rg-mobile-demo-screen button { min-height: 50px; padding: 0 16px; border: 1px solid var(--mobile-blue); border-radius: 12px; color: #07152e; background: var(--mobile-blue); cursor: pointer; font-weight: 800; }
.rg-mobile-demo-screen button svg { width: 18px; height: 18px; margin: 0; }
.rg-mobile-order-buttons button:last-child { color: #fff; border-color: #ff7297; background: #c53d6c; }
.rg-mobile-demo-nav { position: absolute; inset: auto 20px 17px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.rg-mobile-demo-nav button { display: grid; min-height: 60px; place-items: center; gap: 3px; border: 0; border-radius: 11px; color: #7f94b0; background: transparent; cursor: pointer; font-size: 14px; }
.rg-mobile-demo-nav button:hover { color: var(--mobile-blue); background: rgba(82,216,255,.08); }
.rg-mobile-demo-nav svg { width: 19px; height: 19px; }

/* Trust, downloads and FAQ */
.rg-mobile-trust-band { padding: 30px 0; color: #fff; background: #0c2344; }
.rg-mobile-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.rg-mobile-trust-grid div { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: center; min-height: 74px; padding: 10px 24px; border-right: 1px solid rgba(121,156,202,.2); }
.rg-mobile-trust-grid div:last-child { border-right: 0; }
.rg-mobile-trust-grid svg { grid-row: 1 / 3; width: 24px; height: 24px; color: var(--mobile-blue); }
.rg-mobile-trust-grid strong { font-size: 16px; }
.rg-mobile-trust-grid span { color: #93a6c0; font-size: 14px; }
.rg-mobile-learning { position: relative; background: radial-gradient(circle at 87% 18%, rgba(82,216,255,.16), transparent 25%), linear-gradient(180deg, #edf4fc, #f8fbff); }
.rg-mobile-learning::before { content: ""; position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(66,112,166,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(66,112,166,.06) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 72%); pointer-events: none; }
.rg-mobile-learning > .rg-mobile-wrap { position: relative; }
.rg-mobile-learning-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.rg-mobile-learning-card { position: relative; display: grid; grid-template-rows: auto auto auto 1fr auto; min-height: 345px; overflow: hidden; padding: 30px; border: 1px solid #cedbea; border-radius: 24px; color: var(--mobile-ink) !important; background: rgba(255,255,255,.92); box-shadow: 0 18px 45px rgba(14,44,80,.07); text-decoration: none; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.rg-mobile-learning-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--mobile-blue), var(--mobile-violet)); transform: scaleX(.32); transform-origin: left; transition: transform .22s ease; }
.rg-mobile-learning-card:hover { transform: translateY(-6px); border-color: #68cde9; box-shadow: 0 25px 55px rgba(14,44,80,.13); }
.rg-mobile-learning-card:hover::before,
.rg-mobile-learning-card:focus-visible::before { transform: scaleX(1); }
.rg-mobile-learning-card:focus-visible { outline: 3px solid #22bde8; outline-offset: 4px; }
.rg-mobile-learning-icon { display: grid; width: 52px; height: 52px; place-items: center; margin-bottom: 26px; border: 1px solid rgba(30,172,219,.24); border-radius: 15px; color: #0788b0; background: #e6f9ff; }
.rg-mobile-learning-icon svg { width: 23px; height: 23px; }
.rg-mobile-learning-card > small { color: #4e59cc; font-size: 14px; font-weight: 850; letter-spacing: .12em; }
.rg-mobile-learning-card h3 { margin: 13px 0 14px; font-size: 26px; line-height: 1.08; letter-spacing: -.025em; }
.rg-mobile-learning-card p { color: var(--mobile-muted); font-size: 15px; line-height: 1.6; }
.rg-mobile-learning-card > strong { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #dce5ef; color: #087d9f; font-size: 15px; }
.rg-mobile-learning-card > strong svg { width: 19px; height: 19px; transition: transform .22s ease; }
.rg-mobile-learning-card:hover > strong svg { transform: translateX(4px); }
.rg-mobile-downloads { color: #fff; background: radial-gradient(circle at 82% 14%, rgba(83,94,224,.22), transparent 30%), radial-gradient(circle at 16% 84%, rgba(38,186,221,.12), transparent 31%), #06142d; }
.rg-mobile-downloads .rg-mobile-kicker { color: var(--mobile-blue); }
.rg-mobile-downloads .rg-mobile-heading-grid > p { color: #aebdd2; }
.rg-mobile-download-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.rg-mobile-download-card { position: relative; display: grid; grid-template-columns: 72px 1fr; gap: 23px; padding: 34px 140px 34px 34px; border: 1px solid rgba(126,163,211,.25); border-radius: 25px; background: linear-gradient(145deg, #10294e, #0a1d39); box-shadow: 0 22px 55px rgba(0,0,0,.24); }
.rg-mobile-download-mt5 { border-color: rgba(82,216,255,.58); background: radial-gradient(circle at 88% 10%, rgba(82,216,255,.14), transparent 31%), linear-gradient(145deg, #12315a, #0a1f3d); box-shadow: inset 0 3px rgba(82,216,255,.75), 0 24px 60px rgba(0,0,0,.28); }
.rg-mobile-platform-mark { display: grid; width: 64px; height: 64px; place-items: center; border: 1px solid rgba(139,177,223,.25); border-radius: 18px; color: #fff; background: #18375e; font-size: 29px; font-weight: 850; }
.rg-mobile-download-mt5 .rg-mobile-platform-mark { color: #07152e; background: linear-gradient(145deg, var(--mobile-blue), var(--mobile-violet)); }
.rg-mobile-download-logo { position: absolute; top: 24px; right: 26px; width: 92px; height: 92px; object-fit: contain; border-radius: 18px; filter: drop-shadow(0 12px 24px rgba(0,0,0,.3)); }
.rg-mobile-download-card small { color: var(--mobile-blue); font-size: 14px; font-weight: 800; letter-spacing: .11em; }
.rg-mobile-download-card h3 { margin: 7px 0 10px; font-size: 31px; }
.rg-mobile-download-card p { color: #aebdd2; font-size: 15px; line-height: 1.5; }
.rg-mobile-app-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.rg-mobile-app-links a { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 62px; padding: 8px 16px; border: 1px solid rgba(139,177,223,.3); border-radius: 13px; color: #fff !important; background: #18375e; text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.rg-mobile-app-links a:hover, .rg-mobile-app-links a:focus-visible { transform: translateY(-2px); color: #fff !important; border-color: var(--mobile-blue); background: #164c70; }
.rg-mobile-app-links b { display: grid; place-items: center; }
.rg-mobile-app-links b svg { width: 27px; height: 27px; }
.rg-mobile-app-links span { display: grid; line-height: 1.1; font-size: 16px; font-weight: 760; }
.rg-mobile-app-links small { color: #b9c7da; font-size: 14px; letter-spacing: 0; font-weight: 500; }
.rg-mobile-onboarding-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 24px; align-items: center; margin-top: 24px; padding: 30px; border: 1px solid rgba(126,163,211,.24); border-radius: 23px; background: #0a1f3d; box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.rg-mobile-onboarding-strip > div { display: grid; grid-template-columns: 45px 1fr; column-gap: 15px; }
.rg-mobile-onboarding-strip > div > span { grid-row: 1 / 3; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgba(82,216,255,.3); border-radius: 13px; color: var(--mobile-blue); background: rgba(82,216,255,.09); font-size: 15px; font-weight: 850; }
.rg-mobile-onboarding-strip strong { font-size: 17px; }
.rg-mobile-onboarding-strip p { margin-top: 5px; color: #99abc4; font-size: 14px; line-height: 1.4; }
.rg-mobile-onboarding-strip > i { color: #6883a6; }
.rg-mobile-onboarding-strip > i svg { width: 22px; height: 22px; }
.rg-mobile-final-cta { display: grid; grid-template-columns: 1fr auto auto; gap: 13px; align-items: center; margin-top: 24px; padding: 34px; border: 1px solid rgba(126,163,211,.24); border-radius: 24px; color: #fff; background: linear-gradient(100deg, #102c52, #0b213f); box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.rg-mobile-final-cta small { color: var(--mobile-blue); font-size: 14px; font-weight: 800; letter-spacing: .1em; }
.rg-mobile-final-cta h3 { margin-top: 6px; font-size: 29px; }
.rg-mobile-faq { background: #f3f7fd; }
.rg-mobile-faq-list { max-width: 1180px; margin: 58px auto 0; border-top: 1px solid #cbd7e7; }
.rg-mobile-faq details { border-bottom: 1px solid #cbd7e7; }
.rg-mobile-faq summary { display: grid; grid-template-columns: 55px 1fr 28px; gap: 18px; align-items: center; min-height: 92px; cursor: pointer; list-style: none; }
.rg-mobile-faq summary::-webkit-details-marker { display: none; }
.rg-mobile-faq summary span { color: var(--mobile-violet); font-size: 23px; font-weight: 850; }
.rg-mobile-faq summary strong { font-size: 19px; }
.rg-mobile-faq summary svg { width: 22px; height: 22px; transition: transform .2s ease; }
.rg-mobile-faq details[open] summary svg { transform: rotate(45deg); }
.rg-mobile-faq details p { max-width: 900px; padding: 0 0 28px 73px; color: var(--mobile-muted); font-size: 16px; line-height: 1.65; }

@media (max-width: 1180px) {
}

@media (max-width: 900px) {
	.rg-mobile-learning-grid { grid-template-columns: 1fr; }
	.rg-mobile-learning-card { min-height: 0; }
}

@media (max-width: 640px) {
	.rg-mobile-learning-card { padding: 25px; }
	.rg-mobile-learning-card h3 { font-size: 23px; }
}

@media (max-width: 1100px) {
	.rg-mobile-hero-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
	.rg-mobile-hero h1 { font-size: clamp(56px, 6.6vw, 72px); }
	.rg-mobile-hero-visual { transform: scale(.97); }
	.rg-mobile-phone-ios { width: 88%; }
	.rg-mobile-phone-android { width: 73%; }
	.rg-mobile-benefit-grid { grid-template-columns: repeat(2, 1fr); }
	.rg-mobile-demo-grid { gap: 50px; }
	.rg-mobile-trust-grid { grid-template-columns: repeat(2, 1fr); }
	.rg-mobile-trust-grid div:nth-child(2) { border-right: 0; }
	.rg-mobile-device-section > .rg-mobile-wrap > h2 { white-space: normal; }
	.rg-mobile-device-walkthrough { grid-template-columns: 310px minmax(0,1fr); }
	.rg-mobile-device-panel > div { width: min(50%, 390px); }
}

@media (max-width: 760px) {
	.rg-mobile-wrap { width: min(100% - 32px, 600px); }
	.rg-mobile-section { padding: 80px 0; }
	.rg-mobile-heading-grid { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; }
	.rg-mobile-heading-grid h2,
	.rg-mobile-device-section > .rg-mobile-wrap > h2,
	.rg-mobile-faq h2 { font-size: clamp(40px, 12vw, 56px); }
	.rg-mobile-heading-grid > p { font-size: 16px; }
	.rg-mobile-hero { padding-top: 86px; min-height: auto; }
	.rg-mobile-hero-grid { grid-template-columns: 1fr; min-height: auto; }
	.rg-mobile-hero h1 { margin-top: 24px; font-size: clamp(51px, 14vw, 67px); }
	.rg-mobile-lede { font-size: 17px; }
	.rg-mobile-hero-actions { display: grid; grid-template-columns: 1fr; }
	.rg-mobile-button { width: 100%; }
	.rg-mobile-hero-visual { min-height: 410px; margin-top: 10px; transform: none; }
	.rg-mobile-phone-ios { top: 15px; right: -10%; width: 92%; height: 300px; }
	.rg-mobile-phone-android { left: -10%; bottom: 10px; width: 74%; height: 235px; }
	.rg-mobile-hero-badge { right: 4%; bottom: 25px; }
	.rg-mobile-hero-logo { top: 48%; left: 50%; width: 64px; height: 64px; }
	.rg-mobile-level-control { justify-self: start; justify-items: start; }
	.rg-mobile-benefit-grid { grid-template-columns: 1fr; }
	.rg-mobile-benefit-card { min-height: 210px; }
	.rg-mobile-compare-controls { margin: 0 0 18px; width: 100%; overflow-x: auto; }
	.rg-mobile-compare-controls button { flex: 1 0 auto; }
	.rg-mobile-compare-table { overflow-x: auto; }
	.rg-mobile-compare-row,
	.rg-mobile-compare-table.is-mt5-only .rg-mobile-compare-row,
	.rg-mobile-compare-table.is-mt4-only .rg-mobile-compare-row { min-width: 720px; grid-template-columns: 190px 130px 130px 270px; }
	.rg-mobile-device-walkthrough { grid-template-columns: 1fr; }
	.rg-mobile-device-tabs { grid-template-columns: repeat(3, minmax(190px,1fr)); overflow-x: auto; }
	.rg-mobile-device-tabs button { min-height: 108px; grid-template-columns: 42px 1fr; padding: 17px; }
	.rg-mobile-device-tabs button > span { width: 40px; height: 40px; }
	.rg-mobile-device-tabs button svg { display: none; }
	.rg-mobile-device-stage { min-height: 500px; }
	.rg-mobile-device-panel::after { background: linear-gradient(180deg, rgba(5,18,42,.12), rgba(5,18,42,.95) 65%); }
	.rg-mobile-device-panel > img,
	.rg-mobile-device-panel[data-device-panel] > img { width: 100%; object-position: center top; }
	.rg-mobile-device-panel > div { top: auto; right: 28px; bottom: 28px; left: 28px; width: auto; transform: none; }
	.rg-mobile-demo-grid { grid-template-columns: 1fr; }
	.rg-mobile-demo-copy h2 { font-size: clamp(42px, 12vw, 56px); }
	.rg-mobile-demo-phone { min-height: 610px; transform: none; }
	.rg-mobile-trust-grid { grid-template-columns: 1fr; }
	.rg-mobile-trust-grid div { border-right: 0; border-bottom: 1px solid rgba(121,156,202,.2); }
	.rg-mobile-trust-grid div:last-child { border-bottom: 0; }
	.rg-mobile-download-grid { grid-template-columns: 1fr; }
	.rg-mobile-download-card { grid-template-columns: 58px 1fr; padding: 26px 112px 26px 26px; }
	.rg-mobile-platform-mark { width: 55px; height: 55px; }
	.rg-mobile-download-logo { top: 20px; right: 20px; width: 76px; height: 76px; }
	.rg-mobile-app-links { grid-template-columns: 1fr; }
	.rg-mobile-onboarding-strip { grid-template-columns: 1fr; }
	.rg-mobile-onboarding-strip > i { transform: rotate(90deg); justify-self: center; }
	.rg-mobile-final-cta { grid-template-columns: 1fr; }
	.rg-mobile-faq summary { grid-template-columns: 42px 1fr 24px; min-height: 84px; }
	.rg-mobile-faq summary strong { font-size: 17px; }
	.rg-mobile-faq details p { padding-left: 60px; font-size: 15px; }
}

@media (max-width: 440px) {
	.rg-mobile-hero h1 { font-size: 49px; }
	.rg-mobile-hero-visual { min-height: 350px; }
	.rg-mobile-phone-ios { height: 250px; }
	.rg-mobile-phone-android { height: 195px; }
	.rg-mobile-level-toggle { display: grid; width: 100%; grid-template-columns: 1fr 1fr; }
	.rg-mobile-device-tabs { grid-template-columns: repeat(3, 170px); }
	.rg-mobile-device-stage { min-height: 470px; }
	.rg-mobile-demo-actions { grid-template-columns: 1fr; }
	.rg-mobile-demo-phone { min-height: 585px; border-radius: 37px; }
	.rg-mobile-download-card { display: block; padding: 26px 96px 26px 26px; }
	.rg-mobile-platform-mark { margin-bottom: 18px; }
	.rg-mobile-app-links { margin-top: 20px; }
}

@media (max-width: 640px) {
	.rg-mobile-compare-table {
		overflow: visible;
		border: 0;
		background: transparent;
	}

	.rg-mobile-compare-head {
		display: none;
	}

	.rg-mobile-compare-row,
	.rg-mobile-compare-table.is-mt5-only .rg-mobile-compare-row,
	.rg-mobile-compare-table.is-mt4-only .rg-mobile-compare-row {
		display: block;
		min-width: 0;
		min-height: 0;
		margin-bottom: 14px;
		overflow: hidden;
		border: 1px solid rgba(113,151,199,.3);
		border-radius: 18px;
		background: #071a35;
	}

	.rg-mobile-compare-row > strong:first-child {
		display: block;
		padding: 16px 18px;
		border-right: 0;
		border-bottom: 1px solid rgba(113,151,199,.25);
	}

	.rg-mobile-compare-row > :is(b, span) {
		display: grid;
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 14px;
		padding: 13px 18px;
		border-right: 0;
		border-bottom: 1px solid rgba(113,151,199,.2);
		font-size: 14px;
	}

	.rg-mobile-compare-row > :is(b, span)::before {
		content: attr(data-rg-label);
		color: var(--mobile-blue);
		font-size: 12px;
		font-weight: 800;
		letter-spacing: .06em;
		text-transform: uppercase;
	}
}