:root {
	--mcn-ink: #2b1a18;
	--mcn-teal: #d20902;
	--mcn-teal-dark: #850700;
	--mcn-orange: #d20902;
	--mcn-yellow: #ffdb08;
	--mcn-soft: #fffbe6;
	--mcn-white: #ffffff;
	--mcn-line: #eadfb7;
	--mcn-muted: #6b605d;
}

.mcn-shell {
	width: min(1170px, calc(100% - 40px));
	margin-inline: auto;
}

.mcn-kicker {
	margin: 0 0 12px;
	color: var(--mcn-orange);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .13em;
	line-height: 1.4;
}

.mcn-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 12px 25px;
	border: 0;
	border-radius: 3px;
	background: var(--mcn-orange);
	color: #fff !important;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .02em;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease;
}

.mcn-button:hover {
	background: #9f0802;
	transform: translateY(-2px);
}

.mcn-button-light {
	background: #fff;
	color: var(--mcn-teal-dark) !important;
}

.mcn-text-link {
	color: var(--mcn-orange) !important;
	font-weight: 800;
	text-decoration: none !important;
}

.mcn-container-tracker {
	position: relative;
	z-index: 4;
	padding: 44px 0;
	background: linear-gradient(120deg, var(--mcn-teal-dark), var(--mcn-teal));
	color: #fff;
}

.mcn-tracker-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 68px;
	align-items: center;
}

.mcn-container-tracker h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: clamp(29px, 4vw, 46px);
	line-height: 1.08;
}

.mcn-container-tracker p:last-child {
	margin: 0;
	color: rgba(255,255,255,.8);
}

.mcn-progress-wrap {
	display: grid;
	gap: 13px;
}

.mcn-progress-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.mcn-progress-label strong {
	color: #fff;
	font-size: 26px;
}

.mcn-progress-track {
	height: 18px;
	padding: 4px;
	border: 1px solid rgba(255,255,255,.35);
	background: rgba(255,255,255,.1);
}

.mcn-progress-track span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--mcn-yellow), #fff4a1);
	transition: width .4s ease;
}

.mcn-progress-wrap .mcn-button {
	justify-self: start;
	margin-top: 4px;
}

.mcn-page-intro {
	padding: 115px 0 95px;
	background: linear-gradient(100deg, rgba(68,3,1,.97), rgba(210,9,2,.88));
	color: #fff;
}

.mcn-page-intro .mcn-shell {
	max-width: 1170px;
}

.mcn-page-intro h1 {
	max-width: 820px;
	margin: 0 0 20px;
	color: #fff;
	font-size: clamp(42px, 6vw, 72px);
	line-height: 1.03;
}

.mcn-page-intro p:last-child {
	max-width: 700px;
	margin: 0;
	color: rgba(255,255,255,.78);
	font-size: 18px;
	line-height: 1.7;
}

.mcn-catalog,
.mcn-services,
.mcn-process,
.mcn-cbm-section,
.mcn-quote-section,
.mcn-about-section {
	padding: 95px 0;
}

.mcn-catalog.is-compact {
	background: var(--mcn-soft);
}

.mcn-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 40px;
}

.mcn-section-heading h2,
.mcn-services h2,
.mcn-cbm-section h2,
.mcn-quote-section h2 {
	margin: 0;
	color: var(--mcn-ink);
	font-size: clamp(34px, 5vw, 54px);
	line-height: 1.08;
}

.mcn-catalog-toolbar {
	display: grid;
	gap: 18px;
	margin-bottom: 24px;
}

.mcn-search-field input {
	width: 100%;
	height: 54px;
	padding: 0 18px;
	border: 1px solid var(--mcn-line);
	border-radius: 3px;
	background: #fff;
}

.mcn-filter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.mcn-filter-row button {
	min-height: 42px;
	padding: 8px 16px;
	border: 1px solid var(--mcn-line);
	border-radius: 2px;
	background: #fff;
	color: var(--mcn-ink);
	font-weight: 700;
	cursor: pointer;
}

.mcn-filter-row button.is-active,
.mcn-filter-row button:hover {
	border-color: var(--mcn-orange);
	background: var(--mcn-orange);
	color: #fff;
}

.mcn-catalog-note {
	margin-bottom: 30px;
	padding: 16px 20px;
	border-left: 4px solid var(--mcn-orange);
	background: var(--mcn-soft);
	color: var(--mcn-muted);
}

.mcn-catalog-note strong {
	color: var(--mcn-ink);
}

.mcn-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.mcn-product-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	border: 1px solid var(--mcn-line);
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 12px 35px rgba(73,15,11,.07);
	overflow: hidden;
}

.mcn-product-card[hidden] {
	display: none;
}

.mcn-product-media {
	position: relative;
	display: grid;
	min-height: 190px;
	place-items: center;
	background: linear-gradient(145deg, #720500, #d20902);
	color: rgba(255,255,255,.18);
	font-size: 82px;
	font-weight: 900;
}

.mcn-product-media img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.mcn-product-media small {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 7px 10px;
	background: var(--mcn-orange);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.mcn-product-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 24px;
}

.mcn-product-body h3 {
	margin: 0 0 10px;
	color: var(--mcn-ink);
	font-size: 22px;
	line-height: 1.2;
}

.mcn-product-body > p:not(.mcn-eyebrow) {
	color: var(--mcn-muted);
	font-size: 14px;
	line-height: 1.65;
}

.mcn-eyebrow {
	margin: 0 0 9px;
	color: var(--mcn-orange);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mcn-product-price {
	display: grid;
	gap: 3px;
	margin: auto 0 18px;
	padding-top: 17px;
	border-top: 1px solid var(--mcn-line);
}

.mcn-product-price strong {
	color: var(--mcn-ink);
}

.mcn-product-price span {
	color: var(--mcn-muted);
	font-size: 11px;
}

.mcn-empty-state {
	margin-top: 25px;
	padding: 35px;
	background: var(--mcn-soft);
	text-align: center;
}

.mcn-services-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
}

.mcn-services-grid article {
	position: relative;
	min-height: 390px;
	padding: 55px;
	background: var(--mcn-soft);
	overflow: hidden;
}

.mcn-services-grid article:nth-child(2) {
	background: var(--mcn-teal-dark);
	color: #fff;
}

.mcn-services-grid article:nth-child(2) h2 {
	color: #fff;
}

.mcn-services-grid article > span,
.mcn-process-grid article > span {
	position: absolute;
	top: 20px;
	right: 28px;
	color: rgba(11,75,87,.09);
	font-size: 84px;
	font-weight: 900;
}

.mcn-services-grid article:nth-child(2) > span {
	color: rgba(255,255,255,.08);
}

.mcn-services-grid p:not(.mcn-kicker) {
	max-width: 470px;
	color: var(--mcn-muted);
	font-size: 17px;
	line-height: 1.7;
}

.mcn-services-grid article:nth-child(2) p:not(.mcn-kicker) {
	color: rgba(255,255,255,.72);
}

.mcn-niche-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin-top: 22px;
}

.mcn-niche-grid > div {
	padding: 30px;
	border-top: 3px solid var(--mcn-yellow);
	background: #fff;
	box-shadow: 0 10px 35px rgba(73,15,11,.07);
}

.mcn-niche-grid h3 {
	margin: 0 0 9px;
	color: var(--mcn-ink);
}

.mcn-process {
	background: var(--mcn-soft);
}

.mcn-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2px;
}

.mcn-process-grid article {
	position: relative;
	min-height: 245px;
	padding: 75px 30px 30px;
	background: #fff;
	overflow: hidden;
}

.mcn-process-grid article > span {
	top: 10px;
	right: 20px;
	font-size: 70px;
}

.mcn-process-grid h3 {
	margin: 0 0 10px;
	color: var(--mcn-ink);
	font-size: 22px;
}

.mcn-process-grid p {
	color: var(--mcn-muted);
	line-height: 1.65;
}

.mcn-cbm-section {
	background: var(--mcn-teal-dark);
	color: #fff;
}

.mcn-cbm-grid {
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	gap: 70px;
	align-items: center;
}

.mcn-cbm-section h2 {
	color: #fff;
}

.mcn-cbm-section p:not(.mcn-kicker) {
	color: rgba(255,255,255,.72);
	line-height: 1.7;
}

.mcn-formula {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 28px 0 13px;
}

.mcn-formula span,
.mcn-formula strong {
	padding: 10px 13px;
	background: rgba(255,255,255,.1);
}

.mcn-formula strong {
	background: var(--mcn-yellow);
	color: var(--mcn-ink);
}

.mcn-cbm-calculator,
.mcn-quote-panel {
	padding: 42px;
	background: #fff;
	color: var(--mcn-ink);
	box-shadow: 0 25px 65px rgba(0,0,0,.2);
}

.mcn-calculator-fields,
.mcn-form-grid,
.mcn-dimension-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 19px;
}

.mcn-cbm-calculator label,
.mcn-quote-form label {
	display: grid;
	gap: 7px;
	color: var(--mcn-ink);
	font-size: 13px;
	font-weight: 700;
}

.mcn-cbm-calculator input,
.mcn-quote-form input,
.mcn-quote-form select,
.mcn-quote-form textarea {
	width: 100%;
	min-height: 50px;
	padding: 10px 13px;
	border: 1px solid var(--mcn-line);
	border-radius: 2px;
	background: #fff;
	color: #243d42;
}

.mcn-quote-form textarea {
	min-height: 130px;
	resize: vertical;
}

.mcn-cbm-result {
	display: grid;
	gap: 4px;
	margin: 20px 0;
	padding: 18px;
	background: var(--mcn-soft);
}

.mcn-cbm-result strong {
	color: var(--mcn-teal);
	font-size: 30px;
}

.mcn-cbm-result small,
.mcn-note {
	color: var(--mcn-muted) !important;
	font-size: 12px;
}

.mcn-quote-section {
	background: var(--mcn-soft);
}

.mcn-quote-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
	gap: 28px;
	align-items: start;
}

.mcn-quote-panel h2 {
	margin-bottom: 28px;
}

.mcn-quote-form {
	display: grid;
	gap: 18px;
}

.mcn-quote-form fieldset {
	margin: 0;
	padding: 18px;
	border: 1px solid var(--mcn-line);
}

.mcn-dimension-grid {
	grid-template-columns: repeat(3, 1fr);
	margin: 10px 0 0;
}

.mcn-honeypot {
	position: absolute !important;
	left: -9999px !important;
}

.mcn-form-notice {
	margin-bottom: 20px;
	padding: 14px 16px;
	border-left: 4px solid #d55;
	background: #fff0f0;
}

.mcn-form-notice.is-success {
	border-color: #2c9c73;
	background: #ecfaf4;
}

.mcn-contact-sidebar {
	display: grid;
	gap: 18px;
}

.mcn-contact-card {
	display: grid;
	gap: 10px;
	padding: 30px;
	background: #fff;
	box-shadow: 0 12px 40px rgba(73,15,11,.08);
}

.mcn-contact-card h3,
.mcn-contact-card p {
	margin: 0;
}

.mcn-contact-card.is-dark {
	background: var(--mcn-teal-dark);
	color: #fff;
}

.mcn-contact-card.is-dark h3,
.mcn-contact-card.is-dark a {
	color: #fff;
}

.mcn-about-grid {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 70px;
	align-items: center;
}

.mcn-about-grid h2,
.mcn-faq-grid h2 {
	margin: 0 0 20px;
	color: var(--mcn-ink);
	font-size: clamp(34px, 5vw, 54px);
	line-height: 1.08;
}

.mcn-about-grid > div:first-child > p:not(.mcn-kicker) {
	color: var(--mcn-muted);
	font-size: 17px;
	line-height: 1.75;
}

.mcn-about-points {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
}

.mcn-about-points article {
	min-height: 280px;
	padding: 36px 25px;
	background: var(--mcn-soft);
}

.mcn-about-points article:nth-child(2) {
	background: var(--mcn-orange);
	color: #fff;
}

.mcn-about-points strong {
	display: block;
	margin-bottom: 50px;
	color: var(--mcn-teal);
	font-size: 55px;
	line-height: 1;
}

.mcn-about-points article:nth-child(2) strong,
.mcn-about-points article:nth-child(2) h3 {
	color: #fff;
}

.mcn-about-points h3 {
	margin: 0 0 8px;
	color: var(--mcn-ink);
	font-size: 20px;
}

.mcn-about-points p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
}

.mcn-faq-grid {
	display: grid;
	grid-template-columns: .7fr 1.3fr;
	gap: 70px;
	margin-top: 90px;
	padding-top: 75px;
	border-top: 1px solid var(--mcn-line);
}

.mcn-faq-grid details {
	border-bottom: 1px solid var(--mcn-line);
	padding: 18px 0;
}

.mcn-faq-grid summary {
	color: var(--mcn-ink);
	font-size: 18px;
	font-weight: 800;
	cursor: pointer;
}

.mcn-faq-grid details p {
	margin: 12px 0 0;
	color: var(--mcn-muted);
	line-height: 1.7;
}

.mcn-whatsapp {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	display: inline-flex;
	align-items: center;
	min-height: 52px;
	padding: 0 20px;
	border-radius: 30px;
	background: #1fbf68;
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.mcn-hide-section {
	display: none !important;
}

@media (max-width: 980px) {
	.mcn-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mcn-process-grid { grid-template-columns: 1fr 1fr; }
	.mcn-tracker-grid,
	.mcn-cbm-grid,
	.mcn-quote-grid,
	.mcn-about-grid,
	.mcn-faq-grid { grid-template-columns: 1fr; gap: 35px; }
	.mcn-niche-grid { grid-template-columns: 1fr; }
	.mcn-about-points { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
	.mcn-shell { width: min(100% - 28px, 1170px); }
	.mcn-page-intro { padding: 80px 0 65px; }
	.mcn-catalog,
	.mcn-services,
	.mcn-process,
	.mcn-cbm-section,
	.mcn-quote-section,
	.mcn-about-section { padding: 65px 0; }
	.mcn-tracker-grid,
	.mcn-services-grid,
	.mcn-product-grid,
	.mcn-process-grid,
	.mcn-calculator-fields,
	.mcn-form-grid,
	.mcn-dimension-grid { grid-template-columns: 1fr; }
	.mcn-services-grid article { min-height: 330px; padding: 42px 28px; }
	.mcn-cbm-calculator,
	.mcn-quote-panel { padding: 28px 20px; }
	.mcn-section-heading { align-items: start; flex-direction: column; }
	.mcn-whatsapp span { font-size: 0; }
	.mcn-whatsapp { width: 52px; padding: 0; justify-content: center; }
	.mcn-whatsapp::before { content: 'WA'; font-size: 12px; }
}