.rg-trading-tools {
	--rg-theme-accent: #70e6ff;
	--rg-tools-bg: #010817;
	--rg-tools-surface: #06142c;
	--rg-tools-surface-2: #0a1d3a;
	--rg-tools-line: rgba(112, 230, 255, .18);
	--rg-tools-line-strong: rgba(112, 230, 255, .48);
	--rg-tools-text: #f7f8fc;
	--rg-tools-muted: #aab8ce;
	background: var(--rg-tools-bg);
	color: var(--rg-tools-text);
	overflow-x: hidden;
}

.rg-trading-tools,
.rg-trading-tools * {
	box-sizing: border-box;
}

.rg-trading-tools a,
.rg-trading-tools button {
	font: inherit;
}

.rg-tools-container {
	width: min(1440px, calc(100% - 80px));
	margin-inline: auto;
}

.rg-tools-eyebrow {
	margin: 0 0 20px;
	color: var(--rg-theme-accent);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rg-tools-hero {
	position: relative;
	min-height: min(820px, 100svh);
	padding: 176px 0 110px;
	display: flex;
	align-items: center;
	background:
		radial-gradient(circle at 82% 32%, rgba(105, 70, 223, .25), transparent 30%),
		radial-gradient(circle at 18% 66%, rgba(18, 129, 175, .15), transparent 34%),
		linear-gradient(125deg, #010817 0%, #06142b 56%, #130a35 100%);
}

.rg-tools-hero::before {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(112, 230, 255, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(112, 230, 255, .035) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent);
	content: "";
	pointer-events: none;
}

.rg-tools-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 24px;
	align-items: center;
	padding-bottom: 58px;
}

.rg-tools-hero__copy {
	grid-column: 1 / span 7;
	max-width: 790px;
}

.rg-tools-hero h1,
.rg-tools-heading h2,
.rg-tools-conversion h2,
.rg-tools-vps h2 {
	margin: 0;
	color: #fff;
	font-weight: 600;
	letter-spacing: -.045em;
	text-wrap: balance;
}

.rg-tools-hero h1 {
	font-size: var(--rg-type-display-h1);
	line-height: var(--rg-leading-display-h1);
}

.rg-tools-hero h1 span,
.rg-tools-heading h2 span,
.rg-tools-conversion h2 span,
.rg-tools-vps h2 span {
	display: block;
}

.rg-tools-gradient-text {
	color: transparent;
	background: linear-gradient(95deg, #70e6ff 4%, #9d83ff 58%, #f7f8fc 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.rg-tools-hero__intro {
	max-width: 630px;
	margin: 30px 0 0;
	color: var(--rg-tools-muted);
	font-size: 19px;
	line-height: 1.6;
}

.rg-tools-actions {
	margin-top: 34px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.rg-tools-actions .s6-cta {
	min-height: 56px;
	padding-inline: 24px;
	border-radius: 12px;
}

.rg-tools-actions .s6-cta-ghost {
	border-color: rgba(112, 230, 255, .3);
	background: rgba(7, 22, 47, .56);
}

.rg-tools-actions .s6-cta:hover,
.rg-tools-actions .s6-cta:focus-visible {
	border-color: #70e6ff;
	box-shadow: 0 14px 34px rgba(31, 175, 209, .18);
	transform: translateY(-2px);
}

.rg-tools-disclosure {
	max-width: 610px;
	margin: 22px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: #8fa1ba;
	font-size: 14px;
	line-height: 1.5;
}

.rg-tools-disclosure svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	color: var(--rg-theme-accent);
}

.rg-tools-hero__visual {
	grid-column: 8 / -1;
	position: relative;
	min-height: 470px;
	padding: 20px;
	border: 1px solid rgba(112, 230, 255, .22);
	border-radius: 32px;
	background: linear-gradient(145deg, rgba(10, 29, 58, .96), rgba(3, 12, 30, .9));
	box-shadow: 0 38px 100px rgba(0, 0, 0, .42), 0 0 70px rgba(105, 70, 223, .12);
}

.rg-tools-hero__visual::after {
	position: absolute;
	inset: 16% -14% -15% 26%;
	z-index: -1;
	border-radius: 999px;
	background: rgba(112, 230, 255, .12);
	filter: blur(70px);
	content: "";
}

.rg-tools-hero__visual-top {
	display: flex;
	align-items: center;
	gap: 7px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.rg-tools-hero__visual-top > span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.rg-tools-hero__visual-top > span:first-child {
	background: #70e6ff;
}

.rg-tools-hero__visual-top small {
	margin-left: auto;
	color: #9babc2;
	font-size: 14px;
	line-height: 1.5;
}

.rg-tools-hero__monitor {
	margin-top: 18px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.rg-tools-hero__monitor > div {
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 16px;
	background: rgba(255, 255, 255, .035);
}

.rg-tools-hero__monitor small,
.rg-tools-hero__monitor span {
	display: block;
	color: #9babc2;
	font-size: 14px;
	line-height: 1.5;
}

.rg-tools-hero__monitor strong {
	display: block;
	margin-block: 8px;
	color: #fff;
	font-size: 42px;
	line-height: 1;
}

.rg-tools-hero__chart {
	position: relative;
	height: 176px;
	margin-top: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 16px;
	background:
		linear-gradient(rgba(112, 230, 255, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(112, 230, 255, .06) 1px, transparent 1px),
		rgba(1, 8, 23, .55);
	background-size: 25% 25%;
}

.rg-tools-hero__chart span {
	position: absolute;
	left: -4%;
	top: 52%;
	width: 112%;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, #70e6ff 20%, #9d83ff 70%, #f2a0ff);
	box-shadow: 0 0 22px rgba(112, 230, 255, .45);
	transform: rotate(-8deg) skewX(-34deg);
}

.rg-tools-hero__chart i {
	position: absolute;
	bottom: 20px;
	width: 8px;
	border-radius: 4px;
	background: rgba(112, 230, 255, .2);
}

.rg-tools-hero__chart i:nth-child(1) { left: 18%; height: 46px; }
.rg-tools-hero__chart i:nth-child(2) { left: 39%; height: 75px; }
.rg-tools-hero__chart i:nth-child(3) { left: 61%; height: 92px; }
.rg-tools-hero__chart i:nth-child(4) { left: 82%; height: 126px; }

.rg-tools-hero__signals {
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.rg-tools-hero__signals span {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid rgba(112, 230, 255, .12);
	border-radius: 12px;
	background: rgba(112, 230, 255, .04);
	color: #c7d3e4;
	font-size: 14px;
	font-weight: 700;
}

.rg-tools-hero__signals svg {
	width: 17px;
	height: 17px;
	color: var(--rg-theme-accent);
}

.rg-tools-tape {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 136px;
	display: flex;
	align-items: center;
	overflow: hidden;
	contain: inline-size layout paint;
	background: linear-gradient(to bottom, transparent, rgba(1, 8, 23, .72));
}

.rg-tools-tape__inner {
	height: 106px;
	padding: 0;
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid rgba(112, 230, 255, .2);
	border-radius: 20px;
	background: rgba(3, 14, 35, .92);
	box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 18px 50px rgba(0, 0, 0, .22);
	backdrop-filter: blur(18px);
}

.rg-tools-tape__label {
	position: relative;
	z-index: 2;
	padding: 0 26px;
	display: flex;
	align-items: center;
	gap: 14px;
	border-right: 1px solid rgba(112, 230, 255, .14);
	background: #06142c;
}

.rg-tools-tape__label svg {
	width: 28px;
	height: 28px;
	color: #70e6ff;
}

.rg-tools-tape__label span {
	display: grid;
	gap: 3px;
}

.rg-tools-tape__label strong {
	color: #f7fbff;
	font-size: 15px;
	line-height: 1.3;
}

.rg-tools-tape__label small {
	color: #8192aa;
	font-size: 14px;
	line-height: 1.3;
}

.rg-tools-tape__viewport {
	min-width: 0;
	height: 100%;
	overflow: hidden;
	background: transparent;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.rg-tools-tape__viewport > .rg-tv-widget {
	min-width: 0;
	height: 100%;
	flex: 1 1 auto;
}

.rg-trading-tools .rg-breadcrumb-region {
	background: #010817;
}

.rg-tools-jump {
	position: sticky;
	top: 96px;
	z-index: 20;
	border-block: 1px solid rgba(112, 230, 255, .12);
	background: rgba(1, 8, 23, .9);
	backdrop-filter: blur(18px);
}

body.admin-bar .rg-tools-jump { top: 128px; }

.rg-tools-jump .rg-tools-container {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
}

.rg-tools-jump .rg-tools-container::-webkit-scrollbar { display: none; }

.rg-tools-jump a {
	position: relative;
	min-width: max-content;
	min-height: 58px;
	padding-inline: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9eacc0;
	font-size: 14px;
	font-weight: 700;
	transition: color .18s, background-color .18s;
}

.rg-tools-jump a::after {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: -1px;
	height: 2px;
	background: #70e6ff;
	transform: scaleX(0);
	transition: transform .18s;
	content: "";
}

.rg-tools-jump a:hover,
.rg-tools-jump a:focus-visible {
	color: #fff;
	background: rgba(112, 230, 255, .06);
}

.rg-tools-jump a[aria-current="location"] {
	color: #70e6ff;
}

.rg-tools-jump a[aria-current="location"]::after {
	transform: scaleX(1);
}

.rg-tools-section {
	position: relative;
	padding-block: 120px;
	background: #010817;
	scroll-margin-top: 176px;
}

.rg-tools-section:nth-of-type(2n) {
	background: #020c20;
}

.rg-tools-heading {
	margin-bottom: 54px;
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
	gap: 72px;
	align-items: end;
}

.rg-tools-heading h2,
.rg-tools-conversion h2,
.rg-tools-vps h2 {
	font-size: var(--rg-type-display-h2);
	line-height: var(--rg-leading-display-h2);
	letter-spacing: -.04em;
}

.rg-tools-heading > p,
.rg-tools-conversion > .rg-tools-container > div:first-child > p:last-child,
.rg-tools-vps > div > p:not(.rg-tools-eyebrow) {
	margin: 0;
	color: var(--rg-tools-muted);
	font-size: 19px;
	line-height: 1.6;
}

.rg-tools-calculator-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
}

.rg-tools-calculator-context .rg-calculator__notice {
	margin-bottom: 0;
}

.rg-tools-calculator-tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.rg-tools-calculator-tabs button {
	position: relative;
	min-height: 104px;
	padding: 18px 20px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 44px auto minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 12px;
	row-gap: 4px;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 16px;
	background: #06142c;
	color: #fff;
	text-align: left;
	cursor: pointer;
	transition: border-color .18s, transform .18s, box-shadow .18s;
}

.rg-tools-calculator-tabs button::before,
.rg-tools-calculator-tabs button::after {
	position: absolute;
	content: "";
}

.rg-tools-calculator-tabs button[aria-selected="true"]::before {
	inset: -120%;
	background: conic-gradient(from 90deg, transparent 0 28%, #70e6ff 40%, #9d83ff 53%, transparent 68%);
	animation: rg-tools-outline-spin 5s linear infinite;
}

.rg-tools-calculator-tabs button::after {
	inset: 1px;
	border-radius: 14px;
	background: linear-gradient(145deg, #0a2140, #06142c);
}

.rg-tools-calculator-tabs button > * {
	position: relative;
	z-index: 1;
}

.rg-tools-calculator-tabs button > span {
	grid-row: 1 / span 2;
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(112, 230, 255, .18);
	border-radius: 14px;
	background: rgba(112, 230, 255, .06);
	color: #70e6ff;
}

.rg-tools-calculator-tabs svg { width: 22px; height: 22px; }

.rg-tools-calculator-tabs small {
	grid-column: 2;
	grid-row: 1;
	justify-self: start;
	color: #7387a4;
	font-size: 14px;
}

.rg-tools-calculator-tabs strong {
	grid-column: 3;
	grid-row: 1;
	font-size: 18px;
	line-height: 1.35;
}

.rg-tools-calculator-tabs i {
	grid-column: 2 / -1;
	grid-row: 2;
	color: #91a1b8;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5;
}

.rg-tools-calculator-tabs button:hover,
.rg-tools-calculator-tabs button:focus-visible {
	border-color: #70e6ff;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .24);
	transform: translateY(-2px);
}

.rg-tools-calculator-tabs button[aria-selected="true"] {
	border-color: transparent;
	box-shadow: 0 18px 48px rgba(31, 175, 209, .12);
}

@keyframes rg-tools-outline-spin {
	to { transform: rotate(1turn); }
}

.rg-tools-calculator-workspace {
	min-height: 0;
	border: 1px solid rgba(112, 230, 255, .16);
	border-radius: 32px;
	background: linear-gradient(145deg, #071936, #030d21);
	box-shadow: 0 28px 72px rgba(0, 0, 0, .28);
}

.rg-tools-calculator-panel {
	padding: 34px;
}

.rg-tools-calculator-panel__top {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: flex-start;
}

.rg-tools-calculator-panel__top small,
.rg-tools-widget-card header small,
.rg-tools-context-rail article > small,
.rg-tools-resource-card > small {
	color: #70e6ff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rg-tools-calculator-panel h3 {
	margin: 7px 0 0;
	font-size: 32px;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.rg-tools-calculator-panel__top > span,
.rg-tools-widget-card header > i {
	padding: 8px 12px;
	border: 1px solid rgba(112, 230, 255, .18);
	border-radius: 999px;
	background: rgba(112, 230, 255, .05);
	color: #a9bbd1;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4;
}

.rg-tools-calculator-panel__body {
	margin-top: 30px;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(250px, .85fr);
	gap: 24px;
}

.rg-tools-field-preview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.rg-tools-field-preview span {
	min-height: 92px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 16px;
	background: rgba(255, 255, 255, .025);
}

.rg-tools-field-preview small {
	color: #9aaac0;
	font-size: 14px;
	line-height: 1.5;
}

.rg-tools-field-preview i {
	width: 76%;
	height: 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
}

.rg-tools-result-preview {
	padding: 26px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid rgba(112, 230, 255, .2);
	border-radius: 24px;
	background: radial-gradient(circle at 75% 20%, rgba(105, 70, 223, .22), transparent 45%), rgba(112, 230, 255, .035);
}

.rg-tools-result-preview small { color: #a8b7cc; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; }
.rg-tools-result-preview strong { margin-block: 18px; color: #fff; font-size: clamp(52px, 5vw, 72px); line-height: 1; font-variant-numeric: tabular-nums; }
.rg-tools-result-preview span { color: #91a2ba; font-size: 14px; line-height: 1.5; }

.rg-tools-analysis-grid {
	display: grid;
	grid-template-columns: minmax(0, 9fr) minmax(280px, 3fr);
	gap: 24px;
}

.rg-tools-widget-card {
	overflow: hidden;
	border: 1px solid rgba(112, 230, 255, .16);
	border-radius: 24px;
	background: #06142c;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}

.rg-tools-widget-card > header {
	min-height: 76px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.rg-tools-widget-card header span { display: flex; align-items: center; gap: 12px; }
.rg-tools-widget-card header strong { font-size: 18px; line-height: 1.35; }
.rg-tools-widget-card--chart { min-height: 720px; }
.rg-tools-widget-card--matrix { min-height: 520px; }
.rg-tools-widget-card--calendar { min-height: 600px; }

.rg-tools-slot {
	min-height: inherit;
	padding: 44px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background:
		linear-gradient(rgba(112, 230, 255, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(112, 230, 255, .05) 1px, transparent 1px),
		#020c20;
	background-size: 64px 64px;
}

.rg-tools-widget-card--chart .rg-tools-slot { min-height: 643px; }
.rg-tools-widget-card--matrix .rg-tools-slot { min-height: 443px; }
.rg-tools-widget-card--calendar .rg-tools-slot { min-height: 523px; }

.rg-tools-slot__mark {
	position: relative;
	width: 82px;
	height: 82px;
	margin-bottom: 24px;
	border: 1px solid rgba(112, 230, 255, .34);
	border-radius: 24px;
	background: rgba(112, 230, 255, .055);
}

.rg-tools-slot__mark::before,
.rg-tools-slot__mark::after {
	position: absolute;
	content: "";
}

.rg-tools-slot__mark::before {
	left: 18px;
	right: 18px;
	top: 39px;
	height: 2px;
	background: #70e6ff;
	box-shadow: 0 0 16px rgba(112, 230, 255, .7);
	transform: rotate(-12deg);
}

.rg-tools-slot__mark::after {
	inset: 14px;
	border: 1px solid rgba(157, 131, 255, .28);
	border-radius: 12px;
}

.rg-tools-slot strong { font-size: 24px; line-height: 1.2; }
.rg-tools-slot small { max-width: 420px; margin-top: 10px; color: #91a2ba; font-size: 14px; line-height: 1.5; }

.rg-tools-context-rail {
	display: grid;
	gap: 24px;
}

.rg-tools-context-rail article,
.rg-tools-reading-card,
.rg-tools-event-card {
	padding: 28px;
	border: 1px solid rgba(112, 230, 255, .14);
	border-radius: 24px;
	background: linear-gradient(145deg, #081a36, #041027);
}

.rg-tools-context-rail article > span,
.rg-tools-reading-card > span,
.rg-tools-event-card > span {
	width: 50px;
	height: 50px;
	margin-bottom: 24px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(112, 230, 255, .18);
	border-radius: 14px;
	background: rgba(112, 230, 255, .06);
	color: #70e6ff;
}

.rg-tools-context-rail svg,
.rg-tools-reading-card > span svg,
.rg-tools-event-card > span svg { width: 22px; height: 22px; }

.rg-tools-context-rail h3,
.rg-tools-reading-card h3,
.rg-tools-event-card h3,
.rg-tools-resource-card h3 {
	margin: 10px 0 14px;
	font-size: 32px;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.rg-tools-context-rail p,
.rg-tools-reading-card p,
.rg-tools-event-card p,
.rg-tools-resource-card p {
	margin: 0;
	color: #9babc2;
	font-size: 16px;
	line-height: 1.65;
}

.rg-tools-meter {
	height: 12px;
	margin: 24px 0;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
}

.rg-tools-meter i { display: block; width: 50%; height: 100%; background: linear-gradient(90deg, #70e6ff, #8069ff); }

.rg-tools-stat-pair {
	margin: 24px 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.rg-tools-stat-pair b {
	padding: 15px;
	display: flex;
	justify-content: space-between;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 12px;
	font-size: 14px;
}

.rg-tools-stat-pair em { color: #70e6ff; font-style: normal; }

.rg-tools-split-grid,
.rg-tools-calendar-grid {
	display: grid;
	grid-template-columns: minmax(0, 8fr) minmax(300px, 4fr);
	gap: 24px;
}

.rg-tools-calendar-grid { grid-template-columns: minmax(0, 9fr) minmax(280px, 3fr); }

.rg-tools-reading-card .rg-tools-eyebrow,
.rg-tools-event-card .rg-tools-eyebrow { margin-bottom: 0; }

.rg-tools-reading-card ol,
.rg-tools-event-card ul,
.rg-tools-vps ol {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.rg-tools-reading-card li,
.rg-tools-vps li {
	padding-block: 16px;
	display: flex;
	gap: 15px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.rg-tools-reading-card li > b,
.rg-tools-vps li > b { color: #70e6ff; font-size: 14px; }
.rg-tools-reading-card li p { display: grid; gap: 2px; }
.rg-tools-reading-card li strong { color: #fff; font-size: 16px; }
.rg-tools-reading-card li span { color: #91a2ba; font-size: 14px; line-height: 1.5; }

.rg-tools-event-card ul { margin-bottom: 26px; }
.rg-tools-event-card li { padding-block: 13px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(255, 255, 255, .08); color: #d7e0ec; font-size: 14px; line-height: 1.5; }
.rg-tools-event-card li svg { width: 18px; height: 18px; color: #70e6ff; }

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

.rg-tools-order-grid article {
	position: relative;
	min-height: 380px;
	padding: 26px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 24px;
	background: linear-gradient(145deg, #071936, #041027);
	transition: border-color .18s, transform .18s, box-shadow .18s;
}

.rg-tools-order-grid article:hover,
.rg-tools-order-grid article:focus-visible {
	border-color: #70e6ff;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
	transform: translateY(-4px);
}

.rg-tools-order-grid article > small { color: #7588a4; font-size: 14px; }
.rg-tools-order-grid article > span { width: 48px; height: 48px; margin: 24px 0; display: grid; place-items: center; border-radius: 14px; background: rgba(112, 230, 255, .07); color: #70e6ff; }
.rg-tools-order-grid article > span svg { width: 22px; height: 22px; }
.rg-tools-order-grid h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.2; }
.rg-tools-order-grid p { margin: 0; color: #9babc2; font-size: 14px; line-height: 1.5; }
.rg-tools-order-grid article > div { height: 44px; margin-block: auto 16px; display: flex; align-items: center; justify-content: space-between; }
.rg-tools-order-grid article > div::before { position: absolute; left: 35px; right: 35px; height: 1px; background: rgba(112, 230, 255, .22); content: ""; }
.rg-tools-order-grid article > div i { position: relative; z-index: 1; width: 10px; height: 10px; border: 2px solid #70e6ff; border-radius: 50%; background: #06142c; }
.rg-tools-order-grid article > strong { color: #70e6ff; font-size: 14px; line-height: 1.5; }

.rg-tools-vps {
	margin-top: 72px;
	padding: 54px;
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr);
	gap: 72px;
	align-items: center;
	border: 1px solid rgba(112, 230, 255, .18);
	border-radius: 32px;
	background: radial-gradient(circle at 88% 24%, rgba(105, 70, 223, .3), transparent 34%), linear-gradient(135deg, #071936, #030b1d);
}

.rg-tools-vps h2 { font-size: clamp(48px, 4vw, 64px); }
.rg-tools-vps > div > p:not(.rg-tools-eyebrow) { max-width: 680px; margin-top: 24px; }
.rg-tools-text-link { margin-top: 26px; display: inline-flex; align-items: center; gap: 10px; color: #70e6ff; font-size: 15px; font-weight: 700; }
.rg-tools-text-link:hover, .rg-tools-text-link:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.rg-tools-text-link svg { width: 18px; height: 18px; }
.rg-tools-vps ol { margin: 0; }
.rg-tools-vps li span { display: grid; gap: 3px; }
.rg-tools-vps li strong { color: #fff; font-size: 16px; }
.rg-tools-vps li small { color: #91a2ba; font-size: 14px; line-height: 1.5; }

.rg-tools-resource-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 24px;
}

.rg-tools-resource-card {
	grid-column: span 3;
	min-height: 390px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 24px;
	background: #06142c;
	transition: border-color .18s, transform .18s, box-shadow .18s;
}

.rg-tools-resource-card--feature {
	grid-column: span 6;
	background: radial-gradient(circle at 85% 18%, rgba(105, 70, 223, .28), transparent 34%), #071936;
}

.rg-tools-resource-card:hover,
.rg-tools-resource-card:focus-visible {
	border-color: #70e6ff;
	box-shadow: 0 20px 48px rgba(0, 0, 0, .28);
	transform: translateY(-4px);
}

.rg-tools-resource-card > span { width: 52px; height: 52px; margin-bottom: 28px; display: grid; place-items: center; border-radius: 15px; background: rgba(112, 230, 255, .07); color: #70e6ff; }
.rg-tools-resource-card > span svg { width: 23px; height: 23px; }
.rg-tools-resource-card h3 { margin-top: 14px; }
.rg-tools-resource-card > strong { margin-top: auto; padding-top: 24px; display: flex; align-items: center; gap: 9px; color: #70e6ff; font-size: 15px; }
.rg-tools-resource-card > strong svg { width: 18px; height: 18px; transition: transform .18s; }
.rg-tools-resource-card:hover > strong svg, .rg-tools-resource-card:focus-visible > strong svg { transform: translateX(4px); }

.rg-tools-conversion {
	padding-block: 120px;
	background: radial-gradient(circle at 78% 40%, rgba(105, 70, 223, .32), transparent 34%), linear-gradient(125deg, #051831, #120b35);
}

.rg-tools-conversion > .rg-tools-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 72px;
	align-items: center;
}

.rg-tools-conversion h2 { max-width: 890px; }
.rg-tools-conversion > .rg-tools-container > div:first-child > p:last-child { max-width: 700px; margin-top: 26px; }
.rg-tools-conversion .rg-tools-actions { margin-top: 0; display: grid; min-width: 360px; }

.rg-trading-tools .rg-question-section--dark {
	background: #010817;
}

.rg-trading-tools a:focus-visible,
.rg-trading-tools button:focus-visible,
.rg-trading-tools article[tabindex]:focus-visible {
	outline: 3px solid #70e6ff;
	outline-offset: 3px;
}

@media (max-width: 1180px) {
	.rg-tools-container { width: min(1440px, calc(100% - 48px)); }
	.rg-tools-hero { min-height: auto; padding-top: 154px; }
	.rg-tools-hero__copy { grid-column: 1 / span 7; }
	.rg-tools-hero__visual { min-height: 430px; }
	.rg-tools-section, .rg-tools-conversion { padding-block: 88px; }
	.rg-tools-calculator-tabs button { min-height: 112px; padding: 18px; }
	.rg-tools-calculator-tabs button > span { width: 44px; height: 44px; }
	.rg-tools-analysis-grid { grid-template-columns: minmax(0, 8fr) minmax(260px, 4fr); }
	.rg-tools-order-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rg-tools-resource-card--feature { grid-column: span 6; }
	.rg-tools-resource-card { grid-column: span 3; }
}

@media (max-width: 900px) {
	.rg-tools-hero { padding-top: 136px; display: block; }
	.rg-tools-hero__inner { grid-template-columns: 1fr; gap: 48px; }
	.rg-tools-hero__copy, .rg-tools-hero__visual { grid-column: auto; }
	.rg-tools-hero__copy { max-width: 720px; }
	.rg-tools-hero__visual { width: min(100%, 620px); }
	.rg-tools-tape { position: relative; left: auto; right: auto; bottom: auto; width: 100%; max-width: 100%; margin-top: 48px; }
	.rg-tools-tape__inner { grid-template-columns: 190px minmax(0, 1fr); }
	.rg-tools-heading, .rg-tools-conversion > .rg-tools-container, .rg-tools-vps { grid-template-columns: 1fr; gap: 24px; }
	.rg-tools-heading { margin-bottom: 38px; }
	.rg-tools-calculator-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rg-tools-calculator-tabs button { min-width: 0; }
	.rg-tools-calculator-tabs i { display: none; }
	.rg-tools-analysis-grid, .rg-tools-split-grid, .rg-tools-calendar-grid { grid-template-columns: 1fr; }
	.rg-tools-context-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rg-tools-calendar-grid .rg-tools-event-card { order: -1; }
	.rg-tools-vps { padding: 40px; }
	.rg-tools-resource-card--feature { grid-column: span 12; }
	.rg-tools-resource-card { grid-column: span 6; }
	.rg-tools-conversion .rg-tools-actions { min-width: 0; margin-top: 18px; justify-self: start; }
}

@media (max-width: 640px) {
	.rg-tools-container { width: calc(100% - 36px); }
	.rg-tools-hero { padding: 122px 0 0; }
	.rg-tools-hero__inner { padding-bottom: 0; gap: 38px; }
	.rg-tools-hero__intro { margin-top: 24px; font-size: 16px; }
	.rg-tools-actions { display: grid; }
	.rg-tools-actions .s6-cta { width: 100%; min-height: 52px; justify-content: center; }
	.rg-tools-hero__visual { min-height: 390px; padding: 14px; border-radius: 24px; }
	.rg-tools-hero__monitor > div { padding: 15px; }
	.rg-tools-hero__monitor strong { font-size: 34px; }
	.rg-tools-hero__chart { height: 140px; }
	.rg-tools-hero__signals { gap: 6px; }
	.rg-tools-hero__signals span { padding-inline: 5px; font-size: 14px; }
	.rg-tools-hero__signals svg { display: none; }
	.rg-tools-tape { margin-top: 38px; height: 116px; }
	.rg-tools-tape__inner { height: 92px; grid-template-columns: minmax(0, 1fr); }
	.rg-tools-tape__label { display: none; }
	.rg-tools-tape__viewport { -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); }
	body.admin-bar .rg-tools-jump { top: 142px; }
	.rg-tools-jump a { min-height: 54px; padding-inline: 18px; }
	.rg-tools-section, .rg-tools-conversion { padding-block: 64px; }
	.rg-tools-heading > p, .rg-tools-conversion > .rg-tools-container > div:first-child > p:last-child, .rg-tools-vps > div > p:not(.rg-tools-eyebrow) { font-size: 16px; }
	.rg-tools-calculator-tabs { display: flex; overflow-x: auto; padding: 3px; scroll-snap-type: x proximity; scrollbar-color: rgba(112, 230, 255, .35) transparent; }
	.rg-tools-calculator-tabs button { min-width: 230px; min-height: 100px; scroll-snap-align: start; }
	.rg-tools-calculator-tabs i { display: block; }
	.rg-tools-calculator-workspace { min-height: 0; border-radius: 24px; }
	.rg-tools-calculator-panel { padding: 22px; }
	.rg-tools-calculator-panel__top { display: grid; }
	.rg-tools-calculator-panel__top > span { justify-self: start; }
	.rg-tools-calculator-panel__body { grid-template-columns: 1fr; }
	.rg-tools-field-preview { grid-template-columns: 1fr; }
	.rg-tools-result-preview { min-height: 230px; }
	.rg-tools-widget-card--chart { min-height: 560px; }
	.rg-tools-widget-card--chart .rg-tools-slot { min-height: 483px; }
	.rg-tools-widget-card > header { align-items: flex-start; }
	.rg-tools-widget-card header span { display: grid; gap: 3px; }
	.rg-tools-widget-card header > i { max-width: 120px; text-align: center; }
	.rg-tools-slot { padding: 28px 20px; }
	.rg-tools-context-rail { grid-template-columns: 1fr; }
	.rg-tools-context-rail article, .rg-tools-reading-card, .rg-tools-event-card { padding: 24px; }
	.rg-tools-order-grid { grid-template-columns: 1fr; }
	.rg-tools-order-grid article { min-height: 340px; }
	.rg-tools-vps { margin-top: 48px; padding: 28px 22px; border-radius: 24px; }
	.rg-tools-resource-card--feature, .rg-tools-resource-card { grid-column: span 12; min-height: 340px; }
	.rg-tools-conversion .rg-tools-actions { width: 100%; }
}

@media (forced-colors: active) {
	.rg-tools-gradient-text { color: CanvasText; background: none; }
	.rg-tools-calculator-tabs button[aria-selected="true"] { border-color: Highlight; }
}
