/**
 * CottonCloud sales-page component system.
 *
 * Reusable hero, proof, offers, process, cases, trust, FAQ and final-conversion
 * components. Every rule is wrapper-scoped; routes opt in by rendering
 * `.cc-sales-page` and enqueueing this small layer explicitly.
 */

.cc-sales-page {
	--cc-sales-ink: #07162b;
	--cc-sales-copy: #50647d;
	--cc-sales-blue: #1f73df;
	--cc-sales-blue-dark: #0b3266;
	--cc-sales-cyan: #78c7ff;
	--cc-sales-line: #d5e4f3;
	--cc-sales-light: #f4f8fd;
	--cc-sales-white: #ffffff;
	color: var(--cc-sales-ink);
	background: var(--cc-sales-light);
	overflow: clip;
}

.cc-sales-page img {
	display: block;
	max-width: 100%;
}

.cc-sales-page .cc-section {
	padding-block: clamp(52px, 5.5vw, 76px);
}

.cc-sales-page :is(a, button, summary):focus-visible {
	outline: 3px solid #58adff;
	outline-offset: 3px;
}

.cc-sales-page .cc-kicker {
	margin: 0;
	color: #1766c8;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	line-height: 1.3;
	text-transform: uppercase;
}

.cc-sales-page .cc-button {
	min-height: 48px;
	padding: 12px 18px;
	border-radius: 9px;
}

.cc-sales-page .cc-sales-button--primary {
	color: #ffffff;
	background: linear-gradient(135deg, #2f88f5, #1765d7);
	border-color: rgba(163, 213, 255, 0.42);
	box-shadow: 0 14px 34px rgba(27, 108, 221, 0.28);
}

.cc-sales-page .cc-sales-link {
	display: inline-flex;
	min-height: 45px;
	gap: 8px;
	align-items: center;
	width: fit-content;
	color: #1765c7;
	font-size: 0.86rem;
	font-weight: 900;
	line-height: 1.3;
	text-decoration: none;
}

.cc-sales-page .cc-sales-link span {
	transition: transform 180ms ease;
}

.cc-sales-page .cc-sales-link:hover span,
.cc-sales-page .cc-sales-link:focus-visible span {
	transform: translateX(3px);
}

.cc-sales-page .cc-sales-heading {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: end;
	margin-bottom: clamp(28px, 4vw, 42px);
}

.cc-sales-page .cc-sales-heading > div {
	display: grid;
	gap: 12px;
}

.cc-sales-page .cc-sales-heading h2 {
	max-width: 17ch;
	margin: 0;
	color: var(--cc-sales-ink);
	font-size: clamp(2rem, 3vw, 2.5rem) !important;
	letter-spacing: -0.035em !important;
	line-height: 1.06 !important;
	text-wrap: balance;
}

.cc-sales-page .cc-sales-heading > p {
	max-width: 48ch;
	margin: 0;
	color: var(--cc-sales-copy);
	font-size: 1rem;
	line-height: 1.65;
}

.cc-sales-page .cc-sales-heading:not(.cc-sales-heading--dark) .cc-kicker {
	color: #0b55a2;
}

/* Hero */

.cc-sales-page .cc-sales-hero {
	position: relative;
	min-height: min(650px, calc(100svh - var(--cc-header-height)));
	padding-block: clamp(38px, 4.8vw, 58px);
	color: #ffffff;
	background:
		linear-gradient(rgba(126, 186, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(126, 186, 255, 0.045) 1px, transparent 1px),
		radial-gradient(circle at 84% 8%, rgba(54, 143, 255, 0.3), transparent 29%),
		linear-gradient(135deg, #06101f 0%, #0a1e3b 58%, #07152a 100%);
	background-size: 72px 72px, 72px 72px, auto, auto;
	isolation: isolate;
}

.cc-sales-page .cc-sales-hero__orb {
	position: absolute;
	top: 7%;
	right: -7%;
	z-index: -1;
	width: clamp(240px, 28vw, 440px);
	aspect-ratio: 1;
	pointer-events: none;
	background:
		radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.58), transparent 5%),
		radial-gradient(circle at 42% 40%, rgba(118, 196, 255, 0.38), transparent 25%),
		radial-gradient(circle at 58% 62%, rgba(28, 109, 255, 0.42), transparent 51%),
		radial-gradient(circle, rgba(8, 33, 78, 0.2), rgba(2, 12, 31, 0.04) 70%);
	border: 1px solid rgba(145, 207, 255, 0.2);
	border-radius: 50%;
	opacity: 0.55;
}

.cc-sales-page .cc-sales-hero__orb::before,
.cc-sales-page .cc-sales-hero__orb::after {
	position: absolute;
	inset: 12%;
	border: 1px solid rgba(164, 218, 255, 0.22);
	border-radius: inherit;
	content: "";
	transform: rotate(24deg);
}

.cc-sales-page .cc-sales-hero__orb::after {
	inset: 25%;
	transform: rotate(-20deg);
}

.cc-sales-page .cc-sales-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
	gap: clamp(36px, 5vw, 72px);
	align-items: center;
	width: min(100% - 48px, 1240px);
}

.cc-sales-page .cc-sales-hero__copy {
	display: grid;
	gap: 17px;
	min-width: 0;
}

.cc-sales-page .cc-sales-hero__copy .cc-kicker {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--cc-sales-cyan);
}

.cc-sales-page .cc-sales-hero__copy .cc-kicker::before {
	width: 30px;
	height: 2px;
	flex: 0 0 auto;
	background: currentColor;
	border-radius: 99px;
	content: "";
}

body.cottoncloud-site .cc-sales-page .cc-sales-hero .cc-sales-hero__title {
	max-width: 19ch !important;
	margin: 0;
	color: #ffffff;
	font-size: clamp(2.45rem, 3.05vw, 2.75rem) !important;
	font-weight: 900;
	letter-spacing: -0.045em !important;
	line-height: 1.03 !important;
	text-wrap: balance;
}

.cc-sales-page .cc-sales-hero__lead {
	max-width: 39rem !important;
	margin: 0;
	color: #c9d8ea !important;
	font-size: clamp(1rem, 1.2vw, 1.1rem) !important;
	line-height: 1.62;
}

.cc-sales-page .cc-sales-hero__actions {
	gap: 10px;
	margin-top: 2px;
}

.cc-sales-page .cc-sales-hero__actions .cc-button--ghost {
	color: #edf7ff;
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(158, 210, 255, 0.26);
	box-shadow: none;
}

.cc-sales-page .cc-sales-proof {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	max-width: 650px;
	padding: 1px;
	margin: 4px 0 0;
	overflow: hidden;
	background: rgba(131, 194, 255, 0.18);
	border: 1px solid rgba(131, 194, 255, 0.22);
	border-radius: 15px;
}

.cc-sales-page .cc-sales-proof div {
	min-width: 0;
	padding: 12px;
	background: rgba(4, 18, 40, 0.72);
}

.cc-sales-page .cc-sales-proof dt {
	color: #ffffff;
	font-size: 0.98rem;
	font-weight: 950;
	line-height: 1.1;
}

.cc-sales-page .cc-sales-proof dd {
	margin: 4px 0 0;
	color: #9fb5cf;
	font-size: 0.69rem;
	font-weight: 750;
	line-height: 1.3;
}

.cc-sales-page .cc-sales-showcase {
	min-width: 0;
	padding: 10px;
	background: linear-gradient(155deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045));
	border: 1px solid rgba(153, 205, 255, 0.26);
	border-radius: 22px;
	box-shadow: 0 30px 74px rgba(0, 8, 24, 0.44);
}

.cc-sales-page .cc-sales-showcase__bar {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 4px 4px 11px;
}

.cc-sales-page .cc-sales-showcase__bar > span {
	display: flex;
	gap: 5px;
}

.cc-sales-page .cc-sales-showcase__bar i {
	width: 7px;
	aspect-ratio: 1;
	background: #5eb4ff;
	border-radius: 50%;
	opacity: 0.78;
}

.cc-sales-page .cc-sales-showcase__bar i:nth-child(2) {
	opacity: 0.5;
}

.cc-sales-page .cc-sales-showcase__bar i:nth-child(3) {
	opacity: 0.28;
}

.cc-sales-page .cc-sales-showcase__bar strong {
	color: #d7e8fb;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.cc-sales-page .cc-sales-showcase__bar small {
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 800;
}

.cc-sales-page .cc-sales-showcase__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #07162b;
	border: 1px solid rgba(154, 207, 255, 0.22);
	border-radius: 15px;
}

.cc-sales-page .cc-sales-showcase__media picture,
.cc-sales-page .cc-sales-showcase__media img {
	width: 100%;
	height: 100%;
}

.cc-sales-page .cc-sales-showcase__media img {
	object-fit: cover;
	object-position: top center;
	transition: transform 360ms cubic-bezier(.2, .7, .2, 1);
}

.cc-sales-page .cc-sales-showcase__media:hover img,
.cc-sales-page .cc-sales-showcase__media:focus-visible img {
	transform: scale(1.018);
}

.cc-sales-page .cc-sales-showcase__result {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin-top: 10px;
	overflow: hidden;
	background: rgba(136, 201, 255, 0.13);
	border-radius: 12px;
}

.cc-sales-page .cc-sales-showcase__result div {
	display: grid;
	gap: 2px;
	min-width: 0;
	padding: 10px;
	background: rgba(5, 20, 43, 0.76);
}

.cc-sales-page .cc-sales-showcase__result span {
	color: #7fc4ff;
	font-size: 0.63rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.cc-sales-page .cc-sales-showcase__result strong {
	color: #eaf4ff;
	font-size: 0.72rem;
	line-height: 1.25;
}

/* Offers */

.cc-sales-page .cc-sales-offers {
	background:
		radial-gradient(circle at 8% 8%, rgba(64, 143, 244, 0.12), transparent 25%),
		#eff6fd;
}

.cc-sales-page .cc-sales-offer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.cc-sales-page .cc-sales-offer {
	display: grid;
	grid-template-rows: auto auto auto 1fr auto;
	gap: 15px;
	min-width: 0;
	padding: clamp(22px, 2.8vw, 30px);
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--cc-sales-line);
	border-radius: 20px;
	box-shadow: 0 18px 45px rgba(30, 73, 122, 0.08);
}

.cc-sales-page .cc-sales-offer.is-featured {
	color: #ffffff;
	background:
		radial-gradient(circle at 94% 7%, rgba(120, 197, 255, 0.25), transparent 27%),
		linear-gradient(145deg, #0d356b, #092343);
	border-color: rgba(80, 169, 255, 0.52);
	box-shadow: 0 24px 58px rgba(18, 70, 137, 0.22);
}

.cc-sales-page .cc-sales-offer__head {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
}

.cc-sales-page .cc-sales-offer__head > span {
	display: grid;
	place-items: center;
	width: 34px;
	aspect-ratio: 1;
	color: #1765c7;
	font-size: 0.68rem;
	font-weight: 950;
	background: #e7f3ff;
	border-radius: 10px;
}

.cc-sales-page .cc-sales-offer__head > strong {
	color: #1765c7;
	font-size: 1rem;
}

.cc-sales-page .cc-sales-offer h3 {
	margin: 0;
	color: var(--cc-sales-ink);
	font-size: clamp(1.35rem, 1.8vw, 1.65rem);
	line-height: 1.1;
}

.cc-sales-page .cc-sales-offer > p {
	margin: 0;
	color: var(--cc-sales-copy);
	line-height: 1.58;
}

.cc-sales-page .cc-sales-offer ul {
	display: grid;
	gap: 9px;
	padding: 0;
	margin: 0;
	color: #3f5672;
	font-size: 0.86rem;
	line-height: 1.45;
	list-style: none;
}

.cc-sales-page .cc-sales-offer li {
	position: relative;
	padding-left: 18px;
}

.cc-sales-page .cc-sales-offer li::before {
	position: absolute;
	top: 0.58em;
	left: 0;
	width: 7px;
	aspect-ratio: 1;
	background: #3188ef;
	border-radius: 50%;
	content: "";
}

.cc-sales-page .cc-sales-offer.is-featured :is(h3, p) {
	color: #ffffff;
}

.cc-sales-page .cc-sales-offer.is-featured > p,
.cc-sales-page .cc-sales-offer.is-featured ul {
	color: #c6d7e9;
}

.cc-sales-page .cc-sales-offer.is-featured .cc-sales-offer__head > span {
	color: #ffffff;
	background: rgba(124, 198, 255, 0.18);
}

.cc-sales-page .cc-sales-offer.is-featured .cc-sales-offer__head > strong,
.cc-sales-page .cc-sales-offer.is-featured .cc-sales-link {
	color: #86cbff;
}

.cc-sales-page .cc-sales-topic-links {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 22px;
	justify-content: center;
	margin-top: 25px;
}

.cc-sales-page .cc-sales-topic-links a {
	display: inline-flex;
	min-height: 45px;
	align-items: center;
	color: #42617f;
	font-size: 0.79rem;
	font-weight: 850;
	text-decoration: none;
	border-bottom: 1px solid #abc4dd;
}

/* Process */

.cc-sales-page .cc-sales-process {
	color: #ffffff;
	background:
		radial-gradient(circle at 88% 18%, rgba(55, 144, 255, 0.2), transparent 28%),
		#07162b;
}

.cc-sales-page .cc-sales-heading--dark h2 {
	color: #ffffff;
}

.cc-sales-page .cc-sales-heading--dark > p {
	color: #afc1d7;
}

.cc-sales-page .cc-sales-process__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.cc-sales-page .cc-sales-process__grid li {
	display: grid;
	align-content: start;
	gap: 12px;
	min-width: 0;
	padding: clamp(20px, 2.5vw, 26px);
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(132, 190, 255, 0.18);
	border-radius: 17px;
}

.cc-sales-page .cc-sales-process__grid li > span {
	color: #74c3ff;
	font-size: 0.7rem;
	font-weight: 950;
	letter-spacing: 0.1em;
}

.cc-sales-page .cc-sales-process__grid h3 {
	margin: 0;
	color: #ffffff;
	font-size: 1.08rem;
	line-height: 1.22;
}

.cc-sales-page .cc-sales-process__grid p {
	margin: 0;
	color: #aebfd3;
	font-size: 0.88rem;
	line-height: 1.58;
}

/* Case studies */

.cc-sales-page .cc-sales-cases {
	background: #f7faff;
}

.cc-sales-page .cc-sales-case-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 15px;
}

.cc-sales-page .cc-sales-case {
	min-width: 0;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid var(--cc-sales-line);
	border-radius: 19px;
	box-shadow: 0 18px 46px rgba(28, 68, 115, 0.08);
}

.cc-sales-page .cc-sales-case__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #0a1d38;
}

.cc-sales-page .cc-sales-case__media > span {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 34px;
	aspect-ratio: 1;
	color: #ffffff;
	font-size: 0.68rem;
	font-weight: 950;
	background: rgba(6, 23, 47, 0.82);
	border: 1px solid rgba(147, 207, 255, 0.36);
	border-radius: 10px;
	backdrop-filter: blur(8px);
}

.cc-sales-page .cc-sales-case__media picture,
.cc-sales-page .cc-sales-case__media img {
	width: 100%;
	height: 100%;
}

.cc-sales-page .cc-sales-case__media img {
	object-fit: cover;
	object-position: top center;
	transition: transform 320ms ease;
}

.cc-sales-page .cc-sales-case__media:hover img,
.cc-sales-page .cc-sales-case__media:focus-visible img {
	transform: scale(1.025);
}

.cc-sales-page .cc-sales-case__body {
	display: grid;
	gap: 10px;
	padding: 20px;
}

.cc-sales-page .cc-sales-case__body > span {
	color: #1765c7;
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.cc-sales-page .cc-sales-case__body h3 {
	margin: 0;
	color: var(--cc-sales-ink);
	font-size: 1.25rem;
	line-height: 1.15;
}

.cc-sales-page .cc-sales-case__body p {
	margin: 0;
	color: var(--cc-sales-copy);
	font-size: 0.88rem;
	line-height: 1.55;
}

.cc-sales-page .cc-sales-section-action {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

.cc-sales-page .cc-sales-cases .cc-button--ghost {
	color: #174f91;
	background: #ffffff;
	border-color: #bad3ec;
}

/* Managed WordPress trust */

.cc-sales-page .cc-sales-security {
	color: #ffffff;
	background:
		radial-gradient(circle at 10% 10%, rgba(62, 151, 255, 0.18), transparent 27%),
		linear-gradient(145deg, #071426, #0a1c33);
}

.cc-sales-page .cc-sales-security__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(430px, 1.12fr);
	gap: clamp(34px, 6vw, 82px);
	align-items: center;
}

.cc-sales-page .cc-sales-security__grid > div {
	display: grid;
	gap: 16px;
}

.cc-sales-page .cc-sales-security h2 {
	max-width: 15ch;
	margin: 0;
	color: #ffffff;
	font-size: clamp(2rem, 3vw, 2.5rem) !important;
	letter-spacing: -0.035em !important;
	line-height: 1.06 !important;
	text-wrap: balance;
}

.cc-sales-page .cc-sales-security__grid > div > p:not(.cc-kicker) {
	max-width: 58ch;
	margin: 0;
	color: #afc1d7;
	line-height: 1.66;
}

.cc-sales-page .cc-sales-security .cc-actions {
	gap: 9px;
	margin-top: 3px;
}

.cc-sales-page .cc-sales-security .cc-button--ghost {
	color: #eef8ff;
	background: rgba(255, 255, 255, 0.055);
	border-color: rgba(143, 202, 255, 0.25);
}

.cc-sales-page .cc-sales-security__list {
	display: grid;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.cc-sales-page .cc-sales-security__list li {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
	padding: 15px 17px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(132, 190, 255, 0.16);
	border-radius: 14px;
}

.cc-sales-page .cc-sales-security__list li > span {
	color: #73c1ff;
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0.08em;
}

.cc-sales-page .cc-sales-security__list div {
	display: grid;
	gap: 4px;
}

.cc-sales-page .cc-sales-security__list strong {
	color: #f5faff;
	font-size: 0.94rem;
	line-height: 1.3;
}

.cc-sales-page .cc-sales-security__list p {
	margin: 0;
	color: #aebfd3;
	font-size: 0.82rem;
	line-height: 1.5;
}

/* FAQ */

.cc-sales-page .cc-sales-faq {
	background: #eff6fd;
}

.cc-sales-page .cc-sales-faq__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.cc-sales-page .cc-sales-faq details {
	min-width: 0;
	background: #ffffff;
	border: 1px solid var(--cc-sales-line);
	border-radius: 15px;
	box-shadow: 0 12px 32px rgba(30, 73, 122, 0.055);
}

.cc-sales-page .cc-sales-faq summary {
	display: grid;
	grid-template-columns: 31px minmax(0, 1fr) 20px;
	gap: 12px;
	align-items: center;
	min-height: 68px;
	padding: 15px 17px;
	cursor: pointer;
	list-style: none;
}

.cc-sales-page .cc-sales-faq summary::-webkit-details-marker {
	display: none;
}

.cc-sales-page .cc-sales-faq summary > span {
	color: #1765c7;
	font-size: 0.66rem;
	font-weight: 950;
	letter-spacing: 0.08em;
}

.cc-sales-page .cc-sales-faq summary strong {
	color: var(--cc-sales-ink);
	font-size: 0.92rem;
	line-height: 1.35;
}

.cc-sales-page .cc-sales-faq summary i {
	position: relative;
	width: 18px;
	aspect-ratio: 1;
	border: 1px solid #b8cfe7;
	border-radius: 50%;
}

.cc-sales-page .cc-sales-faq summary i::before,
.cc-sales-page .cc-sales-faq summary i::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 1px;
	background: #1765c7;
	content: "";
	transform: translate(-50%, -50%);
}

.cc-sales-page .cc-sales-faq summary i::after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: transform 180ms ease;
}

.cc-sales-page .cc-sales-faq details[open] summary i::after {
	transform: translate(-50%, -50%) rotate(0);
}

.cc-sales-page .cc-sales-faq details > p {
	padding: 0 48px 18px 60px;
	margin: 0;
	color: var(--cc-sales-copy);
	font-size: 0.88rem;
	line-height: 1.6;
}

/* Final CTA */

.cc-sales-page .cc-sales-final {
	background:
		radial-gradient(circle at 15% 12%, rgba(55, 145, 255, 0.22), transparent 28%),
		#06101f;
}

.cc-sales-page .cc-sales-final__band {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
	gap: clamp(28px, 5vw, 58px);
	align-items: center;
	padding: clamp(28px, 4vw, 46px);
	background:
		radial-gradient(circle at 88% 12%, rgba(121, 198, 255, 0.22), transparent 29%),
		linear-gradient(135deg, #0c3265, #0a2347);
	border: 1px solid rgba(112, 190, 255, 0.32);
	border-radius: 22px;
	box-shadow: 0 28px 70px rgba(0, 7, 22, 0.38);
}

.cc-sales-page .cc-sales-final__band > div:first-child {
	display: grid;
	gap: 12px;
}

.cc-sales-page .cc-sales-final h2 {
	max-width: 17ch;
	margin: 0;
	color: #ffffff;
	font-size: clamp(2rem, 3vw, 2.5rem) !important;
	letter-spacing: -0.035em !important;
	line-height: 1.06 !important;
	text-wrap: balance;
}

.cc-sales-page .cc-sales-final__band > div:first-child > p:not(.cc-kicker) {
	max-width: 57ch;
	margin: 0;
	color: #c2d4e8;
	line-height: 1.62;
}

.cc-sales-page .cc-sales-final__actions {
	display: grid;
	gap: 10px;
	align-items: center;
}

.cc-sales-page .cc-sales-final__actions .cc-button {
	width: 100%;
}

.cc-sales-page .cc-sales-final__actions .cc-sales-link {
	justify-self: center;
	color: #8bcfff;
}

.cc-sales-page .cc-sales-final__actions small {
	color: #9eb5cf;
	font-size: 0.72rem;
	font-weight: 750;
	text-align: center;
}

@keyframes ccSalesFloat {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -7px, 0);
	}
}

@keyframes ccSalesShowcaseIn {
	from {
		opacity: 0.01;
		transform: translate3d(18px, 12px, 0) scale(0.985);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.cc-sales-page .cc-sales-hero__orb {
		animation: ccSalesFloat 10s ease-in-out infinite;
	}

	.cc-sales-page .cc-sales-showcase {
		animation: ccSalesShowcaseIn 680ms cubic-bezier(.2, .7, .2, 1) 80ms backwards;
	}
}

@media (max-width: 1040px) {
	.cc-sales-page .cc-sales-hero {
		min-height: 0;
	}

	.cc-sales-page .cc-sales-hero__grid {
		grid-template-columns: 1fr;
		gap: 30px;
		width: min(100% - 36px, 760px);
	}

	.cc-sales-page .cc-sales-showcase {
		width: min(100%, 680px);
	}

	.cc-sales-page .cc-sales-security__grid {
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-security__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.cc-sales-page .cc-sales-heading {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.cc-sales-page .cc-sales-heading > p {
		max-width: 62ch;
	}

	.cc-sales-page .cc-sales-offer-grid,
	.cc-sales-page .cc-sales-case-grid {
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-offer {
		grid-template-columns: auto minmax(0, 1fr);
		grid-template-rows: repeat(4, auto);
	}

	.cc-sales-page .cc-sales-offer__head {
		grid-row: 1 / -1;
		display: grid;
		align-content: start;
		justify-items: start;
	}

	.cc-sales-page .cc-sales-process__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cc-sales-page .cc-sales-case {
		display: grid;
		grid-template-columns: minmax(260px, 0.92fr) minmax(0, 1.08fr);
	}

	.cc-sales-page .cc-sales-faq__grid {
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-final__band {
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-final__actions {
		width: min(100%, 430px);
	}
}

@media (max-width: 640px) {
	.cc-sales-page .cc-section {
		padding-block: 46px;
	}

	.cc-sales-page .cc-sales-hero {
		padding-block: 32px 40px;
		background-size: 48px 48px, 48px 48px, auto, auto;
	}

	.cc-sales-page .cc-sales-hero__grid {
		gap: 26px;
		width: min(100% - 24px, 560px);
	}

	.cc-sales-page .cc-sales-hero__copy {
		gap: 14px;
	}

	body.cottoncloud-site .cc-sales-page .cc-sales-hero .cc-sales-hero__title {
		max-width: 19ch !important;
		font-size: clamp(1.9rem, 8vw, 2rem) !important;
		line-height: 1.04 !important;
	}

	.cc-sales-page .cc-sales-hero__lead {
		font-size: 0.98rem !important;
		line-height: 1.55;
	}

	.cc-sales-page .cc-sales-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-hero__actions .cc-button {
		width: 100%;
	}

	.cc-sales-page .cc-sales-proof div {
		padding: 10px 8px;
	}

	.cc-sales-page .cc-sales-proof dt {
		font-size: 0.84rem;
	}

	.cc-sales-page .cc-sales-proof dd {
		font-size: 0.62rem;
	}

	.cc-sales-page .cc-sales-showcase {
		padding: 8px;
		border-radius: 18px;
	}

	.cc-sales-page .cc-sales-showcase__bar {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.cc-sales-page .cc-sales-showcase__bar small {
		display: none;
	}

	.cc-sales-page .cc-sales-showcase__media {
		border-radius: 12px;
	}

	.cc-sales-page .cc-sales-showcase__result strong {
		font-size: 0.64rem;
	}

	.cc-sales-page .cc-sales-offer {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.cc-sales-page .cc-sales-offer__head {
		grid-row: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.cc-sales-page .cc-sales-process__grid,
	.cc-sales-page .cc-sales-security__list {
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-case {
		display: block;
	}

	.cc-sales-page .cc-sales-topic-links {
		justify-content: flex-start;
	}

	.cc-sales-page .cc-sales-security__grid {
		gap: 28px;
	}

	.cc-sales-page .cc-sales-security .cc-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cc-sales-page .cc-sales-security .cc-button {
		width: 100%;
	}

	.cc-sales-page .cc-sales-faq summary {
		grid-template-columns: 27px minmax(0, 1fr) 18px;
		gap: 9px;
		padding: 14px;
	}

	.cc-sales-page .cc-sales-faq details > p {
		padding: 0 18px 17px 50px;
	}

	.cc-sales-page .cc-sales-final__band {
		padding: 24px 18px;
		border-radius: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cc-sales-page *,
	.cc-sales-page *::before,
	.cc-sales-page *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}