/* inspection-solution (#299) — extracted from page content 2026-07-20 */
.mie-insp2 {
	--i2-brand: var(--ast-global-color-0, #DD183B);
	--i2-brand-dark: var(--ast-global-color-1, #CC1939);
	--i2-ink: var(--ast-global-color-2, #0F172A);
	--i2-text: var(--ast-global-color-3, #3A3A3A);
	--i2-surface: var(--ast-global-color-4, #FFFFFF);
	--i2-dark: var(--ast-global-color-6, #140609);
	--i2-tint: var(--ast-global-color-7, #FFD1BF);
	--i2-line: color-mix(in srgb, var(--i2-ink) 12%, transparent);
	--i2-alt: color-mix(in srgb, var(--i2-ink) 4%, var(--i2-surface));
	color: var(--i2-text);
}
.mie-insp2 *, .mie-insp2 *::before, .mie-insp2 *::after { box-sizing: border-box; }
/* Astra's .ast-single-post .entry-content a underline — outrank it for every anchor in scope */
.entry-content .mie-insp2 a, .ast-single-post .entry-content .mie-insp2 a { text-decoration: none; }
.mie-insp2 .i2-wrap { max-width: 1200px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); }
.mie-insp2 .i2-section { padding-block: clamp(2.5rem, 6vw, 4.5rem); }
/* --- Section heading: centered with brand tick --- */
.mie-insp2 .i2-heading { text-align: center; color: var(--i2-ink); margin: 0 0 .5em; }
.mie-insp2 .i2-heading::after { content: ""; display: block; width: 44px; height: 4px; border-radius: 2px; background: var(--i2-brand); margin: .45em auto 0; }
.mie-insp2 .i2-lead { text-align: center; margin: 0 auto 2.2em; max-width: 62ch; }
/* --- Hero: dark split band instead of photo overlay --- */
.mie-insp2 .i2-hero { background: var(--i2-dark); color: var(--i2-surface); overflow: hidden; }
.mie-insp2 .i2-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; padding-block: clamp(2.5rem, 7vw, 5.5rem); }
.mie-insp2 .i2-eyebrow { display: inline-flex; align-items: center; gap: .55em; margin: 0 0 1.1em; letter-spacing: .12em; text-transform: uppercase; font-size: .78em; color: var(--i2-tint); }
.mie-insp2 .i2-eyebrow::before { content: ""; width: 26px; height: 3px; border-radius: 2px; background: var(--i2-brand); }
.mie-insp2 .i2-hero h1 { color: var(--i2-surface); margin: 0 0 .35em; }
.mie-insp2 .i2-hero__tagline { margin: 0; font-style: italic; opacity: .82; border-left: 3px solid var(--i2-brand); padding-left: .9em; }
.mie-insp2 .i2-hero__media { margin: 0; position: relative; }
.mie-insp2 .i2-hero__media::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; border-radius: 18px; background: color-mix(in srgb, var(--i2-brand) 55%, transparent); }
.mie-insp2 .i2-hero__media img { position: relative; display: block; width: 100%; height: auto; border-radius: 18px; }
/* --- Service cards --- */
.mie-insp2 .i2-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.25rem, 3vw, 2rem); }
.mie-insp2 .i2-card { position: relative; display: flex; flex-direction: column; background: var(--i2-surface); border: 1px solid var(--i2-line); border-radius: 16px; padding: clamp(1.5rem, 3.5vw, 2.5rem); overflow: hidden; }
.mie-insp2 .i2-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; }
.mie-insp2 .i2-card--mie::before { background: linear-gradient(90deg, var(--i2-brand), var(--i2-tint)); }
.mie-insp2 .i2-card--sgs::before { background: linear-gradient(90deg, var(--i2-dark), color-mix(in srgb, var(--i2-ink) 35%, var(--i2-surface))); }
.mie-insp2 .i2-card__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: .4em; }
.mie-insp2 .i2-price { flex-shrink: 0; border: 1px solid color-mix(in srgb, var(--i2-brand) 45%, transparent); color: var(--i2-brand); border-radius: 999px; padding: .15em .8em; font-size: .82em; font-weight: 600; }
.mie-insp2 .i2-card h3 { color: var(--i2-ink); margin: 0 0 .5em; }
.mie-insp2 .i2-tag { display: inline-block; border-radius: 999px; padding: .22em .85em; font-size: .78em; margin-bottom: 1.4em; }
.mie-insp2 .i2-tag--mie { background: color-mix(in srgb, var(--i2-tint) 45%, var(--i2-surface)); color: var(--i2-brand-dark); }
.mie-insp2 .i2-tag--sgs { background: var(--i2-dark); color: var(--i2-surface); }
.mie-insp2 .i2-card h4 { color: var(--i2-ink); font-weight: 600; margin: 0 0 1em; }
.mie-insp2 .i2-checks { list-style: none; margin: 0 0 1.4em; padding: 0; }
.mie-insp2 .i2-checks li { position: relative; padding-left: 1.7em; margin-bottom: .8em; }
.mie-insp2 .i2-checks li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--i2-brand); font-weight: 700; }
/* Video-audit callout: brand tint instead of the old blue box */
.mie-insp2 .i2-callout { background: color-mix(in srgb, var(--i2-tint) 28%, var(--i2-surface)); border: 1px solid color-mix(in srgb, var(--i2-brand) 22%, transparent); border-radius: 12px; padding: 1em 1.2em; }
.mie-insp2 .i2-callout h5 { color: var(--i2-brand-dark); margin: 0 0 .35em; }
.mie-insp2 .i2-callout p { margin: 0; }
/* Segmented tabs instead of underline tabs */
.mie-insp2 .i2-tabs { display: inline-flex; gap: 4px; background: var(--i2-alt); border-radius: 999px; padding: 4px; margin-bottom: 1.2em; }
.mie-insp2 .i2-tab { border: 0; background: transparent; color: var(--i2-text); border-radius: 999px; padding: .45em 1.1em; cursor: pointer; font-size: .9em; }
.mie-insp2 .i2-tab.is-active { background: var(--i2-surface); color: var(--i2-brand); box-shadow: 0 1px 4px color-mix(in srgb, var(--i2-ink) 18%, transparent); font-weight: 600; }
.mie-insp2 .i2-panes { display: grid; }
.mie-insp2 .i2-pane { grid-area: 1 / 1; visibility: hidden; }
.mie-insp2 .i2-pane.is-active { visibility: visible; }
.mie-insp2 .i2-fact { padding: .55em 0; border-bottom: 1px solid var(--i2-line); }
.mie-insp2 .i2-pane .i2-fact:last-child { border-bottom: 0; }
.mie-insp2 .i2-fact strong { color: var(--i2-ink); }
.mie-insp2 .i2-card__cta { margin-top: auto; padding-top: 1.6em; }
.mie-insp2 .i2-btn { display: block; width: 100%; text-align: center; border: 0; border-radius: 999px; padding: .8em 1.6em; cursor: pointer; font-weight: 600; text-decoration: none; transition: background-color .15s ease; }
.mie-insp2 .i2-btn--brand { background: var(--i2-brand); color: var(--i2-surface); }
.mie-insp2 .i2-btn--brand:hover { background: var(--i2-brand-dark); color: var(--i2-surface); }
.mie-insp2 .i2-btn--dark { background: var(--i2-dark); color: var(--i2-surface); }
.mie-insp2 .i2-btn--dark:hover { background: var(--i2-ink); color: var(--i2-surface); }
/* --- How It Works: vertical roadmap (infographic style). Full-width
   alternating bands; number nodes + step titles run down a left rail on a
   dashed connector that fills brand-red up to the active step; clicking a
   band turns it brand-red with white text. --- */
.mie-insp2 .i2-how { background: var(--i2-alt); }
.mie-insp2 .i2-steps { --i2-bandpad: clamp(1.25rem, 3vw, 2rem); list-style: none; margin: 2.6em auto 0; padding: 0; max-width: 860px; counter-reset: i2step; border: 1px solid var(--i2-line); border-radius: 16px; overflow: hidden; background: var(--i2-surface); }
.mie-insp2 .i2-step { display: grid; grid-template-columns: minmax(150px, 200px) 1fr; gap: 1.25em var(--i2-bandpad); padding: var(--i2-bandpad); cursor: pointer; transition: background-color .18s ease; }
.mie-insp2 .i2-step:nth-child(even) { background: var(--i2-alt); }
.mie-insp2 .i2-step p:empty { display: none; } /* wpautop artifact */
.mie-insp2 .i2-step__marker { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.mie-insp2 .i2-step__marker::before { content: ""; position: absolute; left: 50%; transform: translateX(-1px); top: calc(-1 * var(--i2-bandpad)); height: var(--i2-bandpad); border-left: 2px dashed var(--i2-line); transition: border-color .18s ease; }
.mie-insp2 .i2-step:first-child .i2-step__marker::before { display: none; }
.mie-insp2 .i2-step__line { flex: 1; min-height: 1.4em; width: 0; border-left: 2px dashed var(--i2-line); margin: .9em 0 calc(-1 * var(--i2-bandpad)); transition: border-color .18s ease; }
.mie-insp2 .i2-step:last-child .i2-step__line { display: none; }
.mie-insp2 .i2-step__num { counter-increment: i2step; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; border-radius: 50%; background: var(--i2-surface); border: 2px solid var(--i2-line); color: var(--i2-text); font-weight: 700; margin-bottom: .9em; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.mie-insp2 .i2-step__num::before { content: counter(i2step); }
.mie-insp2 .i2-step:not(.is-active):hover .i2-step__num { border-color: color-mix(in srgb, var(--i2-brand) 55%, transparent); }
.mie-insp2 .i2-step h3 { color: var(--i2-ink); font-size: 1.05em; margin: 0; text-transform: uppercase; letter-spacing: .06em; transition: color .18s ease; }
.mie-insp2 .i2-step__body { align-self: center; }
.mie-insp2 .i2-step p { margin: 0; font-size: .94em; transition: color .18s ease; }
.mie-insp2 .i2-step ul { margin: .7em 0 0; padding-left: 1.1em; font-size: .94em; transition: color .18s ease; }
.mie-insp2 .i2-step ul li { margin-bottom: .4em; }
/* steps before the active one read as completed */
.mie-insp2 .i2-step:has(~ .is-active) .i2-step__num { background: var(--i2-brand); border-color: var(--i2-brand); color: var(--i2-surface); }
.mie-insp2 .i2-step:has(~ .is-active) .i2-step__line,
.mie-insp2 .i2-step:has(~ .is-active) .i2-step__marker::before { border-color: var(--i2-brand); }
/* active step: brand band, white text, inverted node */
.mie-insp2 .i2-step.is-active { background: var(--i2-brand); }
.mie-insp2 .i2-step.is-active .i2-step__num { background: var(--i2-surface); border-color: var(--i2-surface); color: var(--i2-brand); box-shadow: 0 0 0 5px color-mix(in srgb, var(--i2-surface) 25%, transparent); }
.mie-insp2 .i2-step.is-active .i2-step__marker::before,
.mie-insp2 .i2-step.is-active .i2-step__line { border-color: color-mix(in srgb, var(--i2-surface) 60%, transparent); }
.mie-insp2 .i2-step.is-active h3 { color: var(--i2-surface); }
.mie-insp2 .i2-step.is-active p,
.mie-insp2 .i2-step.is-active ul { color: color-mix(in srgb, var(--i2-surface) 92%, transparent); }
/* --- CTA: brand gradient band --- */
.mie-insp2 .i2-cta { padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.mie-insp2 .i2-cta__band { background: linear-gradient(135deg, var(--i2-brand), var(--i2-brand-dark) 55%, var(--i2-dark) 160%); border-radius: 20px; text-align: center; padding: clamp(2.25rem, 5vw, 3.75rem) clamp(1.25rem, 4vw, 3rem); }
.mie-insp2 .i2-cta__band h2 { color: var(--i2-surface); margin: 0 0 .4em; }
.mie-insp2 .i2-cta__band p { color: var(--i2-surface); opacity: .85; margin: 0 0 1.8em; }
.mie-insp2 .i2-btn--inverse { display: inline-block; width: auto; background: var(--i2-surface); color: var(--i2-brand); }
.mie-insp2 .i2-btn--inverse:hover { background: var(--i2-tint); color: var(--i2-brand-dark); }
/* --- Responsive --- */
@media (max-width: 900px) {
	.mie-insp2 .i2-hero__grid { grid-template-columns: 1fr; }
	.mie-insp2 .i2-hero__media { max-width: 560px; }
	.mie-insp2 .i2-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.mie-insp2 .i2-step { grid-template-columns: 1fr; gap: 1em; }
	.mie-insp2 .i2-step__marker::before,
	.mie-insp2 .i2-step__line { display: none; }
	.mie-insp2 .i2-step__body { align-self: start; }
}
@media (prefers-reduced-motion: reduce) {
	.mie-insp2 * { transition: none !important; }
}