:root {
	--ccdp-ink: #071426;
	--ccdp-ink-soft: #0b1b31;
	--ccdp-ink-card: #102743;
	--ccdp-paper: #f6f8fc;
	--ccdp-paper-soft: #eaf0f8;
	--ccdp-white: #ffffff;
	--ccdp-muted: #a9b8cc;
	--ccdp-muted-dark: #5d6f86;
	--ccdp-line: rgba(235, 244, 255, .16);
	--ccdp-line-dark: rgba(7, 20, 38, .14);
	--ccdp-mint: #78c8ff;
	--ccdp-mint-deep: #2f83e5;
	--ccdp-blue: #3f8cff;
	--ccdp-coral: #a9d8ff;
	--ccdp-acid: #d4ecff;
	--ccdp-radius-sm: 12px;
	--ccdp-radius-md: 20px;
	--ccdp-radius-lg: 32px;
	--ccdp-shadow: 0 28px 80px rgba(0, 0, 0, .32);
	--ccdp-shell: min(1180px, calc(100vw - 40px));
}

html:has(body.cc-design-preview--seo) {
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
}

body.cc-design-preview--seo {
	min-width: 320px;
	overflow-x: hidden;
	background: var(--ccdp-ink);
	color: var(--ccdp-white);
}

body.cc-design-preview--seo .cc-main {
	overflow: clip;
	background: var(--ccdp-ink);
}

body.cc-design-preview--seo .cc-header {
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--ccdp-line);
	background: rgba(7, 20, 38, .92);
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
}

body.cc-design-preview--seo .cc-header__inner {
	max-width: 1280px;
	min-height: 72px;
}

body.cc-design-preview--seo .cc-brand__mark {
	border-color: rgba(120, 200, 255, .4);
	background: #10243e;
}

body.cc-design-preview--seo .cc-nav__list a,
body.cc-design-preview--seo .cc-header .cc-lang-switcher__toggle,
body.cc-design-preview--seo .cc-header .cc-menu-toggle {
	color: var(--ccdp-white);
}

body.cc-design-preview--seo.cc-promo-in-view .cc-header__contact {
	visibility: hidden !important;
	pointer-events: none !important;
}

body.cc-design-preview--seo .cc-footer__cta {
	display: none;
}

body.cc-design-preview--seo .cc-footer {
	border-top: 1px solid var(--ccdp-line);
	background: #061225;
}

body.cc-design-preview--seo .cc-convbar__call {
	background: linear-gradient(135deg, #102b55, #1d4f91) !important;
	color: #ffffff !important;
}

body.cc-design-preview--seo .cc-convbar__offer {
	background: linear-gradient(135deg, #9bd8ff, #4da3ff) !important;
	color: #061426 !important;
}

body.cc-design-preview--seo .cc-convbar__wa,
body.cc-design-preview--seo .cc-navcta__wa {
	background: linear-gradient(135deg, #3f8cff, #176fc4) !important;
	color: #ffffff !important;
}

body.cc-design-preview--seo .cc-navcta__wa {
	border-color: rgba(120, 200, 255, .42) !important;
}

body.cc-design-preview--seo .cc-navcta__primary {
	background: linear-gradient(135deg, #78c8ff, #3f8cff) !important;
	color: #061426 !important;
}

body.cc-design-preview--seo .cc-navcta small {
	border-color: #78c8ff !important;
	color: #78c8ff !important;
}

body.cc-design-preview--seo .cc-mm-packs small {
	border-color: #78c8ff !important;
	color: #78c8ff !important;
}

body.cc-design-preview--seo .cc-menu-toggle:focus-visible {
	outline-color: #78c8ff !important;
}

body.cc-design-preview--seo .cc-header__offer {
	background: linear-gradient(135deg, #78c8ff, #3f8cff) !important;
	color: #061426 !important;
}

body.cc-design-preview--seo .cc-footer .cc-text-link {
	border-color: #78c8ff !important;
	color: #78c8ff !important;
}

body.cc-design-preview--seo .cc-protected-contact {
	border-color: rgba(120, 200, 255, .26) !important;
	background: linear-gradient(135deg, rgba(120, 200, 255, .13), rgba(63, 140, 255, .07)) !important;
}

body.cc-design-preview--seo .cc-protected-contact .cc-button--small {
	background: linear-gradient(135deg, #78c8ff, #3f8cff) !important;
	color: #061426 !important;
}

body.cc-design-preview--seo .ccpst-app {
	--ccpst-accent: #78c8ff;
	--ccpst-accent-2: #3f8cff;
	--ccpst-accent-3: #a9d8ff;
	--ccpst-success: #3f8cff;
	--ccpst-success-2: #a9d8ff;
	--ccpst-warning-2: #d4ecff;
}

body.cc-design-preview--seo .ccst-portal {
	--ccst-accent: #78c8ff;
	--ccst-accent-2: #3f8cff;
}

body.cc-design-preview--seo :is(
	.ccst-alert--success,
	.ccst-offer-card--ok,
	.ccst-public-feed__signal--ok,
	.ccst-action-rail__card--ok,
	.ccst-status-badge.is-ok,
	.ccst-status-badge.is-crawl,
	.ccst-action-note--ok
) {
	border-color: rgba(120, 200, 255, .24) !important;
	background: rgba(63, 140, 255, .13) !important;
	color: #e8f4ff !important;
}

body.cc-design-preview--seo .ccpc-speed-checker.ccpst-tool-card {
	border-color: rgba(120, 200, 255, .24) !important;
}

body.cc-design-preview--seo .ccpc-speed-checker button[type="submit"] {
	background: linear-gradient(135deg, #78c8ff, #3f8cff) !important;
	color: #061426 !important;
}

body.cc-design-preview--seo .ccdp-engine--history {
	--ccpst-card: #0d1b31;
	--ccpst-card-2: #12233d;
	--ccpst-text: #eef4ff;
	--ccpst-muted: #b8c8dc;
	--ccpst-line: rgba(235, 244, 255, .16);
	--ccpst-line-strong: rgba(235, 244, 255, .28);
	--ccpst-accent: #9bd8ff;
	--ccpst-accent-2: #4da3ff;
	color: var(--ccpst-text);
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-card--archive-filters {
	border-color: var(--ccpst-line) !important;
	color: var(--ccpst-text) !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-card--archive-filters .ccpst-kicker {
	color: #9bd8ff !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-card--archive-filters .ccpst-card__head p:not(.ccpst-kicker) {
	color: var(--ccpst-muted) !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-archive-filters__group > span {
	color: #d9e8fb !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-chip--filter {
	border-color: rgba(155, 216, 255, .28) !important;
	background: rgba(155, 216, 255, .08) !important;
	color: #dcecff !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-chip--filter:hover,
body.cc-design-preview--seo .ccdp-engine--history .ccpst-chip--filter:focus-visible {
	border-color: rgba(155, 216, 255, .62) !important;
	background: rgba(155, 216, 255, .16) !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-chip--filter.is-active {
	border-color: transparent !important;
	background: linear-gradient(135deg, #9bd8ff, #4da3ff) !important;
	color: #061426 !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-archive-item {
	border-color: rgba(120, 200, 255, .24) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(120, 200, 255, .16), transparent 42%),
		linear-gradient(180deg, #132a47, #0a1b31) !important;
	color: var(--ccpst-text) !important;
	box-shadow: 0 18px 38px rgba(7, 20, 38, .16) !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-archive-item--strong {
	border-color: rgba(120, 200, 255, .28) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(120, 200, 255, .2), transparent 42%),
		linear-gradient(180deg, #142d4d, #0a1b31) !important;
}

body.cc-design-preview--seo .ccdp-engine--history .ccpst-archive-item__score--strong {
	border-color: rgba(120, 200, 255, .36) !important;
	background: linear-gradient(180deg, rgba(63, 140, 255, .24), rgba(12, 31, 49, .88)) !important;
	box-shadow: inset 0 0 0 1px rgba(120, 200, 255, .32), 0 0 24px rgba(63, 140, 255, .16) !important;
}

body.cc-design-preview--seo .ccpst-app :is(
	.ccpst-check-item--pass,
	.ccpst-history-item--strong,
	.ccpst-bar-metric--strong,
	.ccpst-compare-badge--is-up,
	.ccpst-compare-bar--is-up,
	.ccpst-card--compare-picker,
	.ccpst-result-toolbar,
	.ccpst-export-card--accent,
	.ccpst-delivery-card--accent,
	.ccpst-path-card--featured,
	.ccpst-credit-offer,
	.ccpst-upgrade-strip
) {
	border-color: rgba(120, 200, 255, .26) !important;
	background: linear-gradient(180deg, rgba(63, 140, 255, .13), rgba(255, 255, 255, .03)) !important;
}

body.cc-design-preview--seo .ccpst-app :is(
	.ccpst-history-item__score--strong,
	.ccpst-archive-item__score--strong
) {
	border-color: rgba(120, 200, 255, .36) !important;
	background: linear-gradient(180deg, rgba(63, 140, 255, .24), rgba(12, 31, 49, .88)) !important;
	box-shadow: inset 0 0 0 1px rgba(120, 200, 255, .32), 0 0 24px rgba(63, 140, 255, .16) !important;
}

body.cc-design-preview--seo .ccpst-app :is(
	.ccpst-alert--success,
	.ccpst-check-item__status--pass,
	.ccpst-chip--tone-strong
) {
	border-color: rgba(120, 200, 255, .28) !important;
	background: rgba(63, 140, 255, .15) !important;
	color: #e8f4ff !important;
}

body.cc-design-preview--seo .ccpst-app :is(
	.ccpst-status-rail__bar,
	.ccpst-bar
) > span {
	background: linear-gradient(135deg, #3f8cff, #a9d8ff) !important;
	box-shadow: 0 0 20px rgba(63, 140, 255, .24) !important;
}

body.cc-design-preview--seo .ccpst-app :is(
	.ccpst-credit-offer__issues,
	.ccpst-result-toolbar__head
) > span {
	border-color: rgba(120, 200, 255, .24) !important;
	background: rgba(63, 140, 255, .12) !important;
}

body.cc-design-preview--seo .ccpst-app .ccpst-credit-offer__issues span {
	border-color: rgba(120, 200, 255, .24) !important;
	background: rgba(63, 140, 255, .12) !important;
}

body.cc-design-preview--seo .ccpst-app .ccpst-button--primary {
	box-shadow: 0 14px 32px rgba(63, 140, 255, .2) !important;
}

.ccdp-page,
.ccdp-page * {
	box-sizing: border-box;
}

.ccdp-page {
	background: var(--ccdp-ink);
	color: var(--ccdp-white);
	font-family: Inter, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

.ccdp-page button,
.ccdp-page input {
	font: inherit;
}

.ccdp-page a {
	color: inherit;
	text-decoration: none;
}

.ccdp-page button,
.ccdp-page a {
	-webkit-tap-highlight-color: transparent;
}

.ccdp-shell {
	width: var(--ccdp-shell);
	margin-inline: auto;
}

.ccdp-button {
	min-height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	padding: 0 22px;
	border: 0;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 850;
	line-height: 1;
	cursor: pointer;
	transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.ccdp-button:hover {
	transform: translateY(-2px);
}

.ccdp-button--primary {
	background: var(--ccdp-mint);
	color: #061426;
	box-shadow: 0 10px 30px rgba(47, 131, 229, .2);
}

.ccdp-button--primary:hover {
	background: #9bd8ff;
	box-shadow: 0 14px 36px rgba(47, 131, 229, .3);
}

.ccdp-button--large {
	min-height: 58px;
	padding-inline: 28px;
	font-size: 14px;
}

.ccdp-page :where(a, button, input, summary):focus-visible {
	outline: 3px solid var(--ccdp-blue);
	outline-offset: 3px;
}

.ccdp-grid {
	position: absolute;
	z-index: -1;
	inset: 0;
	opacity: .38;
	background-image:
		linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: linear-gradient(to bottom, black, transparent 88%);
	mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.ccdp-hero {
	min-height: calc(100svh - 106px);
	position: relative;
	isolation: isolate;
	display: grid;
	align-items: center;
	overflow: hidden;
	padding: clamp(68px, 8vw, 108px) 0 82px;
	background:
		radial-gradient(circle at 16% 20%, rgba(37, 111, 199, .25), transparent 31%),
		radial-gradient(circle at 83% 63%, rgba(73, 166, 198, .12), transparent 26%),
		var(--ccdp-ink);
}

.ccdp-orbit {
	position: absolute;
	z-index: -1;
	border: 1px solid rgba(120, 200, 255, .2);
	border-radius: 50%;
	pointer-events: none;
}

.ccdp-orbit::after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: -4px;
	border-radius: 50%;
	background: var(--ccdp-mint);
	box-shadow: 0 0 18px var(--ccdp-mint);
}

.ccdp-orbit--one {
	width: 680px;
	height: 680px;
	top: -360px;
	right: -230px;
	animation: ccdp-orbit 18s linear infinite;
}

.ccdp-orbit--two {
	width: 400px;
	height: 400px;
	bottom: -260px;
	left: -120px;
	animation: ccdp-orbit 14s linear infinite reverse;
}

body.cc-overlay-governed:not(.cc-overlay-hero-in-view) .ccdp-orbit {
	animation-play-state: paused;
}

@keyframes ccdp-orbit {
	to {
		transform: rotate(360deg);
	}
}

.ccdp-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr);
	align-items: center;
	gap: clamp(58px, 7vw, 105px);
}

.ccdp-local-note {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
	padding: 7px 10px;
	border: 1px solid rgba(120, 200, 255, .32);
	border-radius: 999px;
	background: rgba(120, 200, 255, .1);
	color: #d8efff;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.ccdp-local-note > span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ccdp-acid);
	box-shadow: 0 0 0 4px rgba(120, 200, 255, .1);
}

.ccdp-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 22px;
	color: var(--ccdp-mint);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.ccdp-eyebrow > span {
	width: 28px;
	height: 1px;
	position: relative;
	background: currentColor;
}

.ccdp-eyebrow > span::after {
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	top: -1px;
	right: 0;
	border-radius: 50%;
	background: currentColor;
}

.ccdp-eyebrow--dark {
	color: #1767b7;
}

.ccdp-hero h1 {
	max-width: 580px;
	margin: 0;
	font-size: clamp(46px, 5.2vw, 76px);
	font-weight: 820;
	letter-spacing: -.062em;
	line-height: .98;
	text-wrap: balance;
}

.ccdp-hero__lead {
	max-width: 590px;
	margin: 30px 0 0;
	color: #c7d5e7;
	font-size: clamp(17px, 1.45vw, 20px);
	line-height: 1.62;
}

.ccdp-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 22px;
	margin: 35px 0 0;
	padding: 0;
	color: #b8c7da;
	font-size: 12px;
	font-weight: 700;
	list-style: none;
}

.ccdp-trust li {
	display: flex;
	align-items: center;
	gap: 7px;
}

.ccdp-trust span {
	width: 19px;
	height: 19px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(120, 200, 255, .14);
	color: var(--ccdp-mint);
	font-size: 10px;
}

.ccdp-cockpit {
	position: relative;
	padding: 0 28px 28px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: var(--ccdp-radius-md);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .015)),
		rgba(8, 25, 45, .92);
	box-shadow: var(--ccdp-shadow);
}

body.cc-design-preview--seo #ccpst-audit-stage {
	display: block !important;
}

.ccdp-cockpit::before {
	content: "";
	height: 1px;
	position: absolute;
	top: 0;
	right: 19%;
	left: 19%;
	background: linear-gradient(90deg, transparent, var(--ccdp-mint), transparent);
	box-shadow: 0 0 20px rgba(120, 200, 255, .68);
}

.ccdp-cockpit__top {
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--ccdp-line);
}

.ccdp-window-dots {
	display: flex;
	gap: 5px;
}

.ccdp-window-dots i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .27);
}

.ccdp-secure-label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--ccdp-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.ccdp-secure-label i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ccdp-mint);
}

.ccdp-cockpit__intro {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-top: 25px;
}

.ccdp-cockpit__intro h2 {
	max-width: 360px;
	margin: 0;
	font-size: clamp(21px, 2vw, 27px);
	letter-spacing: -.035em;
	line-height: 1.15;
}

.ccdp-cockpit__intro > span {
	color: var(--ccdp-muted);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.ccdp-step-label {
	display: block;
	margin-bottom: 5px;
	color: var(--ccdp-mint);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ccdp-audit-form {
	margin-top: 22px;
}

.ccdp-audit-form > label {
	display: block;
	margin-bottom: 8px;
	color: #c4d2e5;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ccdp-url-control {
	min-height: 58px;
	display: grid;
	grid-template-columns: auto minmax(80px, 1fr) auto;
	align-items: center;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 11px;
	background: rgba(0, 0, 0, .34);
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.ccdp-url-control:focus-within {
	border-color: rgba(120, 200, 255, .76);
	box-shadow: 0 0 0 4px rgba(120, 200, 255, .1);
}

.ccdp-url-control > span {
	padding-left: 14px;
	color: #71839a;
	font-size: 13px;
	font-weight: 700;
}

.ccdp-url-control input {
	min-width: 0;
	height: 46px;
	padding: 0 4px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--ccdp-white);
	font-size: 16px;
}

.ccdp-url-control input::placeholder {
	color: #6a7b92;
}

.ccdp-url-control .ccdp-button {
	min-height: 46px;
	padding-inline: 17px;
}

.ccdp-field-hint,
.ccdp-field-error {
	margin: 8px 0 0;
	font-size: 10px;
}

.ccdp-field-hint {
	color: #7b8da4;
}

.ccdp-field-error {
	min-height: 15px;
	color: var(--ccdp-coral);
}

.ccdp-result-preview {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 22px;
	margin-top: 14px;
	padding: 19px;
	border: 1px solid var(--ccdp-line);
	border-radius: 13px;
	background: rgba(255, 255, 255, .035);
}

.ccdp-score-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
}

.ccdp-score-ring {
	width: 72px;
	aspect-ratio: 1;
	display: grid;
	flex: 0 0 auto;
	place-content: center;
	position: relative;
	border-radius: 50%;
	background:
		radial-gradient(closest-side, #0c1d36 78%, transparent 80% 99%),
		conic-gradient(rgba(120, 200, 255, .3) 72%, rgba(255, 255, 255, .1) 0);
}

.ccdp-score-ring::after {
	content: "";
	position: absolute;
	inset: -5px;
	border: 1px solid rgba(120, 200, 255, .16);
	border-radius: inherit;
}

.ccdp-score-ring strong {
	font-size: 22px;
	letter-spacing: -.04em;
	line-height: 1;
	text-align: center;
}

.ccdp-score-ring span {
	margin-top: 2px;
	color: var(--ccdp-muted);
	font-size: 8px;
	text-align: center;
}

.ccdp-score-wrap h3 {
	margin: 0;
	font-size: 14px;
	letter-spacing: -.02em;
}

.ccdp-score-wrap p {
	margin: 4px 0 0;
	color: var(--ccdp-muted);
	font-size: 10px;
}

.ccdp-signals {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ccdp-signals li {
	display: flex;
	align-items: center;
	gap: 9px;
}

.ccdp-signals i {
	width: 23px;
	height: 23px;
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	border-radius: 6px;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
}

.ccdp-signals .is-ok {
	background: rgba(120, 200, 255, .15);
	color: var(--ccdp-mint);
}

.ccdp-signals .is-warn {
	background: rgba(63, 140, 255, .14);
	color: var(--ccdp-coral);
}

.ccdp-signals .is-info {
	background: rgba(126, 216, 245, .13);
	color: var(--ccdp-blue);
}

.ccdp-signals span {
	display: grid;
	line-height: 1.2;
}

.ccdp-signals strong {
	font-size: 10px;
}

.ccdp-signals small {
	margin-top: 3px;
	color: var(--ccdp-muted);
	font-size: 8px;
}

.ccdp-result-ready {
	display: grid;
	grid-template-columns: 34px 1fr auto;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding: 14px;
	border: 1px solid rgba(120, 200, 255, .3);
	border-radius: 12px;
	background: rgba(120, 200, 255, .1);
}

.ccdp-result-ready > span {
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--ccdp-mint);
	color: var(--ccdp-ink);
	font-weight: 900;
}

.ccdp-result-ready strong {
	font-size: 13px;
}

.ccdp-result-ready small {
	color: var(--ccdp-mint);
	font-size: 10px;
	font-weight: 800;
}

.ccdp-section {
	padding: clamp(84px, 9vw, 132px) 0;
}

.ccdp-tools,
.ccdp-advanced,
.ccdp-faq {
	background: var(--ccdp-paper);
	color: var(--ccdp-ink);
}

.ccdp-section-heading {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr);
	align-items: end;
	gap: 80px;
	margin-bottom: 48px;
}

.ccdp-section-heading h2,
.ccdp-process__copy h2,
.ccdp-advanced__copy h2,
.ccdp-faq__copy h2,
.ccdp-final-cta h2 {
	margin: 0;
	font-size: clamp(36px, 4.6vw, 64px);
	letter-spacing: -.055em;
	line-height: 1.02;
	text-wrap: balance;
}

.ccdp-section-heading > p,
.ccdp-advanced__copy > p,
.ccdp-faq__copy > p {
	margin: 0;
	color: var(--ccdp-muted-dark);
	font-size: 15px;
	line-height: 1.75;
}

.ccdp-section-heading--light > p {
	color: var(--ccdp-muted);
}

.ccdp-tool-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}

.ccdp-tool-tabs > a {
	min-height: 112px;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	align-content: center;
	gap: 3px 12px;
	padding: 18px;
	border: 1px solid var(--ccdp-line-dark);
	border-radius: 14px;
	background: rgba(255, 255, 255, .25);
	color: var(--ccdp-ink);
	text-align: left;
	transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.ccdp-tool-tabs > a > span {
	grid-row: 1 / 3;
	align-self: start;
	color: #52677f;
	font-size: 9px;
	font-weight: 900;
}

.ccdp-tool-tabs > a strong {
	font-size: 15px;
	letter-spacing: -.02em;
}

.ccdp-tool-tabs > a small {
	color: currentColor;
	font-size: 10px;
	opacity: .62;
}

.ccdp-tool-tabs > a:hover,
.ccdp-tool-tabs > a[aria-current="page"] {
	transform: translateY(-3px);
	border-color: var(--ccdp-ink);
	background: var(--ccdp-ink);
	color: var(--ccdp-white);
}

.ccdp-tool-tabs > a:hover > span,
.ccdp-tool-tabs > a[aria-current="page"] > span {
	color: #a9d8ff;
}

.ccdp-workspace {
	overflow: hidden;
	border: 1px solid var(--ccdp-line-dark);
	border-radius: var(--ccdp-radius-md);
	background: #fff;
	box-shadow: 0 24px 65px rgba(7, 20, 38, .1);
}

.ccdp-tool-panel {
	padding: clamp(22px, 4vw, 48px);
}

.ccdp-tool-panel > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 28px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--ccdp-line-dark);
}

.ccdp-tool-panel > header h2 {
	margin: 0;
	font-size: clamp(28px, 3vw, 42px);
	letter-spacing: -.045em;
	line-height: 1.05;
}

.ccdp-text-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: #176ec1;
	font-size: 12px;
	font-weight: 850;
	white-space: nowrap;
}

.ccdp-text-link > span {
	transition: transform 180ms ease;
}

.ccdp-text-link:hover > span {
	transform: translateX(4px);
}

.ccdp-text-link--light {
	margin-top: 30px;
	color: var(--ccdp-mint);
}

.ccdp-empty {
	margin: 0;
	padding: 24px;
	border: 1px dashed var(--ccdp-line-dark);
	border-radius: 12px;
	color: var(--ccdp-muted-dark);
}

.ccdp-selected-tool {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 5px 13px;
	margin-top: 24px;
	padding: 18px;
	border: 1px solid rgba(120, 200, 255, .3);
	border-radius: 13px;
	background: rgba(120, 200, 255, .11);
}

.ccdp-selected-tool > span {
	grid-row: 1 / 3;
	align-self: center;
	padding: 7px 9px;
	border-radius: 7px;
	background: var(--ccdp-mint);
	color: var(--ccdp-ink);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .1em;
}

.ccdp-selected-tool strong {
	font-size: 14px;
}

.ccdp-selected-tool small {
	color: var(--ccdp-mint);
	font-size: 10px;
	font-weight: 800;
}

.ccdp-engine {
	max-width: 100%;
	color: #122640;
}

.ccdp-engine--hero {
	margin-top: 20px;
	color: var(--ccdp-white);
}

.ccdp-engine--hero .ccpst-app {
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
}

.ccdp-engine--hero .ccpst-route-actions,
.ccdp-engine--hero .ccpst-hero,
.ccdp-engine--hero .ccpst-results,
.ccdp-engine--hero .ccpst-batch,
.ccdp-engine--hero .ccpst-batch-panel,
.ccdp-engine--hero .ccpst-monitoring,
.ccdp-engine--hero .ccpst-history,
.ccdp-engine--hero .ccpst-recent,
.ccdp-engine--hero .ccpst-conversion,
.ccdp-engine--hero .ccpst-upgrade-strip,
.ccdp-engine--hero .ccpst-workbench > :not(.ccpst-form-card) {
	display: none !important;
}

.ccdp-engine--hero [data-ccpst-results-wrap] {
	display: none;
	margin-top: 18px;
	color: #122640;
	text-align: left;
}

.ccdp-engine--hero.has-live-result [data-ccpst-results-wrap],
.ccdp-engine--hero.has-live-result .ccpst-upgrade-strip {
	display: block !important;
}

.ccdp-engine--hero .ccpst-empty-state--embedded {
	display: none !important;
}

.ccdp-engine--hero .ccpst-workbench,
.ccdp-engine--hero .ccpst-form-card {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.ccdp-engine--hero .ccpst-form-card__head,
.ccdp-engine--hero .ccpst-mode-switch,
.ccdp-engine--hero .ccpst-mode-brief,
.ccdp-engine--hero .ccpst-mode-briefs,
.ccdp-engine--hero .ccpst-inline-note,
.ccdp-engine--hero .ccpst-grid > label:nth-child(n+2) {
	display: none !important;
}

.ccdp-engine--hero .ccpst-form {
	display: grid !important;
	gap: 9px !important;
	margin: 0 !important;
	opacity: 1 !important;
}

.ccdp-engine--hero .ccpst-grid {
	display: block !important;
	margin: 0 !important;
}

.ccdp-engine--hero .ccpst-grid > label:first-child {
	display: grid !important;
	gap: 8px !important;
	margin: 0 !important;
	color: #c4d2e5 !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
}

.ccdp-engine--hero .ccpst-grid > label:first-child input {
	width: 100% !important;
	min-height: 54px !important;
	padding: 0 15px !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 11px !important;
	outline: 0 !important;
	background: rgba(0, 0, 0, .34) !important;
	color: var(--ccdp-white) !important;
	font-size: 16px !important;
	box-shadow: none !important;
}

.ccdp-engine--hero .ccpst-grid > label:first-child input:focus {
	border-color: rgba(120, 200, 255, .76) !important;
	box-shadow: 0 0 0 4px rgba(120, 200, 255, .1) !important;
}

.ccdp-engine--hero .ccpst-grid > label:first-child input::placeholder {
	color: #6a7b92 !important;
}

.ccdp-engine--hero .ccpst-button[data-ccpst-submit] {
	width: 100% !important;
	min-height: 50px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--ccdp-mint) !important;
	color: var(--ccdp-ink) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	box-shadow: 0 10px 30px rgba(47, 131, 229, .22) !important;
}

.ccdp-engine--hero .ccpst-loading-state {
	border-color: var(--ccdp-line) !important;
	background: rgba(255, 255, 255, .04) !important;
	color: var(--ccdp-white) !important;
}

.ccdp-workspace-note {
	max-width: 580px;
	margin-inline: auto;
	padding: 28px;
	border: 1px dashed var(--ccdp-line-dark);
	border-radius: 14px;
	background: #f7f9fd;
	text-align: center;
}

.ccdp-workspace-note strong {
	display: block;
	font-size: 18px;
}

.ccdp-workspace-note p {
	margin: 8px 0 16px;
	color: var(--ccdp-muted-dark);
	font-size: 13px;
}

.ccdp-engine--seo .ccpst-form-card,
.ccdp-engine--seo .ccpst-hero,
.ccdp-engine--seo .ccpst-hero__actions,
.ccdp-engine--seo .ccpst-route-actions,
.ccdp-engine--seo .ccpst-route-strip,
.ccdp-engine--seo .ccpst-workbench > .ccpst-form-card,
.ccdp-engine--seo [data-ccpst-form] {
	display: none !important;
}

.ccdp-engine--seo:not(.has-result) .ccpst-results,
.ccdp-engine--seo:not(.has-result) [data-ccpst-result-shell] {
	display: none !important;
}

.ccdp-engine--seo:not(.has-result) {
	min-height: 190px;
	display: grid;
	place-items: center;
	border: 1px dashed rgba(7, 20, 38, .18);
	border-radius: 14px;
	background:
		linear-gradient(rgba(7, 20, 38, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(7, 20, 38, .025) 1px, transparent 1px);
	background-size: 32px 32px;
}

.ccdp-engine--seo:not(.has-result)::before {
	content: "Po spustení auditu sa sem načíta skutočný výsledok pluginu.";
	max-width: 430px;
	padding: 20px;
	color: #667a93;
	font-size: 13px;
	text-align: center;
}

.ccdp-engine .ccpst-app,
.ccdp-engine .ccst-app,
.ccdp-engine .ccpc-speed-checker {
	max-width: 100% !important;
	margin: 0 !important;
}

.ccdp-engine :where(input[type="text"], input[type="url"], input[type="search"], select, textarea) {
	font-size: 16px !important;
}

.ccdp-engine :where(.ccpst-card, .ccpst-panel, .ccst-card, .ccpc-card) {
	border-radius: 14px !important;
	box-shadow: none !important;
}

.ccdp-process {
	background: #08182d;
}

.ccdp-process__grid {
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	gap: clamp(70px, 10vw, 145px);
}

.ccdp-process__copy {
	position: sticky;
	top: 118px;
	align-self: start;
}

.ccdp-process__copy h2 {
	font-size: clamp(38px, 4vw, 58px);
}

.ccdp-process__copy > p {
	max-width: 510px;
	margin: 28px 0 0;
	color: var(--ccdp-muted);
}

.ccdp-process__list {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ccdp-process__list li {
	min-height: 180px;
	display: grid;
	grid-template-columns: 72px 1fr;
	align-items: start;
	gap: 28px;
	padding: 33px 0;
	border-top: 1px solid var(--ccdp-line);
}

.ccdp-process__list li:last-child {
	border-bottom: 1px solid var(--ccdp-line);
}

.ccdp-process__list li > span {
	width: 54px;
	height: 54px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(120, 200, 255, .36);
	border-radius: 50%;
	color: var(--ccdp-mint);
	font-size: 11px;
	font-weight: 900;
}

.ccdp-process__list strong {
	font-size: clamp(24px, 2.5vw, 34px);
	letter-spacing: -.04em;
}

.ccdp-process__list p {
	margin: 10px 0 0;
	color: var(--ccdp-muted);
	font-size: 14px;
}

.ccdp-routes {
	position: relative;
	overflow: hidden;
	background: #0a1a31;
}

.ccdp-routes::before {
	content: "";
	width: 600px;
	height: 600px;
	position: absolute;
	top: -370px;
	left: calc(50% - 300px);
	border: 1px solid rgba(120, 200, 255, .16);
	border-radius: 50%;
}

.ccdp-route-board {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.ccdp-route {
	min-height: 350px;
	display: flex;
	flex-direction: column;
	padding: 28px;
	border: 1px solid var(--ccdp-line);
	border-radius: var(--ccdp-radius-md);
	background: rgba(255, 255, 255, .035);
}

.ccdp-route > span {
	align-self: flex-start;
	padding: 6px 10px;
	border-radius: 99px;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ccdp-route > span.is-mint {
	background: rgba(120, 200, 255, .16);
	color: var(--ccdp-mint);
}

.ccdp-route > span.is-blue {
	background: rgba(126, 216, 245, .14);
	color: #9bd8ff;
}

.ccdp-route > span.is-coral {
	background: rgba(63, 140, 255, .16);
	color: var(--ccdp-coral);
}

.ccdp-route h3 {
	margin: 30px 0 0;
	font-size: 25px;
	letter-spacing: -.04em;
}

.ccdp-route > p {
	margin: 14px 0 0;
	color: var(--ccdp-muted);
	font-size: 13px;
}

.ccdp-route > div {
	display: grid;
	gap: 5px;
	margin-top: auto;
	padding-top: 24px;
	border-top: 1px solid var(--ccdp-line);
}

.ccdp-route small {
	color: var(--ccdp-muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ccdp-route > div strong {
	font-size: 13px;
}

.ccdp-route > div a {
	margin-top: 10px;
	color: var(--ccdp-mint);
	font-size: 11px;
	font-weight: 850;
}

.ccdp-advanced__grid,
.ccdp-faq__grid {
	display: grid;
	grid-template-columns: .78fr 1.22fr;
	align-items: start;
	gap: clamp(60px, 9vw, 125px);
}

.ccdp-advanced__copy,
.ccdp-faq__copy {
	position: sticky;
	top: 118px;
}

.ccdp-advanced__copy h2,
.ccdp-faq__copy h2 {
	font-size: clamp(37px, 4vw, 56px);
}

.ccdp-advanced__copy > p,
.ccdp-faq__copy > p {
	margin-top: 26px;
}

.ccdp-integration-note {
	display: flex;
	gap: 13px;
	margin-top: 30px;
	padding: 16px;
	border: 1px solid rgba(23, 103, 183, .26);
	border-radius: 12px;
	background: rgba(120, 200, 255, .13);
	color: #355372;
	font-size: 11px;
}

.ccdp-integration-note i {
	width: 9px;
	height: 9px;
	flex: 0 0 auto;
	margin-top: 4px;
	border: 2px solid #1767b7;
	border-radius: 50%;
}

.ccdp-integration-note strong {
	color: var(--ccdp-ink);
}

.ccdp-accordion {
	display: grid;
	border-top: 1px solid var(--ccdp-line-dark);
}

.ccdp-details {
	border-bottom: 1px solid var(--ccdp-line-dark);
}

.ccdp-details summary {
	min-height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	list-style: none;
	cursor: pointer;
}

.ccdp-details summary::-webkit-details-marker {
	display: none;
}

.ccdp-details summary > span {
	display: flex;
	align-items: center;
	gap: 20px;
}

.ccdp-details summary i {
	color: #4f647d;
	font-size: 10px;
	font-style: normal;
	font-weight: 850;
}

.ccdp-details summary strong {
	font-size: 17px;
	letter-spacing: -.02em;
}

.ccdp-details summary > b {
	width: 34px;
	height: 34px;
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid var(--ccdp-line-dark);
	border-radius: 50%;
	font-size: 18px;
	font-weight: 400;
	transition: transform 180ms ease;
}

.ccdp-details[open] summary > b {
	transform: rotate(45deg);
}

.ccdp-details > div {
	padding: 0 0 26px 41px;
}

.ccdp-details p {
	margin: 0 0 12px;
	color: var(--ccdp-muted-dark);
	font-size: 13px;
}

.ccdp-details code {
	padding: 5px 8px;
	border-radius: 5px;
	background: rgba(7, 20, 38, .07);
	color: #365574;
	font-size: 10px;
}

.ccdp-faq {
	padding-top: 68px;
}

.ccdp-final-cta {
	min-height: 620px;
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: center;
	overflow: hidden;
	padding: 90px 0;
	background:
		radial-gradient(circle at 50% 110%, rgba(63, 140, 255, .23), transparent 42%),
		var(--ccdp-ink);
	text-align: center;
}

.ccdp-final-cta__inner {
	display: grid;
	justify-items: center;
}

.ccdp-final-cta .ccdp-eyebrow {
	justify-content: center;
}

.ccdp-final-cta h2 {
	max-width: 970px;
	font-size: clamp(48px, 6vw, 82px);
}

.ccdp-final-cta p:not(.ccdp-eyebrow) {
	margin: 24px 0 33px;
	color: var(--ccdp-muted);
	font-size: 16px;
}

.ccdp-reveal {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 650ms ease, transform 650ms ease;
}

.ccdp-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.ccdp-overlay-lab {
	position: fixed;
	z-index: 100120;
	top: 104px;
	right: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 10px;
	background: rgba(7, 20, 38, .9);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .26);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	color: #fff;
	font-size: 10px;
}

.ccdp-overlay-lab button {
	min-height: 32px;
	padding: 5px 9px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 7px;
	background: rgba(255, 255, 255, .08);
	color: inherit;
	font-size: 10px;
	cursor: pointer;
}

.ccdp-cookie-fixture {
	position: fixed;
	z-index: 100110;
	right: 12px;
	bottom: 12px;
	left: 12px;
	max-width: 660px;
	margin-inline: auto;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
	color: var(--ccdp-ink);
}

.ccdp-cookie-fixture p {
	margin: 6px 0 14px;
	color: var(--ccdp-muted-dark);
	font-size: 12px;
}

.ccdp-cookie-fixture > div {
	display: flex;
	gap: 8px;
}

.ccdp-cookie-fixture button {
	min-height: 44px;
	flex: 1;
	padding: 8px 12px;
	border: 1px solid var(--ccdp-line-dark);
	border-radius: 9px;
	background: var(--ccdp-ink);
	color: #fff;
	font-weight: 800;
	cursor: pointer;
}

.ccdp-chat-fixture {
	position: fixed;
	z-index: 100090;
	right: 18px;
	bottom: 82px;
	min-width: 72px;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 8px 14px;
	border: 0;
	border-radius: 999px;
	background: var(--ccdp-mint);
	box-shadow: 0 16px 34px rgba(0, 0, 0, .25);
	color: var(--ccdp-ink);
	font-weight: 900;
	cursor: pointer;
}

.ccdp-chat-fixture > span {
	color: #176fc4;
}

@media (max-width: 1050px) {
	.ccdp-hero {
		min-height: auto;
	}

	.ccdp-hero__layout {
		grid-template-columns: 1fr;
		gap: 52px;
	}

	.ccdp-hero__copy,
	.ccdp-cockpit {
		max-width: 760px;
	}

	.ccdp-section-heading {
		gap: 45px;
	}

	.ccdp-tool-tabs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 800px) {
	:root {
		--ccdp-shell: min(calc(100% - 32px), 700px);
	}

	html:has(body.cc-design-preview--seo) {
		scroll-padding-top: 82px;
	}

	.ccdp-hero {
		padding: 66px 0 76px;
	}

	.ccdp-hero h1 {
		max-width: 640px;
		font-size: clamp(45px, 10vw, 68px);
	}

	.ccdp-section-heading,
	.ccdp-process__grid,
	.ccdp-advanced__grid,
	.ccdp-faq__grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.ccdp-section-heading {
		align-items: start;
	}

	.ccdp-section-heading > p {
		max-width: 560px;
	}

	.ccdp-process__copy,
	.ccdp-advanced__copy,
	.ccdp-faq__copy {
		position: static;
	}

	.ccdp-route-board {
		grid-template-columns: 1fr;
	}

	.ccdp-route {
		min-height: 280px;
	}

	.ccdp-tool-panel > header {
		align-items: start;
	}
}

@media (max-width: 560px) {
	:root {
		--ccdp-shell: calc(100vw - 28px);
		--ccdp-radius-md: 16px;
	}

	/*
	 * A rotating 400px circle grows its visual bounding box to roughly 565px
	 * between frames. Freeze the lower decorative orbit on narrow screens so it
	 * cannot be reported as a mobile layout-shift culprit; the upper orbit keeps
	 * the hero alive and the full animation remains on tablet/desktop.
	 */
	.ccdp-orbit--two {
		animation: none;
		transform: none;
	}

	.ccdp-page {
		font-size: 15px;
	}

	.ccdp-hero {
		padding: 50px 0 62px;
	}

	.ccdp-hero__layout {
		gap: 38px;
	}

	.ccdp-local-note {
		max-width: 100%;
		margin-bottom: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ccdp-eyebrow {
		margin-bottom: 17px;
		font-size: 9px;
	}

	.ccdp-hero h1 {
		font-size: clamp(42px, 12vw, 56px);
		line-height: .98;
	}

	.ccdp-hero__lead {
		margin-top: 23px;
		font-size: 16px;
		line-height: 1.58;
	}

	.ccdp-trust {
		display: grid;
		gap: 10px;
		margin-top: 25px;
	}

	.ccdp-cockpit {
		margin-inline: -3px;
		padding: 0 14px 14px;
	}

	.ccdp-cockpit__top {
		min-height: 47px;
	}

	.ccdp-cockpit__intro {
		align-items: start;
		margin-top: 20px;
	}

	.ccdp-cockpit__intro h2 {
		font-size: 21px;
	}

	.ccdp-cockpit__intro > span {
		display: none;
	}

	.ccdp-url-control {
		grid-template-columns: 1fr;
		gap: 4px;
		padding: 6px;
	}

	.ccdp-url-control > span {
		display: none;
	}

	.ccdp-url-control input {
		height: 48px;
		padding-inline: 10px;
	}

	.ccdp-url-control .ccdp-button {
		width: 100%;
	}

	.ccdp-result-preview {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 15px;
	}

	.ccdp-signals {
		padding-top: 15px;
		border-top: 1px solid var(--ccdp-line);
	}

	.ccdp-result-ready {
		grid-template-columns: 34px 1fr;
	}

	.ccdp-result-ready small {
		grid-column: 2;
	}

	.ccdp-section {
		padding: 78px 0;
	}

	.ccdp-section-heading h2,
	.ccdp-process__copy h2,
	.ccdp-advanced__copy h2,
	.ccdp-faq__copy h2 {
		font-size: 38px;
	}

	.ccdp-section-heading {
		margin-bottom: 34px;
	}

	.ccdp-tool-tabs {
		display: flex;
		gap: 8px;
		margin-right: -14px;
		margin-left: -14px;
		padding: 0 14px 4px;
		overflow-x: auto;
		scroll-padding-inline: 14px;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
	}

	.ccdp-tool-tabs > a {
		min-width: 156px;
		min-height: 92px;
		flex: 0 0 156px;
		padding: 14px;
		scroll-snap-align: start;
	}

	.ccdp-tool-panel {
		padding: 19px 14px 22px;
	}

	.ccdp-tool-panel > header {
		display: grid;
		gap: 15px;
	}

	.ccdp-tool-panel > header h2 {
		font-size: 30px;
	}

	.ccdp-process__list li {
		grid-template-columns: 49px 1fr;
		gap: 17px;
		min-height: 142px;
		padding: 28px 0;
	}

	.ccdp-process__list li > span {
		width: 43px;
		height: 43px;
	}

	.ccdp-process__list strong {
		font-size: 22px;
	}

	.ccdp-route {
		min-height: 300px;
		padding: 23px;
	}

	.ccdp-details summary {
		min-height: 84px;
	}

	.ccdp-details summary > span {
		gap: 12px;
	}

	.ccdp-details summary strong {
		font-size: 14px;
	}

	.ccdp-details > div {
		padding-left: 0;
	}

	.ccdp-details code {
		display: block;
		overflow-wrap: anywhere;
	}

	.ccdp-final-cta {
		min-height: 560px;
	}

	.ccdp-final-cta h2 {
		font-size: 47px;
	}

	.ccdp-overlay-lab {
		top: auto;
		right: 8px;
		bottom: 76px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html:has(body.cc-design-preview--seo) {
		scroll-behavior: auto;
	}

	.ccdp-page *,
	.ccdp-page *::before,
	.ccdp-page *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	.ccdp-reveal {
		opacity: 1;
		transform: none;
	}
}