/**
 * WordPress homepage layout + typography fixes.
 * Loads after homepage.css; does not modify section rules from the static design.
 *
 * @package cc-com
 */

/* Match original static page shell — dark bg; text color scoped to homepage content only */
body.home,
body.home.custom-background {
	background-color: #0a0505 !important;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'owners', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.home .cc-homepage {
	color: #ffffff;
}

/* Original used a fixed header; theme header must overlay the hero video chain */
body.home #site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	width: 100%;
}

body.home .cc-homepage.page-main {
	padding-block: 0 !important;
	padding-top: 0 !important;
	flex: 1;
	width: 100%;
	max-width: 100%;
}

/*
 * Homepage.css sets body { color: #fff } and global a/h3/ul/input rules.
 * Theme footer sits outside .cc-homepage — reset inheritance so layout/colors match other pages.
 */
body.home .main-footer {
	background: #f6f8fb !important;
	color: #111111;
}

body.home .dark-footer {
	background-color: #f9fafb !important;
	color: #ffffff;
}

body.home .main-footer .container {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	padding-inline: 20px;
	text-align: left;
}

body.home .main-footer .footer-heading,
body.home .main-footer .partners-heading {
	color: #111111 !important;
	font-family: 'owners', sans-serif !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 26px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
}

body.home .main-footer .footer-links {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'owners';
}

body.home .main-footer .footer-links li,
body.home .main-footer .footer-links .menu-item {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
}

body.home .main-footer .footer-links li a {
	color: #555555 !important;
	/* font-family: 'Inter', sans-serif !important; */
	font-size: 18px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
}

body.home .main-footer .footer-links li a:hover,
body.home .main-footer .footer-links li a:focus {
	color: #d32323 !important;
	text-decoration: none !important;
}

body.home .main-footer .inquiry-form .form-group input,
body.home .main-footer .inquiry-form .form-group textarea,
body.home .main-footer .inquiry-form .country-code-select {
	display: block;
	width: 100%;
	font-family: 'owners', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #111111 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

body.home .main-footer .inquiry-form .form-group input,
body.home .main-footer .inquiry-form .form-group textarea {
	background: #f9f9f9 !important;
	border: 1px solid #eeeeee !important;
	border-radius: 15px !important;
	padding: 18px 50px 18px 25px !important;
}

body.home .main-footer .inquiry-form .form-group input::placeholder,
body.home .main-footer .inquiry-form .form-group textarea::placeholder {
	font-family: 'owners', sans-serif !important;
	color: #555555 !important;
	opacity: 1 !important;
}

body.home .main-footer .country-select {
	background: #f9f9f9 !important;
	border: 1px solid #eeeeee !important;
	border-radius: 15px !important;
}

body.home .main-footer .country-select .country-code-select {
	color: #555555 !important;
	background: transparent !important;
}

body.home .main-footer .submit-btn {
	text-decoration: none !important;
	color: #ffffff !important;
}

/* Homepage global input rules must not bleed into footer newsletter signup */
body.home .main-footer .footer-newsletter-slot .email-flex-box input,
body.cc-homepage-active .main-footer .footer-newsletter-slot .email-flex-box input,
body.page-home .main-footer .footer-newsletter-slot .email-flex-box input,
body.front-page .main-footer .footer-newsletter-slot .email-flex-box input {
	display: block !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 52px;
	padding: 18px 25px !important;
	background-color: #ffffff !important;
	background: #ffffff !important;
	border: 1px solid #eeeeee !important;
	border-radius: 2px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #111111 !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	appearance: none;
}

body.home .main-footer .footer-newsletter-slot .email-flex-box input::placeholder,
body.cc-homepage-active .main-footer .footer-newsletter-slot .email-flex-box input::placeholder,
body.page-home .main-footer .footer-newsletter-slot .email-flex-box input::placeholder,
body.front-page .main-footer .footer-newsletter-slot .email-flex-box input::placeholder {
	color: #555555 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	opacity: 1 !important;
}

body.home .main-footer .footer-newsletter-slot .email-flex-box button,
body.cc-homepage-active .main-footer .footer-newsletter-slot .email-flex-box button,
body.page-home .main-footer .footer-newsletter-slot .email-flex-box button,
body.front-page .main-footer .footer-newsletter-slot .email-flex-box button {
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 52px !important;
	min-width: 52px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	background-color: #111111 !important;
	border: none !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

body.home .main-footer .footer-newsletter-slot .footer-newsletter-shortcode input.wpcf7-submit.cc-newsletter-submit-btn,
body.cc-homepage-active .main-footer .footer-newsletter-slot .footer-newsletter-shortcode input.wpcf7-submit.cc-newsletter-submit-btn,
body.page-home .main-footer .footer-newsletter-slot .footer-newsletter-shortcode input.wpcf7-submit.cc-newsletter-submit-btn,
body.front-page .main-footer .footer-newsletter-slot .footer-newsletter-shortcode input.wpcf7-submit.cc-newsletter-submit-btn {
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 52px !important;
	min-width: 52px !important;
	padding: 0 !important;
	background-color: #111111 !important;
	background-image: url('../images/send-icon.svg') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 28px 28px !important;
	border: none !important;
	border-radius: 8px !important;
	color: transparent !important;
	box-shadow: none !important;
}

body.home .main-footer .footer-newsletter-slot .partners-heading,
body.cc-homepage-active .main-footer .footer-newsletter-slot .partners-heading,
body.page-home .main-footer .footer-newsletter-slot .partners-heading,
body.front-page .main-footer .footer-newsletter-slot .partners-heading {
	color: #111111 !important;
	font-family: 'owners', sans-serif !important;
}

body.home .dark-footer .offices-title,
body.home .dark-footer .office-name {
	color: #ffffff !important;
}

body.home .dark-footer .office-address,
body.home .dark-footer-card .office-address,
body.home .dark-footer .contact-info p,
body.home .dark-footer-card .contact-info p {
	color: rgba(255, 255, 255, 0.8) !important;
}

body.home .dark-footer-bottom p {
	color: #555555 !important;
}
/* 
body.home .dark-footer a {
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: none !important;
}

body.home .dark-footer .office-address-mail-box a {
	color: #ffffff !important;
}

body.home .dark-footer .contact-info a {
	color: rgba(255, 255, 255, 0.8) !important;
}

body.home .dark-footer a:hover,
body.home .dark-footer a:focus,
body.home .dark-footer .contact-info a:hover,
body.home .dark-footer .contact-info a:focus,
body.home .dark-footer .office-address-mail-box a:hover,
body.home .dark-footer .office-address-mail-box a:focus {
	color: #ffffff !important;
	text-decoration: none !important;
} */

body.home .footer-dark-offices .office-box-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 767px) {
	body.home .footer-dark-offices .dark-footer-top {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.home .footer-dark-offices .footer-brand-box {
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}

	body.home .footer-dark-offices .footer-logo,
	body.home .footer-dark-offices .social-links {
		justify-content: center !important;
	}

	body.home .footer-dark-offices .office-box-header {
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 20px;
	}

	body.home .footer-dark-offices .office-address-mail-box {
		margin-left: 0 !important;
		width: 100%;
	}

	body.home .footer-dark-offices .offices-grid.footer-cc-address {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	/* Mobile footer typography — match Figma / footer.css scale */
	body.home .main-footer .footer-heading,
	body.home .main-footer .partners-heading,
	body.cc-homepage-active .main-footer .footer-heading,
	body.cc-homepage-active .main-footer .partners-heading,
	body.page-home .main-footer .footer-heading,
	body.page-home .main-footer .partners-heading {
		font-size: 18px !important;
		line-height: 20px !important;
		margin-bottom: 24px !important;
	}

	body.home .main-footer .footer-newsletter-slot .partners-heading,
	body.home .main-footer .footer-partners-slot .partners-heading {
		margin-bottom: 20px !important;
	}

	body.home .main-footer .footer-links li a,
	body.home .main-footer .footer-view-all a {
		font-size: 16px !important;
		line-height: 20px !important;
	}

	body.home .dark-footer .offices-title,
	body.home .dark-footer-card .offices-title {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	body.home .dark-footer .office-name,
	body.home .dark-footer-card .office-name {
		font-size: 16px !important;
		line-height: 20px !important;
	}

	body.home .dark-footer .office-address,
	body.home .dark-footer-card .office-address,
	body.home .dark-footer .contact-info p,
	body.home .dark-footer-card .contact-info p {
		font-size: 14px !important;
		line-height: 18px !important;
	}

	body.home .dark-footer .office-address-mail-box a {
		font-size: 14px !important;
		line-height: 18px !important;
	}

	body.home .dark-footer-bottom p {
		font-size: 13px !important;
		line-height: 18px !important;
	}
}

/* Footer layout handled by footer.css (CSS grid) */

body.home #site-header,
body.home #site-header * {
	font-family: 'owners', sans-serif;
	margin: 0
}

/* Hero buttons + typography — split small laptop vs large desktop */
@media (min-width: 1200px) {
	body.home .cc-homepage .section-services__actions .section-services__btn--outline,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:link,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:visited {
		color: #050505;
		border-color: #050505;
	}

	body.home .cc-homepage .section-services__actions .section-services__btn--outline:hover,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:focus,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:active,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:visited:hover {
		color: #ffffff;
		background: #111111;
		border-color: #111111;
	}

	body.home .cc-homepage .section-services__actions .section-services__btn--solid,
	body.home .cc-homepage .section-services__actions .section-services__btn--solid:link,
	body.home .cc-homepage .section-services__actions .section-services__btn--solid:visited {
		color: #ffffff;
	}
}

@media (min-width: 1200px) and (max-width: 1440px) {
	body.home .cc-homepage .section-hero__tag {
		font-family: 'owners', sans-serif;
		font-size: clamp(22px, 5.1vw, 78px);
		font-weight: 500;
		letter-spacing: clamp(1px, 0.55vw, 4px);
		text-transform: uppercase;
		color: #ffffff;
		line-height: 1.06;
		max-width: none;
	}

	body.home .cc-homepage .section-hero__title {
		font-family: 'owners', sans-serif;
		font-size: 85px;
		font-weight: 900;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #d32323;
		line-height: 0.96;
		max-width: 100%;
	}

	body.home .cc-homepage .section-hero__content .section-hero__highlight {
		font-family: 'owners', sans-serif;
		font-weight: 800;
		font-size: 50px;
		line-height: 1;
		color: #ffffff;
		border: 1px solid #ffffff;
		background: #fff;
		background-color: rgba(211, 35, 35, 0.02);
		box-shadow: 0 0 39.32px rgba(0, 0, 0, 0.45);
		-webkit-backdrop-filter: blur(28px);
		backdrop-filter: blur(28px) !important;
	}

	body.home .cc-homepage .section-hero-group .section-hero__content {
		margin-top: 230px;
		padding-top: 0;
	}

	body.home .cc-homepage .section-services__headline {
		font-size: clamp(44px, 3.4vw, 52px);
		margin-bottom: 28px;
		line-height: 1.05;
	}

	body.home .cc-homepage .section-services__fill-line {
		font-size: clamp(20px, 1.55vw, 24px);
		line-height: 1.25;
	}
}

@media (min-width: 1441px) {
	body.home .cc-homepage .section-hero__tag {
		font-family: 'owners', sans-serif;
		font-size: clamp(28px, 7vw, 94px);
		font-weight: 500;
		letter-spacing: clamp(2px, 0.8vw, 5px);
		text-transform: uppercase;
		color: #ffffff;
		line-height: 85px;
	}

	body.home .cc-homepage .section-hero__title {
		font-family: 'owners', sans-serif;
		font-size: 115px;
		font-weight: 900;
		letter-spacing: 5px;
		text-transform: uppercase;
		color: #d32323;
		line-height: 0.96;
	}

	body.home .cc-homepage .section-hero__content .section-hero__highlight {
		font-family: 'owners', sans-serif;
		font-weight: 800;
		font-size: 80px;
		line-height: 75.96px;
		color: #ffffff;
	}
}

/* Tablet / small screens between mobile and desktop */
@media (min-width: 768px) and (max-width: 1199px) {
	body.home .cc-homepage .section-hero-group {
		--cccom-hero-height: 100vh;
		--cccom-hero-height: 100svh;
		width: 100%;
		max-width: 100%;
	}

	body.home .cc-homepage .section-hero-group .section-hero {
		height: var(--cccom-hero-height);
		min-height: var(--cccom-hero-height);
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		padding-top: clamp(100px, 11vh, 132px);
		box-sizing: border-box;
	}

	body.home .cc-homepage .section-hero-group .section-hero__content {
		margin-top: 50px;
		padding-top: 0;
		margin-left: auto;
		margin-right: auto;
		align-self: auto;
	}

	body.home .cc-homepage .section-hero__tag {
		line-height: 1.05;
		max-width: none;
	}

	body.home .cc-homepage .section-hero__title {
		max-width: none;
		overflow-wrap: normal;
		word-break: normal;
	}

	body.home .cc-homepage .section-hero__tag-line {
		display: inline;
		white-space: normal;
		text-align: center;
	}

	body.home .cc-homepage .section-hero__tag-line::after {
		content: ' ';
	}

	body.home .cc-homepage .section-hero__title-line {
		display: block;
		white-space: nowrap;
		text-align: center;
	}

	body.home .cc-homepage .section-hero__title-line::after {
		content: none;
	}

	body.home .cc-homepage .section-services {
		width: 100%;
		max-width: 100%;
		margin-top: -8vh;
		position: relative;
		z-index: 4;
		background: var(--cccom-services-bg, #fffbf2);
	}

	body.home .cc-homepage .section-services__wrap {
		width: min(100%, calc(100vw - 40px));
		margin-left: auto;
		margin-right: auto;
	}

	body.home .cc-homepage .section-services__headline {
		align-items: center;
		justify-content: center;
	}

	body.home .cc-homepage .section-services__actions {
		justify-content: center;
		width: 100%;
	}

	body.home .cc-homepage .section-hero-group .section-video-scroll {
		height: 80vh;
	}

	body.home .cc-homepage .section-services__actions .section-services__btn--outline,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:link,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:visited {
		color: #050505;
		border-color: #050505;
	}

	body.home .cc-homepage .section-services__actions .section-services__btn--outline:hover,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:focus,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:active,
	body.home .cc-homepage .section-services__actions .section-services__btn--outline:visited:hover {
		color: #ffffff;
		background: #111111;
		border-color: #111111;
	}
}

.section-hero__tag-line,
.section-hero__title-line {
	display: inline;
}

.section-hero__tag-line::after {
	content: ' ';
}

/* Hero mobile — Figma stack + landscape video card on scroll */
@media (max-width: 767px) {
	body.home .cc-homepage .section-hero-group {
		--cccom-hero-height: 100svh;
	}

	body.home .cc-homepage .section-hero-group .section-hero {
		height: var(--cccom-hero-height);
		min-height: 100svh;
		align-items: center;
		justify-content: flex-start;
		padding-top: max(96px, calc(env(safe-area-inset-top, 0px) + 80px));
		box-sizing: border-box;
	}

	body.home .cc-homepage .section-hero-group .section-hero .section-hero__bg {
		background: linear-gradient(to bottom,
				rgba(0, 0, 0, 0.94) 0%,
				rgba(0, 0, 0, 0.92) 28%,
				rgba(0, 0, 0, 0.86) 42%,
				rgba(0, 0, 0, 0.62) 52%,
				rgba(0, 0, 0, 0.28) 62%,
				rgba(0, 0, 0, 0.08) 72%,
				rgba(0, 0, 0, 0) 82%);
	}

	body.home .cc-homepage .section-hero-group .section-video-scroll {
		height: 162vh;
	}

	body.home .cc-homepage .section-services {
		margin-top: -26vh;
		position: relative;
		z-index: 4;
		padding-top: clamp(20px, 5vw, 32px);
		background: var(--cccom-services-bg, #fffbf2);
	}

	body.home .cc-homepage .section-services__inner {
		background: var(--cccom-services-bg, #fffbf2);
	}

	body.home .cc-homepage .section-services__headline {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: clamp(28px, 8.2vw, 36px);
		line-height: 1.12;
		margin-bottom: 20px;
		letter-spacing: 0.5px;
		overflow: visible;
	}

	body.home .cc-homepage .section-services__headline-row {
		display: block;
		text-align: center;
		overflow: visible;
	}

	body.home .cc-homepage .section-services__headline-row::after {
		content: none;
	}

	body.home .cc-homepage .section-services__headline-row:first-child {
		white-space: nowrap;
		padding-block: 0.08em;
	}

	body.home .cc-homepage .section-services__wave {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
		padding: 0.18em 0.14em 0.14em;
		margin: 0 0.06em;
		overflow: visible;
		isolation: isolate;
	}

	body.home .cc-homepage .section-services__wave-text {
		position: relative;
		z-index: 1;
		font-weight: 800;
		letter-spacing: -0.02em;
		line-height: 1;
	}

	body.home .cc-homepage .section-services__wave-svg {
		left: 57%;
		top: 50%;
		width: 105%;
		max-width: none;
		min-width: 0;
		transform: translate(calc(-50% - 14px), -50%) scale(1);
	}

	body.home .cc-homepage .section-services.is-wave-in .section-services__wave-svg {
		transform: translate(-50%, -50%) scale(1.4);
		margin: 0 3px;
	}

	body.home .cc-homepage .section-services__fill-block.section-services__fill-block--desktop {
		display: none;
	}

	body.home .cc-homepage .section-services__fill-block.section-services__fill-block--mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 6px;
		width: 100%;
		max-width: 100%;
		padding-inline: 8px;
		box-sizing: border-box;
	}

	body.home .cc-homepage .section-services__fill-line {
		display: block;
		font-size: clamp(18px, 4.9vw, 22px);
		line-height: 1.34;
		min-height: 1.34em;
		letter-spacing: 0.35px;
		font-weight: 500;
		white-space: nowrap;
		width: fit-content;
		max-width: 100%;
		margin-inline: auto;
		overflow-wrap: normal;
		word-break: normal;
	}

	body.home .cc-homepage .section-services__actions {
		max-width: 230px;
		margin: 32px auto 0;
	}

	body.home .cc-homepage .section-services__btn--outline,
	body.home .cc-homepage .section-services__btn--outline:visited {
		color: #050505;
		border-color: #050505;
	}

	body.home .cc-homepage .section-services__btn--outline:hover,
	body.home .cc-homepage .section-services__btn--outline:focus,
	body.home .cc-homepage .section-services__btn--outline:active,
	body.home .cc-homepage .section-services__btn--outline:visited:hover {
		color: #ffffff;
		background: #111111;
		border-color: #111111;
	}

	body.home .cc-homepage .section-services__btn {
		border-radius: 10px;
	}

	body.home .cc-homepage .section-hero__content {
		width: min(92vw, 360px);
		padding-top: 0;
		margin-top: 87px;
		gap: 0;
	}

	body.home .cc-homepage .section-hero__tag {
		font-family: 'owners', sans-serif;
		font-size: clamp(36px, 10vw, 44px);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 1.5px;
		max-width: none;
		white-space: normal;
		margin-bottom: 0;
	}

	body.home .cc-homepage .section-hero__tag-line {
		display: block;
		white-space: nowrap;
		line-height: 1.02;
	}

	body.home .cc-homepage .section-hero__tag-line::after {
		content: none;
	}

	body.home .cc-homepage .section-hero__content .section-hero__highlight-wrap {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		width: auto;
		margin: 4px 0 -12px;
		z-index: 10;
	}

	body.home .cc-homepage .section-hero__content .section-hero__highlight {
		position: relative;
		left: auto;
		top: auto;
		transform: rotate(-10deg);
		display: inline-block;
		font-family: 'owners', sans-serif;
		font-size: clamp(42px, 11.5vw, 52px);
		font-weight: 800;
		line-height: 1;
		padding: 8px 26px 7px;
		width: auto;
		height: auto;
		letter-spacing: 1px;
		border-radius: 180px;
		border: 1px solid #ffffff;
		background-color: rgba(211, 35, 35, 0.02);
		box-shadow: 0 0 22.61px rgba(0, 0, 0, 0.45);
		backdrop-filter: blur(28px);
		-webkit-backdrop-filter: blur(28px);
		animation: aiBadgeDropInMobile 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.55s both;
	}

	body.home .cc-homepage .section-hero__content .section-hero__highlight:hover {
		transform: rotate(-10deg);
	}

	body.home .cc-homepage .section-hero__title {
		font-family: 'owners', sans-serif;
		font-size: clamp(50px, 13.8vw, 58px);
		font-weight: 900;
		line-height: 0.98;
		letter-spacing: 0.5px;
		margin: 5px auto 0;
		width: min(92vw, 360px);
		max-width: 8.4ch;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	body.home .cc-homepage .section-hero__title-line {
		display: block;
		white-space: nowrap;
		line-height: 1;
	}

	body.home .cc-homepage .section-video-scroll__stage {
		height: 100svh;
		height: 100dvh;
	}

	body.home .cc-homepage .section-video-scroll__card-wrap {
		align-items: center !important;
	}

	body.home .cc-homepage .section-video-scroll__card {
		width: min(calc(100vw - 32px), 360px);
		max-width: calc(100vw - 32px);
		aspect-ratio: 700 / 440;
		height: auto;
		max-height: min(38svh, 240px);
	}
}

/* Traditional vs AI — tablet + mobile (Figma stacked cards, desktop card width) */
@media (max-width: 1199px) {
	body.home .cc-homepage .section-traditional-vs-ai {
		--trad-ai-card-max-w: 366px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__cards {
		top: 0;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__grid {
		justify-content: center;
		justify-items: center;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__card {
		width: min(var(--trad-ai-card-max-w), calc(100vw - 32px));
		max-width: var(--trad-ai-card-max-w);
		border-radius: 0;
		overflow: visible;
		box-shadow: none;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__card-body {
		min-height: 0;
		padding: 70px 28px 50px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		border-radius: 44px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__card:hover .section-traditional-vs-ai__card-body {
		transform: none;
		box-shadow: none;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__icon {
		position: absolute;
		top: 22px;
		left: 22px;
		margin: 0;
		width: 56px;
		height: 56px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__icon svg {
		width: 100%;
		height: auto;
		max-width: 56px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__step {
		position: absolute;
		top: 18px;
		right: 20px;
		font-size: clamp(52px, 14vw, 64px);
		line-height: 1;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__divider {
		display: none;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__text {
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0.4px;
		text-align: center;
		margin: 68px 0 0;
		padding-inline: 6px;
		width: 100%;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__footer {
		width: 100%;
		margin-top: -52px;
		padding: 76px 20px 24px;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0.4px;
		border-radius: 0 0 var(--trad-ai-card-radius) var(--trad-ai-card-radius);
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	body.home .cc-homepage .section-traditional-vs-ai {
		padding: 72px clamp(20px, 4vw, 32px) 80px;
		--trad-ai-card-radius: 48px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__toggle {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 40px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__label {
		font-size: clamp(26px, 3.4vw, 36px);
		letter-spacing: 1.5px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch {
		width: 100px;
		height: 52px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__vs {
		font-size: 28px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__knob {
		width: 36px;
		height: 36px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch .section-traditional-vs-ai__knob {
		left: calc(100% - 41px);
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch .section-traditional-vs-ai__vs {
		left: 12px;
		right: auto;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.off .section-traditional-vs-ai__knob,
	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.is-off .section-traditional-vs-ai__knob {
		left: 5px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.off .section-traditional-vs-ai__vs,
	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.is-off .section-traditional-vs-ai__vs {
		right: 12px;
		left: auto;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__grid {
		grid-template-columns: repeat(2, min(var(--trad-ai-card-max-w), calc((100% - 20px) / 2)));
		gap: 20px;
		max-width: calc(var(--trad-ai-card-max-w) * 2 + 20px);
		margin-inline: auto;
	}
}

@media (max-width: 767px) {
	body.home .cc-homepage .section-traditional-vs-ai {
		padding: 56px 16px 64px;
		--trad-ai-card-radius: 40px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__toggle {
		flex-direction: column;
		gap: 14px;
		margin-bottom: 32px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__label {
		font-size: 32px;
		letter-spacing: 1px;
		line-height: 1.1;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch {
		width: 88px;
		height: 44px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__knob {
		width: 34px;
		height: 34px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch .section-traditional-vs-ai__knob {
		left: calc(100% - 39px);
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.off .section-traditional-vs-ai__knob,
	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.is-off .section-traditional-vs-ai__knob {
		left: 5px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch .section-traditional-vs-ai__vs {
		left: 12px;
		font-size: 18px !important;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.off .section-traditional-vs-ai__vs,
	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__switch.is-off .section-traditional-vs-ai__vs {
		right: 12px;
	}

	body.home .cc-homepage .section-traditional-vs-ai .section-traditional-vs-ai__grid {
		grid-template-columns: 1fr;
		gap: 20px;
		max-width: var(--trad-ai-card-max-w);
		margin-inline: auto;
	}
}

/*
 * Footer newsletter — final cascade layer on homepage.
 * homepage.css applies dark background to all input[type=email] after footer.css.
 */
body.home .main-footer .footer-newsletter-slot .email-flex-box,
body.cc-homepage-active .main-footer .footer-newsletter-slot .email-flex-box,
body.page-home .main-footer .footer-newsletter-slot .email-flex-box,
body.front-page .main-footer .footer-newsletter-slot .email-flex-box {
	display: flex !important;
	width: 100% !important;
	max-width: 100% !important;
	gap: 7px;
	align-items: stretch;
}

body.home .main-footer .footer-newsletter-slot .email-flex-box input,
body.cc-homepage-active .main-footer .footer-newsletter-slot .email-flex-box input,
body.page-home .main-footer .footer-newsletter-slot .email-flex-box input,
body.front-page .main-footer .footer-newsletter-slot .email-flex-box input {
	background-color: #ffffff !important;
	background: #ffffff !important;
	border: 1px solid #eeeeee !important;
	color: #111111 !important;
}