:root {
	--rp-sales-bg: #eef2f6;
	--rp-sales-paper: #ffffff;
	--rp-sales-ink: #101827;
	--rp-sales-muted: #4c5c70;
	--rp-sales-line: #d8e0e8;
	--rp-sales-red: #c42121;
	--rp-sales-yellow: #ffd21a;
	--rp-sales-yellow-dark: #efb900;
	--rp-sales-green: #0f766e;
	--rp-sales-dark: #111827;
	--rp-sales-shadow: 0 22px 70px rgba(15, 23, 42, 0.16);
	--rp-sales-soft-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

body.rp-sales-new,
body.rp-sales-new * {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body.rp-sales-new {
	margin: 0;
	background:
		radial-gradient(circle at top left, rgba(255, 210, 26, 0.18), transparent 32rem),
		linear-gradient(180deg, #f8fafc 0%, var(--rp-sales-bg) 100%);
	color: var(--rp-sales-ink);
	font-family: Lato, Arial, sans-serif;
	font-size: 19px;
	line-height: 1.62;
}

body.rp-sales-new main {
	width: min(980px, calc(100% - 28px));
	margin: 26px auto 0;
	padding: 0;
	background: var(--rp-sales-paper);
	border: 1px solid var(--rp-sales-line);
	border-radius: 10px;
	box-shadow: var(--rp-sales-shadow);
	overflow: hidden;
}

body.rp-sales-new main > * {
	width: min(800px, calc(100% - 56px));
	margin-left: auto;
	margin-right: auto;
}

body.rp-sales-new main > br {
	display: none;
}

body.rp-sales-new .rp-sales-top {
	width: 100%;
	margin: 0;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	background: rgba(248, 250, 252, 0.98);
	border-bottom: 1px solid var(--rp-sales-line);
}

body.rp-sales-new .rp-sales-logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

body.rp-sales-new .rp-sales-logo img {
	display: block;
	width: 150px;
	max-width: 38vw;
	height: auto;
}

body.rp-sales-new .rp-sales-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid var(--rp-sales-line);
	border-radius: 8px;
	color: var(--rp-sales-ink);
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
	background: #fff;
}

body.rp-sales-new h1,
body.rp-sales-new h2,
body.rp-sales-new h3,
body.rp-sales-new h5 {
	font-family: "PT Sans Narrow", Arial, sans-serif;
	color: var(--rp-sales-ink);
	letter-spacing: 0;
	text-wrap: balance;
}

body.rp-sales-new h1 {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: clamp(34px, 5.6vw, 56px);
	font-weight: 700;
	line-height: 1.08;
	text-align: center;
}

body.rp-sales-new h1 span {
	color: var(--rp-sales-red);
}

body.rp-sales-new main > h2:first-of-type {
	margin-top: 36px;
	margin-bottom: 14px;
	color: var(--rp-sales-red);
	font-family: "PT Sans Narrow", Arial, sans-serif !important;
	font-size: clamp(25px, 4.2vw, 38px) !important;
	font-weight: 700;
	line-height: 1.12;
}

body.rp-sales-new h2 {
	margin-top: 42px;
	margin-bottom: 18px;
	font-size: clamp(30px, 4.8vw, 44px);
	font-weight: 700;
	line-height: 1.08;
	text-align: center;
}

body.rp-sales-new .subhead {
	margin-top: 12px;
	margin-bottom: 30px;
	color: #26364d;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	font-size: clamp(24px, 4vw, 34px);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

body.rp-sales-new p {
	margin-top: 0;
	margin-bottom: 5px;
	color: #0f172a;
	font-family: Lato, Arial, sans-serif;
	font-size: clamp(18px, 2.1vw, 21px);
	line-height: 1.46;
}

body.rp-sales-new .red,
body.rp-sales-new .redh2 {
	color: var(--rp-sales-red);
	font-weight: 900;
}

body.rp-sales-new #intro__image {
	width: min(280px, 42%);
	float: right;
	margin: 0 0 18px 28px;
	border-radius: 8px;
	filter: drop-shadow(0 12px 22px rgba(15, 23, 42, 0.18));
}

body.rp-sales-new main > img:not(#intro__image)[src*="david-dekel-with-poki"] {
	display: block;
	width: min(260px, 62%);
	margin: 24px 0 18px;
}

body.rp-sales-new figure {
	margin-top: 26px;
	margin-bottom: 28px;
	padding: 18px;
	border: 1px solid var(--rp-sales-line);
	border-radius: 10px;
	background: #f8fafc;
	box-shadow: var(--rp-sales-soft-shadow);
}

body.rp-sales-new img {
	max-width: 100%;
	height: auto;
}

body.rp-sales-new .proof,
body.rp-sales-new .testimonial {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 4px;
	border: 1px solid #c7d2df;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.12);
}

body.rp-sales-new figcaption {
	margin-top: 10px;
	color: var(--rp-sales-muted);
	font-family: "PT Sans Narrow", Arial, sans-serif;
	font-size: 20px;
	line-height: 1.25;
	text-align: center;
}

body.rp-sales-new hr.section__break {
	width: min(560px, 72%);
	margin: 38px auto;
	border: 0;
	border-top: 1px solid var(--rp-sales-line);
}

body.rp-sales-new .bullets,
body.rp-sales-new #bullets,
body.rp-sales-new #who__its__for__ul {
	display: grid;
	gap: 14px;
	width: min(760px, calc(100% - 36px));
	margin-top: 26px;
	margin-bottom: 32px;
	padding: 0;
	list-style: none;
	border: 0;
	background: transparent;
}

body.rp-sales-new .bullets h2 {
	margin: 18px 0 6px;
}

body.rp-sales-new .bullets li,
body.rp-sales-new #bullets li,
body.rp-sales-new #who__its__for__ul li {
	position: relative;
	min-height: 58px;
	margin: 0;
	padding: 16px 18px 16px 50px;
	border: 1px solid var(--rp-sales-line);
	border-radius: 8px;
	background: #f8fafc;
	color: var(--rp-sales-ink);
	font-family: Lato, Arial, sans-serif;
	font-size: clamp(17px, 2.3vw, 20px);
	font-weight: 800;
	line-height: 1.42;
}

body.rp-sales-new .bullets li .fa,
body.rp-sales-new #bullets li .fa {
	position: absolute;
	top: 19px;
	left: 18px;
	width: 20px;
	font-size: 18px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	text-align: center;
}

body.rp-sales-new .fa-check:before {
	content: "\2713";
}

body.rp-sales-new .fa-times:before {
	content: "\00d7";
}

body.rp-sales-new #not__bullets .fa-times {
	color: var(--rp-sales-red);
}

body.rp-sales-new .bullets .fa-check {
	color: var(--rp-sales-green);
}

body.rp-sales-new .johnson {
	width: min(720px, calc(100% - 36px));
	margin: 30px auto 42px;
	padding: 26px;
	border: 1px solid var(--rp-sales-line);
	border-radius: 10px;
	background: linear-gradient(180deg, #fffdf0 0%, #fff 100%);
	box-shadow: var(--rp-sales-soft-shadow);
}

body.rp-sales-new .johnson img {
	display: block;
	margin: 0 auto 16px !important;
	max-width: 300px !important;
	width: min(300px, 100%) !important;
	border-radius: 8px;
}

body.rp-sales-new .johnson h2 {
	margin-top: 12px;
	margin-bottom: 16px;
	font-size: clamp(30px, 4.8vw, 42px);
}

body.rp-sales-new .johnson ul {
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}

body.rp-sales-new .johnson li {
	position: relative;
	margin: 0;
	padding: 10px 0 10px 28px;
	border-bottom: 1px solid rgba(216, 224, 232, 0.78);
	font-family: Lato, Arial, sans-serif;
	font-size: clamp(17px, 2.3vw, 20px);
	line-height: 1.42;
}

body.rp-sales-new .johnson li:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--rp-sales-green);
	box-shadow: 0 0 0 5px rgba(15, 118, 110, 0.12);
}

body.rp-sales-new .johnson > ul + div {
	margin-top: 6px;
	color: #0f172a;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	font-size: clamp(28px, 4vw, 34px);
	font-weight: 400;
	line-height: 1.05;
	text-align: center;
}

body.rp-sales-new .johnson > ul + div + div {
	margin-top: 4px;
	color: #020617;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	font-size: clamp(52px, 8vw, 78px);
	font-weight: 700;
	line-height: 0.98;
	text-align: center;
	letter-spacing: 0;
}

body.rp-sales-new .yellow__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 560px);
	min-height: 68px;
	margin: 22px auto 12px;
	padding: 0 26px;
	border: 2px solid var(--rp-sales-yellow);
	border-radius: 8px;
	background: var(--rp-sales-yellow);
	color: #050505;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	font-size: clamp(27px, 4.8vw, 39px);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 14px 26px rgba(239, 185, 0, 0.28);
	transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

body.rp-sales-new .yellow__button:hover {
	background: var(--rp-sales-yellow-dark);
	border-color: #050505;
	color: #050505;
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(239, 185, 0, 0.32);
}

body.rp-sales-new .center {
	color: var(--rp-sales-muted);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.38;
	text-align: center;
}

body.rp-sales-new h5 {
	margin: 22px auto 44px;
	color: var(--rp-sales-red);
	font-size: clamp(42px, 7vw, 62px);
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

body.rp-sales-new .ps {
	margin-top: 34px;
	margin-bottom: 8px;
	color: var(--rp-sales-red);
	text-align: left;
}

body.rp-sales-new img.logo {
	display: block;
	width: min(360px, 80%);
	margin: 24px auto;
}

body.rp-sales-new .small__text {
	margin-bottom: 28px;
	color: var(--rp-sales-muted);
	font-size: 14px;
	font-weight: 800;
	text-align: center;
}

body.rp-sales-new main > h2 a[href*="offer=roipanel"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(720px, 100%);
	min-height: 76px;
	margin: 4px auto 18px;
	padding: 12px 24px;
	border: 2px solid var(--rp-sales-yellow);
	border-radius: 8px;
	background: var(--rp-sales-yellow);
	color: #050505;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	font-size: clamp(28px, 4.6vw, 42px);
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 14px 26px rgba(239, 185, 0, 0.28);
	transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

body.rp-sales-new main > h2 a[href*="offer=roipanel"]:hover {
	background: var(--rp-sales-yellow-dark);
	border-color: #050505;
	color: #050505;
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(239, 185, 0, 0.32);
}

body.rp-sales-new main + script + .remote-changelog-version-footer,
body.rp-sales-new .remote-changelog-version-footer,
body.rp-sales-new .remote-flinks-global-footer {
	width: min(980px, calc(100% - 28px));
	margin-left: auto !important;
	margin-right: auto !important;
	color: var(--rp-sales-muted) !important;
	font-family: Lato, Arial, sans-serif !important;
}

@media (max-width: 760px) {
	body.rp-sales-new main {
		width: min(100% - 14px, 980px);
		margin-top: 8px;
		border-radius: 8px;
	}

	body.rp-sales-new main > * {
		width: min(100% - 28px, 820px);
	}

	body.rp-sales-new #intro__image {
		float: none;
		display: block;
		width: min(300px, 78%);
		margin: 0 auto 20px;
	}

	body.rp-sales-new .johnson {
		width: min(100% - 24px, 720px);
		padding: 20px 16px;
	}

	body.rp-sales-new .yellow__button {
		min-height: 62px;
	}
}
