/*
Theme Name: Mesle Aval
Theme URI: https://mesleaval.com/
Description: Tokenized RTL child theme for the Mesle Aval product experience.
Author: Mesle Aval
Author URI: https://mesleaval.com/
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: mesle-aval
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Runtime foundations are split under assets/css and enqueued by functions.php. */

/* MVA-130 Contact page: a calm, image-free conversion surface. The map is
 * deliberately code-native; the linked Google Maps URL is the source of truth. */
.ma-contact-page { background: var(--color-white); }
.ma-contact-hero { padding-block-start: clamp(44px, 8vw, 96px); }
.ma-contact-hero__grid { display: grid; gap: var(--space-8); align-items: center; }
.ma-contact-hero__copy { max-inline-size: 660px; }
.ma-contact-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 700; letter-spacing: .02em; }
.ma-contact-hero h1 { max-inline-size: 13ch; margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 64px); line-height: 1.25; }
.ma-contact-hero__lead { max-inline-size: 48ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }
.ma-contact-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ma-contact-hero__actions .ma-button { min-block-size: 56px; }
.ma-contact-call-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-6); align-items: start; padding: clamp(24px, 4vw, 40px); border-color: var(--color-teal-primary); background: var(--color-mint-tint); box-shadow: var(--shadow-2); }
.ma-contact-call-card__icon { display: grid; place-items: center; inline-size: 56px; block-size: 56px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); }
.ma-contact-call-card__icon .ma-icon { inline-size: 28px; block-size: 28px; }
.ma-contact-call-card h2 { margin-block-end: var(--space-2); font-size: clamp(22px, 3vw, 30px); }
.ma-contact-call-card__availability { margin-block-end: var(--space-4); color: var(--color-gray-600); }
.ma-contact-call-card__phone { display: inline-flex; min-block-size: 48px; align-items: center; color: var(--color-deep-navy); font-family: var(--font-family-latin), var(--font-family-body); font-size: clamp(20px, 3vw, 28px); font-weight: 800; text-decoration: none; }
.ma-contact-section-heading { max-inline-size: 620px; margin-block-end: var(--space-8); }
.ma-contact-section-heading h2 { margin-block-end: var(--space-3); font-size: clamp(28px, 4vw, 42px); }
.ma-contact-section-heading > p:last-child { margin: 0; color: var(--color-gray-600); }
.ma-contact-details__grid { display: grid; gap: var(--space-6); }
.ma-contact-info-card { display: grid; gap: var(--space-6); padding: clamp(24px, 4vw, 36px); }
.ma-contact-info-card__row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.ma-contact-info-card__row h3 { margin-block-end: var(--space-1); font-size: var(--font-size-body); }
.ma-contact-info-card__row p { margin: 0; color: var(--color-gray-600); }
.ma-contact-info-card__icon { display: grid; place-items: center; inline-size: 44px; block-size: 44px; border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); }
.ma-contact-info-card__icon .ma-icon { inline-size: 22px; block-size: 22px; }
.ma-contact-map-link { justify-self: start; min-block-size: 48px; }
.ma-contact-map-card { display: grid; gap: var(--space-3); min-block-size: 270px; padding: clamp(20px, 4vw, 32px); overflow: hidden; background: linear-gradient(145deg, var(--color-deep-navy), #18384b); color: var(--color-white); }
.ma-contact-map-card__topline { display: flex; align-items: center; justify-content: space-between; color: var(--color-teal-light); font-size: var(--font-size-caption); font-weight: 700; }
.ma-contact-map-card__pin { color: #ffdc7d; font-size: 28px; line-height: 1; }
.ma-contact-map { inline-size: 100%; block-size: auto; color: var(--color-teal-light); }
.ma-contact-map-card p { margin: 0; color: var(--color-gray-100); font-size: var(--font-size-caption); }
.ma-contact-process__list { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; counter-reset: contact-process; }
.ma-contact-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-6); border: var(--border-soft); border-radius: var(--radius-card); background: var(--color-white); }
.ma-contact-process__number { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-family: var(--font-family-latin), var(--font-family-body); font-weight: 800; }
.ma-contact-process__list h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }
.ma-contact-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-contact-services__grid { display: grid; gap: var(--space-3); }
.ma-contact-service-link { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-3); align-items: center; min-block-size: 68px; padding: var(--space-4); color: var(--color-deep-navy); text-decoration: none; }
.ma-contact-service-link:hover { border-color: var(--color-deep-navy); transform: translateY(-1px); }
.ma-contact-service-link__icon { display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: var(--radius-pill); background: var(--color-white); color: var(--color-teal-primary); }
.ma-contact-service-link__icon .ma-icon { inline-size: 19px; block-size: 19px; }
.ma-contact-privacy { padding-block-end: calc(var(--space-16) + var(--space-8)); }
.ma-contact-privacy__inner { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; max-inline-size: 760px; padding: var(--space-6); border: 1px solid var(--color-teal-light); border-radius: var(--radius-card); background: var(--color-mint-tint); }
.ma-contact-privacy__icon { display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: var(--radius-pill); background: var(--color-white); color: var(--color-teal-primary); }
.ma-contact-privacy__icon .ma-icon { inline-size: 21px; block-size: 21px; }
.ma-contact-privacy h2 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }
.ma-contact-privacy p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }

@media (min-width: 768px) {
	.ma-contact-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr); }
	.ma-contact-details__grid { grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr); align-items: stretch; }
	.ma-contact-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-contact-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1025px) {
	.ma-contact-hero__grid { gap: var(--space-12); }
	.ma-contact-services__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.ma-contact-hero__actions { display: grid; }
	.ma-contact-hero__actions .ma-button { inline-size: 100%; }
	.ma-contact-call-card { grid-template-columns: 1fr; gap: var(--space-3); }
	.ma-contact-call-card__icon { inline-size: 48px; block-size: 48px; }
	.ma-contact-map-card { min-block-size: 230px; }
}

/* S01/S02 reference composition lock. */
.ma-system-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-block:16px;color:var(--color-gray-600);font-size:var(--font-size-caption);}.ma-system-breadcrumb a{color:var(--color-deep-navy);text-decoration:none;}.ma-system-breadcrumb a:hover{text-decoration:underline;}
.ma-ref-home { overflow:clip; color:var(--color-deep-navy); background:#fff; }
.ma-ref-home :where(h1,h2,h3,p) { margin-block-start:0; }
.ma-ref-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr); gap:64px; align-items:center; max-inline-size:1280px; padding:48px var(--page-padding-inline) 24px; margin-inline:auto; direction:ltr; }
.ma-ref-hero>* { direction:rtl; }.ma-ref-hero__copy { text-align:right; }.ma-ref-pill { display:inline-flex; gap:8px; align-items:center; padding:7px 12px; border:1px solid var(--color-teal-light); border-radius:99px; color:var(--color-deep-navy); font-size:13px; font-weight:800; }.ma-ref-pill svg { inline-size:18px; color:var(--color-teal-primary); }
.ma-ref-hero h1 { margin:14px 0; font-size:clamp(42px,4.2vw,64px); line-height:1.35; letter-spacing:-.025em; }.ma-ref-hero__copy>p:not(.ma-ref-pill) { max-inline-size:630px; color:var(--color-gray-600); font-size:18px; line-height:1.95; }.ma-ref-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }.ma-ref-actions .ma-button { min-inline-size:190px; }.ma-ref-process-link { align-self:center; color:var(--color-teal-primary); font-weight:700; }.ma-ref-trust { display:flex; gap:24px; padding:22px 0 0; margin:22px 0 0; border-top:1px solid var(--color-gray-100); color:var(--color-gray-600); list-style:none; }.ma-ref-trust li { display:flex; gap:7px; align-items:center; }.ma-ref-trust svg { inline-size:22px; color:var(--color-deep-navy); }
.ma-ref-upload { display:grid; gap:13px; padding:24px; border:1px solid var(--color-gray-100); border-radius:18px; background:#fff; box-shadow:var(--shadow-2); }.ma-ref-upload h2 { margin:0; font-size:24px; }.ma-ref-upload__steps { display:grid; grid-template-columns:28px 1fr 28px 1fr 28px; align-items:center; color:var(--color-gray-600); text-align:center; }.ma-ref-upload__steps :where(b,span) { display:grid; place-items:center; inline-size:28px; block-size:28px; border-radius:50%; background:var(--color-gray-100); }.ma-ref-upload__steps b { background:var(--color-teal-primary); color:#fff; }.ma-ref-upload__steps i { border-top:1px dashed var(--color-gray-300); }.ma-ref-upload__drop { display:grid; place-items:center; min-block-size:138px; border:2px dashed var(--color-teal-light); border-radius:14px; color:var(--color-gray-600); text-align:center; }.ma-ref-upload__drop svg { inline-size:44px; color:var(--color-teal-primary); }.ma-ref-upload__drop :where(strong,small) { display:block; }.ma-ref-upload__fields { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.ma-ref-upload__fields span { padding:10px 12px; border:1px solid var(--color-gray-300); border-radius:7px; color:var(--color-gray-600); }.ma-ref-upload__fields span:last-child { grid-column:1/-1; }
.ma-ref-paths>.ma-container { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-block:16px 28px; }.ma-ref-paths article { display:grid; grid-template-columns:52px 1fr 36px; gap:12px; align-items:center; padding:18px; border:1px solid var(--color-gray-300); border-radius:12px; }.ma-ref-paths article>span { color:var(--color-teal-primary); }.ma-ref-paths svg { inline-size:44px; }.ma-ref-paths h2 { margin:0 0 5px; font-size:17px; }.ma-ref-paths p { margin:0; color:var(--color-gray-600); font-size:13px; }.ma-ref-paths article>a { display:grid; place-items:center; inline-size:34px; block-size:34px; border:1px solid var(--color-gray-300); border-radius:50%; font-size:25px; }
.ma-ref-section { padding-block:24px; border-top:1px solid var(--color-gray-100); }.ma-ref-section h2 { margin-bottom:18px; font-size:25px; }.ma-ref-process ol { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:0; margin:0; list-style:none; }.ma-ref-process li { position:relative; display:grid; grid-template-columns:38px 1fr; gap:6px 10px; padding:18px; border:1px solid var(--color-gray-300); border-radius:10px; }.ma-ref-process li>b { position:absolute; inset-block-start:8px; inset-inline-start:10px; color:var(--color-deep-navy); font-size:22px; }.ma-ref-process li>svg { grid-row:1/3; inline-size:38px; color:var(--color-deep-navy); }.ma-ref-process small { color:var(--color-gray-600); line-height:1.7; }
.ma-ref-services>.ma-container>div,.ma-ref-why>.ma-container>div { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.ma-ref-services article { position:relative; display:grid; grid-template-columns:48px 1fr; gap:4px 12px; padding:18px; border:1px solid var(--color-gray-300); border-radius:9px; }.ma-ref-services article>span { grid-row:1/3; color:var(--color-teal-primary); }.ma-ref-services svg { inline-size:42px; }.ma-ref-services h3 { margin:0; font-size:16px; }.ma-ref-services p { margin:0; color:var(--color-gray-600); font-size:12px; }.ma-ref-services article>a { position:absolute; inset:0; }
.ma-ref-case>.ma-container>.ma-ref-case__body { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; align-items:center; padding:18px; border:1px solid var(--color-gray-300); border-radius:12px; background:var(--color-gray-50); }.ma-ref-case__media { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; min-block-size:190px; }.ma-ref-case__media span { border-radius:10px; background-position:center; background-size:cover; }.ma-ref-case__media span:nth-child(1) { background-image:url('assets/media/generated/mesle-aval-damage-close-thumb.webp'); }.ma-ref-case__media span:nth-child(2) { background-image:url('assets/media/generated/mesle-aval-damage-wide-thumb.webp'); }.ma-ref-case__media span:nth-child(3) { background-image:url('assets/media/generated/mesle-aval-damage-angle-thumb.webp'); }.ma-ref-case p { margin:0 0 8px; }.ma-ref-case small { color:var(--color-teal-primary); }.ma-ref-why>.ma-container>div { grid-template-columns:repeat(4,1fr); }.ma-ref-why article { display:flex; gap:12px; align-items:center; padding:18px; border:1px solid var(--color-gray-300); border-radius:10px; }.ma-ref-why article span { color:var(--color-teal-primary); }.ma-ref-why svg { inline-size:38px; }.ma-ref-why h3 { margin:0; font-size:15px; }
.ma-ref-faq details { padding:12px 16px; border:1px solid var(--color-gray-300); border-radius:7px; margin-bottom:7px; }.ma-ref-faq summary { cursor:pointer; font-weight:700; }.ma-ref-faq details p { margin:10px 0 0; color:var(--color-gray-600); }.ma-ref-final { padding-block:28px; background:var(--color-deep-navy); color:#fff; }.ma-ref-final>.ma-container { display:flex; justify-content:space-between; align-items:center; }.ma-ref-final h2 { margin:0; color:#fff; }.ma-ref-final div>div { display:flex; gap:12px; }
@media(max-width:800px){.ma-ref-hero { display:block; padding-block:28px 18px; text-align:center; }.ma-ref-hero__copy { text-align:center; }.ma-ref-hero h1 { font-size:36px; }.ma-ref-hero__copy>p:not(.ma-ref-pill) { font-size:16px; }.ma-ref-upload { display:none; }.ma-ref-actions { display:grid; }.ma-ref-actions .ma-button { inline-size:100%; }.ma-ref-process-link { display:none; }.ma-ref-trust { justify-content:center; padding:16px 10px; border:1px solid var(--color-gray-100); border-radius:14px; }.ma-ref-paths>.ma-container { grid-template-columns:repeat(3,1fr); gap:8px; }.ma-ref-paths article { display:flex; min-inline-size:0; padding:14px 8px; flex-direction:column; text-align:center; }.ma-ref-paths article>span svg { inline-size:38px; }.ma-ref-paths article>a { align-self:flex-start; }.ma-ref-process ol { grid-template-columns:repeat(4,1fr); gap:7px; }.ma-ref-process li { display:flex; min-inline-size:0; padding:12px 7px; flex-direction:column; text-align:center; }.ma-ref-process li>b { position:static; order:-2; inline-size:24px; block-size:24px; margin:auto; border-radius:50%; background:var(--color-teal-primary); color:#fff; font-size:13px; line-height:24px; }.ma-ref-process li>svg { order:-1; margin:auto; }.ma-ref-services>.ma-container>div { grid-template-columns:repeat(2,1fr); }.ma-ref-services article { display:flex; padding:14px 10px; flex-direction:column; text-align:center; }.ma-ref-services article>span svg { inline-size:36px; }.ma-ref-why,.ma-ref-final { display:none; }.ma-ref-case { display:block; }.ma-ref-case>.ma-container>.ma-ref-case__body { grid-template-columns:1fr; gap:14px; padding:14px; }.ma-ref-case__media { grid-template-columns:repeat(3, minmax(0, 1fr)); min-block-size:150px; }.ma-ref-case__media span { min-block-size:150px; }.ma-ref-case p { font-size:14px; line-height:1.8; }.ma-ref-faq details:nth-of-type(n+3) { display:none; }.ma-ref-section { padding-block:18px; }.ma-ref-section h2 { font-size:22px; }}
@media(min-width:801px){.ma-ref-hero h1 { font-size:clamp(42px,3.8vw,56px); line-height:1.35; }}
@media(max-width:430px){.ma-ref-hero h1 { font-size:32px; }.ma-ref-trust { gap:8px; font-size:11px; }.ma-ref-paths h2 { font-size:13px; }.ma-ref-paths p { font-size:11px; }.ma-ref-process strong { font-size:12px; }.ma-ref-process small { font-size:10px; }.ma-ref-services h3 { font-size:13px; }.ma-ref-services p { font-size:11px; }}
@media(max-width:430px){.ma-ref-paths>.ma-container { grid-template-columns:1fr; }.ma-ref-paths article { display:grid; grid-template-columns:44px 1fr 32px; text-align:right; }.ma-ref-process ol { grid-template-columns:repeat(2,1fr); }.ma-ref-process li { min-block-size:142px; }.ma-ref-services>.ma-container>div { grid-template-columns:1fr 1fr; }}
@media(max-width:600px){.ma-ref-home + .ma-site-footer { display:none; }}

/* S02 mobile: retain full damage context instead of squeezing landscape
 * imagery into portrait slivers, and reserve the fixed conversion bar's space. */
@media (max-width: 767px) {
	body.ma-has-sticky-cta { padding-block-end: calc(88px + env(safe-area-inset-bottom)); }
	body.mesle-aval-theme .ma-sticky-cta {
		padding: 8px 12px max(8px, env(safe-area-inset-bottom));
	}
	body.mesle-aval-theme .ma-sticky-cta__actions .ma-button {
		block-size: 52px;
		min-block-size: 52px;
		padding: 8px 12px;
		border-radius: 10px;
		line-height: 1.4;
		white-space: nowrap;
	}
	html[dir="rtl"] .ma-sticky-cta__actions .ma-button:first-child { direction: rtl; }
  .ma-ref-hero { padding-block: 32px 24px; }
	.ma-ref-hero h1 { font-size: 32px; line-height: 1.45; }
	.ma-ref-section { padding-block: 26px; }
	.ma-ref-case>.ma-container>.ma-ref-case__body { gap: 18px; padding: 16px; }
	.ma-ref-case__media {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto auto;
		gap: 10px;
		min-block-size: 0;
		overflow: visible;
	}
	.ma-ref-case__media span {
		min-block-size: 0;
		aspect-ratio: 4 / 3;
		background-position: center;
	}
	.ma-ref-case__media span:nth-child(3) { grid-column: 1 / -1; }
}

/* The approved S02 rail keeps its compact three-card rhythm once there is
 * enough width to preserve Persian labels.  360px remains deliberately
 * single-column for readability. */
@media (min-width: 361px) and (max-width: 430px) {
	.ma-ref-paths>.ma-container { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.ma-ref-paths article { display: flex; min-inline-size: 0; min-block-size: 156px; padding: 12px 7px; flex-direction: column; align-items: center; text-align: center; }
	.ma-ref-paths article>span svg { inline-size: 34px; }
	.ma-ref-paths article>a { align-self: flex-start; }
	.ma-ref-paths h2 { font-size: 12px; line-height: 1.5; }
	.ma-ref-paths p { font-size: 10px; line-height: 1.65; }
	.ma-ref-services>.ma-container>div { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.ma-ref-services article { min-block-size: 150px; padding: 12px 7px; }
	.ma-ref-services article>span svg { inline-size: 32px; }
	.ma-ref-services h3 { font-size: 12px; line-height: 1.55; }
	.ma-ref-services p { font-size: 10px; line-height: 1.6; }
	.ma-sticky-cta__actions .ma-button:last-child { flex-basis: 110px; font-size: 13px; }
}

@media (max-width: 360px) {
	.ma-ref-services>.ma-container>div { grid-template-columns: 1fr; }
	.ma-ref-services article { min-block-size: 0; }
	.ma-sticky-cta__actions .ma-button:last-child { flex-basis: 104px; font-size: 13px; }
}

/* MVA-160 desktop spacing normalization against accepted S01 browser golden. */
@media(min-width:801px){.ma-ref-section{padding-block:20px;}}
@media(min-width:801px){
	.ma-ref-home .ma-container{direction:rtl;}
	.ma-ref-paths>.ma-container,
	.ma-ref-process ol,
	.ma-ref-services>.ma-container>div,
	.ma-ref-why>.ma-container>div,
	.ma-ref-case__media{direction:rtl;}
}

/* S01 desktop: retain the approved compact page rhythm and case-panel balance. */
@media (min-width: 801px) {
	.ma-ref-hero { gap: 48px; padding-block: 28px 16px; }
	.ma-ref-upload { gap: 10px; padding: 18px; }
	.ma-ref-upload__drop { min-block-size: 112px; }
	.ma-ref-trust { padding-top: 16px; margin-top: 16px; }
	.ma-ref-paths > .ma-container { padding-block: 10px 16px; }
	.ma-ref-paths article { padding: 12px; }
	.ma-ref-section { padding-block: 14px; }
	.ma-ref-section h2 { margin-bottom: 12px; font-size: 23px; }
	.ma-ref-process li { padding: 12px; }
	.ma-ref-services article { padding: 12px; }
	.ma-ref-case > .ma-container > .ma-ref-case__body {
		direction: ltr;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		padding: 12px;
	}
	.ma-ref-case__body > * { direction: rtl; }
	.ma-ref-case__media { min-block-size: 128px; }
	.ma-ref-case__media span { min-block-size: 128px; }
	.ma-ref-why article { padding: 11px 12px; }
	.ma-ref-faq details { padding: 8px 12px; margin-bottom: 5px; }
	.ma-ref-final { display: none; }
	.ma-site-footer { padding-block: 24px 16px; }
	.ma-site-footer__grid { gap: 20px; }
	.ma-site-footer__brand p { margin-block: 10px; }
	.ma-site-footer__bottom { padding-block-start: 14px; margin-block-start: 18px; }
}

/* S07 status geometry follows the approved separated-card hierarchy. */
@media(max-width:600px){.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-panel { padding:0; border:0; background:transparent; box-shadow:none; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-card { display:grid; grid-template-columns:1.05fr .95fr; gap:0; border:0; background:transparent; box-shadow:none; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header,.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts { min-block-size:190px; padding:22px 14px; border-block:1px solid var(--color-gray-300); background:#fff; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header { border-inline-end:1px solid var(--color-gray-300); border-radius:0 16px 16px 0; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts { border-radius:16px 0 0 16px; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts>div:last-child { display:none; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-timeline,.ma-assessment-shell[data-assessment-step="status"] .ma-status-summary,.ma-assessment-shell[data-assessment-step="status"] .ma-status-result,.ma-assessment-shell[data-assessment-step="status"] .ma-status-more-info { grid-column:1/-1; margin-top:20px; padding:20px; border:1px solid var(--color-gray-300); border-radius:16px; background:#fff; }.ma-assessment-shell[data-assessment-step="status"] .ma-status-result { background:var(--color-mint-tint); }}
@media(max-width:600px){.ma-damage-map picture { inline-size:60%; }.ma-damage-map img { block-size:310px; }.ma-damage-map__zones button { min-inline-size:100px; }}

/* MVA-145 commercial cost Hub: answer-first, preliminary range language, no fabricated price. */
.ma-cost-page { background: var(--color-white); }
.ma-cost-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding-block: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-cost-breadcrumb a { color: var(--color-deep-navy); text-decoration: none; }
.ma-cost-hero { padding-block-start: clamp(36px, 7vw, 88px); }.ma-cost-hero__grid { display: grid; gap: var(--space-8); align-items: center; }.ma-cost-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }.ma-cost-hero h1 { max-inline-size: 14ch; margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 64px); line-height: 1.25; }.ma-cost-hero__lead { max-inline-size: 56ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }.ma-cost-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }.ma-cost-actions .ma-button { min-block-size: 54px; }
.ma-cost-hero__visual { position: relative; display: grid; place-items: center; min-block-size: 300px; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #163e4c); color: var(--color-white); box-shadow: var(--shadow-2); }.ma-cost-visual__panel { inline-size: 225px; block-size: 150px; border: 2px solid var(--color-teal-light); border-radius: 18% 8% 20% 8%; transform: rotate(-8deg); opacity: .8; }.ma-cost-visual__line { position: absolute; inline-size: 180px; block-size: 2px; background: #ffdc7d; transform: rotate(28deg); }.ma-cost-hero__visual strong { position: absolute; inset-block-start: 28px; inset-inline-start: 28px; color: var(--color-teal-light); font-size: 22px; line-height: 1.5; }
.ma-cost-answer__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border-inline-start: 4px solid var(--color-teal-primary); }.ma-cost-answer h2, .ma-cost-heading h2, .ma-cost-checklist h2, .ma-cost-final-cta h2 { margin-block-end: var(--space-3); font-size: clamp(27px, 4vw, 42px); line-height: 1.45; }.ma-cost-answer p, .ma-cost-heading > p:last-child, .ma-cost-checklist p, .ma-cost-sources p, .ma-cost-final-cta p { color: var(--color-gray-600); line-height: 1.9; }.ma-cost-answer p { margin: 0; font-size: clamp(17px, 2vw, 20px); }.ma-cost-heading { max-inline-size: 700px; margin-block-end: var(--space-8); }
.ma-cost-factors__grid, .ma-cost-scenarios__grid { display: grid; gap: var(--space-3); }.ma-cost-factors__grid .ma-card, .ma-cost-scenarios__grid .ma-card { min-block-size: 166px; padding: var(--space-6); border-block-start: 3px solid var(--color-teal-primary); }.ma-cost-factors__grid h3, .ma-cost-scenarios__grid h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-cost-factors__grid p, .ma-cost-scenarios__grid p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.85; }.ma-cost-scenario__label { display: block; margin-block-end: var(--space-4); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }
.ma-cost-process__list { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; }.ma-cost-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-6); border-block-start: 2px solid var(--color-teal-light); background: var(--color-white); }.ma-cost-process__list li > span { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }.ma-cost-process__list h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-cost-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-cost-checklist__inner { display: grid; gap: var(--space-6); align-items: start; padding: clamp(24px, 5vw, 44px); }.ma-cost-checklist ul { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }.ma-cost-checklist li { position: relative; padding: var(--space-3) var(--space-4) var(--space-3) var(--space-10); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); }.ma-cost-checklist li::before { position: absolute; inset-inline-start: var(--space-4); color: var(--color-teal-primary); content: '✓'; font-weight: 800; }
.ma-cost-related__grid { display: grid; gap: var(--space-3); }.ma-cost-related__grid .ma-card { display: flex; min-block-size: 68px; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }.ma-cost-related__grid span { color: var(--color-teal-primary); font-size: 24px; }.ma-cost-faq__items { display: grid; gap: var(--space-3); }.ma-cost-sources a { color: var(--color-deep-navy); font-weight: 700; }.ma-cost-final-cta { padding-block-end: calc(var(--space-16) + var(--space-8)); }.ma-cost-final-cta__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 52px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }.ma-cost-final-cta h2 { color: var(--color-white); }.ma-cost-final-cta p { margin: 0; color: var(--color-gray-100); }.ma-cost-final-cta .ma-cost-eyebrow { color: var(--color-teal-light); }.ma-cost-final-cta .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 768px) { .ma-cost-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: var(--space-12); }.ma-cost-answer__inner { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }.ma-cost-factors__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.ma-cost-scenarios__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-cost-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-cost-checklist__inner { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }.ma-cost-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-cost-final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 600px) { .ma-cost-actions { display: grid; }.ma-cost-actions .ma-button { inline-size: 100%; }.ma-cost-hero__visual { min-block-size: 230px; } }

/* MVA-146 depreciation hub: scenario-safe, evidence-first language with no numeric claim. */
.ma-depreciation-page { background: var(--color-white); }.ma-depreciation-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding-block: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-depreciation-breadcrumb a { color: var(--color-deep-navy); text-decoration: none; }
.ma-depreciation-hero { padding-block-start: clamp(36px, 7vw, 88px); }.ma-depreciation-hero__grid { display: grid; gap: var(--space-8); align-items: center; }.ma-depreciation-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }.ma-depreciation-hero h1 { max-inline-size: 14ch; margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 64px); line-height: 1.25; }.ma-depreciation-hero__lead { max-inline-size: 56ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }.ma-depreciation-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }.ma-depreciation-actions .ma-button { min-block-size: 54px; }
.ma-depreciation-hero__visual { position: relative; display: grid; min-block-size: 300px; place-items: center; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #163e4c); color: var(--color-white); box-shadow: var(--shadow-2); }.ma-depreciation-visual__car { inline-size: 230px; block-size: 108px; border: 3px solid var(--color-teal-light); border-radius: 52% 35% 16% 16%; transform: rotate(-7deg); opacity: .85; }.ma-depreciation-visual__car::after, .ma-depreciation-visual__car::before { display: block; inline-size: 34px; block-size: 34px; margin-block-start: 76px; border: 3px solid var(--color-teal-light); border-radius: 50%; background: var(--color-deep-navy); content: ''; }.ma-depreciation-visual__car::before { margin-inline-start: 24px; }.ma-depreciation-visual__car::after { margin-block-start: -40px; margin-inline-start: 166px; }.ma-depreciation-visual__route { position: absolute; inset-block-end: 28px; display: flex; gap: var(--space-3); align-items: center; color: var(--color-teal-light); font-size: var(--font-size-caption); font-weight: 800; }.ma-depreciation-visual__route i { color: #ffdc7d; font-style: normal; }.ma-depreciation-hero__visual strong { position: absolute; inset-block-start: 28px; inset-inline-start: 28px; color: #ffdc7d; font-size: 22px; }
.ma-depreciation-answer__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border-inline-start: 4px solid var(--color-teal-primary); }.ma-depreciation-answer h2, .ma-depreciation-heading h2, .ma-depreciation-checklist h2, .ma-depreciation-final-cta h2 { margin-block-end: var(--space-3); font-size: clamp(27px, 4vw, 42px); line-height: 1.45; }.ma-depreciation-answer p, .ma-depreciation-heading > p:last-child, .ma-depreciation-checklist p, .ma-depreciation-final-cta p { color: var(--color-gray-600); line-height: 1.9; }.ma-depreciation-answer p { margin: 0; font-size: clamp(17px, 2vw, 20px); }.ma-depreciation-heading { max-inline-size: 700px; margin-block-end: var(--space-8); }
.ma-depreciation-factors__grid, .ma-depreciation-scenarios__grid { display: grid; gap: var(--space-3); }.ma-depreciation-factors__grid .ma-card, .ma-depreciation-scenarios__grid .ma-card { min-block-size: 166px; padding: var(--space-6); border-block-start: 3px solid var(--color-teal-primary); }.ma-depreciation-factors__grid h3, .ma-depreciation-scenarios__grid h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-depreciation-factors__grid p, .ma-depreciation-scenarios__grid p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.85; }.ma-depreciation-scenario__label { display: block; margin-block-end: var(--space-4); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }
.ma-depreciation-process__list { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; }.ma-depreciation-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-6); border-block-start: 2px solid var(--color-teal-light); background: var(--color-white); }.ma-depreciation-process__list li > span { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }.ma-depreciation-process__list h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-depreciation-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-depreciation-checklist__inner { display: grid; gap: var(--space-6); align-items: start; padding: clamp(24px, 5vw, 44px); }.ma-depreciation-checklist ul { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }.ma-depreciation-checklist li { position: relative; padding: var(--space-3) var(--space-4) var(--space-3) var(--space-10); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); }.ma-depreciation-checklist li::before { position: absolute; inset-inline-start: var(--space-4); color: var(--color-teal-primary); content: '✓'; font-weight: 800; }.ma-depreciation-related__grid { display: grid; gap: var(--space-3); }.ma-depreciation-related__grid .ma-card { display: flex; min-block-size: 68px; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }.ma-depreciation-related__grid span { color: var(--color-teal-primary); font-size: 24px; }.ma-depreciation-faq__items { display: grid; gap: var(--space-3); }.ma-depreciation-final-cta { padding-block-end: calc(var(--space-16) + var(--space-8)); }.ma-depreciation-final-cta__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 52px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }.ma-depreciation-final-cta h2 { color: var(--color-white); }.ma-depreciation-final-cta p { margin: 0; color: var(--color-gray-100); }.ma-depreciation-final-cta .ma-depreciation-eyebrow { color: var(--color-teal-light); }.ma-depreciation-final-cta .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 768px) { .ma-depreciation-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: var(--space-12); }.ma-depreciation-answer__inner { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }.ma-depreciation-factors__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.ma-depreciation-scenarios__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-depreciation-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-depreciation-checklist__inner { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }.ma-depreciation-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-depreciation-final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 600px) { .ma-depreciation-actions { display: grid; }.ma-depreciation-actions .ma-button { inline-size: 100%; }.ma-depreciation-hero__visual { min-block-size: 230px; } }

/* S01 homepage visual system: editorial whitespace, real imagery and prototype hierarchy. */
.ma-home-page { background: var(--color-white); color: var(--color-navy); overflow: clip; }
.ma-home-page .ma-section { padding-block: clamp(56px, 8vw, 104px); }
.ma-home-hero { background: linear-gradient(180deg, #f7fffd 0%, #fff 86%); }
.ma-home-hero__grid { display:grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(28px, 5vw, 88px); align-items:center; }
.ma-home-eyebrow { margin:0 0 14px; color:var(--color-teal-primary); font-size:13px; font-weight:800; letter-spacing:.04em; }
.ma-home-hero h1 { margin:0; color:var(--color-deep-navy); font-size:clamp(34px, 4vw, 64px); line-height:1.18; letter-spacing:-.04em; }
.ma-home-hero h1 em { color:var(--color-teal-primary); font-style:normal; }
.ma-home-hero__lead { max-inline-size:520px; margin:24px 0 30px; color:var(--color-gray-600); font-size:18px; line-height:1.9; }
.ma-home-hero__actions,.ma-home-final__actions { display:flex; flex-wrap:wrap; gap:12px; }
.ma-home-hero__actions .ma-button,.ma-home-final__actions .ma-button { min-inline-size:180px; justify-content:center; }
.ma-home-hero__visual { position:relative; min-block-size:420px; border-radius:32px; overflow:hidden; background:#e8faf7; box-shadow:var(--shadow-3); }
.ma-home-hero__visual img { display:block; inline-size:100%; block-size:100%; min-block-size:420px; object-fit:cover; }
.ma-home-hero__badge { position:absolute; inset-inline-start:24px; inset-block-end:24px; display:grid; gap:4px; padding:15px 18px; border:1px solid rgb(255 255 255 / 75%); border-radius:14px; background:rgb(10 16 33 / 88%); color:#fff; }
.ma-home-hero__badge strong { color:var(--color-teal-light); font-size:14px; }.ma-home-hero__badge span { font-size:12px; }
.ma-home-trust { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; color:var(--color-gray-600); font-size:12px; font-weight:700; }
.ma-home-quick { background:#fff; }.ma-section-heading { margin-bottom:28px; }.ma-section-heading h2,.ma-home-faq h2,.ma-home-final h2 { margin:0; color:var(--color-deep-navy); font-size:clamp(25px,3vw,40px); line-height:1.35; }
.ma-home-quick__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.ma-home-quick-card { display:grid; gap:10px; min-block-size:220px; padding:26px; border:1px solid var(--color-gray-100); border-radius:var(--radius-xl); background:#fff; box-shadow:var(--shadow-1); transition:transform var(--motion-base) var(--motion-easing),box-shadow var(--motion-base); }.ma-home-quick-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-2); }.ma-home-quick-card--featured { border-color:transparent; background:var(--color-deep-navy); color:#fff; }.ma-home-quick-card strong { font-size:19px; }.ma-home-quick-card span:not(.ma-home-icon) { color:var(--color-gray-600); line-height:1.8; }.ma-home-quick-card--featured span:not(.ma-home-icon) { color:#cbd5e1; }.ma-home-quick-card b { margin-top:auto; color:var(--color-teal-primary); font-size:13px; }.ma-home-icon { display:grid; place-items:center; inline-size:42px; block-size:42px; border-radius:13px; background:var(--color-mint-tint); color:var(--color-teal-primary); font-size:22px; }.ma-home-quick-card--featured .ma-home-icon { background:rgb(0 184 169 / 18%); }
.ma-home-process { background:var(--color-gray-50); }.ma-home-process__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0; padding:0; list-style:none; }.ma-home-process__grid li { position:relative; padding:28px; border-radius:var(--radius-card); background:#fff; }.ma-home-process__grid li span { display:grid; place-items:center; inline-size:40px; block-size:40px; margin-bottom:18px; border-radius:50%; background:var(--color-teal-primary); color:#fff; font-weight:900; }.ma-home-process__grid strong { font-size:18px; }.ma-home-process__grid p { margin:8px 0 0; color:var(--color-gray-600); line-height:1.8; }
.ma-home-service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }.ma-home-service-grid article { overflow:hidden; border:1px solid var(--color-gray-100); border-radius:var(--radius-xl); background:#fff; box-shadow:var(--shadow-1); }.ma-home-service-grid img { display:block; inline-size:100%; aspect-ratio:16/9; object-fit:cover; }.ma-home-service-grid article>div { padding:22px 24px 26px; }.ma-home-service-grid h3 { margin:0 0 8px; font-size:20px; }.ma-home-service-grid p { margin:0 0 14px; color:var(--color-gray-600); line-height:1.8; }.ma-home-service-grid a { color:var(--color-teal-primary); font-size:13px; font-weight:800; }
.ma-home-faq { background:#f7fffd; }.ma-home-faq__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,7vw,100px); }.ma-home-faq details { padding:18px 0; border-bottom:1px solid #d7eeea; }.ma-home-faq summary { cursor:pointer; color:var(--color-deep-navy); font-weight:800; }.ma-home-faq details p { margin:12px 0 0; color:var(--color-gray-600); line-height:1.9; }
.ma-home-final { background:var(--color-deep-navy); color:#fff; }.ma-home-final .ma-container { display:flex; align-items:center; justify-content:space-between; gap:30px; }.ma-home-final h2 { color:#fff; }.ma-home-final p:not(.ma-home-eyebrow) { color:#cbd5e1; }.ma-button--ghost { border:1px solid rgb(255 255 255 / 25%); color:#fff; }
@media (max-width: 800px) { .ma-home-hero__grid,.ma-home-faq__grid { grid-template-columns:1fr; }.ma-home-hero__visual { min-block-size:280px; order:-1; }.ma-home-hero__visual img { min-block-size:280px; }.ma-home-quick__grid,.ma-home-process__grid,.ma-home-service-grid { grid-template-columns:1fr; }.ma-home-final .ma-container { display:grid; }.ma-home-final__actions { display:grid; }.ma-home-final__actions .ma-button { inline-size:100%; } }

/* Replace placeholder CSS illustrations on commercial hubs with generated, lawful imagery. */
.ma-cost-hero__visual,.ma-depreciation-hero__visual { position:relative; min-block-size:320px; overflow:hidden; border-radius:var(--radius-xl); background:#e8faf7; box-shadow:var(--shadow-2); }
.ma-cost-hero__visual img,.ma-depreciation-hero__visual img { display:block; inline-size:100%; block-size:100%; min-block-size:320px; object-fit:cover; }
.ma-cost-hero__visual>span,.ma-depreciation-hero__visual>span { position:absolute; inset-inline:16px; inset-block-end:16px; padding:8px 12px; border-radius:8px; background:rgb(10 16 33 / 82%); color:#fff; font-size:11px; }

/* MVA-139 Vehicle family prototype: model-safe content, cost/depreciation boundaries. */
.ma-vehicle-page { background: var(--color-white); }
.ma-vehicle-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding-block: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-vehicle-breadcrumb a { color: var(--color-deep-navy); text-decoration: none; }
.ma-vehicle-hero { padding-block-start: clamp(36px, 7vw, 88px); }
.ma-vehicle-hero__grid { display: grid; gap: var(--space-8); align-items: center; }
.ma-vehicle-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }
.ma-vehicle-hero h1 { max-inline-size: 14ch; margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 64px); line-height: 1.25; }
.ma-vehicle-hero__lead { max-inline-size: 54ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }
.ma-vehicle-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ma-vehicle-actions .ma-button { min-block-size: 54px; }
.ma-vehicle-hero__visual { position: relative; display: grid; place-items: center; min-block-size: 300px; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #163e4c); color: var(--color-white); box-shadow: var(--shadow-2); }
.ma-vehicle-silhouette { position: relative; inline-size: 240px; block-size: 78px; border: 3px solid var(--color-teal-light); border-radius: 54% 46% 16% 14%; transform: skewX(-8deg); opacity: .85; }
.ma-vehicle-silhouette::before, .ma-vehicle-silhouette::after { position: absolute; inset-block-end: -22px; inline-size: 42px; block-size: 42px; border: 5px solid var(--color-deep-navy); border-radius: 50%; background: var(--color-teal-light); content: ''; }
.ma-vehicle-silhouette::before { inset-inline-start: 28px; }.ma-vehicle-silhouette::after { inset-inline-end: 28px; }
.ma-vehicle-glint { position: absolute; inline-size: 190px; block-size: 2px; background: var(--color-teal-light); opacity: .7; transform: rotate(-18deg); }
.ma-vehicle-hero__visual strong { position: absolute; inset-block-start: 30px; inset-inline-start: 30px; color: var(--color-teal-light); font-size: 20px; line-height: 1.5; }.ma-vehicle-hero__visual small { position: absolute; inset-block-end: 20px; color: var(--color-gray-100); font-size: 11px; }
.ma-vehicle-answer__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border-inline-start: 4px solid var(--color-teal-primary); }
.ma-vehicle-answer h2, .ma-vehicle-heading h2, .ma-vehicle-depreciation h2, .ma-vehicle-specifics h2, .ma-vehicle-final-cta h2 { margin-block-end: var(--space-3); font-size: clamp(27px, 4vw, 42px); line-height: 1.45; }
.ma-vehicle-answer p, .ma-vehicle-heading > p:last-child, .ma-vehicle-depreciation p, .ma-vehicle-specifics p, .ma-vehicle-final-cta p { color: var(--color-gray-600); line-height: 1.9; }
.ma-vehicle-answer p { margin: 0; font-size: clamp(17px, 2vw, 20px); }
.ma-vehicle-heading { max-inline-size: 700px; margin-block-end: var(--space-8); }
.ma-vehicle-scenarios__grid { display: grid; gap: var(--space-3); }
.ma-vehicle-scenarios__grid .ma-card { min-block-size: 166px; padding: var(--space-6); border-block-start: 3px solid var(--color-teal-primary); }
.ma-vehicle-scenarios__grid h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-vehicle-scenarios__grid p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.85; }
.ma-vehicle-factor-list { display: grid; gap: var(--space-3); max-inline-size: 780px; padding: 0; margin: 0; list-style: none; }
.ma-vehicle-factor-list li { display: flex; gap: var(--space-3); align-items: center; min-block-size: 58px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); }
.ma-vehicle-factor-list li span { display: grid; place-items: center; inline-size: 30px; block-size: 30px; flex: 0 0 30px; border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); font-weight: 800; }
.ma-vehicle-depreciation__grid, .ma-vehicle-specifics__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-1); }
.ma-vehicle-depreciation p, .ma-vehicle-specifics p { margin: 0; }.ma-vehicle-cost__inner { padding-block: var(--space-2); }
.ma-vehicle-cost__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }.ma-vehicle-cost__grid span { display: grid; place-items: center; min-block-size: 72px; padding: var(--space-3); border: 1px solid var(--color-teal-light); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); font-size: var(--font-size-caption); font-weight: 700; text-align: center; }
.ma-vehicle-services__grid { display: grid; gap: var(--space-3); }.ma-vehicle-services__grid .ma-card { display: flex; min-block-size: 68px; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }.ma-vehicle-services__grid span { color: var(--color-teal-primary); font-size: 24px; }
.ma-vehicle-faq__items { display: grid; gap: var(--space-3); }.ma-vehicle-final-cta { padding-block-end: calc(var(--space-16) + var(--space-8)); }.ma-vehicle-final-cta__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 52px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }.ma-vehicle-final-cta h2 { color: var(--color-white); }.ma-vehicle-final-cta p { margin: 0; color: var(--color-gray-100); }.ma-vehicle-final-cta .ma-vehicle-eyebrow { color: var(--color-teal-light); }.ma-vehicle-final-cta .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 768px) { .ma-vehicle-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: var(--space-12); }.ma-vehicle-answer__inner { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }.ma-vehicle-scenarios__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-vehicle-depreciation__grid, .ma-vehicle-specifics__inner { grid-template-columns: minmax(0, 1fr) auto; }.ma-vehicle-services__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-vehicle-final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 767px) { .ma-vehicle-cost__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ma-vehicle-actions { display: grid; }.ma-vehicle-actions .ma-button { inline-size: 100%; }.ma-vehicle-hero__visual { min-block-size: 230px; }.ma-vehicle-cost__grid { grid-template-columns: minmax(0, 1fr); } }

/* MVA-138 Local Service-Area family prototype: truthful Tehran coordination without branch implication. */
.ma-local-page { background: var(--color-white); }
.ma-local-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding-block: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-local-breadcrumb a { color: var(--color-deep-navy); text-decoration: none; }
.ma-local-hero { padding-block-start: clamp(36px, 7vw, 88px); }
.ma-local-hero__grid { display: grid; gap: var(--space-8); align-items: center; }
.ma-local-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }
.ma-local-hero h1 { max-inline-size: 14ch; margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 64px); line-height: 1.25; }
.ma-local-hero__lead { max-inline-size: 54ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }
.ma-local-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ma-local-actions .ma-button { min-block-size: 54px; }
.ma-local-hero__visual { position: relative; display: grid; place-items: center; min-block-size: 300px; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #163e4c); color: var(--color-white); box-shadow: var(--shadow-2); }
.ma-local-visual__ring { position: absolute; inline-size: 238px; block-size: 238px; border: 1px solid rgba(102,224,204,.5); border-radius: 50%; transform: rotate(-18deg) skewX(-12deg); }
.ma-local-visual__ring::after { position: absolute; inset: 24%; border: 1px solid rgba(255,220,125,.55); border-radius: 50%; content: ''; }
.ma-local-visual__pin { position: relative; z-index: 1; display: grid; place-items: center; inline-size: 68px; block-size: 68px; border: 8px solid rgba(102,224,204,.18); border-radius: 50%; color: var(--color-teal-light); font-size: 26px; }
.ma-local-hero__visual strong { position: absolute; inset-block-end: 28px; z-index: 1; color: var(--color-teal-light); font-size: 22px; line-height: 1.5; text-align: center; }
.ma-local-answer__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border-inline-start: 4px solid var(--color-teal-primary); }
.ma-local-answer h2, .ma-local-heading h2, .ma-local-access h2, .ma-local-parent h2, .ma-local-final-cta h2 { margin-block-end: var(--space-3); font-size: clamp(27px, 4vw, 42px); line-height: 1.45; }
.ma-local-answer p, .ma-local-heading > p:last-child, .ma-local-access p, .ma-local-parent p, .ma-local-final-cta p { color: var(--color-gray-600); line-height: 1.9; }
.ma-local-answer p { margin: 0; font-size: clamp(17px, 2vw, 20px); }
.ma-local-heading { max-inline-size: 700px; margin-block-end: var(--space-8); }
.ma-local-process__list { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; }
.ma-local-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-6); border-block-start: 2px solid var(--color-teal-light); background: var(--color-white); }
.ma-local-process__list li > span { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }
.ma-local-process__list h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }
.ma-local-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.85; }
.ma-local-areas__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-3); }
.ma-local-areas__grid span { display: grid; place-items: center; min-block-size: 60px; padding: var(--space-3); border: 1px solid var(--color-teal-light); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); font-size: var(--font-size-caption); font-weight: 700; text-align: center; }
.ma-local-services__grid { display: grid; gap: var(--space-3); }
.ma-local-services__grid .ma-card { display: flex; min-block-size: 68px; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }
.ma-local-services__grid span { color: var(--color-teal-primary); font-size: 24px; }
.ma-local-access__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border: 1px solid var(--color-teal-light); border-radius: var(--radius-card); background: var(--color-mint-tint); }
.ma-local-access p { margin-block-end: var(--space-2); }
.ma-local-access p:last-of-type { margin: 0; font-size: var(--font-size-caption); }
.ma-local-faq__items { display: grid; gap: var(--space-3); }
.ma-local-parent__inner { display: grid; gap: var(--space-6); align-items: center; padding-block: var(--space-6); }
.ma-local-final-cta { padding-block-start: 0; padding-block-end: calc(var(--space-16) + var(--space-8)); }
.ma-local-final-cta__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 52px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }
.ma-local-final-cta h2 { color: var(--color-white); }
.ma-local-final-cta p { margin: 0; color: var(--color-gray-100); }
.ma-local-final-cta .ma-local-eyebrow { color: var(--color-teal-light); }
.ma-local-final-cta .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 768px) {
	.ma-local-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: var(--space-12); }
	.ma-local-answer__inner { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }
	.ma-local-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-local-services__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-local-access__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.ma-local-parent__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.ma-local-final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 767px) {
	.ma-local-areas__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.ma-local-actions { display: grid; }
	.ma-local-actions .ma-button { inline-size: 100%; }
	.ma-local-hero__visual { min-block-size: 230px; }
	.ma-local-areas__grid { grid-template-columns: minmax(0, 1fr); }
}

/* MVA-137 Article / Guide family prototype: answer-first reading width and evidence boundaries. */
.ma-article-page { background: var(--color-white); }
.ma-article-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding-block: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-article-breadcrumb a { color: var(--color-deep-navy); text-decoration: none; }
.ma-article-header { padding-block-start: clamp(36px, 7vw, 88px); }
.ma-article-header__grid { display: grid; gap: var(--space-8); align-items: center; }
.ma-article-eyebrow, .ma-article-kicker { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }
.ma-article-header h1 { max-inline-size: 18ch; margin-block-end: var(--space-6); font-size: clamp(34px, 5.4vw, 62px); line-height: 1.28; }
.ma-article-header__lead { max-inline-size: 58ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }
.ma-article-meta { display: flex; flex-wrap: wrap; gap: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-article-header__visual { position: relative; display: grid; place-items: center; min-block-size: 280px; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #163e4c); color: var(--color-white); box-shadow: var(--shadow-2); }
.ma-article-header__visual::before, .ma-article-header__visual::after { position: absolute; border: 1px solid rgba(102, 224, 204, .35); border-radius: 50%; content: ''; }
.ma-article-header__visual::before { inline-size: 240px; block-size: 170px; transform: rotate(-18deg); }
.ma-article-header__visual::after { inline-size: 168px; block-size: 112px; border-color: rgba(255, 220, 125, .5); transform: rotate(22deg); }
.ma-article-header__visual strong { position: relative; z-index: 1; color: var(--color-teal-light); font-size: clamp(23px, 4vw, 34px); line-height: 1.5; text-align: center; }
.ma-article-diagram__dent { position: absolute; inline-size: 84px; block-size: 46px; border: 2px solid rgba(255,255,255,.55); border-radius: 50%; transform: rotate(-14deg); }
.ma-article-diagram__tool { position: absolute; inline-size: 3px; block-size: 110px; background: var(--color-teal-light); opacity: .8; transform: rotate(52deg); }
.ma-article-layout { display: block; }
.ma-article-content { max-inline-size: 760px; margin-inline: auto; }
.ma-article-content > section { padding-block: clamp(32px, 5vw, 58px); }
.ma-article-content h2, .ma-article-final-cta h2 { margin-block-end: var(--space-4); font-size: clamp(26px, 3.6vw, 40px); line-height: 1.45; }
.ma-article-content h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }
.ma-article-content p { color: var(--color-gray-600); line-height: 2; }
.ma-article-quick { padding: clamp(24px, 5vw, 42px) !important; margin-block: var(--space-6); border-inline-start: 4px solid var(--color-teal-primary); }
.ma-article-quick h2 { margin-block-end: var(--space-3); font-size: clamp(25px, 3vw, 34px); }
.ma-article-quick p { margin: 0; font-size: clamp(17px, 2vw, 20px); }
.ma-article-steps { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; }
.ma-article-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-4); border-block-start: 2px solid var(--color-teal-light); }
.ma-article-steps li > span { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }
.ma-article-steps p { margin: 0; font-size: var(--font-size-caption); }
.ma-article-scenarios { display: grid; gap: var(--space-3); }
.ma-article-scenarios .ma-card { min-block-size: 156px; padding: var(--space-6); border-block-start: 3px solid var(--color-teal-primary); }
.ma-article-scenarios p { margin: 0; font-size: var(--font-size-caption); }
.ma-article-mistakes { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }
.ma-article-mistakes li { display: grid; gap: var(--space-1); padding: var(--space-4); border-radius: var(--radius-md); background: var(--color-gray-50); }
.ma-article-mistakes span { color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-article-checklist { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }
.ma-article-checklist li { position: relative; padding: var(--space-3) var(--space-4) var(--space-3) var(--space-10); border: var(--border-soft); border-radius: var(--radius-md); color: var(--color-deep-navy); }
.ma-article-checklist li::before { position: absolute; inset-inline-start: var(--space-4); color: var(--color-teal-primary); content: '✓'; font-weight: 800; }
.ma-article-mid-cta { display: grid; gap: var(--space-6); padding: clamp(24px, 5vw, 42px) !important; border-radius: var(--radius-card); background: var(--color-mint-tint); }
.ma-article-mid-cta p { margin: 0; }
.ma-article-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ma-article-actions .ma-button { min-block-size: 52px; }
.ma-article-faq__items { display: grid; gap: var(--space-3); }
.ma-article-sources { border-block-start: var(--border-soft); }
.ma-article-sources ul { display: grid; gap: var(--space-3); padding-inline-start: var(--space-6); color: var(--color-gray-600); }
.ma-article-sources a { color: var(--color-deep-navy); font-weight: 700; }
.ma-article-related__grid { display: grid; gap: var(--space-3); }
.ma-article-related__grid .ma-card { display: flex; min-block-size: 66px; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }
.ma-article-related__grid span { color: var(--color-teal-primary); font-size: 24px; }
.ma-article-final-cta { padding-block-start: 0; padding-block-end: calc(var(--space-16) + var(--space-8)); }
.ma-article-final-cta__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 52px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }
.ma-article-final-cta h2 { color: var(--color-white); }
.ma-article-final-cta p { margin: 0; color: var(--color-gray-100); line-height: 1.9; }
.ma-article-final-cta .ma-article-eyebrow { color: var(--color-teal-light); }
.ma-article-final-cta .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 768px) {
	.ma-article-header__grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: var(--space-12); }
	.ma-article-scenarios { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-article-mid-cta { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
	.ma-article-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-article-final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 600px) {
	.ma-article-actions { display: grid; }
	.ma-article-actions .ma-button { inline-size: 100%; }
	.ma-article-header__visual { min-block-size: 224px; }
}

/* MVA-136 Service Detail family prototype: direct answer, scenarios, and safe conversion. */
.ma-service-page { background: var(--color-white); }
.ma-service-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding-block: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-service-breadcrumb a { color: var(--color-deep-navy); text-decoration: none; }
.ma-service-hero { padding-block-start: clamp(36px, 7vw, 88px); }
.ma-service-hero__grid { display: grid; gap: var(--space-8); align-items: center; }
.ma-service-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 800; }
.ma-service-hero h1 { max-inline-size: 14ch; margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 66px); line-height: 1.25; }
.ma-service-hero__lead { max-inline-size: 52ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }
.ma-service-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ma-service-actions .ma-button { min-block-size: 54px; }
.ma-service-hero__visual { position: relative; display: grid; place-items: center; min-block-size: 300px; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #163e4c); color: var(--color-white); box-shadow: var(--shadow-2); }
.ma-service-hero__visual img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; opacity: .3; mix-blend-mode: screen; }
.ma-service-hero__visual::before, .ma-service-hero__visual::after { position: absolute; border: 1px solid rgba(102, 224, 204, .35); border-radius: 50%; content: ''; }
.ma-service-hero__visual::before { inline-size: 270px; block-size: 180px; transform: rotate(-18deg); }
.ma-service-hero__visual::after { inline-size: 190px; block-size: 120px; border-color: rgba(255, 220, 125, .5); transform: rotate(24deg); }
.ma-service-hero__visual strong { position: relative; z-index: 1; color: var(--color-teal-light); font-size: clamp(22px, 4vw, 34px); line-height: 1.5; text-align: center; }
.ma-service-hero__visual strong small { display: block; color: var(--color-white); font-size: .48em; font-weight: 600; }
.ma-service-hero__dent { position: absolute; inline-size: 86px; block-size: 48px; border: 2px solid rgba(255,255,255,.55); border-radius: 50%; transform: rotate(-14deg); }
.ma-service-hero__shine { position: absolute; inline-size: 3px; block-size: 112px; background: var(--color-teal-light); opacity: .8; transform: rotate(52deg); }
.ma-service-heading { max-inline-size: 680px; margin-block-end: var(--space-8); }
.ma-service-heading h2, .ma-service-limitations h2, .ma-service-final-cta h2 { margin-block-end: var(--space-3); font-size: clamp(28px, 4vw, 42px); }
.ma-service-heading > p:last-child, .ma-service-limitations p, .ma-service-final-cta p { color: var(--color-gray-600); }
.ma-service-answer__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border-inline-start: 4px solid var(--color-teal-primary); }
.ma-service-answer h2 { margin: 0; font-size: clamp(25px, 3vw, 36px); }
.ma-service-answer p { margin: 0; color: var(--color-gray-600); font-size: clamp(17px, 2vw, 20px); line-height: 1.9; }
.ma-service-scenarios__grid { display: grid; gap: var(--space-3); }
.ma-service-scenarios__grid .ma-card { min-block-size: 174px; padding: var(--space-6); border-block-start: 3px solid var(--color-teal-primary); }
.ma-service-scenarios__grid h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }
.ma-service-scenarios__grid p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.85; }
.ma-service-factor-list { display: grid; gap: var(--space-3); max-inline-size: 760px; padding: 0; margin: 0; list-style: none; }
.ma-service-factor-list li { display: flex; gap: var(--space-3); align-items: center; min-block-size: 58px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); }
.ma-service-factor-list li span { display: grid; place-items: center; inline-size: 30px; block-size: 30px; flex: 0 0 30px; border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); font-weight: 800; }
.ma-service-process__list { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; }
.ma-service-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-6); border-block-start: 2px solid var(--color-teal-light); background: var(--color-white); }
.ma-service-process__list li > span { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }
.ma-service-process__list h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }
.ma-service-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.85; }
.ma-service-limitations__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-1); }
.ma-service-limitations p { max-inline-size: 700px; margin: 0; line-height: 1.9; }
.ma-service-faq__items { display: grid; gap: var(--space-3); }
.ma-service-related__grid { display: grid; gap: var(--space-3); }
.ma-service-related__grid .ma-card { display: flex; min-block-size: 68px; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }
.ma-service-related__grid .ma-card span { color: var(--color-teal-primary); font-size: 24px; }
.ma-service-coverage__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 44px); border: 1px solid var(--color-teal-light); border-radius: var(--radius-card); background: var(--color-mint-tint); }
.ma-service-coverage h2 { margin-block-end: var(--space-3); font-size: clamp(25px, 3vw, 36px); }
.ma-service-coverage p { max-inline-size: 700px; margin: 0; color: var(--color-gray-600); line-height: 1.9; }
.ma-service-final-cta { padding-block-end: calc(var(--space-16) + var(--space-8)); }
.ma-service-final-cta__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 52px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }
.ma-service-final-cta h2 { color: var(--color-white); }
.ma-service-final-cta p { margin: 0; color: var(--color-gray-100); line-height: 1.9; }
.ma-service-final-cta .ma-service-eyebrow { color: var(--color-teal-light); }
.ma-service-final-cta .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 768px) {
	.ma-service-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: var(--space-12); }
	.ma-service-answer__inner { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }
	.ma-service-scenarios__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-service-limitations__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.ma-service-coverage__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.ma-service-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-service-final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 600px) {
	.ma-service-actions { display: grid; }
	.ma-service-actions .ma-button { inline-size: 100%; }
	.ma-service-hero__visual { min-block-size: 230px; }
	.ma-service-answer__inner { gap: var(--space-4); }
}

/* MVA-131 About page: positioning, process and factual boundaries. */
.ma-about-page { background: var(--color-white); }
.ma-about-hero { padding-block-start: clamp(44px, 8vw, 96px); }
.ma-about-hero__grid { display: grid; gap: var(--space-8); align-items: center; }
.ma-about-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 700; }
.ma-about-hero h1 { margin-block-end: var(--space-6); font-size: clamp(36px, 6vw, 64px); line-height: 1.25; }
.ma-about-hero__lead { max-inline-size: 50ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: clamp(17px, 2vw, 21px); line-height: 1.9; }
.ma-about-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ma-about-hero__actions .ma-button { min-block-size: 56px; }
.ma-about-hero__visual { position: relative; display: grid; place-items: center; min-block-size: 310px; overflow: hidden; border-radius: var(--radius-card); background: linear-gradient(145deg, var(--color-deep-navy), #153f4a); color: var(--color-white); }
.ma-about-orbit { position: absolute; inline-size: 280px; block-size: 280px; border: 1px solid rgba(102, 224, 204, .35); border-radius: 50%; transform: rotate(-25deg); }
.ma-about-orbit::before, .ma-about-orbit::after { position: absolute; inset: 17%; border: 1px solid rgba(102, 224, 204, .3); border-radius: 50%; content: ''; }
.ma-about-orbit::after { inset: 34%; border-color: rgba(255, 220, 125, .45); }
.ma-about-orbit span { position: absolute; inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--color-teal-primary); box-shadow: 0 0 0 8px rgba(35, 192, 177, .13); }
.ma-about-orbit span:nth-child(1) { inset-block-start: 12%; inset-inline-start: 55%; }.ma-about-orbit span:nth-child(2) { inset-block-end: 24%; inset-inline-start: 12%; background: #ffdc7d; }.ma-about-orbit span:nth-child(3) { inset-block-end: 8%; inset-inline-end: 24%; }
.ma-about-hero__visual-copy { position: relative; z-index: 1; max-inline-size: 260px; text-align: center; }.ma-about-hero__visual-kicker { display: block; margin-block-end: var(--space-3); color: var(--color-teal-light); font-size: var(--font-size-caption); }.ma-about-hero__visual-copy strong { display: block; margin-block-end: var(--space-3); font-size: clamp(25px, 4vw, 36px); }.ma-about-hero__visual-copy p { margin: 0; color: var(--color-gray-100); font-size: var(--font-size-caption); line-height: 1.8; }
.ma-about-section-heading { max-inline-size: 620px; margin-block-end: var(--space-8); }.ma-about-section-heading h2, .ma-about-boundaries h2, .ma-about-contact h2 { margin-block-end: var(--space-3); font-size: clamp(28px, 4vw, 42px); }.ma-about-section-heading > p:last-child, .ma-about-boundaries p, .ma-about-contact p { margin: 0; color: var(--color-gray-600); }
.ma-about-principles__grid { display: grid; gap: var(--space-3); }.ma-about-principle { min-block-size: 190px; padding: var(--space-6); }.ma-about-principle__number { display: block; margin-block-end: var(--space-6); color: var(--color-teal-primary); font-family: var(--font-family-latin), var(--font-family-body); font-size: var(--font-size-caption); font-weight: 800; }.ma-about-principle h3 { margin-block-end: var(--space-2); font-size: var(--font-size-h3); }.ma-about-principle p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-about-process__list { display: grid; gap: var(--space-4); padding: 0; margin: 0; list-style: none; }.ma-about-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; padding: var(--space-6); border-block-start: 2px solid var(--color-teal-light); }.ma-about-process__list li > span { display: grid; place-items: center; inline-size: 44px; block-size: 44px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }.ma-about-process__list h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-about-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-about-boundaries__grid { display: grid; gap: var(--space-8); align-items: center; }.ma-about-boundaries__list { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }.ma-about-boundaries__list li { display: flex; gap: var(--space-3); align-items: center; min-block-size: 52px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); font-size: var(--font-size-caption); }.ma-about-boundaries__list li span { display: grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); font-weight: 800; }
.ma-about-contact { padding-block-end: calc(var(--space-16) + var(--space-8)); }.ma-about-contact__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 48px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }.ma-about-contact__inner .ma-about-eyebrow { color: var(--color-teal-light); }.ma-about-contact__inner h2 { color: var(--color-white); }.ma-about-contact__inner p { color: var(--color-gray-100); }.ma-about-contact__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }.ma-about-contact__actions .ma-button { min-block-size: 52px; }.ma-about-contact__actions .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }.ma-about-nap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); padding-block-start: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-about-nap a { color: var(--color-deep-navy); font-weight: 700; text-decoration: none; }
@media (min-width: 768px) { .ma-about-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); }.ma-about-principles__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.ma-about-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-about-boundaries__grid { grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); }.ma-about-contact__inner { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 600px) { .ma-about-hero__actions, .ma-about-contact__actions { display: grid; }.ma-about-hero__actions .ma-button, .ma-about-contact__actions .ma-button { inline-size: 100%; } }

/* MVA-132 Privacy: narrow reading layout and explicit data boundaries. */
.ma-privacy-page { background: var(--color-gray-50); }.ma-privacy-reading { max-inline-size: 820px; padding-block: clamp(40px, 7vw, 84px) calc(var(--space-16) + var(--space-8)); }.ma-privacy-reading__header { padding-block-end: var(--space-8); border-block-end: var(--border-soft); }.ma-privacy-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 700; }.ma-privacy-reading h1 { margin-block-end: var(--space-4); font-size: clamp(34px, 6vw, 56px); }.ma-privacy-reading__header > p:not(.ma-privacy-eyebrow) { max-inline-size: 58ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: 18px; line-height: 1.9; }.ma-privacy-toc { display: flex; flex-wrap: wrap; gap: var(--space-2); }.ma-privacy-toc a { display: inline-flex; min-block-size: 42px; align-items: center; padding-inline: var(--space-3); border: var(--border-soft); border-radius: var(--radius-pill); background: var(--color-white); color: var(--color-deep-navy); font-size: var(--font-size-caption); text-decoration: none; }.ma-privacy-toc a:hover { border-color: var(--color-teal-primary); background: var(--color-mint-tint); }.ma-privacy-reading__body { display: grid; gap: var(--space-8); padding-block: var(--space-8); }.ma-privacy-reading__body section { scroll-margin-block-start: var(--space-6); }.ma-privacy-reading h2 { margin-block-end: var(--space-3); font-size: clamp(22px, 3vw, 30px); }.ma-privacy-reading p, .ma-privacy-reading li { color: var(--color-gray-600); line-height: 2; }.ma-privacy-reading ul { display: grid; gap: var(--space-2); padding-inline-start: 1.2em; margin-block: var(--space-4) 0; }.ma-privacy-reading li::marker { color: var(--color-teal-primary); }.ma-privacy-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); align-items: start; padding: var(--space-4); margin-block-start: var(--space-6); border: 1px solid var(--color-teal-light); border-radius: var(--radius-card); background: var(--color-mint-tint); }.ma-privacy-note span { display: grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-family: var(--font-family-latin), sans-serif; font-weight: 800; }.ma-privacy-note p { margin: 0; color: var(--color-deep-navy); font-size: var(--font-size-caption); }.ma-privacy-contact { padding: var(--space-6); border: var(--border-soft); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-1); }.ma-privacy-contact p { margin-block-end: var(--space-4); }.ma-privacy-contact .ma-button { display: inline-flex; flex-wrap: wrap; gap: var(--space-3); min-block-size: 52px; }.ma-privacy-reading__footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); padding-block-start: var(--space-6); border-block-start: var(--border-soft); color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-privacy-reading__footer a { color: var(--color-deep-navy); font-weight: 700; }

.ma-home-shell__intro {
	max-inline-size: var(--layout-content-max);
	margin-inline: auto;
	padding-block: var(--space-6);
	padding-inline: var(--page-padding-inline);
	text-align: right;
}

/* MVA-052 final cascade lock: keep the compact reference composition after
 * the shared middle-section defaults above. */
.ma-home-decision {
	padding-block-start: var(--space-6);
}

.ma-home-decision__grid {
	gap: var(--space-3);
}

.ma-home-decision__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: center;
	min-block-size: 132px;
	padding: var(--space-4);
	border-block-start: var(--border-default);
	background: var(--color-white);
}

.ma-home-decision__card h3,
.ma-home-service-card h3,
.ma-home-why-card h3 {
	margin-block-end: var(--space-2);
	font-size: var(--font-size-body);
	font-weight: 700;
}

.ma-home-decision__card p,
.ma-home-service-card p,
.ma-home-why-card p {
	margin: 0;
	font-size: var(--font-size-caption);
}

.ma-home-card__arrow {
	display: inline-grid;
	place-items: center;
	inline-size: 36px;
	block-size: 36px;
	border: var(--border-default);
	border-radius: var(--radius-pill);
	color: var(--color-navy);
	font-size: 26px;
	line-height: 1;
	text-decoration: none;
}

.ma-home-process {
	background: var(--color-white);
}

.ma-home-process__grid {
	gap: var(--space-6);
}

.ma-home-process__step {
	position: relative;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-block-size: 124px;
	padding: var(--space-4);
	background: var(--color-white);
}

.ma-home-process__step:not(:last-child)::after {
	position: absolute;
	inset-inline-start: calc(100% + 2px);
	inset-block-start: 50%;
	display: block;
	color: var(--color-gray-300);
	content: "←";
	font-size: 24px;
	transform: translateY(-50%);
}

.ma-home-process__number {
	inline-size: 32px;
	block-size: 32px;
	border: 0;
	background: transparent;
	font-size: var(--font-size-h3);
}

.ma-home-process__step h3 {
	margin-block-end: var(--space-1);
	font-size: var(--font-size-caption);
}

.ma-home-process__step p {
	font-size: 12px;
}

.ma-home-process__icon {
	inline-size: 42px;
	block-size: 42px;
	border: 0;
	background: var(--color-gray-50);
}

.ma-home-services__grid {
	gap: var(--space-3);
}

.ma-home-service-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: center;
	min-block-size: 116px;
	padding: var(--space-4);
}

.ma-home-service-card a {
	align-self: center;
	margin: 0;
	font-size: 12px;
	white-space: nowrap;
}

.ma-home-case__empty {
	grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
	min-block-size: 196px;
	align-items: center;
}

.ma-home-case__media-placeholder {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-block-size: 144px;
	padding: var(--space-3);
	border: 1px dashed var(--color-teal-primary);
	border-radius: var(--radius-card);
	background: var(--color-white);
	color: var(--color-gray-600);
	font-size: var(--font-size-caption);
	text-align: center;
}

.ma-home-case__media-divider {
	padding-inline: var(--space-2);
	color: var(--color-teal-primary);
	font-size: 22px;
}

.ma-home-case__empty h2 {
	font-size: var(--font-size-h3);
}

.ma-home-why__grid {
	gap: var(--space-3);
}

.ma-home-why-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-3);
	align-items: center;
	min-block-size: 118px;
	padding: var(--space-4);
}

@media (max-width: 1024px) {
	.ma-home-process__step:not(:last-child)::after {
		display: none;
	}
}

@media (max-width: 600px) {
	.ma-home-decision__card {
		min-block-size: 116px;
	}

	.ma-home-process__step,
	.ma-home-service-card,
	.ma-home-why-card {
		min-block-size: 104px;
	}

	.ma-home-case__empty {
		grid-template-columns: minmax(0, 1fr);
	}

	.ma-home-case__media-placeholder {
		min-block-size: 92px;
	}
}

/* Visual-remediation lock: semantic fields/icons and final mobile status geometry. */
.ma-ref-upload__fields a {
	padding: 10px 12px;
	border: 1px solid var(--color-gray-300);
	border-radius: 7px;
	color: var(--color-gray-600);
	text-decoration: none;
}

.ma-ref-upload__fields a:last-child { grid-column: 1 / -1; }
.ma-status-privacy::before,
.ma-segmented-control[data-testid="paint-damage-control"] legend::before { content: none; }
.ma-status-privacy > span,
.ma-segmented-control[data-testid="paint-damage-control"] legend > span { display: inline-grid; place-items: center; color: var(--color-teal-primary); }
.ma-status-privacy > span .ma-icon { inline-size: 24px; block-size: 24px; }
.ma-segmented-control[data-testid="paint-damage-control"] legend > span .ma-icon { inline-size: 20px; block-size: 20px; }
.ma-hub-heading { margin-block-end: var(--space-8); }

@media (max-width: 600px) {
	.ma-assessment-shell[data-assessment-step="status"] { overflow-x: clip; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header h1 { max-inline-size: 11ch; font-size: 20px; line-height: 1.5; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header .ma-status-card__icon { inset-block-start: 44px; }
	.ma-assessment-shell[data-assessment-step="status"] [data-testid="status-case-code"] { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
}

/* Final S07 cascade lock: separated cards, bounded RTL geometry. */
@media (max-width: 600px) {
	.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-panel { padding:0; border:0; background:transparent; box-shadow:none; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:0; border:0; background:transparent; box-shadow:none; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card > * { min-inline-size:0; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts { min-block-size:190px; padding:20px 12px; margin:0; border-block:1px solid var(--color-gray-300); background:#fff; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header { border-inline-end:1px solid var(--color-gray-300); border-radius:0 16px 16px 0; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header { position:relative; display:block; padding-inline-start:58px; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header .ma-status-card__icon { position:absolute; inset-block-start:48px; inset-inline-start:10px; inline-size:42px; block-size:42px; font-size:22px; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header h1 { font-size:22px; line-height:1.55; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts { border:1px solid var(--color-gray-300); border-inline-end:0; border-radius:16px 0 0 16px; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts div { display:grid; gap:4px; padding:12px 4px; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts strong { overflow-wrap:normal; font-size:12px; white-space:nowrap; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts > div:last-child { display:none; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-timeline,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-summary,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-result,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-more-info { grid-column:1/-1; min-inline-size:0; padding:20px; margin-top:20px; border:1px solid var(--color-gray-300); border-radius:16px; background:#fff; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-summary dl > div,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-result__grid div { min-inline-size:0; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-summary dd,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-result__grid strong { min-inline-size:0; overflow-wrap:anywhere; font-size:14px; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-result { background:var(--color-mint-tint); }
	.ma-damage-map picture { inline-size:60%; }
	.ma-damage-map img { block-size:310px; }
	.ma-damage-map__zones button { min-inline-size:100px; }
}

/* Autopilot v4 homepage: isolated selectors prevent legacy homepage collisions. */
.ma-v4-home { overflow:clip; background:var(--color-white); color:var(--color-navy); }
.ma-v4-home section { padding-block:clamp(40px,5vw,64px); }
.ma-v4-kicker { margin:0 0 12px; color:var(--color-teal-primary); font-size:13px; font-weight:800; }
.ma-v4-heading { margin-block-end:28px; text-align:center; }.ma-v4-heading h2,.ma-v4-insight h2,.ma-v4-faq h2,.ma-v4-final h2 { margin:0; color:var(--color-deep-navy); font-size:clamp(26px,3vw,40px); line-height:1.4; }
.ma-v4-hero { background:linear-gradient(180deg,#f7fffd 0%,var(--color-white) 100%); }.ma-v4-hero__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:clamp(32px,6vw,80px); align-items:center; direction:ltr; }.ma-v4-hero__grid>* { direction:rtl; }.ma-v4-hero__copy h1 { margin:0; color:var(--color-deep-navy); font-size:clamp(38px,4.4vw,64px); line-height:1.22; letter-spacing:-.035em; }.ma-v4-hero__copy h1 em { color:var(--color-teal-primary); font-style:normal; }.ma-v4-hero__copy>p:not(.ma-v4-kicker) { max-inline-size:540px; margin:18px 0 22px; color:var(--color-gray-600); font-size:18px; line-height:1.9; }.ma-v4-actions { display:flex; flex-wrap:wrap; gap:12px; }.ma-v4-actions .ma-button { min-inline-size:180px; justify-content:center; }.ma-v4-trust { display:flex; flex-wrap:wrap; gap:18px; padding:0; margin:20px 0 0; color:var(--color-gray-600); font-size:12px; font-weight:700; list-style:none; }.ma-v4-trust li::before { content:'✓'; margin-inline-end:6px; color:var(--color-success); }
.ma-v4-upload { display:grid; gap:18px; padding:26px; border:1px solid var(--color-gray-100); border-radius:24px; background:var(--color-white); box-shadow:var(--shadow-3); }.ma-v4-upload__head { display:flex; align-items:center; gap:12px; }.ma-v4-upload__head>span { display:grid; place-items:center; inline-size:48px; block-size:48px; border-radius:14px; background:var(--color-mint-tint); color:var(--color-teal-primary); }.ma-v4-upload__head strong,.ma-v4-upload__head small { display:block; }.ma-v4-upload__head small { margin-top:4px; color:var(--color-gray-600); }.ma-v4-upload__drop { display:grid; place-items:center; min-block-size:190px; padding:24px; border:2px dashed var(--color-gray-300); border-radius:16px; background:var(--color-gray-50); text-align:center; }.ma-v4-upload__drop>span { color:var(--color-teal-primary); }.ma-v4-upload__drop strong { margin-top:10px; }.ma-v4-upload__drop small,.ma-v4-upload>p { color:var(--color-gray-600); font-size:12px; }.ma-v4-upload .ma-button { inline-size:100%; }
.ma-v4-decisions { background:var(--color-white); }.ma-v4-decision-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.ma-v4-decision-grid>a { display:grid; gap:9px; min-block-size:220px; padding:26px; border:1px solid var(--color-gray-100); border-radius:20px; background:var(--color-white); box-shadow:var(--shadow-1); }.ma-v4-decision-grid>a.is-featured { border-color:transparent; background:var(--color-deep-navy); color:var(--color-white); }.ma-v4-decision-grid>a>span { display:grid; place-items:center; inline-size:44px; block-size:44px; border-radius:12px; background:var(--color-mint-tint); color:var(--color-teal-primary); }.ma-v4-decision-grid strong { font-size:18px; }.ma-v4-decision-grid small { color:var(--color-gray-600); line-height:1.8; }.ma-v4-decision-grid .is-featured small { color:var(--color-gray-300); }.ma-v4-decision-grid b { margin-top:auto; color:var(--color-teal-primary); font-size:13px; }
.ma-v4-process { background:var(--color-gray-50); }.ma-v4-process ol { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:0; margin:0; list-style:none; }.ma-v4-process li { display:grid; gap:8px; padding:22px; border-radius:16px; background:var(--color-white); text-align:center; }.ma-v4-process li>span { display:grid; place-items:center; inline-size:42px; block-size:42px; margin:0 auto 5px; border-radius:50%; background:var(--color-teal-primary); color:var(--color-deep-navy); font-weight:900; }.ma-v4-process small { color:var(--color-gray-600); }
.ma-v4-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.ma-v4-service-grid>a { display:grid; grid-template-columns:48px 1fr; gap:5px 12px; align-items:center; padding:20px; border:1px solid var(--color-gray-100); border-radius:16px; background:var(--color-white); }.ma-v4-service-grid>a>span { grid-row:1/3; display:grid; place-items:center; inline-size:48px; block-size:48px; border-radius:14px; background:var(--color-mint-tint); color:var(--color-teal-primary); }.ma-v4-service-grid small { color:var(--color-gray-600); }
.ma-v4-insight { background:#f7fffd; }.ma-v4-insight__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,7vw,96px); align-items:center; }.ma-v4-insight__media { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:12px; }.ma-v4-insight__media img { inline-size:100%; aspect-ratio:4/3; object-fit:cover; border-radius:18px; }.ma-v4-insight__media img+img { margin-top:38px; }.ma-v4-insight__media small { position:absolute; inset-inline:12px; inset-block-end:10px; padding:6px 9px; border-radius:8px; background:rgb(10 16 33 / 82%); color:var(--color-white); }.ma-v4-insight ul { display:grid; gap:12px; padding:0; margin:24px 0; list-style:none; }.ma-v4-insight li::before { content:'✓'; margin-inline-end:8px; color:var(--color-teal-primary); font-weight:900; }
.ma-v4-faq { background:var(--color-white); }.ma-v4-faq__grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(32px,7vw,96px); }.ma-v4-faq details { padding:18px 0; border-bottom:1px solid var(--color-gray-100); }.ma-v4-faq summary { cursor:pointer; color:var(--color-deep-navy); font-weight:800; }.ma-v4-faq details p { color:var(--color-gray-600); line-height:1.9; }
.ma-v4-final { background:var(--color-deep-navy); color:var(--color-white); }.ma-v4-final .ma-container { display:flex; align-items:center; justify-content:space-between; gap:28px; }.ma-v4-final h2 { color:var(--color-white); }.ma-v4-final p:not(.ma-v4-kicker) { color:var(--color-gray-300); }
@media (max-width:800px) { .ma-v4-home section { padding-block:40px; }.ma-v4-hero__grid,.ma-v4-insight__grid,.ma-v4-faq__grid { grid-template-columns:1fr; }.ma-v4-hero__copy { text-align:center; }.ma-v4-hero__copy>p:not(.ma-v4-kicker) { margin-inline:auto; }.ma-v4-actions,.ma-v4-trust { justify-content:center; }.ma-v4-upload { max-inline-size:520px; margin-inline:auto; }.ma-v4-decision-grid,.ma-v4-service-grid { grid-template-columns:1fr; }.ma-v4-process ol { grid-template-columns:repeat(2,1fr); }.ma-v4-final .ma-container { display:grid; }.ma-v4-final .ma-v4-actions { display:grid; }.ma-v4-final .ma-button { inline-size:100%; } }
@media (max-width:480px) { .ma-v4-home section { padding-block:32px; }.ma-v4-hero__grid { display:block; }.ma-v4-hero__copy h1 { font-size:34px; }.ma-v4-hero__copy>p:not(.ma-v4-kicker) { font-size:15px; }.ma-v4-upload { display:none; }.ma-v4-process ol { grid-template-columns:1fr 1fr; }.ma-v4-process li { padding:16px 10px; }.ma-v4-insight__media { grid-template-columns:1fr; }.ma-v4-insight__media img+img { display:none; }.ma-v4-insight__media small { position:static; background:transparent; color:var(--color-gray-600); } }

/* MVA-134 FAQ: visible answer-first groups, no hidden SEO-only copy. */
.ma-faq-page { background: var(--color-white); }
.ma-faq-hero { padding-block-start: clamp(44px, 8vw, 90px); background: var(--color-gray-50); }
.ma-faq-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 700; }
.ma-faq-hero h1 { margin-block-end: var(--space-4); font-size: clamp(36px, 6vw, 58px); }
.ma-faq-hero p:last-child { max-inline-size: 56ch; margin: 0; color: var(--color-gray-600); font-size: 18px; line-height: 1.9; }
.ma-faq-layout { display: grid; gap: var(--space-8); padding-block: var(--space-10) calc(var(--space-16) + var(--space-8)); }
.ma-faq-sidebar { align-self: start; padding: var(--space-6); background: var(--color-mint-tint); }
.ma-faq-sidebar strong { display: block; margin-block-end: var(--space-2); color: var(--color-deep-navy); font-size: var(--font-size-h3); }
.ma-faq-sidebar p { margin-block-end: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-faq-sidebar .ma-button { min-block-size: 50px; }
.ma-faq-groups { display: grid; gap: var(--space-10); }
.ma-faq-group h2 { margin-block-end: var(--space-4); font-size: clamp(24px, 4vw, 34px); }
.ma-faq-items { display: grid; gap: var(--space-3); }
.ma-faq-item { padding: 0; overflow: clip; }
.ma-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-block-size: 64px; padding: var(--space-4) var(--space-6); color: var(--color-deep-navy); font-size: var(--font-size-body); font-weight: 700; cursor: pointer; list-style: none; }
.ma-faq-item summary::-webkit-details-marker { display: none; }
.ma-faq-item summary:focus-visible { outline: 2px solid var(--color-white); outline-offset: -4px; box-shadow: 0 0 0 4px var(--color-deep-navy); }
.ma-faq-item[open] summary { background: var(--color-mint-tint); }
.ma-faq-item__toggle { display: grid; place-items: center; inline-size: 28px; block-size: 28px; flex: 0 0 28px; border: 1px solid var(--color-teal-primary); border-radius: var(--radius-pill); color: var(--color-teal-primary); font-family: var(--font-family-latin), sans-serif; font-size: 20px; line-height: 1; }
.ma-faq-item[open] .ma-faq-item__toggle { transform: rotate(45deg); }
.ma-faq-item__answer { padding: 0 var(--space-6) var(--space-6); }
.ma-faq-item__answer p { margin: 0; color: var(--color-gray-600); line-height: 1.9; }
.ma-faq-section-heading { margin-block-end: var(--space-6); }
.ma-faq-section-heading h2 { margin: 0; font-size: clamp(26px, 4vw, 38px); }
.ma-faq-related__grid { display: grid; gap: var(--space-3); }
.ma-faq-related__grid a { display: flex; align-items: center; justify-content: space-between; min-block-size: 64px; padding: var(--space-4); color: var(--color-deep-navy); text-decoration: none; }
.ma-faq-related__grid a:hover { border-color: var(--color-deep-navy); transform: translateY(-1px); }
@media (min-width: 768px) { .ma-faq-layout { grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); align-items: start; }.ma-faq-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* MVA-135 Hub family prototype: answer-first reusable composition. */
.ma-hub-page { background: var(--color-white); }.ma-hub-breadcrumb { display: flex; gap: var(--space-2); align-items: center; padding-block-start: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-hub-breadcrumb a { color: var(--color-gray-600); }.ma-hub-eyebrow { margin-block-end: var(--space-3); color: var(--color-teal-primary); font-size: var(--font-size-caption); font-weight: 700; }.ma-hub-heading { max-inline-size: 600px; margin-block-end: var(--space-8); }.ma-hub-heading h2, .ma-hub-quick h2, .ma-hub-support h2, .ma-hub-conversion h2 { margin: 0; font-size: clamp(27px, 4vw, 42px); }.ma-hub-hero { padding-block-start: var(--space-8); }.ma-hub-hero__grid { display: grid; gap: var(--space-8); align-items: center; }.ma-hub-hero h1 { max-inline-size: 17ch; margin-block-end: var(--space-4); font-size: clamp(32px, 5vw, 56px); line-height: 1.3; }.ma-hub-hero__lead { max-inline-size: 50ch; margin-block-end: var(--space-6); color: var(--color-gray-600); font-size: 18px; line-height: 1.9; }.ma-hub-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }.ma-hub-actions .ma-button { min-block-size: 52px; }.ma-hub-hero__signal { position: relative; display: flex; align-items: center; justify-content: center; gap: var(--space-3); min-block-size: 220px; border-radius: var(--radius-card); background: var(--color-mint-tint); color: var(--color-deep-navy); font-size: 18px; font-weight: 700; }.ma-hub-hero__signal::before, .ma-hub-hero__signal::after { position: absolute; inset: 14%; border: 1px solid var(--color-teal-light); border-radius: 50%; content: ''; }.ma-hub-hero__signal::after { inset: 28%; border-color: var(--color-teal-primary); }.ma-hub-hero__signal b { position: relative; z-index: 1; color: var(--color-teal-primary); font-size: 28px; }.ma-hub-hero__signal i { position: absolute; inline-size: 12px; block-size: 12px; border-radius: 50%; background: var(--color-teal-primary); inset-block-start: 28%; inset-inline-start: 25%; }.ma-hub-quick__inner { display: grid; gap: var(--space-6); align-items: center; }.ma-hub-quick p:last-child { max-inline-size: 64ch; margin: 0; color: var(--color-deep-navy); line-height: 1.9; }.ma-hub-cards__grid { display: grid; gap: var(--space-3); }.ma-hub-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-3); align-items: center; min-block-size: 104px; padding: var(--space-4); color: var(--color-deep-navy); text-decoration: none; }.ma-hub-card:hover, .ma-hub-related__grid a:hover { border-color: var(--color-deep-navy); transform: translateY(-1px); }.ma-hub-card__icon { display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); }.ma-hub-card__icon .ma-icon { inline-size: 21px; block-size: 21px; }.ma-hub-card strong, .ma-hub-card small { display: block; }.ma-hub-card small { margin-block-start: var(--space-1); color: var(--color-gray-600); font-size: var(--font-size-caption); line-height: 1.7; }.ma-hub-scenarios__grid { display: grid; gap: var(--space-3); }.ma-hub-scenarios__grid article { min-block-size: 140px; padding: var(--space-6); }.ma-hub-scenarios__grid h3 { margin-block-end: var(--space-2); font-size: var(--font-size-body); }.ma-hub-scenarios__grid p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-hub-process__list { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }.ma-hub-process__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); align-items: start; padding: var(--space-4); border-block-start: 2px solid var(--color-teal-light); }.ma-hub-process__list li > span { display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-weight: 800; }.ma-hub-process__list h3 { margin-block-end: var(--space-1); font-size: var(--font-size-body); }.ma-hub-process__list p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }.ma-hub-support__inner { display: grid; gap: var(--space-6); align-items: center; }.ma-hub-support__inner p:last-of-type { max-inline-size: 60ch; margin: 0; color: var(--color-gray-600); line-height: 1.9; }.ma-hub-related__grid { display: grid; gap: var(--space-3); }.ma-hub-related__grid a { display: flex; align-items: center; justify-content: space-between; min-block-size: 64px; padding: var(--space-4); color: var(--color-deep-navy); text-decoration: none; }.ma-hub-faq__items { display: grid; gap: var(--space-3); }.ma-hub-conversion { padding-block-end: calc(var(--space-16) + var(--space-8)); }.ma-hub-conversion__inner { display: grid; gap: var(--space-6); align-items: center; padding: clamp(24px, 5vw, 48px); border-radius: var(--radius-card); background: var(--color-deep-navy); color: var(--color-white); }.ma-hub-conversion h2 { color: var(--color-white); }.ma-hub-conversion p { color: var(--color-gray-100); }.ma-hub-conversion .ma-button--secondary { border-color: var(--color-teal-light); background: transparent; color: var(--color-white); }
@media (min-width: 600px) { .ma-hub-cards__grid, .ma-hub-scenarios__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ma-hub-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .ma-hub-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); }.ma-hub-quick__inner { grid-template-columns: .7fr 1.3fr; }.ma-hub-scenarios__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-hub-process__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ma-hub-support__inner, .ma-hub-conversion__inner { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 600px) { .ma-hub-actions { display: grid; }.ma-hub-actions .ma-button { inline-size: 100%; } }

/* MVA-060 server-readable assessment shell. */
.ma-assessment-shell {
	min-block-size: 70vh;
	padding-block: var(--space-10) var(--space-16);
	background: var(--color-gray-50);
}

.ma-assessment-topbar {
	direction: ltr;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-inline-size: 720px;
	min-block-size: 44px;
	margin-inline: auto;
	margin-block-end: var(--space-6);
}

.ma-assessment-back,
.ma-assessment-support-icon {
	direction: rtl;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: var(--tap-target-min);
	color: var(--color-deep-navy);
	font-size: var(--font-size-caption);
	font-weight: 700;
	text-decoration: none;
}

.ma-assessment-back__icon { direction: ltr; color: var(--color-teal-primary); font-size: 34px; font-weight: 400; line-height: 1; transform: scaleX(-1); }
.ma-assessment-back__label { display: none; }
.ma-assessment-support-icon { inline-size: var(--tap-target-min); border: var(--border-soft); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-teal-primary); font-size: 20px; }
.ma-assessment-brand { display:inline-flex; align-items:center; justify-content:center; min-inline-size:128px; color:var(--color-deep-navy); text-align:center; }
.ma-assessment-brand::after { content:none; }

.ma-assessment-shell[data-assessment-step="contact"] { direction: rtl; background: var(--color-white); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-topbar { max-inline-size: none; min-block-size: 76px; padding-block: var(--space-4); margin-block-end: var(--space-6); border-block-end: 1px solid var(--color-gray-300); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-brand { min-inline-size:128px; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-back { inline-size: 56px; min-block-size: 56px; border: 1px solid var(--color-gray-300); border-radius: var(--radius-card); background: var(--color-white); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-stepper { margin-block: var(--space-10) var(--space-8); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-stepper .is-active .ma-assessment-stepper__index { background: var(--color-white); color: var(--color-teal-primary); }

.ma-assessment-shell__intro {
	max-inline-size: 720px;
	margin-inline: auto;
	text-align: center;
}

.ma-assessment-shell__intro .ma-home-section__eyebrow {
	display: inline-flex;
	padding-inline: var(--space-4);
	border: 1px solid var(--color-teal-light);
	border-radius: var(--radius-pill);
	color: var(--color-deep-navy);
}

.ma-assessment-shell__intro h1 {
	margin-block: var(--space-4);
	color: var(--color-deep-navy);
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
}

.ma-assessment-shell__intro p:last-child,
.ma-assessment-shell__note {
	color: var(--color-gray-600);
}

.ma-assessment-stepper {
	max-inline-size: 720px;
	margin: var(--space-8) auto var(--space-4);
}

.ma-assessment-stepper ol {
	position: relative;
	direction: ltr;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ma-assessment-stepper li { position: relative; min-inline-size: 0; }
.ma-assessment-stepper li:not(:last-child)::after { content: ''; position: absolute; inset-block-start: 22px; inset-inline-end: -18%; inline-size: 36%; border-block-start: 2px solid var(--color-gray-300); }
.ma-assessment-stepper li.is-complete::after { border-color: var(--color-teal-primary); }

.ma-assessment-stepper a {
	direction: rtl;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-block-size: 72px;
	padding-inline: var(--space-2);
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--color-deep-navy);
	font-size: var(--font-size-caption);
	text-decoration: none;
}

.ma-assessment-stepper .ma-assessment-stepper__index {
	display: inline-grid;
	place-items: center;
	inline-size: 44px;
	block-size: 44px;
	margin-block-end: var(--space-2);
	border: 1px solid var(--color-gray-300);
	border-radius: var(--radius-pill);
	background: var(--color-white);
	color: var(--color-gray-600);
	font-family: var(--font-family-latin), var(--font-family-body);
	font-size: var(--font-size-caption);
	font-weight: 700;
}

.ma-assessment-stepper .is-complete a { color: var(--color-deep-navy); }
.ma-assessment-stepper .is-complete .ma-assessment-stepper__index { border-color: var(--color-teal-primary); background: var(--color-teal-primary); color: var(--color-white); }
.ma-assessment-stepper .is-active .ma-assessment-stepper__index { border-color: var(--color-teal-primary); background: var(--color-teal-primary); color: var(--color-white); }
.ma-assessment-stepper .is-future a { color: var(--color-gray-600); }

.ma-assessment-stepper .is-active a { color: var(--color-teal-primary); font-weight: 700; }

.ma-assessment-panel {
	max-inline-size: 720px;
	padding: var(--space-6);
	margin-inline: auto;
	border: var(--border-default);
	border-radius: var(--radius-card);
	background: var(--color-white);
	box-shadow: var(--shadow-2);
	text-align: right;
}
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-panel { max-inline-size: 834px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }

.ma-assessment-shell__intro { max-inline-size: 720px; margin-inline: auto; text-align: center; }
.ma-assessment-shell__intro h1 { margin-block-end: var(--space-3); color: var(--color-deep-navy); font-size: clamp(28px, 5vw, 42px); line-height: 1.35; }
.ma-assessment-shell__intro p { max-inline-size: 560px; margin-inline: auto; color: var(--color-gray-600); font-size: var(--font-size-body); line-height: var(--line-height-body); }

.ma-assessment-panel h2 {
	margin-block-end: var(--space-3);
	color: var(--color-deep-navy);
	font-size: var(--font-size-h2);
}

.ma-photo-uploader {
	display: grid;
	gap: var(--space-2);
	place-items: center;
	min-block-size: 220px;
	padding: var(--space-8);
	margin-block: var(--space-6);
	border: 2px dashed var(--color-teal-primary);
	border-radius: var(--radius-card);
	background: var(--color-gray-50);
	color: var(--color-gray-600);
	text-align: center;
}

.ma-photo-car-illustration { display: block; inline-size: min(86%, 460px); margin: 0 auto var(--space-4); overflow:hidden; border-radius:var(--radius-card); background:#f7fffd; }
.ma-photo-car-illustration img { display:block; inline-size:100%; max-block-size:180px; block-size:auto; object-fit:cover; }

.ma-photo-uploader strong { color: var(--color-deep-navy); }
.ma-photo-uploader__icon { color: var(--color-teal-primary); font-size: 42px; line-height: 1; }
.ma-photo-uploader[data-dragover="true"] { border-color: var(--color-deep-navy); background: var(--color-mint-tint); }
.ma-photo-uploader__input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.ma-photo-uploader__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-block-start: var(--space-2); }
.ma-photo-uploader__actions .ma-button { min-block-size: var(--tap-target-min); }
.ma-photo-uploader__actions .ma-button { min-block-size: 44px; padding-inline: var(--space-4); font-size: var(--font-size-caption); }
.ma-photo-uploader small { color: var(--color-gray-600); }
.ma-button.is-disabled { opacity: .55; pointer-events: none; }
.ma-photo-preview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); inline-size: 100%; margin-block-start: var(--space-4); }
.ma-photo-preview-grid:has(.ma-photo-slot--add:only-child) { grid-template-columns:96px; }
.ma-photo-slot { position: relative; min-block-size: 96px; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-md); background: var(--color-gray-50); }
.ma-photo-slot--add { display: grid; place-items: center; border: 2px dashed var(--color-gray-300); background: transparent; color: var(--color-teal-primary); font-size: 36px; }
.ma-photo-slot--add::before { display: none; }
.ma-photo-preview-card { position: relative; min-inline-size: 0; min-block-size: 96px; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-md); background: var(--color-gray-50); }
.ma-photo-preview-card img { display: block; inline-size: 100%; aspect-ratio: 1; object-fit: cover; }
.ma-photo-preview-card__delete { position: absolute; inset-block-start: 4px; inset-inline-start: 4px; display: grid; place-items: center; inline-size: 28px; block-size: 28px; border: 0; border-radius: var(--radius-pill); background: var(--color-white); color: var(--color-deep-navy); font-size: 22px; line-height: 1; cursor: pointer; }
.ma-photo-preview-card__progress { position: absolute; inset-inline: 5px; inset-block-end: 5px; inline-size: calc(100% - 10px); block-size: 5px; accent-color: var(--color-teal-primary); }
.ma-photo-preview-card__retry { inline-size: 100%; padding-block: 4px; border: 0; background: var(--color-mint-tint); color: var(--color-deep-navy); font-size: var(--font-size-caption); cursor: pointer; }
.ma-photo-preview-card.is-failed { border-color: var(--color-error); }
.ma-photo-upload-error { margin: 0; color: var(--color-error); font-size: var(--font-size-caption); }
.ma-photo-guidance { max-inline-size: 720px; padding: var(--space-6); margin-block: var(--space-6); border: var(--border-soft); border-radius: var(--radius-card); background: var(--color-white); }
.ma-photo-guidance h3 { margin-block-end: var(--space-4); color: var(--color-deep-navy); font-size: var(--font-size-h3); text-align: center; }
.ma-photo-guidance__car { display: block; inline-size: min(100%, 460px); block-size: auto; margin-inline: auto; color: var(--color-teal-light); }
.ma-photo-guidance__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-block-start: var(--space-4); }
.ma-photo-guidance__card { position: relative; min-inline-size: 0; padding: var(--space-3) var(--space-2); border-inline-start: 1px solid var(--color-gray-300); text-align: center; }
.ma-photo-guidance__card:first-child { border-inline-start: 0; }
.ma-photo-guidance__icon { display: inline-grid; place-items: center; inline-size: 32px; block-size: 32px; margin-block-end: var(--space-2); border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); font-size: 22px; }
.ma-photo-guidance__check { position: absolute; inset-block-start: var(--space-2); inset-inline-start: 50%; display: grid; place-items: center; inline-size: 18px; block-size: 18px; border-radius: var(--radius-pill); background: var(--color-teal-primary); color: var(--color-white); font-size: 12px; transform: translateX(-50%); }
.ma-photo-guidance__card h4 { margin-block-end: var(--space-2); color: var(--color-deep-navy); font-size: var(--font-size-body); }
.ma-photo-guidance__card p { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }

.ma-assessment-actions,
.ma-assessment-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
}

.ma-assessment-fields { margin-block: var(--space-6); }
.ma-assessment-fields span { padding: var(--space-4); border: var(--border-soft); border-radius: var(--radius-md); color: var(--color-gray-600); }
.ma-contact-form { display: grid; gap: var(--space-2); margin-block: var(--space-6); }
.ma-contact-form__lead { display: none; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-contact-form { padding: clamp(20px, 4vw, 32px); margin-block: var(--space-6); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-1); }
.ma-review-summary { padding: var(--space-4); margin-block: var(--space-6); border: var(--border-soft); border-radius: var(--radius-card); background: var(--color-gray-50); }
.ma-review-summary__header { direction: rtl; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-block-end: var(--space-3); }
.ma-review-summary__header h3 { margin: 0; color: var(--color-deep-navy); font-size: var(--font-size-h3); }
.ma-review-summary__local { color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-review-summary__photos { display: flex; align-items: center; gap: var(--space-2); min-block-size: 72px; }
.ma-review-summary__thumb { display: grid; place-items: center; inline-size: 72px; block-size: 72px; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-md); background: linear-gradient(145deg, var(--color-mint-tint), var(--color-gray-300)); color: var(--color-teal-primary); font-size: 34px; }
.ma-review-summary__more { display: grid; place-items: center; inline-size: 52px; block-size: 52px; border-radius: var(--radius-pill); background: var(--color-deep-navy); color: var(--color-white); font-family: var(--font-family-latin), var(--font-family-body); font-weight: 700; }
.ma-review-summary__empty { margin: 0; color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-review-summary__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); padding-block-start: var(--space-3); margin-block-start: var(--space-3); border-block-start: var(--border-soft); }
.ma-review-summary__facts div { display: grid; gap: 2px; min-inline-size: 0; }
.ma-review-summary__facts span { color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-review-summary__facts strong { overflow: hidden; color: var(--color-deep-navy); font-size: var(--font-size-caption); text-overflow: ellipsis; white-space: nowrap; }
.ma-contact-form label { color: var(--color-deep-navy); font-size: var(--font-size-caption); font-weight: 700; }
.ma-optional { color: var(--color-gray-600); font-weight: 400; }
.ma-contact-text-input { inline-size: 100%; min-block-size: 54px; padding: var(--space-3) var(--space-4); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); color: var(--color-deep-navy); font: inherit; }
.ma-contact-text-field { display: flex; align-items: center; min-block-size: 54px; overflow: hidden; border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); }
.ma-contact-text-field .ma-contact-text-input { min-block-size: 52px; border: 0; border-radius: 0; }
.ma-contact-text-field:focus-within { border-color: var(--color-teal-primary); box-shadow: 0 0 0 3px var(--color-mint-tint); }
.ma-contact-text-field--textarea { align-items: flex-start; }
.ma-contact-field-icon { flex: 0 0 42px; color: var(--color-gray-600); font-size: 23px; text-align: center; }
.ma-contact-text-input:focus { border-color: var(--color-teal-primary); outline: 0; box-shadow: 0 0 0 3px var(--color-mint-tint); }
.ma-contact-textarea { min-block-size: 116px; resize: vertical; line-height: var(--line-height-body); }
.ma-contact-form__counter { color: var(--color-gray-600); font-size: var(--font-size-caption); text-align: left; }
.ma-contact-phone-field { display: flex; align-items: center; min-block-size: 58px; overflow: hidden; border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); direction: ltr; }
.ma-contact-phone-field:focus-within { border-color: var(--color-teal-primary); box-shadow: 0 0 0 3px var(--color-mint-tint); }
.ma-contact-phone-field__prefix { padding-inline: var(--space-3); color: var(--color-gray-600); font-family: var(--font-family-latin), sans-serif; font-weight: 700; }
.ma-contact-phone-field .ma-contact-field-icon { flex-basis: 44px; }
.ma-contact-phone-field input { flex: 1; min-inline-size: 0; block-size: 56px; padding-inline: var(--space-3); border: 0; outline: 0; background: transparent; color: var(--color-deep-navy); font: inherit; direction: ltr; text-align: left; }
.ma-contact-phone-field__check { display: none; padding-inline: var(--space-3); color: var(--color-teal-primary); font-size: 20px; }
.ma-contact-form.is-valid .ma-contact-phone-field { border-color: var(--color-teal-primary); }
.ma-contact-form.is-valid .ma-contact-phone-field__check { display: inline; }
.ma-contact-form__hint { color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-contact-form__error { min-block-size: 1.5em; margin: 0; color: var(--color-error); font-size: var(--font-size-caption); }
.ma-contact-form input[aria-invalid="true"] { color: var(--color-error); }
.ma-assessment-shell[data-assessment-step="contact"] [data-testid="assessment-next-cta"] { display: block; inline-size: 100%; margin-block-start: var(--space-6); text-align: center; }
.ma-assessment-shell[data-assessment-step="contact"] [data-testid="assessment-next-cta"] { min-block-size: 64px; border-radius: var(--radius-card); font-size: 20px; }
.ma-assessment-shell[data-assessment-step="contact"] [data-testid="assessment-next-cta"].is-disabled { background: var(--color-teal-primary); color: var(--color-white); opacity: 1; }
.ma-assessment-help { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-block: var(--space-6) 0; padding-block-start: var(--space-4); border-block-start: var(--border-soft); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-assessment-help a { color: var(--color-teal-primary); font-weight: 700; }
.ma-assessment-help--photos { flex-direction: row; align-items: center; }
.ma-assessment-help--photos { padding: var(--space-3) var(--space-4); border: var(--border-soft); border-radius: var(--radius-card); }
.ma-assessment-help__phone { margin-inline-end: var(--space-2); font-size: 18px; }
.ma-assessment-privacy { padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-mint-tint); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-privacy { padding: var(--space-6); margin-block: var(--space-6); border: 1px solid var(--color-teal-light); border-radius: var(--radius-card); text-align: center; line-height: 2; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary { padding: clamp(20px, 4vw, 32px); margin-block: var(--space-6); border: var(--border-default); background: var(--color-white); box-shadow: var(--shadow-1); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-shell__intro { padding-block-start: var(--space-6); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__header::after { content: none; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__facts { grid-template-columns: minmax(0, 1fr); gap: 0; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__facts div { direction: rtl; display: flex; align-items: center; justify-content: space-between; min-block-size: 54px; padding-block: var(--space-2); border-block-end: var(--border-soft); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__facts div:last-child { border-block-end: 0; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__facts span { font-size: var(--font-size-body); color: var(--color-deep-navy); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__facts strong { font-size: var(--font-size-body); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__thumb { border-color: var(--color-gray-300); background-image:none; background-position:center; background-size:cover; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__thumb:nth-child(2) { background-image:none; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__thumb:nth-child(3) { background-image:none; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__thumb span { color: rgba(255,255,255,.85); text-shadow: 0 1px 2px rgba(10,16,33,.45); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-help--contact { min-block-size: 64px; padding: var(--space-4) var(--space-6); margin-block: var(--space-6); border: var(--border-default); border-radius: var(--radius-card); color: var(--color-gray-600); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-help__number { margin-inline-start: auto; color: var(--color-teal-primary); font-family: var(--font-family-latin), var(--font-family-body); }
.ma-assessment-shell[data-assessment-step="contact"] .ma-review-summary__photos { direction: ltr; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-privacy-lock { position: relative; display: inline-block; inline-size: 22px; block-size: 18px; margin-inline-end: var(--space-2); border: 2px solid var(--color-teal-primary); border-radius: 5px; vertical-align: -4px; }
.ma-assessment-shell[data-assessment-step="contact"] .ma-privacy-lock::before { content: ''; position: absolute; inset-block-start: -12px; inset-inline-start: 3px; inline-size: 12px; block-size: 12px; border: 2px solid var(--color-teal-primary); border-block-end: 0; border-radius: 8px 8px 0 0; }

/* MVA-100: truthful success state; case code is shown only when supplied by the submit flow. */
.ma-assessment-shell[data-assessment-step="success"] { direction: rtl; min-block-size: 100vh; background: var(--color-white); }
.ma-assessment-shell[data-assessment-step="success"] .ma-container { width: min(calc(100% - 40px), 880px); }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-topbar { max-inline-size: none; min-block-size: 88px; padding-block: var(--space-4); margin-block-end: var(--space-8); border-block-end: 1px solid var(--color-gray-300); }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-back { inline-size: auto; gap: var(--space-2); padding-inline: var(--space-3); border: 0; }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-back__label { display: inline; font-size: var(--font-size-body); }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-back__icon { font-size: 30px; }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-support-icon { visibility: hidden; }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-stepper,
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-shell__intro { display: none; }
.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-panel { max-inline-size: 880px; padding: var(--space-6) 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: center; }
.ma-success-card { padding: clamp(28px, 6vw, 56px) clamp(20px, 8vw, 72px); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-2); }
.ma-success-card__mark { display: grid; place-items: center; inline-size: 112px; block-size: 112px; margin: 0 auto var(--space-6); border: 10px solid var(--color-mint-tint); border-radius: var(--radius-pill); background: var(--color-white); box-shadow: inset 0 0 0 4px var(--color-teal-primary); color: var(--color-teal-primary); font-size: 64px; line-height: 1; }
.ma-success-card h1 { margin-block: 0 var(--space-3); color: var(--color-deep-navy); font-size: clamp(30px, 6vw, 48px); line-height: 1.4; }
.ma-success-card p { color: var(--color-gray-600); font-size: var(--font-size-body); line-height: 2; }
.ma-success-card__code { display: flex; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-6); margin-block: var(--space-6); border: 1px solid var(--color-teal-primary); border-radius: var(--radius-card); background: var(--color-mint-tint); color: var(--color-teal-primary); font-size: clamp(18px, 4vw, 28px); }
.ma-success-card__code span { font-size: 28px; }
.ma-success-card__code b { font-family: var(--font-family-latin), var(--font-family-body); letter-spacing: .04em; }
.ma-success-card__note { max-inline-size: 55ch; margin-inline: auto; }
.ma-success-timeline { padding-block: var(--space-8) var(--space-6); }
.ma-success-timeline h2 { margin-block-end: var(--space-6); color: var(--color-deep-navy); font-size: var(--font-size-h2); }
.ma-success-timeline ol { direction: rtl; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); padding: 0; margin: 0; list-style: none; }
.ma-success-timeline li { position: relative; display: grid; justify-items: center; gap: var(--space-2); min-inline-size: 0; color: var(--color-gray-600); }
.ma-success-timeline li:not(:last-child)::after { content: ''; position: absolute; inset-block-start: 24px; inset-inline-end: -18%; inline-size: 36%; border-block-start: 2px dashed var(--color-gray-300); }
.ma-success-timeline li > span { display: grid; place-items: center; inline-size: 52px; block-size: 52px; border: 1px solid var(--color-gray-300); border-radius: var(--radius-pill); color: var(--color-gray-600); font-size: 25px; }
.ma-success-timeline li.is-current { color: var(--color-teal-primary); }
.ma-success-timeline li.is-current > span { border-color: var(--color-teal-primary); background: var(--color-teal-primary); color: var(--color-white); }
.ma-success-timeline strong { color: var(--color-deep-navy); font-size: var(--font-size-body); }
.ma-success-timeline small { max-inline-size: 16ch; min-block-size: 42px; color: var(--color-gray-600); line-height: 1.8; }
.ma-success-timeline b { display: grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: var(--radius-pill); background: var(--color-gray-300); color: var(--color-deep-navy); font-family: var(--font-family-latin), var(--font-family-body); }
.ma-success-timeline li.is-current b { background: var(--color-teal-primary); color: var(--color-white); }
.ma-success-cta,
.ma-success-status-cta { display: flex; align-items: center; justify-content: center; gap: var(--space-3); inline-size: 100%; min-block-size: 64px; margin-block-start: var(--space-4); font-size: 20px; }
.ma-success-cta { border-color: var(--color-teal-primary); background: var(--color-teal-primary); color: var(--color-white); }
.ma-success-status-cta { border-color: var(--color-teal-primary); color: var(--color-teal-primary); }
.ma-success-help { justify-content: space-between; min-block-size: 96px; padding: var(--space-6); margin-block: var(--space-8) 0; border: var(--border-default); border-radius: var(--radius-card); text-align: right; }
.ma-success-help a { color: var(--color-teal-primary); font-family: var(--font-family-latin), var(--font-family-body); font-weight: 700; }
.ma-success-privacy { background: transparent; text-align: center; }

.ma-status-card { padding: var(--space-6); margin-block-end: var(--space-6); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-2); text-align: center; }
.ma-status-card h1 { margin-block: 0 var(--space-3); color: var(--color-teal-primary); font-size: clamp(30px, 5vw, 42px); line-height: 1.35; }
.ma-status-card p { color: var(--color-gray-600); line-height: 2; }
.ma-status-card__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); text-align: right; }
.ma-status-card__icon { display: grid; flex: 0 0 auto; place-items: center; inline-size: 64px; block-size: 64px; border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); font-size: 34px; }
.ma-status-card__facts { display: grid; gap: 0; margin-block-start: var(--space-6); border: 1px solid var(--color-teal-primary); border-radius: var(--radius-card); background: var(--color-mint-tint); text-align: right; }
.ma-status-card__facts div { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); border-block-end: var(--border-soft); }
.ma-status-card__facts div:last-child { border-block-end: 0; }
.ma-status-card__facts strong { color: var(--color-teal-primary); }
.ma-assessment-shell[data-assessment-step="status"] { min-block-size: 100vh; background: var(--color-gray-50); }
.ma-assessment-shell[data-assessment-step="status"] .ma-container { width: min(calc(100% - 32px), 920px); }
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-topbar { display:grid; grid-template-columns:44px 1fr 96px; grid-template-areas:'back title brand'; gap:var(--space-2); max-inline-size:none; min-block-size:72px; padding-block:var(--space-4); margin-block-end:var(--space-6); border-block-end:1px solid var(--color-gray-300); }
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-back { grid-area:back; }.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-topbar__title { position:static; grid-area:title; align-self:center; justify-self:center; color:var(--color-deep-navy); font-size:var(--font-size-h2); white-space:nowrap; transform:none; }.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-brand { position:static; grid-area:brand; min-inline-size:0; }.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-brand img { inline-size:96px; }.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-support-icon { display:none; }
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-stepper,
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-shell__intro { display: none; }
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-panel { max-inline-size: 880px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ma-assessment-shell[data-assessment-step="status"] [data-testid="assessment-call-cta"] { inline-size: 100%; min-block-size: 64px; background: var(--color-teal-primary); border-color: var(--color-teal-primary); color: var(--color-white); }
.ma-assessment-shell[data-assessment-step="status"] .ma-status-add-photos-secondary { inline-size: 100%; margin-block-start: var(--space-3); }
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-help { min-block-size: 72px; padding: var(--space-4) var(--space-6); margin-block-start: var(--space-6); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); }
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-help__number { margin-inline-start: auto; color: var(--color-teal-primary); font-family: var(--font-family-latin), var(--font-family-body); font-weight: 700; }
.ma-status-privacy { display: flex; align-items: center; justify-content: center; gap: var(--space-2); margin-block: var(--space-4) 0; color: var(--color-gray-600); font-size: var(--font-size-caption); text-align: center; }
.ma-status-privacy::before { content: '♢'; display: inline-grid; place-items: center; inline-size: 24px; block-size: 24px; border: 1px solid var(--color-teal-primary); border-radius: var(--radius-pill); color: var(--color-teal-primary); }
.ma-status-timeline { padding: var(--space-6) 0 0; text-align: right; }
.ma-status-timeline h2 { margin: 0 0 var(--space-4); color: var(--color-deep-navy); font-size: var(--font-size-h2); }
.ma-status-timeline ol { display: grid; gap: var(--space-3); padding: 0; margin: 0; list-style: none; }
.ma-status-timeline li { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; border-block-end: var(--border-soft); color: var(--color-gray-600); }
.ma-status-timeline li:last-child { border-block-end: 0; }
.ma-status-timeline li > span { display: grid; place-items: center; inline-size: 30px; block-size: 30px; border: 1px solid var(--color-gray-300); border-radius: var(--radius-pill); color: var(--color-gray-600); }
.ma-status-timeline li strong { color: var(--color-deep-navy); }
.ma-status-timeline li.is-complete > span, .ma-status-timeline li.is-current > span { border-color: var(--color-teal-primary); background: var(--color-teal-primary); color: var(--color-white); }
.ma-status-timeline li.is-current strong { color: var(--color-teal-primary); }
.ma-status-summary { padding: var(--space-6); margin-block-start: var(--space-6); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); text-align: right; }
.ma-status-summary h2 { margin: 0 0 var(--space-4); color: var(--color-deep-navy); font-size: var(--font-size-h2); }
.ma-status-summary dl { display: grid; gap: 0; margin: 0; }
.ma-status-summary dl > div { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) 0; border-block-end: var(--border-soft); }
.ma-status-summary dl > div:last-child { border-block-end: 0; }
.ma-status-summary dt { color: var(--color-gray-600); }
.ma-status-summary dd { margin: 0; color: var(--color-deep-navy); font-weight: 700; text-align: left; }
.ma-status-summary__icon, .ma-status-result__icon { display: grid; flex: 0 0 auto; place-items: center; inline-size: 34px; block-size: 34px; margin-inline-end: var(--space-2); border-radius: var(--radius-pill); background: var(--color-mint-tint); color: var(--color-teal-primary); font-size: 20px; }
.ma-status-summary dl > div { align-items: center; }
.ma-status-more-info { padding: var(--space-6); margin-block-start: var(--space-6); border: 1px solid var(--color-warning); border-radius: var(--radius-card); background: #fff9e8; text-align: right; }
.ma-status-more-info h2 { margin: 0 0 var(--space-3); color: var(--color-deep-navy); font-size: var(--font-size-h2); }
.ma-status-more-info p { margin-block-end: var(--space-4); color: var(--color-gray-600); }
.ma-status-more-info .ma-button { inline-size: 100%; }
.ma-status-result { padding: var(--space-6); margin-block-start: var(--space-6); border: 1px solid var(--color-teal-primary); border-radius: var(--radius-card); background: var(--color-mint-tint); text-align: right; }
.ma-status-result h2 { margin: 0 0 var(--space-4); color: var(--color-teal-primary); font-size: var(--font-size-h2); }
.ma-status-result__grid { display: grid; gap: 0; }
.ma-status-result__grid div { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) 0; border-block-end: var(--border-soft); }
.ma-status-result__grid div:last-child { border-block-end: 0; }
.ma-status-result__grid strong { margin-inline-start: auto; color: var(--color-deep-navy); text-align: left; }
.ma-status-result > p { padding: var(--space-3) var(--space-4); margin: var(--space-4) 0 0; border: 1px solid rgba(15, 167, 168, .2); border-radius: var(--radius-card); color: var(--color-gray-600); font-size: var(--font-size-caption); }
@media (max-width: 560px) {
	.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-topbar { min-block-size: 64px; margin-block-end: var(--space-4); }
	.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-topbar__title { font-size: var(--font-size-body); }
	.ma-status-card__header { align-items: flex-start; }
	.ma-status-card__icon { inline-size: 52px; block-size: 52px; font-size: 26px; }
	.ma-status-timeline ol { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
	.ma-status-timeline li { position: relative; display: grid; grid-template-columns: 1fr; justify-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-1); border-block-end: 0; text-align: center; font-size: 11px; }
	.ma-status-timeline li:not(:last-child)::after { content: ''; position: absolute; inset-block-start: 27px; inset-inline-end: -12%; inline-size: 24%; border-block-start: 2px dashed var(--color-gray-300); }
	.ma-status-timeline li.is-complete:not(:last-child)::after { border-color: var(--color-teal-primary); }
	.ma-status-timeline li > :last-child { font-size: 10px; line-height: 1.6; }
	.ma-status-result__grid div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: var(--space-2); }
	.ma-status-result__grid strong { text-align: left; }
}
.ma-assessment-shell[data-assessment-step="status"] .ma-assessment-panel { max-inline-size: 720px; }
.ma-assessment-shell__note { max-inline-size: 720px; margin: var(--space-4) auto 0; font-size: var(--font-size-caption); text-align: center; }
.ma-vehicle-form { display: grid; gap: var(--space-4); margin-block: var(--space-6); }
.ma-vehicle-field { display: grid; gap: var(--space-2); }
.ma-vehicle-form label,
.ma-damage-selector legend { color: var(--color-deep-navy); font-size: var(--font-size-caption); font-weight: 700; }
.ma-vehicle-field > label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.ma-required { color: var(--color-error); }
.ma-vehicle-model-trigger,
.ma-vehicle-year { display: flex; align-items: center; justify-content: flex-start; gap: var(--space-3); min-block-size: 64px; padding: var(--space-3) var(--space-4); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); color: var(--color-gray-600); font: inherit; text-align: right; cursor: pointer; }
.ma-vehicle-model-trigger > span:nth-child(2) { flex: 1; }
.ma-vehicle-trigger__icon { display: inline-grid; place-items: center; inline-size: 30px; block-size: 30px; border: 2px solid var(--color-gray-600); border-radius: var(--radius-md); color: var(--color-gray-600); font-size: 17px; }
.ma-vehicle-trigger__chevron { margin-inline-start: auto; color: var(--color-gray-600); font-size: 26px; line-height: 1; }
.ma-damage-trigger { display: flex; align-items: center; gap: var(--space-3); inline-size: 100%; min-block-size: 64px; padding: var(--space-3) var(--space-4); border: var(--border-default); border-radius: var(--radius-card); background: var(--color-white); color: var(--color-gray-600); font: inherit; text-align: right; cursor: pointer; }
.ma-damage-trigger > span:nth-child(2) { flex: 1; }
.ma-damage-selector__icon { display: inline-grid; place-items: center; inline-size: 30px; block-size: 30px; color: var(--color-gray-600); font-size: 24px; }
.ma-vehicle-model-trigger[data-selected-model] { border-color: var(--color-teal-primary); color: var(--color-deep-navy); }
.ma-vehicle-model-sheet { position: fixed; z-index: 20; inset-inline: 0; inset-block-end: 0; max-block-size: min(78vh, 560px); padding: var(--space-6); border: var(--border-default); border-radius: var(--radius-card) var(--radius-card) 0 0; background: var(--color-white); box-shadow: var(--shadow-3); }
.ma-vehicle-model-sheet__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.ma-vehicle-model-sheet__header h3 { margin: 0; color: var(--color-deep-navy); font-size: var(--font-size-h3); }
.ma-vehicle-model-sheet__header button { inline-size: var(--tap-target-min); block-size: var(--tap-target-min); border: 0; background: transparent; color: var(--color-deep-navy); font-size: 28px; cursor: pointer; }
.ma-vehicle-model-search { inline-size: 100%; min-block-size: var(--tap-target-min); padding: var(--space-3); margin-block: var(--space-3); border: var(--border-default); border-radius: var(--radius-md); font: inherit; }
.ma-vehicle-model-options { display: grid; gap: var(--space-2); max-block-size: 48vh; overflow: auto; }
.ma-vehicle-model-options button { min-block-size: var(--tap-target-min); padding: var(--space-3); border: var(--border-soft); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); font: inherit; text-align: right; cursor: pointer; }
.ma-vehicle-model-options button:hover,
.ma-vehicle-model-options button:focus-visible { border-color: var(--color-teal-primary); background: var(--color-mint-tint); }
.ma-damage-selector { position: relative; padding: 0; margin: var(--space-3) 0 0; border: 0; }
.ma-damage-selector > legend { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.ma-damage-map { position: relative; min-block-size: 390px; padding: var(--space-8) var(--space-3) var(--space-3); margin-block: var(--space-3); border: var(--border-soft); border-radius: var(--radius-card); background: var(--color-white); color: #93a5b5; }
.ma-damage-map::before { content: 'محل آسیب را انتخاب کنید'; position: absolute; inset-block-start: var(--space-4); inset-inline-end: var(--space-4); color: var(--color-deep-navy); font-size: var(--font-size-h3); font-weight: 700; }
.ma-damage-map::after { content: 'برای انتخاب، روی بخش آسیب‌دیده ضربه بزنید.'; position: absolute; inset-block-start: calc(var(--space-4) + 28px); inset-inline-end: var(--space-4); color: var(--color-gray-600); font-size: var(--font-size-caption); }
.ma-damage-map picture { display:block; inline-size:46%; margin:52px auto 0; }.ma-damage-map img { display:block; inline-size:100%; block-size:270px; object-fit:contain; filter:drop-shadow(0 8px 8px rgb(29 52 81 / 12%)); }
.ma-damage-map__zones { position: absolute; inset: 0; }
.ma-damage-map__zones button { position: absolute; display: inline-flex; align-items: center; justify-content: center; min-block-size: 54px; min-inline-size: 116px; padding: var(--space-1) var(--space-2); border: 2px dashed var(--color-gray-300); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-deep-navy); font: inherit; font-size: 12px; cursor: pointer; }
.ma-damage-map__zones button::after { content: ''; display: inline-block; inline-size: 14px; block-size: 14px; margin-inline-start: var(--space-1); border: 2px solid var(--color-teal-primary); border-radius: var(--radius-pill); background: var(--color-mint-tint); vertical-align: -2px; }
.ma-damage-map__zones button:nth-child(1) { inset-block-start: 19%; inset-inline: 38%; }
.ma-damage-map__zones button:nth-child(2) { inset-block-start: 35%; left: 0; }
.ma-damage-map__zones button:nth-child(3) { inset-block-start: 50%; left: 0; }
.ma-damage-map__zones button:nth-child(4) { inset-block-start: 65%; left: 0; }
.ma-damage-map__zones button:nth-child(5) { inset-block-start: 80%; left: 0; }
.ma-damage-map__zones button:nth-child(6) { inset-block-start: 35%; right: 0; }
.ma-damage-map__zones button:nth-child(7) { inset-block-start: 57%; right: 0; }
.ma-damage-map__zones button[aria-pressed="true"],
.ma-damage-selector__options button[aria-pressed="true"] { border-color: var(--color-teal-primary); background: var(--color-mint-tint); color: var(--color-deep-navy); box-shadow: inset 0 0 0 2px var(--color-teal-primary); }
.ma-segmented-control { padding: 0; margin: var(--space-4) 0 0; border: 0; }
.ma-segmented-control legend { color: var(--color-deep-navy); font-size: var(--font-size-caption); font-weight: 700; }
.ma-segmented-control legend::before { display: inline-block; margin-inline-end: var(--space-2); color: var(--color-teal-primary); font-size: 20px; vertical-align: -2px; }
.ma-segmented-control[data-testid="paint-damage-control"] legend::before { content: '◉'; }
.ma-segmented-control[data-testid="drivable-control"] legend::before { content: none; }
.ma-segmented-control__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-block-start: var(--space-2); overflow: hidden; border: var(--border-soft); border-radius: var(--radius-md); }
.ma-segmented-control__options button { min-block-size: var(--tap-target-min); border: 0; border-inline-start: var(--border-soft); background: var(--color-white); color: var(--color-gray-600); font: inherit; cursor: pointer; }
.ma-segmented-control__options button:first-child { border-inline-start: 0; }
.ma-segmented-control__options button[aria-pressed="true"] { background: var(--color-mint-tint); color: var(--color-deep-navy); box-shadow: inset 0 -3px 0 var(--color-teal-primary); font-weight: 700; }
.ma-damage-selector__options { position: absolute; inset-inline: 0; inset-block-start: calc(100% + 600px); z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-1); margin-block-start: var(--space-2); opacity: 0; pointer-events: none; }
.ma-damage-selector__options button { min-block-size: 34px; padding: var(--space-1); border: var(--border-soft); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-gray-600); font: inherit; font-size: 11px; cursor: pointer; pointer-events: auto; }

@media (max-width: 600px) {
	.ma-assessment-shell { padding-block: var(--space-6) var(--space-12); }
	.ma-assessment-topbar { margin-block-end: var(--space-4); }
	.ma-assessment-shell__intro h1 { font-size: 28px; line-height: 40px; }
	.ma-assessment-panel { padding: var(--space-6); }
	.ma-assessment-shell[data-assessment-step="contact"] { padding-block-start: 0; }
	.ma-assessment-shell[data-assessment-step="contact"] .ma-container { width: calc(100% - 40px); }
	.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-shell__intro h1 { margin-block-start: var(--space-8); font-size: 34px; }
	.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-shell__intro p { font-size: 19px; line-height: 2; }
	.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-panel { padding: 0; }
	.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-help--contact { align-items: center; flex-direction: row !important; gap: var(--space-2); white-space: nowrap; }
	.ma-assessment-shell[data-assessment-step="contact"] .ma-assessment-help--contact .ma-assessment-help__number { font-size: 12px; }
	.ma-assessment-shell[data-assessment-step="success"] .ma-container { width: calc(100% - 32px); }
	.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-topbar { min-block-size: 72px; margin-block-end: var(--space-6); }
	.ma-assessment-shell[data-assessment-step="success"] .ma-assessment-panel { padding-block-start: var(--space-6); }
	.ma-success-card { padding: var(--space-6) var(--space-4); }
	.ma-success-card__mark { inline-size: 92px; block-size: 92px; font-size: 50px; }
	.ma-success-card h1 { font-size: 30px; }
	.ma-success-timeline { padding-block: var(--space-6); }
	.ma-success-timeline ol { gap: var(--space-2); }
	.ma-success-timeline li:not(:last-child)::after { inset-inline-end: -14%; inline-size: 28%; }
	.ma-success-timeline li > span { inline-size: 44px; block-size: 44px; font-size: 20px; }
	.ma-success-timeline strong { font-size: var(--font-size-caption); }
	.ma-success-timeline small { font-size: 12px; }
	.ma-success-help { align-items: center; flex-direction: row; white-space: normal; }
	.ma-photo-uploader { min-block-size: 180px; padding: var(--space-6); }
	.ma-photo-preview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-photo-slot { min-block-size: 72px; }
	.ma-photo-guidance { padding: var(--space-4); }
	.ma-photo-guidance__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ma-photo-guidance__card { padding-inline: var(--space-1); }
	.ma-photo-guidance__card:not(:last-child) { border-inline-end: 1px solid var(--color-gray-300); }
	.ma-photo-guidance__card h4 { font-size: var(--font-size-caption); }
	.ma-photo-guidance__card p { font-size: 12px; line-height: 1.7; }
	.ma-assessment-help--photos { flex-direction: row; align-items: center; justify-content: space-between; }
	.ma-assessment-actions { grid-template-columns: minmax(0, 1fr); }
	.ma-assessment-help { align-items: flex-start; flex-direction: column; }
	.ma-assessment-help--photos { align-items: center; flex-direction: row !important; white-space: nowrap; }
	.ma-damage-selector__options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 601px) {
	.ma-damage-map { min-block-size: 430px; }
	.ma-damage-map img { block-size: 330px; }
}

.ma-assessment-shell[data-assessment-step="photos"] .ma-assessment-shell__note,
.ma-assessment-shell[data-assessment-step="vehicle"] .ma-assessment-shell__note { display: none; }
.ma-assessment-shell[data-assessment-step="vehicle"] [data-testid="assessment-next-cta"] { display: block; inline-size: 100%; margin-block-start: var(--space-6); text-align: center; }
.ma-assessment-shell[data-assessment-step="vehicle"] [data-testid="assessment-next-cta"].is-disabled { background: var(--color-teal-primary); color: var(--color-white); opacity: 1; }
.ma-assessment-shell[data-assessment-step="vehicle"] { min-block-size: auto; padding-block-end: var(--space-8); }
.ma-assessment-help--vehicle { justify-content: center; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-teal-primary); border-radius: var(--radius-card); color: var(--color-teal-primary); }
.ma-assessment-help--vehicle a { text-decoration: none; }
.ma-assessment-help--contact { justify-content: center; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-teal-primary); border-radius: var(--radius-card); color: var(--color-teal-primary); }
.ma-assessment-help--contact a { text-decoration: none; }
.ma-assessment-privacy a { color: var(--color-teal-primary); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 600px) {
	.ma-damage-map { min-block-size: 410px; }
	.ma-damage-map img { block-size: 300px; }
}

/* MVA-054 repair pass: restore the locked middle-section type scale after
 * Elementor/theme heading defaults are applied. */
body.mesle-aval-theme .ma-home-middle .ma-home-section h2 {
	font-size: var(--font-size-h2);
	font-weight: 600;
	line-height: var(--line-height-h2);
}

body.mesle-aval-theme .ma-home-middle .ma-home-panel h3 {
	font-size: var(--font-size-h3);
	font-weight: 500;
	line-height: var(--line-height-h3);
}

body.mesle-aval-theme .ma-home-hero__assessment {
	border-color: var(--color-gray-300);
}

/* MVA-055 mobile composition: S02 is a deliberate mobile layout, not a
 * vertically stacked desktop. Keep all changes scoped to the mobile shell. */
@media (max-width: 600px) {
	html,
	body.mesle-aval-theme {
		overflow-x: hidden;
	}

	body.mesle-aval-theme .ma-home-hero {
		display: block;
		padding-block: var(--space-6) var(--space-4);
		background: var(--color-white);
		text-align: center;
	}

	body.mesle-aval-theme .ma-home-hero__copy {
		padding-block-start: 0;
		text-align: center;
	}

	body.mesle-aval-theme .ma-home-hero__eyebrow {
		display: inline-flex;
		align-items: center;
		min-block-size: 40px;
		padding-inline: var(--space-4);
		margin-block: 0 var(--space-4);
		border: 1px solid var(--color-teal-light);
		border-radius: var(--radius-pill);
		color: var(--color-deep-navy);
		font-size: var(--font-size-caption);
		font-weight: 600;
	}

	body.mesle-aval-theme .ma-home-hero__copy h1 {
		max-inline-size: none;
		inline-size: 100%;
		margin-inline: auto;
		font-size: 32px;
		line-height: 48px;
	}

	body.mesle-aval-theme .ma-home-hero__lead {
		max-inline-size: 34ch;
		margin-inline: auto;
		font-size: var(--font-size-body);
		line-height: var(--line-height-body);
	}

	body.mesle-aval-theme .ma-home-hero__limitation,
	body.mesle-aval-theme .ma-home-hero__assessment {
		display: none;
	}

	body.mesle-aval-theme .ma-home-hero__actions {
		display: grid;
		gap: var(--space-3);
		max-inline-size: 100%;
		margin-block-start: var(--space-6);
	}

	body.mesle-aval-theme .ma-home-hero__actions .ma-button {
		inline-size: 100%;
		min-block-size: 52px;
	}

	body.mesle-aval-theme .ma-home-hero__trust {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-2);
		padding: var(--space-4) var(--space-2);
		margin-block: var(--space-6) 0;
		border: var(--border-soft);
		border-radius: var(--radius-card);
	}

	body.mesle-aval-theme .ma-home-hero__trust li {
		min-inline-size: 0;
		padding-inline: var(--space-1);
		font-size: var(--font-size-caption);
		line-height: var(--line-height-caption);
		text-align: center;
	}

	body.mesle-aval-theme .ma-home-hero__trust-icon {
		inline-size: 24px;
		height: 24px;
		margin-inline: auto;
	}

	body.mesle-aval-theme .ma-home-middle {
		padding-block-end: var(--space-8);
	}

	body.mesle-aval-theme .ma-home-section {
		padding-block: var(--space-6);
	}

	body.mesle-aval-theme .ma-home-section__heading {
		margin-block-end: var(--space-4);
		text-align: right;
	}

	body.mesle-aval-theme .ma-home-section__heading > p:last-child {
		font-size: var(--font-size-caption);
	}

	body.mesle-aval-theme .ma-home-decision__grid,
	body.mesle-aval-theme .ma-home-process__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-2);
	}

	body.mesle-aval-theme .ma-home-decision__card {
		display: flex;
		min-block-size: 148px;
		padding: var(--space-3) var(--space-2);
		flex-direction: column;
		gap: var(--space-2);
		align-items: center;
		text-align: center;
	}

	body.mesle-aval-theme .ma-home-decision__card h3,
	body.mesle-aval-theme .ma-home-process__step h3,
	body.mesle-aval-theme .ma-home-service-card h3 {
		margin-block-end: var(--space-1);
		font-size: 12px;
		line-height: 1.55;
	}

	body.mesle-aval-theme .ma-home-decision__card p,
	body.mesle-aval-theme .ma-home-process__step p,
	body.mesle-aval-theme .ma-home-service-card p {
		font-size: var(--font-size-caption);
		line-height: var(--line-height-caption);
	}

	body.mesle-aval-theme .ma-home-card__icon {
		inline-size: 32px;
		height: 32px;
	}

	body.mesle-aval-theme .ma-home-card__arrow {
		inline-size: 28px;
		height: 28px;
		font-size: 22px;
	}

	body.mesle-aval-theme .ma-home-process__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	body.mesle-aval-theme .ma-home-process__step {
		display: flex;
		min-block-size: 154px;
		padding: var(--space-3) var(--space-2);
		flex-direction: column;
		gap: var(--space-2);
		align-items: center;
		text-align: center;
	}

	body.mesle-aval-theme .ma-home-process__number {
		order: -1;
		inline-size: 28px;
		height: 28px;
		border-radius: var(--radius-pill);
		background: var(--color-teal-primary);
		color: var(--color-white);
		font-size: var(--font-size-caption);
		line-height: 28px;
	}

	body.mesle-aval-theme .ma-home-process__icon {
		order: -2;
		inline-size: 30px;
		height: 30px;
	}

	body.mesle-aval-theme .ma-home-services__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-2);
	}

	body.mesle-aval-theme .ma-home-service-card {
		display: flex;
		min-block-size: 136px;
		padding: var(--space-3) var(--space-2);
		flex-direction: column;
		gap: var(--space-2);
		align-items: center;
		text-align: center;
	}

	body.mesle-aval-theme .ma-home-service-card a {
		font-size: var(--font-size-caption);
		line-height: var(--line-height-caption);
	}

	body.mesle-aval-theme .ma-home-case,
	body.mesle-aval-theme .ma-home-why,
	body.mesle-aval-theme .ma-home-final-cta {
		display: none;
	}

	body.mesle-aval-theme .ma-home-faq {
		padding-block: var(--space-6) var(--space-4);
	}

	body.mesle-aval-theme .ma-home-faq__items {
		gap: var(--space-2);
	}

	body.mesle-aval-theme .ma-home-faq__item:nth-child(n + 3) {
		display: none;
	}

	body.mesle-aval-theme .ma-home-faq__items::after {
		display: block;
		padding-block: var(--space-2);
		color: var(--color-teal-primary);
		content: "مشاهده همه";
		font-weight: 600;
		text-align: start;
	}

	body.mesle-aval-theme .ma-sticky-cta {
		padding-block: var(--space-2) max(var(--space-2), env(safe-area-inset-bottom));
	}

	body.mesle-aval-theme .ma-sticky-cta__actions {
		gap: var(--space-2);
	}

	body.mesle-aval-theme .ma-sticky-cta__actions .ma-button {
		min-block-size: 52px;
	}
}

.ma-home-shell__intro > :where(h1, p, nav) {
	max-inline-size: 68ch;
}

.ma-home-shell__intro nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-block-start: var(--space-6);
}

.ma-home-shell__availability {
	font-weight: 600;
}

/* MVA-051 — S01 desktop hero. The prototype is a composition reference;
 * these rules use the locked foundation tokens and keep the real CTA routes. */
.ma-home-hero {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
	gap: var(--space-10);
	align-items: start;
	max-inline-size: var(--layout-content-max);
	margin-inline: auto;
	padding-block: 0 var(--space-6);
	padding-inline: var(--page-padding-inline);
	direction: ltr;
}

.ma-home-hero > * {
	direction: rtl;
}

.ma-home-hero__copy {
	padding-block-start: var(--space-6);
	text-align: right;
}

.ma-home-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	min-block-size: 32px;
	padding-block: var(--space-1);
	padding-inline: var(--space-3);
	margin-block-end: var(--space-3);
	border: var(--border-soft);
	border-color: var(--color-teal-primary);
	border-radius: var(--radius-sm);
	background: var(--color-mint-tint);
	color: var(--color-navy);
	font-size: var(--font-size-caption);
	font-weight: 600;
}

.ma-home-hero__copy h1 {
	max-inline-size: 17ch;
	margin-block-end: var(--space-3);
}

.ma-home-hero__lead {
	max-inline-size: 52ch;
	margin-block-end: var(--space-2);
	color: var(--color-gray-600);
	font-size: var(--font-size-body);
}

.ma-home-hero__limitation {
	max-inline-size: 52ch;
	margin-block-end: var(--space-2);
	color: var(--color-gray-600);
	font-size: var(--font-size-caption);
}

.ma-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
	margin-block-end: var(--space-2);
}

.ma-home-hero__trust {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-3);
	max-inline-size: 560px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ma-home-hero__trust li {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	min-block-size: 44px;
	color: var(--color-navy);
	font-size: var(--font-size-caption);
	white-space: nowrap;
}

.ma-home-hero__trust-icon {
	display: inline-grid;
	place-items: center;
	flex: 0 0 28px;
	inline-size: 28px;
	block-size: 28px;
	border: 1px solid var(--color-teal-primary);
	border-radius: var(--radius-pill);
	color: var(--color-teal-primary);
	font-weight: 700;
}

.ma-home-hero__trust-icon .ma-icon,
.ma-home-hero__actions .ma-icon {
	inline-size: 18px;
	block-size: 18px;
}

.ma-home-hero__actions .ma-button {
	direction: rtl;
}

.ma-home-hero__assessment {
	gap: var(--space-1);
	padding: var(--space-2);
	box-shadow: var(--shadow-2);
}

.ma-home-hero__assessment h2 {
	margin: 0;
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	text-align: center;
}

.ma-home-hero__assessment .ma-stepper {
	margin-block: 0;
	direction: ltr;
}

.ma-home-hero__upload-entry {
	display: grid;
	justify-items: center;
	gap: 0;
	min-block-size: 64px;
	padding: var(--space-1);
	border: 2px dashed var(--color-teal-light);
	border-radius: var(--radius-md);
	background: var(--color-white);
	color: var(--color-navy);
	text-align: center;
	text-decoration: none;
}

.ma-home-hero__upload-entry:hover {
	border-color: var(--color-teal-primary);
	background: var(--color-mint-tint);
}

.ma-home-hero__upload-entry > span:not(.ma-home-hero__upload-icon) {
	color: var(--color-gray-600);
	font-size: var(--font-size-caption);
}

.ma-home-hero__upload-icon {
	display: inline-grid;
	place-items: center;
	inline-size: 30px;
	block-size: 30px;
	color: var(--color-teal-primary);
	font-size: 24px;
	font-weight: 700;
}

.ma-home-hero__upload-icon .ma-icon {
	inline-size: 30px;
	block-size: 30px;
}

.ma-home-hero__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-1);
	direction: ltr;
}

.ma-home-hero__field {
	display: flex;
	align-items: center;
	min-block-size: 36px;
	padding-inline: var(--space-3);
	border: var(--border-soft);
	border-radius: var(--radius-md);
	color: var(--color-gray-600);
	font-size: var(--font-size-caption);
	direction: rtl;
}

.ma-home-hero__field--wide {
	grid-column: 1 / -1;
}

.ma-home-hero__submit {
	inline-size: 100%;
	min-block-size: var(--tap-target-min);
	padding-block: var(--space-2);
}

@media (max-width: 1024px) {
	.ma-home-hero {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-8);
		padding-block: var(--space-10);
	}

	.ma-home-hero__copy h1 {
		max-inline-size: 20ch;
	}
}

@media (min-width: 1025px) {
	.ma-home-hero__copy h1 {
		max-inline-size: none;
		white-space: nowrap;
	}
}

@media (max-width: 600px) {
	.ma-home-hero__trust {
		grid-template-columns: minmax(0, 1fr);
	}

	.ma-home-hero__trust li {
		white-space: normal;
	}

	.ma-home-hero__actions .ma-button {
		inline-size: 100%;
	}
}

/* MVA-052 visual refinement: compact icon-led cards and reference rhythm. */
.ma-home-decision {
	padding-block-start: var(--space-6);
}

.ma-home-decision__grid {
	gap: var(--space-3);
}

.ma-home-decision__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: center;
	min-block-size: 132px;
	padding: var(--space-4);
	border-block-start: var(--border-default);
	background: var(--color-white);
}

.ma-home-card__icon,
.ma-home-process__icon {
	display: inline-grid;
	place-items: center;
	inline-size: 52px;
	block-size: 52px;
	border: 1px solid var(--color-teal-light);
	border-radius: var(--radius-md);
	background: var(--color-white);
	color: var(--color-teal-primary);
}

.ma-home-card__icon .ma-icon,
.ma-home-process__icon .ma-icon {
	inline-size: 30px;
	block-size: 30px;
}

.ma-home-decision__card h3,
.ma-home-service-card h3,
.ma-home-why-card h3 {
	margin-block-end: var(--space-2);
	font-size: var(--font-size-body);
	font-weight: 700;
}

.ma-home-decision__card p,
.ma-home-service-card p,
.ma-home-why-card p {
	margin: 0;
	font-size: var(--font-size-caption);
}

.ma-home-card__arrow {
	display: inline-grid;
	place-items: center;
	inline-size: 36px;
	block-size: 36px;
	border: var(--border-default);
	border-radius: var(--radius-pill);
	color: var(--color-navy);
	font-size: 26px;
	line-height: 1;
	text-decoration: none;
}

.ma-home-card__arrow:hover {
	border-color: var(--color-teal-primary);
	background: var(--color-mint-tint);
}

.ma-home-process {
	background: var(--color-white);
}

.ma-home-process__grid {
	gap: var(--space-6);
}

.ma-home-process__step {
	position: relative;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-block-size: 124px;
	padding: var(--space-4);
	background: var(--color-white);
}

.ma-home-process__step:not(:last-child)::after {
	position: absolute;
	inset-inline-start: calc(100% + 2px);
	inset-block-start: 50%;
	color: var(--color-gray-300);
	content: "←";
	font-size: 24px;
	transform: translateY(-50%);
}

.ma-home-process__number {
	inline-size: 32px;
	block-size: 32px;
	border: 0;
	background: transparent;
	color: var(--color-navy);
	font-size: var(--font-size-h3);
}

.ma-home-process__step h3 {
	margin-block-end: var(--space-1);
	font-size: var(--font-size-caption);
}

.ma-home-process__step p {
	font-size: 12px;
}

.ma-home-process__icon {
	inline-size: 42px;
	block-size: 42px;
	border: 0;
	background: var(--color-gray-50);
}

.ma-home-process__icon .ma-icon {
	inline-size: 24px;
	block-size: 24px;
}

.ma-home-services__grid {
	gap: var(--space-3);
}

.ma-home-service-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: center;
	min-block-size: 116px;
	padding: var(--space-4);
}

.ma-home-service-card .ma-home-card__icon {
	inline-size: 44px;
	block-size: 44px;
	border: 0;
	background: transparent;
}

.ma-home-service-card .ma-home-card__icon .ma-icon {
	inline-size: 32px;
	block-size: 32px;
}

.ma-home-service-card a {
	margin: 0;
	font-size: 12px;
	white-space: nowrap;
}

.ma-home-case__empty {
	grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
	min-block-size: 196px;
	align-items: center;
}

.ma-home-case__media-placeholder {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-block-size: 144px;
	padding: var(--space-3);
	border: 1px dashed var(--color-teal-primary);
	border-radius: var(--radius-card);
	background: var(--color-white);
	color: var(--color-gray-600);
	font-size: var(--font-size-caption);
	text-align: center;
}

.ma-home-case__media-divider {
	padding-inline: var(--space-2);
	color: var(--color-teal-primary);
	font-size: 22px;
}

.ma-home-case__empty h2 {
	font-size: var(--font-size-h3);
}

.ma-home-why__grid {
	gap: var(--space-3);
}

.ma-home-why-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-3);
	align-items: center;
	min-block-size: 118px;
	padding: var(--space-4);
}

.ma-home-why-card .ma-home-card__icon {
	inline-size: 40px;
	block-size: 40px;
	border: 0;
	background: transparent;
}

.ma-home-why-card .ma-home-card__icon .ma-icon {
	inline-size: 30px;
	block-size: 30px;
}

@media (max-width: 1024px) {
	.ma-home-process__step:not(:last-child)::after {
		display: none;
	}
}

@media (max-width: 600px) {
	.ma-home-decision__card {
		min-block-size: 116px;
	}

	.ma-home-process__step {
		min-block-size: 104px;
	}

	.ma-home-service-card {
		min-block-size: 104px;
	}

	.ma-home-case__empty {
		grid-template-columns: minmax(0, 1fr);
	}

	.ma-home-case__media-placeholder {
		min-block-size: 92px;
	}

	.ma-home-why-card {
		min-block-size: 104px;
	}
}

/* MVA-052 — approved homepage middle sequence. The empty case state is
 * intentional until Registry-cleared customer evidence exists. */
.ma-home-middle {
		background: var(--color-white);
}

.ma-home-section {
		width: min(calc(100% - (2 * var(--page-padding-inline))), var(--layout-content-max));
		margin-inline: auto;
		padding-block: var(--space-12);
		border-block-start: var(--border-soft);
}

.ma-home-section__heading {
		max-inline-size: 760px;
		margin-block-end: var(--space-8);
		text-align: right;
}

.ma-home-section__heading h2 {
		max-inline-size: 26ch;
		margin-block-end: var(--space-3);
}

.ma-home-section__heading > p:last-child {
		max-inline-size: 64ch;
		margin-block-end: 0;
		color: var(--color-gray-600);
}

.ma-home-section__eyebrow {
		margin-block-end: var(--space-2) !important;
		color: var(--color-teal-primary);
		font-size: var(--font-size-caption);
		font-weight: 700;
}

.ma-home-decision {
		padding-block-start: var(--space-10);
}

.ma-home-decision__grid,
.ma-home-services__grid,
.ma-home-why__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-4);
}

.ma-home-panel {
		min-inline-size: 0;
		padding: var(--space-6);
		border: var(--border-default);
		border-color: var(--color-gray-300);
		border-radius: var(--radius-card);
		background: var(--color-white);
		box-shadow: var(--shadow-1);
}

.ma-home-panel h3 {
		margin-block-end: var(--space-3);
		font-weight: 600;
}

.ma-home-panel p {
		margin-block-end: var(--space-4);
		color: var(--color-gray-600);
	}

.ma-home-panel__index {
		display: inline-grid;
		place-items: center;
		inline-size: 40px;
		block-size: 40px;
		margin-block-end: var(--space-4);
		border-radius: var(--radius-pill);
		background: var(--color-mint-tint);
		color: var(--color-navy);
		font-family: var(--font-family-latin), var(--font-family-body);
		font-size: var(--font-size-caption);
		font-weight: 700;
}

.ma-home-decision__card {
		display: flex;
		flex-direction: column;
		min-block-size: 232px;
		border-block-start: 3px solid var(--color-teal-primary);
	}

.ma-home-decision__card .ma-button {
		align-self: flex-start;
		margin-block-start: auto;
		padding-inline: 0;
	}

.ma-home-process {
		background: var(--color-gray-50);
	}

.ma-home-process__grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--space-4);
		padding: 0;
		margin: 0;
		list-style: none;
}

.ma-home-process__step {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: var(--space-3);
		align-content: start;
		min-inline-size: 0;
		padding-block: var(--space-2);
}

.ma-home-process__number {
		display: inline-grid;
		place-items: center;
		inline-size: 44px;
		block-size: 44px;
		border: 2px solid var(--color-teal-primary);
		border-radius: var(--radius-pill);
		background: var(--color-white);
		color: var(--color-navy);
		font-weight: 700;
}

.ma-home-process__step h3 {
		margin-block-end: var(--space-2);
		font-size: var(--font-size-body);
		font-weight: 700;
}

.ma-home-process__step p {
		margin: 0;
		color: var(--color-gray-600);
		font-size: var(--font-size-caption);
}

.ma-home-services {
		background: var(--color-white);
}

.ma-home-service-card {
		display: flex;
		flex-direction: column;
		min-block-size: 218px;
	}

.ma-home-service-card:nth-child(3n + 2) {
		background: var(--color-mint-tint);
}

.ma-home-service-card a {
		align-self: flex-start;
		margin-block-start: auto;
		font-size: var(--font-size-caption);
		font-weight: 700;
	}

.ma-home-case {
		background: var(--color-gray-50);
	}

.ma-home-case__empty {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: var(--space-6);
		align-items: start;
		border-color: var(--color-teal-primary);
		background: var(--color-mint-tint);
	}

.ma-home-case__empty h2 {
		margin-block-end: var(--space-3);
	}

.ma-home-case__empty p {
		max-inline-size: 72ch;
	}

.ma-home-case__badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-block-size: 34px;
		padding-inline: var(--space-3);
		border: 1px solid var(--color-teal-primary);
		border-radius: var(--radius-pill);
		background: var(--color-white);
		color: var(--color-navy);
		font-size: var(--font-size-caption);
		font-weight: 700;
		white-space: nowrap;
}

.ma-home-case__note {
		margin-block-end: 0;
		color: var(--color-navy) !important;
		font-size: var(--font-size-caption);
	}

.ma-home-why {
		background: var(--color-white);
}

.ma-home-why__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ma-home-why-card {
		min-block-size: 164px;
		background: var(--color-gray-50);
}

.ma-home-why-card:nth-child(2n) {
		background: var(--color-white);
	}

.ma-home-faq {
		max-inline-size: 920px;
		background: var(--color-gray-50);
	}

.ma-home-faq__items {
		display: grid;
		gap: var(--space-3);
	}

.ma-home-faq__item {
		border: var(--border-default);
		border-color: var(--color-gray-300);
		border-radius: var(--radius-md);
		background: var(--color-white);
	}

.ma-home-faq__item summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-4);
		min-block-size: 56px;
		padding-block: var(--space-3);
		padding-inline: var(--space-4);
		color: var(--color-deep-navy);
		font-weight: 600;
		cursor: pointer;
		list-style: none;
	}

.ma-home-faq__item summary::-webkit-details-marker {
		display: none;
	}

.ma-home-faq__item summary span {
		color: var(--color-teal-primary);
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
	}

.ma-home-faq__item[open] summary span {
		transform: rotate(45deg);
	}

.ma-home-faq__item > p {
		padding-block: 0 var(--space-4);
		padding-inline: var(--space-4);
		margin: 0;
		color: var(--color-gray-600);
	}

.ma-home-final-cta {
		max-inline-size: var(--layout-content-max);
		padding-block: var(--space-10) var(--space-12);
		border-block-start: 0;
	}

.ma-home-final-cta__inner {
		display: grid;
		grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
		gap: var(--space-8);
		align-items: center;
		padding: var(--space-8);
		border-radius: var(--radius-card);
		background: var(--color-deep-navy);
		color: var(--color-white);
	}

.ma-home-final-cta h2,
.ma-home-final-cta p {
		color: var(--color-white);
	}

.ma-home-final-cta .ma-home-section__eyebrow {
		color: var(--color-teal-light);
	}

.ma-home-final-cta__inner > div:first-child > p:last-child {
		max-inline-size: 54ch;
		margin-block-end: 0;
		color: var(--color-gray-100);
	}

.ma-home-final-cta__actions {
		display: grid;
		gap: var(--space-3);
	}

.ma-home-final-cta__actions .ma-button {
		inline-size: 100%;
	}

.ma-home-final-cta__meta {
		margin: 0;
		color: var(--color-teal-light) !important;
		font-size: var(--font-size-caption);
		text-align: center;
	}

@media (max-width: 1024px) {
	.ma-home-section {
		padding-block: var(--space-10);
	}

	.ma-home-decision__grid,
	.ma-home-services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ma-home-process__grid,
	.ma-home-why__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ma-home-final-cta__inner {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.ma-home-section {
		padding-block: var(--space-8);
	}

	.ma-home-section__heading {
		margin-block-end: var(--space-6);
	}

	.ma-home-section__heading h2 {
		max-inline-size: none;
	}

	.ma-home-decision__grid,
	.ma-home-process__grid,
	.ma-home-services__grid,
	.ma-home-why__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.ma-home-process__step {
		padding-block: var(--space-2);
	}

	.ma-home-case__empty {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-4);
	}

	.ma-home-final-cta__inner {
		padding: var(--space-6);
	}
}

/* MVA-052 final cascade lock (after the shared section defaults). */
.ma-home-decision {
	padding-block-start: var(--space-6);
}

.ma-home-decision__grid {
	gap: var(--space-3);
}

.ma-home-decision__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: center;
	min-block-size: 132px;
	padding: var(--space-4);
	border-block-start: var(--border-default);
	background: var(--color-white);
}

.ma-home-decision__card h3,
.ma-home-service-card h3,
.ma-home-why-card h3 {
	margin-block-end: var(--space-2);
	font-size: var(--font-size-body);
	font-weight: 700;
}

.ma-home-decision__card p,
.ma-home-service-card p,
.ma-home-why-card p {
	margin: 0;
	font-size: var(--font-size-caption);
}

.ma-home-card__arrow {
	display: inline-grid;
	place-items: center;
	inline-size: 36px;
	block-size: 36px;
	border: var(--border-default);
	border-radius: var(--radius-pill);
	color: var(--color-navy);
	font-size: 26px;
	line-height: 1;
	text-decoration: none;
}

.ma-home-process {
	background: var(--color-white);
}

.ma-home-process__grid {
	gap: var(--space-6);
}

.ma-home-process__step {
	position: relative;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-block-size: 124px;
	padding: var(--space-4);
	background: var(--color-white);
}

.ma-home-process__step:not(:last-child)::after {
	position: absolute;
	inset-inline-start: calc(100% + 2px);
	inset-block-start: 50%;
	display: block;
	color: var(--color-gray-300);
	content: "←";
	font-size: 24px;
	transform: translateY(-50%);
}

.ma-home-process__number {
	inline-size: 32px;
	block-size: 32px;
	border: 0;
	background: transparent;
	font-size: var(--font-size-h3);
}

.ma-home-process__step h3 {
	margin-block-end: var(--space-1);
	font-size: var(--font-size-caption);
}

.ma-home-process__step p {
	font-size: 12px;
}

.ma-home-process__icon {
	inline-size: 42px;
	block-size: 42px;
	border: 0;
	background: var(--color-gray-50);
}

.ma-home-services__grid {
	gap: var(--space-3);
}

.ma-home-service-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: center;
	min-block-size: 116px;
	padding: var(--space-4);
}

.ma-home-service-card a {
	align-self: center;
	margin: 0;
	font-size: 12px;
	white-space: nowrap;
}

.ma-home-case__empty {
	grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
	min-block-size: 196px;
	align-items: center;
}

.ma-home-case__media-placeholder {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-block-size: 144px;
	padding: var(--space-3);
	border: 1px dashed var(--color-teal-primary);
	border-radius: var(--radius-card);
	background: var(--color-white);
	color: var(--color-gray-600);
	font-size: var(--font-size-caption);
	text-align: center;
}

.ma-home-case__media-divider {
	padding-inline: var(--space-2);
	color: var(--color-teal-primary);
	font-size: 22px;
}

.ma-home-case__empty h2 {
	font-size: var(--font-size-h3);
}

.ma-home-why__grid {
	gap: var(--space-3);
}

.ma-home-why-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-3);
	align-items: center;
	min-block-size: 118px;
	padding: var(--space-4);
}

@media (max-width: 1024px) {
	.ma-home-process__step:not(:last-child)::after {
		display: none;
	}
}

@media (max-width: 600px) {
	.ma-home-decision__card {
		min-block-size: 116px;
	}

	.ma-home-process__step,
	.ma-home-service-card,
	.ma-home-why-card {
		min-block-size: 104px;
	}

	.ma-home-case__empty {
		grid-template-columns: minmax(0, 1fr);
	}

	.ma-home-case__media-placeholder {
		min-block-size: 92px;
	}
}