@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');
/* Carwise service pages. WPCode CSS snippet, load only on the six service pages.
   Generated by service-pages/tools/build.py from tools/cws.src.css. Do not hand-edit.
   Every selector starts with `.cw.cw-svc:not(#cws-x)`: it matches only inside <div class="cw cw-svc">;
   the :not(#cws-x) part only raises specificity so theme rules cannot override it.
   Keep the @import as the first line. */

/* ===== Carwise service pages. Everything lives under .cw.cw-svc:not(#cws-x); classes use the cws- prefix so they never
   collide with the homepage (cwh-*) or the listings plugin (cw-* under .cw). ===== */
.cw.cw-svc:not(#cws-x) {
  --bg: #F1F3F8;
  --card: #FFFFFF;
  --ink: #22263A;
  --muted: #5A6078;
  --line: #E2E5EE;
  --line-ui: #82889E;
  --stripe: #F7F8FB;
  --accent: #253993;
  --accent-h: #1B2B72;
  --on-accent: #FFFFFF;
  --tint: #E6EAF7;
  --tint-ink: #1C2C74;
  --btn-ink: #22263A;
  --btn-ink-h: #363B55;
  --on-ink: #FFFFFF;
  --shadow: 0 2px 0 rgba(34,38,58,.07);
  --r-card: 24px;
  --r-box: 16px;
  --r-sm: 14px;
  --font: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  font-family: var(--font);
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
.cw.cw-svc:not(#cws-x)[data-theme="dark"] {
  --bg: #14172A; --card: #1E2236; --ink: #EEF0F7; --muted: #A6ACC4; --line: #2E3352; --line-ui: #6B7194; --stripe: #191C30;
  --accent: #AFC0FF; --accent-h: #C9D4FF; --on-accent: #14172A; --tint: #232B4D; --tint-ink: #C9D4FF;
  --btn-ink: #EEF0F7; --btn-ink-h: #FFFFFF; --on-ink: #14172A; --shadow: 0 2px 0 rgba(0,0,0,.35);
  --cw-logo-blue: #FFFFFF;
}
.cw.cw-svc:not(#cws-x) *, .cw.cw-svc:not(#cws-x) *::before, .cw.cw-svc:not(#cws-x) *::after { box-sizing: border-box; }
.cw.cw-svc:not(#cws-x) svg { display: block; flex: none; }
.cw.cw-svc:not(#cws-x) a { color: var(--accent); text-underline-offset: 3px; }
.cw.cw-svc:not(#cws-x) a:hover { color: var(--accent-h); }
.cw.cw-svc:not(#cws-x) a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 8px; }
.cw.cw-svc:not(#cws-x) p { margin: 0; }
.cw.cw-svc:not(#cws-x) :is(ul, ol, li) { margin: 0; padding: 0; list-style: none; }
.cw.cw-svc:not(#cws-x) li::marker { content: none; }
.cw.cw-svc:not(#cws-x) :is(h1, h2, h3) { font-family: var(--font); color: inherit; margin: 0; text-transform: none; }
.cw.cw-svc:not(#cws-x) h1 { font-weight: 800; font-size: clamp(32px, 3.8vw, 48px); line-height: 1.06; letter-spacing: -0.03em; text-wrap: balance; }
.cw.cw-svc:not(#cws-x) h2 { font-weight: 800; font-size: clamp(29px, 3.6vw, 44px); line-height: 1.1; letter-spacing: -0.02em; text-wrap: balance; }
.cw.cw-svc:not(#cws-x) h3 { font-weight: 700; font-size: 21px; line-height: 1.25; letter-spacing: -0.01em; }
.cw.cw-svc:not(#cws-x) :is(strong, b) { font-weight: 700; }

.cw.cw-svc:not(#cws-x) .cws-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }
.cw.cw-svc:not(#cws-x) .cws-section { padding-bottom: clamp(56px, 7vw, 96px); }
.cw.cw-svc:not(#cws-x) .cws-section__head { display: flex; flex-direction: column; gap: 12px; max-width: 720px; margin-bottom: 28px; }
.cw.cw-svc:not(#cws-x) .cws-section__head p { font-size: 18px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-card { background: var(--card); border-radius: var(--r-card); box-shadow: var(--shadow); }

/* Visible placeholder tags: must stay visible so nothing ships by accident */
.cw.cw-svc:not(#cws-x) .cws-ph { display: inline; font-family: var(--font); font-size: 13px; font-weight: 700; line-height: 1.5; letter-spacing: 0; color: #7A2E0E; background: #FDEBD3; border: 1px dashed #C4651A; border-radius: 6px; padding: 1px 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

/* Buttons: pills */
.cw.cw-svc:not(#cws-x) .cws-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 10px 26px; border-radius: 999px; font-family: var(--font); font-size: 17px; font-weight: 700; line-height: 1.2; text-decoration: none; text-align: center; border: 0; }
.cw.cw-svc:not(#cws-x) .cws-btn--accent { background: var(--accent); color: var(--on-accent); }
.cw.cw-svc:not(#cws-x) .cws-btn--accent:hover { background: var(--accent-h); color: var(--on-accent); }
.cw.cw-svc:not(#cws-x) .cws-btn--ink { background: var(--btn-ink); color: var(--on-ink); }
.cw.cw-svc:not(#cws-x) .cws-btn--ink:hover { background: var(--btn-ink-h); color: var(--on-ink); }
.cw.cw-svc:not(#cws-x) .cws-btn--ghost { background: var(--card); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line-ui); }
.cw.cw-svc:not(#cws-x) .cws-btn--ghost:hover { color: var(--accent); box-shadow: inset 0 0 0 1.5px var(--accent); }
.cw.cw-svc:not(#cws-x) .cws-btn--sm { min-height: 44px; padding: 8px 20px; font-size: 16px; white-space: nowrap; }
.cw.cw-svc:not(#cws-x) .cws-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

/* ----- Header (same look as the homepage) ----- */
.cw.cw-svc:not(#cws-x) .cws-header__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 20px; padding-bottom: 20px; }
.cw.cw-svc:not(#cws-x) .cws-logo { display: flex; align-items: center; color: var(--ink); line-height: 0; text-decoration: none; }
.cw.cw-svc:not(#cws-x) .cws-logo:hover { color: var(--ink); }
.cw.cw-svc:not(#cws-x) .cws-nav { display: flex; align-items: center; gap: clamp(12px, 2.5vw, 30px); font-weight: 600; font-size: 16px; }
.cw.cw-svc:not(#cws-x) .cws-nav__link { color: var(--muted); text-decoration: none; display: none; }
.cw.cw-svc:not(#cws-x) .cws-nav__link:hover, .cw.cw-svc:not(#cws-x) .cws-nav__link[aria-current="page"] { color: var(--accent); }
@media (min-width: 900px) { .cw.cw-svc:not(#cws-x) .cws-nav__link { display: inline; } }
.cw.cw-svc:not(#cws-x) .cws-lang { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--line-ui); font-size: 14px; font-weight: 700; }
.cw.cw-svc:not(#cws-x) .cws-lang a { color: var(--muted); text-decoration: none; padding: 6px 10px; border-radius: 999px; line-height: 1; }
.cw.cw-svc:not(#cws-x) .cws-lang a[aria-current="page"] { background: var(--btn-ink); color: var(--on-ink); }
.cw.cw-svc:not(#cws-x) .cws-lang a:hover { color: var(--accent); }
.cw.cw-svc:not(#cws-x) .cws-lang a[aria-current="page"]:hover { color: var(--on-ink); }
@media (max-width: 479px) {
  .cw.cw-svc:not(#cws-x) .cws-header__in { gap: 10px; }
  .cw.cw-svc:not(#cws-x) .cws-nav { gap: 8px; }
  .cw.cw-svc:not(#cws-x) .cws-logo svg { height: 24px !important; }
  .cw.cw-svc:not(#cws-x) .cws-lang a { padding: 6px 8px; }
  .cw.cw-svc:not(#cws-x) .cws-header__in .cws-btn--sm { padding-left: 12px; padding-right: 12px; font-size: 14px; }
}

/* ----- Breadcrumb ----- */
.cw.cw-svc:not(#cws-x) .cws-crumbs { padding-top: 4px; font-size: 14px; font-weight: 600; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.cw.cw-svc:not(#cws-x) .cws-crumbs li { display: inline-flex; align-items: center; gap: 6px; }
.cw.cw-svc:not(#cws-x) .cws-crumbs a { color: var(--muted); text-decoration: underline; }
.cw.cw-svc:not(#cws-x) .cws-crumbs a:hover { color: var(--accent); }

/* ----- Hero: copy left, route card right ----- */
.cw.cw-svc:not(#cws-x) .cws-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; padding-top: clamp(20px, 4vw, 56px); padding-bottom: clamp(48px, 6vw, 80px); }
@media (min-width: 960px) { .cw.cw-svc:not(#cws-x) .cws-hero { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.cw.cw-svc:not(#cws-x) .cws-hero__copy { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: var(--tint); color: var(--tint-ink); font-size: 14px; font-weight: 700; line-height: 1.3; }
.cw.cw-svc:not(#cws-x) .cws-hero__lead { font-size: clamp(18px, 1.6vw, 20px); line-height: 1.5; color: var(--muted); max-width: 600px; }
.cw.cw-svc:not(#cws-x) .cws-hero__terms { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 15px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-hero__terms b { color: var(--ink); font-size: 17px; }

.cw.cw-svc:not(#cws-x) .cws-route { padding: clamp(22px, 3vw, 32px); display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-route__k { font-size: 14px; font-weight: 700; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-route ol { display: flex; flex-direction: column; }
.cw.cw-svc:not(#cws-x) .cws-route li { position: relative; display: flex; align-items: center; gap: 14px; padding: 10px 0; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-route li + li::after { content: ""; position: absolute; left: 21px; top: -12px; height: 24px; width: 2px; background: var(--line); }
.cw.cw-svc:not(#cws-x) .cws-route__icon { position: relative; z-index: 1; width: 44px; height: 44px; border-radius: var(--r-sm); background: var(--tint); color: var(--accent); display: grid; place-items: center; flex: none; }
.cw.cw-svc:not(#cws-x) .cws-route__t { display: flex; flex-direction: column; min-width: 0; font-weight: 700; line-height: 1.3; }
.cw.cw-svc:not(#cws-x) .cws-route__t small { font-size: 14px; font-weight: 500; color: var(--muted); }

/* ----- Feature cards ----- */
.cw.cw-svc:not(#cws-x) .cws-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
@media (min-width: 640px) { .cw.cw-svc:not(#cws-x) .cws-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .cw.cw-svc:not(#cws-x) .cws-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cw.cw-svc:not(#cws-x) .cws-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cw.cw-svc:not(#cws-x) .cws-item { padding: 26px; display: flex; flex-direction: column; gap: 12px; }
.cw.cw-svc:not(#cws-x) .cws-item__icon { width: 44px; height: 44px; border-radius: var(--r-sm); background: var(--tint); color: var(--accent); display: grid; place-items: center; }
.cw.cw-svc:not(#cws-x) .cws-item p { font-size: 16px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-note { margin-top: 20px; padding: 18px 24px; border-radius: 20px; background: var(--card); box-shadow: var(--shadow); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; font-size: 16px; }
.cw.cw-svc:not(#cws-x) .cws-note a { font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }

/* ----- Plain explanation block ----- */
.cw.cw-svc:not(#cws-x) .cws-explain { padding: clamp(24px, 4vw, 48px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px 48px; }
@media (min-width: 900px) { .cw.cw-svc:not(#cws-x) .cws-explain { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.cw.cw-svc:not(#cws-x) .cws-explain__body { display: flex; flex-direction: column; gap: 14px; font-size: 18px; }
.cw.cw-svc:not(#cws-x) .cws-explain__body p + p { color: var(--muted); }

/* ----- Steps ----- */
.cw.cw-svc:not(#cws-x) .cws-steps { counter-reset: cwsstep; }
.cw.cw-svc:not(#cws-x) .cws-step { counter-increment: cwsstep; padding: 26px; display: flex; flex-direction: column; gap: 12px; }
.cw.cw-svc:not(#cws-x) .cws-step::before { content: counter(cwsstep); width: 44px; height: 44px; border-radius: 999px; background: var(--btn-ink); color: var(--on-ink); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; }
.cw.cw-svc:not(#cws-x) .cws-step p { font-size: 16px; color: var(--muted); }

/* ----- What to send + price ----- */
.cw.cw-svc:not(#cws-x) .cws-send { padding: clamp(18px, 4vw, 48px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px 48px; align-items: start; }
@media (min-width: 900px) { .cw.cw-svc:not(#cws-x) .cws-send { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.cw.cw-svc:not(#cws-x) .cws-send__list-wrap { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-send__list-wrap > p { font-size: 18px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-check { display: flex; flex-direction: column; gap: 10px; }
.cw.cw-svc:not(#cws-x) .cws-check li { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: var(--r-box); background: var(--stripe); font-weight: 600; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-check__icon { width: 28px; height: 28px; border-radius: 999px; background: var(--tint); color: var(--accent); display: grid; place-items: center; flex: none; }
.cw.cw-svc:not(#cws-x) .cws-check li > span:last-child { min-width: 0; padding-top: 1px; }
.cw.cw-svc:not(#cws-x) .cws-price { display: flex; flex-direction: column; gap: 16px; padding: 24px; border-radius: 20px; background: var(--stripe); box-shadow: inset 0 0 0 1.5px var(--line); min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-price__k { font-size: 14px; font-weight: 700; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-price__v { font-size: clamp(24px, 2.4vw, 30px); font-weight: 800; letter-spacing: -0.015em; line-height: 1.15; }
.cw.cw-svc:not(#cws-x) .cws-price .cws-price__p { font-size: 16px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-price .cws-ctas { flex-direction: column; align-items: stretch; }
.cw.cw-svc:not(#cws-x) .cws-price .cws-btn { padding-left: 16px; padding-right: 16px; }
@media (max-width: 479px) { .cw.cw-svc:not(#cws-x) .cws-price { padding: 18px; } }

/* ----- FAQ: plain h3 + p, mirrored byte-for-byte in the FAQPage JSON-LD ----- */
.cw.cw-svc:not(#cws-x) .cws-faq { display: flex; flex-wrap: wrap; gap: 32px; }
.cw.cw-svc:not(#cws-x) .cws-faq > h2 { flex: 1 1 280px; }
.cw.cw-svc:not(#cws-x) .cws-faq__list { flex: 2 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.cw.cw-svc:not(#cws-x) .cws-qa { padding: 22px 24px; display: flex; flex-direction: column; gap: 8px; }
.cw.cw-svc:not(#cws-x) .cws-qa h3 { font-size: 19px; }
.cw.cw-svc:not(#cws-x) .cws-qa p { font-size: 16px; color: var(--muted); }

/* ----- Other services ----- */
.cw.cw-svc:not(#cws-x) .cws-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 760px) { .cw.cw-svc:not(#cws-x) .cws-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cw.cw-svc:not(#cws-x) .cws-links li { display: flex; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-links a { flex: 1; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 14px 22px; background: var(--card); border-radius: 20px; box-shadow: var(--shadow); font-weight: 700; font-size: 18px; color: var(--ink); text-decoration: none; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-links a:hover { color: var(--accent); }
.cw.cw-svc:not(#cws-x) .cws-links svg { color: var(--muted); }

/* ----- Contact (same as the homepage) ----- */
.cw.cw-svc:not(#cws-x) .cws-contact { display: flex; flex-wrap: wrap; gap: 32px; }
.cw.cw-svc:not(#cws-x) .cws-contact__head { flex: 1 1 280px; display: flex; flex-direction: column; gap: 12px; }
.cw.cw-svc:not(#cws-x) .cws-contact__head p { font-size: 18px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-contact__head .cws-contact__phone { font-size: 15px; }
.cw.cw-svc:not(#cws-x) .cws-contact__list { flex: 2 1 560px; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; align-content: start; }
.cw.cw-svc:not(#cws-x) .cws-contact__list li { display: flex; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-contact__list a { flex: 1; display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 20px; background: var(--card); box-shadow: var(--shadow); text-decoration: none; color: var(--ink); font-weight: 700; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-contact__list a:hover { color: var(--accent); }
.cw.cw-svc:not(#cws-x) .cws-contact__icon { width: 40px; height: 40px; border-radius: 999px; background: var(--tint); color: var(--accent); display: grid; place-items: center; flex: none; }
.cw.cw-svc:not(#cws-x) .cws-contact__list small { display: block; font-weight: 500; color: var(--muted); font-size: 14px; }

/* ----- Footer ----- */
.cw.cw-svc:not(#cws-x) .cws-footer__in { border-top: 1.5px solid var(--line); padding-top: 36px; padding-bottom: 44px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 32px; font-size: 15px; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-footer__links { display: flex; flex-wrap: wrap; gap: 8px 24px; font-weight: 600; }
.cw.cw-svc:not(#cws-x) .cws-footer a { color: var(--ink); text-decoration: none; display: inline-block; padding: 3px 0; }
.cw.cw-svc:not(#cws-x) .cws-footer a:hover { color: var(--accent); }

/* ----- Cost table (registration page): real <table>, rows stack on narrow screens ----- */
.cw.cw-svc:not(#cws-x) .cws-costs { padding: clamp(18px, 4vw, 48px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px 48px; align-items: start; }
@media (min-width: 900px) { .cw.cw-svc:not(#cws-x) .cws-costs { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.cw.cw-svc:not(#cws-x) .cws-costs__body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.cw.cw-svc:not(#cws-x) .cws-table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.4; }
.cw.cw-svc:not(#cws-x) .cws-table :is(th, td) { padding: 12px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); font-family: var(--font); color: var(--ink); background: none; }
.cw.cw-svc:not(#cws-x) .cws-table thead :is(th, td) { padding-top: 0; font-size: 14px; font-weight: 700; color: var(--muted); }
.cw.cw-svc:not(#cws-x) .cws-table tbody th { font-weight: 600; padding-right: 20px; }
.cw.cw-svc:not(#cws-x) .cws-table tbody td { font-weight: 800; white-space: nowrap; }
.cw.cw-svc:not(#cws-x) .cws-table thead th, .cw.cw-svc:not(#cws-x) .cws-table tbody td { text-align: right; }
.cw.cw-svc:not(#cws-x) .cws-table tbody tr:last-child :is(th, td) { border-bottom: 0; }
.cw.cw-svc:not(#cws-x) .cws-costs__note { font-size: 15px; color: var(--muted); padding: 14px 16px; border-radius: var(--r-box); background: var(--stripe); }
@media (max-width: 559px) {
  .cw.cw-svc:not(#cws-x) .cws-table thead { display: none; }
  .cw.cw-svc:not(#cws-x) .cws-table :is(tbody, tr, th, td) { display: block; }
  .cw.cw-svc:not(#cws-x) .cws-table tbody tr { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .cw.cw-svc:not(#cws-x) .cws-table tbody tr:last-child { border-bottom: 0; }
  .cw.cw-svc:not(#cws-x) .cws-table tbody :is(th, td) { padding: 0; border-bottom: 0; text-align: left; }
  .cw.cw-svc:not(#cws-x) .cws-table tbody th { padding-right: 0; }
  .cw.cw-svc:not(#cws-x) .cws-table tbody td { margin-top: 2px; white-space: normal; }
}