:root {
  color-scheme: light;
  --page: #f4f1eb;
  --surface: #ffffff;
  --surface-soft: #ebe5db;
  --ink: #202322;
  --muted: #5d625f;
  --line: #d8d1c6;
  --graphite: #1f2021;
  --graphite-soft: #363638;
  --accent: #ec9a3b;
  --accent-ink: #1c1711;
  --teal: #263f3e;
  --teal-ink: #ffffff;
  --whatsapp: #d9f4e4;
  --whatsapp-ink: #125b38;
  --error: #a02d23;
  --warning: #6e4d18;
  --radius: 18px;
  --shadow: 0 18px 44px rgba(39, 32, 23, .12);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  padding: 0 0 84px;
  color: var(--ink);
  background: var(--page);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
.skip-link {
  position: absolute;
  z-index: 10;
  top: -100px;
  left: 16px;
  padding: 10px 14px;
  border-radius: 10px;
  color: var(--teal-ink);
  background: var(--teal);
}
.skip-link:focus { top: 12px; }
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(100% - 32px, 760px);
  margin: 0 auto;
  padding: 18px 0;
}
.brand, .call-link { text-decoration: none; }
.brand { display: inline-flex; min-height: 44px; align-items: center; gap: 9px; font-weight: 700; }
.brand-copy { display: grid; gap: 1px; line-height: 1.1; }
.brand-copy small { color: rgba(255, 255, 255, .68); font-size: 10px; font-weight: 700; letter-spacing: .015em; }
.brand-mark {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 11px;
  color: var(--teal-ink);
  background: var(--teal);
  font-size: 13px;
  letter-spacing: .02em;
}
.call-link {
  min-height: 44px;
  padding: 10px 12px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}
.hero, .service-section, .how-section, .area-section, .form-section {
  width: min(100% - 32px, 760px);
  margin: 0 auto;
}
.hero {
  padding: clamp(38px, 9vw, 70px) 0 54px;
}
.eyebrow {
  margin: 0 0 10px;
  color: var(--teal);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 680px; margin-bottom: 16px; font-size: clamp(34px, 9vw, 56px); line-height: 1.05; letter-spacing: -.045em; }
h2 { margin-bottom: 12px; font-size: clamp(24px, 5vw, 34px); line-height: 1.15; letter-spacing: -.028em; }
h3 { margin-bottom: 18px; font-size: clamp(21px, 4vw, 27px); line-height: 1.18; letter-spacing: -.02em; }
.hero-copy { max-width: 590px; margin-bottom: 26px; color: var(--muted); font-size: clamp(17px, 3vw, 20px); }
.hero-actions, .form-actions, .result-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 17px;
  border: 1px solid transparent;
  border-radius: 14px;
  cursor: pointer;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}
.button-primary { color: var(--teal-ink); background: var(--teal); }
.button-secondary { border-color: var(--line); color: var(--ink); background: transparent; }
.button-whatsapp { color: var(--whatsapp-ink); background: var(--whatsapp); }
.button[disabled] { cursor: wait; opacity: .68; }
.writing-note {
  display: grid;
  gap: 5px;
  max-width: 640px;
  margin-top: 30px;
  padding: 16px;
  border-left: 4px solid var(--teal);
  border-radius: 0 14px 14px 0;
  color: var(--muted);
  background: var(--surface-soft);
}
.writing-note strong { color: var(--ink); }
.service-section, .how-section { padding: 42px 0; border-top: 1px solid var(--line); }
.section-heading { max-width: 590px; margin-bottom: 22px; }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.service-card {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: var(--surface);
  box-shadow: none;
  cursor: pointer;
  text-align: left;
}
.service-card strong, .service-card span { display: block; }
.service-card strong { margin-top: 1px; }
.service-card span { color: var(--muted); font-size: 14px; line-height: 1.35; }
.service-card .service-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  color: var(--teal-ink);
  background: var(--teal);
  font-size: 21px;
  line-height: 1;
}
.service-card--other { grid-column: 1 / -1; min-height: 112px; }
.steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.steps li { display: flex; gap: 13px; align-items: flex-start; }
.steps li > span { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: var(--teal-ink); background: var(--teal); font-weight: 800; }
.steps strong { display: block; margin-bottom: 2px; }
.steps p { margin-bottom: 0; color: var(--muted); }
.area-section { margin-bottom: 42px; padding: 26px; border-radius: var(--radius); background: var(--surface-soft); }
.area-section p:last-child { margin-bottom: 0; color: var(--muted); }
.form-section { margin-bottom: 24px; scroll-margin-top: 18px; }
.form-shell { padding: clamp(20px, 5vw, 34px); border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow); }
.form-intro { max-width: 600px; }
.form-intro > p:not(.eyebrow) { color: var(--muted); }
.local-only { display: inline-block; padding: 7px 10px; border-radius: 9px; color: var(--warning); background: color-mix(in srgb, var(--warning) 18%, transparent); font-size: 13px; font-weight: 700; }
.step-label { margin-bottom: 7px; color: var(--muted); font-size: 14px; font-weight: 800; }
.equipment-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; border: 0; }
.equipment-options label { position: relative; min-height: 70px; cursor: pointer; }
.equipment-options input { position: absolute; opacity: 0; pointer-events: none; }
.equipment-options .equipment-choice { display: grid; min-height: 70px; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); font-weight: 750; line-height: 1.25; }
.equipment-options .equipment-other { grid-column: 1 / -1; }
.equipment-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: var(--teal-ink); background: var(--teal); font-size: 17px; line-height: 1; }
.equipment-options input:checked + .equipment-choice { border-color: var(--teal); color: var(--teal-ink); background: var(--teal); }
.equipment-options input:checked + .equipment-choice .equipment-icon { color: var(--teal); background: var(--teal-ink); }
.symptom-shortcuts { margin-top: 18px; padding: 16px; border-radius: 15px; background: var(--surface-soft); }
.symptom-shortcuts h4 { margin: 0 0 4px; font-size: 16px; }
.symptom-shortcuts p { margin-bottom: 12px; color: var(--muted); font-size: 14px; }
.symptom-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.symptom-option { min-height: 48px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--surface); cursor: pointer; font-weight: 750; line-height: 1.2; text-align: left; }
.field-group { display: grid; gap: 7px; margin-bottom: 18px; }
.field-group label { font-weight: 750; }
.field-group label > span[aria-hidden] { color: var(--error); }
.optional { color: var(--muted); font-size: 13px; font-weight: 600; }
input, textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--ink);
  background: var(--page);
  font-size: 16px;
}
textarea { resize: vertical; }
input[aria-invalid="true"], textarea[aria-invalid="true"], .equipment-options[aria-invalid="true"] span { border-color: var(--error); }
.field-help, .field-error, .form-status { margin: 0; font-size: 14px; }
.field-help { color: var(--muted); }
.field-error { min-height: 1.3em; color: var(--error); font-weight: 700; }
.error-summary { margin: 0 0 18px; padding: 12px 14px; border-left: 4px solid var(--error); border-radius: 0 10px 10px 0; color: var(--error); background: color-mix(in srgb, var(--error) 11%, transparent); font-weight: 700; }
.form-status { min-height: 1.3em; margin-bottom: 12px; color: var(--muted); }
.form-actions { margin-top: 24px; }
.form-actions-end { justify-content: flex-end; }
.form-result { padding-top: 10px; }
.form-result p { color: var(--muted); }
.sticky-actions { position: fixed; z-index: 5; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--line); background: var(--surface); box-shadow: 0 -8px 22px light-dark(rgba(22, 55, 58, .09), rgba(0, 0, 0, .22)); }
.sticky-actions a { display: grid; min-height: 58px; place-items: center; color: var(--teal-ink); background: var(--teal); font-weight: 800; text-decoration: none; }
.sticky-actions a:last-child { color: var(--whatsapp-ink); background: var(--whatsapp); }
:focus-visible { outline: 3px solid light-dark(#d38c1d, #ffd06b); outline-offset: 3px; }
@media (min-width: 640px) {
  body { padding-bottom: 0; }
  .hero { padding-top: 68px; }
  .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sticky-actions { display: none; }
  .form-actions { justify-content: space-between; }
  .form-actions-end { justify-content: flex-end; }
}
@media (max-width: 420px) {
  .hero, .service-section, .how-section, .area-section, .form-section, .site-header { width: min(100% - 24px, 760px); }
  .hero-actions .button { width: 100%; }
  .form-actions .button { flex: 1 1 0; }
  .service-card { min-height: 158px; padding: 14px; }
  .service-card--other { min-height: 112px; }
  .service-card span { font-size: 13px; }
  .equipment-options .equipment-choice { min-height: 82px; padding: 10px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Brand direction from the approved business-card reference: graphite, warm amber and calm white surfaces. */
.top-stage {
  color: #fff;
  background: var(--graphite);
}
.site-header,
.hero,
.service-section,
.how-section,
.area-section,
.form-section {
  width: min(100% - 32px, 1040px);
}
.site-header { padding: 15px 0; }
.brand { color: #fff; letter-spacing: -.01em; }
.brand-mark {
  color: var(--accent-ink);
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(236, 154, 59, .14);
}
.call-link {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 12px;
}
.hero {
  position: relative;
  z-index: 0;
  display: grid;
  gap: 20px;
  padding: 22px 0 34px;
  color: #fff;
  isolation: isolate;
}
.hero::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 50%;
  bottom: 0;
  width: 100vw;
  content: "";
  background:
    radial-gradient(circle at 82% 28%, rgba(236, 154, 59, .22), transparent 33rem),
    linear-gradient(124deg, #1f2021 0%, #242526 63%, #323234 100%);
  transform: translateX(50%);
}
.hero-content { align-self: center; }
.hero--appliances .hero-content { max-width: 690px; }
.hero .eyebrow { color: #f2b86d; }
.hero h1 {
  max-width: 680px;
  margin-bottom: 17px;
  font-size: clamp(37px, 9vw, 62px);
}
.hero-copy {
  max-width: 590px;
  color: rgba(255, 255, 255, .78);
}
.hero-actions { gap: 11px; }
.button-primary {
  color: var(--accent-ink);
  background: var(--accent);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}
.button-primary:hover { background: #f3ae60; }
.button-whatsapp { border-color: #b2e8c9; }
.hero-visual {
  width: min(100%, 390px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 24px;
  background: #171819;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .34);
}
.hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1.18;
  object-fit: cover;
  object-position: center top;
}
.hero-visual--business-card img { object-position: 24% center; }
.hero-visual--appliances {
  width: 100%;
  max-width: 600px;
  min-height: 230px;
  margin: 2px auto 0;
  border: 1px solid rgba(255, 255, 255, .09);
  background: #171819;
}
.hero-visual--appliances img {
  height: 100%;
  min-height: 230px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 68% center;
}
.writing-note {
  max-width: 700px;
  margin-top: 0;
  border-left-color: var(--accent);
  color: rgba(255, 255, 255, .78);
  background: rgba(255, 255, 255, .08);
}
.writing-note strong { color: #fff; }
.writing-note .call-fallback { color: rgba(255, 255, 255, .64); font-size: 13px; }
.writing-note .call-fallback a { color: #fff; font-weight: 750; }
.service-section,
.how-section { padding: 48px 0; }
.service-section { border-top: 0; }
.section-heading { max-width: 670px; }
.eyebrow { color: #a55a11; }
.service-grid { gap: 13px; }
.service-card {
  min-height: 146px;
  padding: 17px;
  border-color: var(--line);
  border-radius: 20px;
  background: var(--surface);
  box-shadow: 0 8px 20px rgba(39, 32, 23, .05);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.service-card:hover {
  border-color: #c67822;
  box-shadow: 0 14px 24px rgba(39, 32, 23, .12);
  transform: translateY(-2px);
}
.service-card .service-icon {
  width: 42px;
  height: 42px;
  border: 1px solid #e9bd83;
  color: var(--accent-ink);
  background: #fff4e5;
}
.service-card--other {
  min-height: 104px;
  background: #f9f6f1;
}
.area-section {
  margin-bottom: 48px;
  border: 1px solid var(--line);
  background: var(--surface-soft);
}
.steps li > span,
.equipment-icon {
  color: var(--accent-ink);
  background: var(--accent);
}
.equipment-options input:checked + .equipment-choice {
  border-color: var(--accent);
  color: var(--accent-ink);
  background: #fff1df;
}
.equipment-options input:checked + .equipment-choice .equipment-icon {
  color: #fff;
  background: var(--graphite);
}
.sticky-actions {
  border-top-color: #cfc5b6;
  background: var(--surface);
  box-shadow: 0 -8px 22px rgba(39, 32, 23, .13);
}
.sticky-actions a { color: var(--accent-ink); background: var(--accent); }
.sticky-actions a:last-child { color: var(--whatsapp-ink); background: var(--whatsapp); }
:focus-visible { outline-color: #c77822; }

@media (min-width: 720px) {
  .hero {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    align-items: center;
    gap: clamp(28px, 6vw, 80px);
    padding: 38px 0 44px;
  }
  .hero-visual { width: 100%; margin: 0; }
  .writing-note { grid-column: 1 / -1; }
  .hero--appliances { grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr); }
  .hero--appliances .writing-note { grid-column: 1 / -1; }
  .hero-visual--appliances { max-width: none; min-height: 430px; }
  .hero-visual--appliances img { min-height: 430px; object-position: 68% center; }
  .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
  .site-header,
  .hero,
  .service-section,
  .how-section,
  .area-section,
  .form-section { width: min(100% - 24px, 1040px); }
  .site-header { padding: 12px 0; }
  .call-link { min-height: 40px; padding: 8px 10px; }
  .hero { padding-top: 18px; }
  .hero h1 { font-size: clamp(35px, 10vw, 44px); }
  .hero-visual { width: min(100%, 330px); }
  .hero-actions .button { width: 100%; }
  .service-card { min-height: 150px; }
}

@media (prefers-reduced-motion: reduce) {
  .service-card { transition: none; }
  .service-card:hover { transform: none; }
}

/* Approved mobile mockup transfer, 2026-10-03: decorative appliance image stays quiet behind live HTML copy. */
.hero,
.service-section,
.how-section,
.area-section,
.form-section,
.mobile-service {
  width: min(100% - 32px, 1040px);
}

.hero--appliances {
  display: block;
  min-height: 610px;
  padding: 42px 0 28px;
  overflow: hidden;
}

.hero--appliances::before {
  z-index: -2;
  background:
    radial-gradient(circle at 72% 20%, rgba(103, 112, 122, .16), transparent 31rem),
    linear-gradient(124deg, #1d1f20 0%, #1f2225 58%, #26292d 100%);
}

.hero--appliances .hero-content,
.hero--appliances .writing-note {
  position: relative;
  z-index: 1;
}

.hero--appliances .hero-content {
  max-width: min(100%, 520px);
}

.hero--appliances .hero-visual {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hero--appliances .hero-visual::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(29, 31, 32, .95) 0%, rgba(29, 31, 32, .88) 42%, rgba(29, 31, 32, .2) 69%, rgba(29, 31, 32, .04) 100%);
}

.hero--appliances .hero-visual img {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

/* Android refinement, 2026-10-03: remove artificial side gutters, quiet the scale, reveal the full appliance group. */
body {
  background: #fff;
}

@media (max-width: 719px) {
  .hero--appliances {
    min-height: 0;
    padding: 24px 0 20px;
  }

  .hero--appliances .hero-visual img {
    object-fit: contain;
    object-position: right center;
    filter: brightness(1.3) contrast(1.08);
  }

  .hero--appliances .hero-visual::after {
    background:
      linear-gradient(90deg, rgba(29, 31, 32, .98) 0%, rgba(29, 31, 32, .9) 43%, rgba(29, 31, 32, .42) 66%, rgba(29, 31, 32, .08) 100%),
      linear-gradient(0deg, rgba(29, 31, 32, .84) 0%, transparent 48%);
  }

  .hero h1 {
    margin-bottom: 6px;
    font-size: clamp(31px, 8.9vw, 38px);
  }

  .hero-location {
    margin-bottom: 11px;
    font-size: 19px;
  }

  .hero-copy {
    max-width: 308px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.45;
  }

  .hero-actions {
    gap: 9px;
  }

  .hero-actions .button {
    min-height: 51px;
    padding-inline: 14px;
    font-size: 15px;
  }

  .writing-note {
    gap: 4px;
    margin-top: 18px;
    padding: 12px 13px;
    border-left-width: 3px;
    border-radius: 13px;
    font-size: 14px;
    line-height: 1.38;
  }

  .service-section {
    padding: 38px 0 26px;
  }

  .service-section .section-heading {
    margin-bottom: 15px;
  }

  .service-card,
  .service-card--other {
    min-height: 132px;
    padding: 13px;
    border-radius: 15px;
  }

  .service-card .service-icon {
    width: 40px;
    height: 40px;
  }

  .service-card strong {
    font-size: 15px;
  }

  .service-card span:not(.service-icon) {
    font-size: 12px;
    line-height: 1.32;
  }

  .mobile-service {
    gap: 17px;
    margin-top: 14px;
    margin-bottom: 34px;
    padding: 20px;
    border-radius: 19px;
  }
}

/* Keep the appliance-selection step visually connected to the graphite service identity. */
.inquiry-page .equipment-options .equipment-choice {
  border-color: #3d474f;
  color: #f5f7f7;
  background: #293137;
}

.inquiry-page .equipment-options .equipment-choice > span:last-child {
  color: #f5f7f7;
}

.inquiry-page .equipment-options input:checked + .equipment-choice {
  border-color: var(--accent);
  color: #fff;
  background: #343d44;
  box-shadow: inset 0 0 0 1px rgba(240, 162, 71, .22);
}

.inquiry-page .equipment-options input:checked + .equipment-choice .equipment-icon {
  color: var(--accent-ink);
  background: var(--accent);
}

/* Separate inquiry route and automatic device theme, 2026-10-03. */
.service-card {
  text-decoration: none;
}

.inquiry-page {
  min-height: 100vh;
  padding-bottom: 32px;
  background: var(--page);
}

.inquiry-stage {
  width: min(100% - 32px, 860px);
  margin: 0 auto;
  padding: clamp(18px, 4vw, 44px) 0;
}

.inquiry-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 20px;
}

.inquiry-back,
.inquiry-whatsapp {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}

.inquiry-back {
  color: var(--ink);
}

.inquiry-whatsapp {
  color: var(--whatsapp-ink);
  background: var(--whatsapp);
}

.inquiry-shell {
  max-width: 760px;
  margin: 0 auto;
}

.inquiry-shell .form-intro {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.inquiry-shell h1 {
  font-size: clamp(32px, 6vw, 48px);
}

.form-step {
  padding-top: 22px;
}

.step-copy {
  max-width: 620px;
  margin-bottom: 18px;
  color: var(--muted);
}

.selected-equipment-context {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--accent-ink);
  background: color-mix(in srgb, var(--accent) 44%, var(--surface));
  font-size: 14px;
  font-weight: 800;
}

.inquiry-page .equipment-options .equipment-choice {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  min-height: 82px;
  padding: 13px;
}

.inquiry-page .equipment-icon {
  width: 42px;
  height: 42px;
  color: var(--accent-ink);
  background: color-mix(in srgb, var(--accent) 55%, var(--surface));
}

.inquiry-page .equipment-icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.3;
}

.inquiry-page .equipment-icon--other {
  font-size: 26px;
}

.inquiry-page .equipment-options input:checked + .equipment-choice {
  border-color: var(--accent);
  color: var(--ink);
  background: color-mix(in srgb, var(--accent) 18%, var(--surface));
}

.inquiry-page .equipment-options input:checked + .equipment-choice .equipment-icon {
  color: #fff;
  background: var(--graphite);
}

.symptom-shortcuts {
  margin: 0 0 20px;
  padding: 17px;
  border: 1px solid var(--line);
  background: var(--surface-soft);
}

.symptom-shortcuts h3 {
  margin-bottom: 12px;
  font-size: 17px;
}

.symptom-option {
  min-height: 54px;
  border-color: var(--line);
  color: var(--ink);
  background: var(--surface);
}

.symptom-option:hover,
.symptom-option--selected,
.symptom-option[aria-pressed="true"] {
  border-color: var(--accent);
  color: var(--ink);
  background: color-mix(in srgb, var(--accent) 21%, var(--surface));
}

.form-actions--first {
  justify-content: space-between;
}

@media (max-width: 480px) {
  .inquiry-stage {
    width: min(100% - 24px, 860px);
    padding-top: 14px;
  }

  .inquiry-topbar {
    margin-bottom: 14px;
  }

  .inquiry-back,
  .inquiry-whatsapp {
    padding-inline: 9px;
    font-size: 13px;
  }

  .form-actions--first .button {
    flex: 1 1 100%;
  }

  .inquiry-page .equipment-options .equipment-choice {
    grid-template-columns: 37px minmax(0, 1fr);
    min-height: 72px;
    padding: 11px;
  }

  .inquiry-page .equipment-icon {
    width: 37px;
    height: 37px;
  }

  .inquiry-page .equipment-icon svg {
    width: 27px;
    height: 27px;
  }

  .symptom-options {
    grid-template-columns: 1fr;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --page: #15191d;
    --surface: #20262b;
    --surface-soft: #2a3138;
    --ink: #f3f5f4;
    --muted: #c0c8cc;
    --line: #414b54;
    --graphite: #15181b;
    --graphite-soft: #282e34;
    --accent: #f0a247;
    --accent-ink: #1d1710;
    --teal: #315d59;
    --teal-ink: #ffffff;
    --whatsapp: #173f30;
    --whatsapp-ink: #c5f3d7;
    --error: #ff9b8e;
    --warning: #ffd18b;
  }

  body,
  .inquiry-page {
    background: var(--page);
  }

  .service-card,
  .form-shell,
  .symptom-option,
  .equipment-options .equipment-choice {
    color: var(--ink);
    background: var(--surface);
    box-shadow: none;
  }

  .service-card span:not(.service-icon),
  .field-help,
  .form-status,
  .form-intro > p:not(.eyebrow),
  .area-section p:last-child {
    color: var(--muted);
  }

  .area-section,
  .symptom-shortcuts {
    background: var(--surface-soft);
  }

  input,
  textarea {
    color: var(--ink);
    background: #171c20;
  }

  .button-secondary,
  .inquiry-back {
    border-color: var(--line);
    color: var(--ink);
  }

  .inquiry-whatsapp {
    color: var(--whatsapp-ink);
    background: var(--whatsapp);
  }

  .mobile-service {
    border-color: #49545c;
    background: #1d2328;
  }

  .sticky-actions {
    background: #171c20;
  }
}

body {
  background: var(--page);
}

/* Final compact Android hero refinement after physical OnePlus 8 feedback. */
@media (max-width: 719px) {
  .hero--appliances .hero-content {
    width: 54%;
  }

  .hero .eyebrow {
    margin-bottom: 8px;
    font-size: 11px;
  }

  .hero h1 {
    font-size: clamp(27px, 7.7vw, 32px);
    line-height: 1.03;
  }

  .hero-location {
    margin-bottom: 8px;
    font-size: 17px;
  }

  .hero-copy {
    max-width: 286px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.38;
  }

  .hero-actions {
    gap: 7px;
  }

  .hero-actions .button {
    min-height: 48px;
    font-size: 14px;
  }

  .hero--appliances .hero-visual {
    inset: 116px -30px auto auto;
    width: 77%;
    height: 228px;
  }

  .hero--appliances .hero-visual::after {
    background:
      linear-gradient(90deg, #1d1f20 0%, rgba(29, 31, 32, .94) 16%, rgba(29, 31, 32, .28) 46%, rgba(29, 31, 32, .04) 76%, #1d1f20 100%),
      linear-gradient(0deg, #1d1f20 0%, rgba(29, 31, 32, .06) 30%, rgba(29, 31, 32, .06) 72%, #1d1f20 100%);
  }
}

.hero .eyebrow {
  margin-bottom: 12px;
  color: #f0b66b;
}

.hero h1 {
  max-width: 540px;
  margin-bottom: 8px;
  font-size: clamp(38px, 11vw, 64px);
}

.hero-location {
  margin-bottom: 18px;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(21px, 5vw, 29px);
  font-weight: 750;
  letter-spacing: -.025em;
}

.hero-copy {
  max-width: 500px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
}

.hero-actions {
  display: grid;
  width: min(100%, 414px);
  gap: 12px;
}

.hero-actions .button {
  min-height: 58px;
  padding-inline: 18px;
  font-size: 17px;
}

.hero .button-whatsapp {
  border-color: rgba(255, 255, 255, .7);
  color: #fff;
  background: rgba(24, 27, 30, .48);
}

.writing-note {
  max-width: 620px;
  margin-top: 28px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-left: 4px solid var(--accent);
  border-radius: 16px;
  background: rgba(28, 31, 34, .76);
  backdrop-filter: blur(6px);
}

.service-section {
  padding: 54px 0 34px;
}

.service-section .section-heading {
  margin-bottom: 20px;
}

.service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.service-card,
.service-card--other {
  min-height: 162px;
  padding: 17px;
  border-radius: 17px;
  background: #fff;
}

.service-card--other {
  grid-column: auto;
}

.service-card .service-icon {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 0;
  color: #20252a;
  background: transparent;
}

.service-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.3;
}

.service-card strong {
  margin-top: 2px;
  font-size: 17px;
}

.service-card span:not(.service-icon) {
  color: #70757b;
  font-size: 13px;
}

.mobile-service {
  display: grid;
  gap: 22px;
  margin: 20px auto 44px;
  padding: 26px;
  border: 1px solid #394047;
  border-radius: 24px;
  color: #f8f8f6;
  background: #24282d;
}

.mobile-service .eyebrow {
  color: #f0b66b;
}

.mobile-service h2 {
  max-width: 640px;
  margin-bottom: 12px;
}

.mobile-service p {
  max-width: 680px;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, .75);
}

.mobile-service p:last-child {
  margin-bottom: 0;
}

.mobile-service-points {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-service-points li {
  display: grid;
  gap: 3px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 15px;
  background: rgba(255, 255, 255, .05);
}

.mobile-service-points strong {
  color: #fff;
}

.mobile-service-points span,
.other-appliance-note {
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}

.other-appliance-note {
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.other-appliance-note strong {
  color: #fff;
}

.sticky-actions {
  gap: 10px;
  padding: 10px 12px max(10px, env(safe-area-inset-bottom));
  border-top: 0;
  background: #1f2225;
}

.sticky-actions a,
.sticky-actions a:last-child {
  min-height: 54px;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 13px;
  color: #fff;
  background: transparent;
}

.sticky-actions a:first-child {
  border-color: var(--accent);
  color: var(--accent-ink);
  background: var(--accent);
}

@media (min-width: 720px) {
  .hero--appliances {
    min-height: 510px;
    padding: 74px 0 38px;
  }

  .hero--appliances .hero-content {
    max-width: 51%;
  }

  .hero--appliances .hero-visual::after {
    background: linear-gradient(90deg, rgba(29, 31, 32, .96) 0%, rgba(29, 31, 32, .88) 43%, rgba(29, 31, 32, .26) 68%, rgba(29, 31, 32, 0) 100%);
  }

  .hero-copy {
    font-size: 18px;
  }

  .writing-note {
    width: min(52%, 520px);
    margin-top: 28px;
  }

  .mobile-service {
    grid-template-columns: 1.1fr .9fr;
    align-items: start;
  }

  .other-appliance-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 420px) {
  .hero,
  .service-section,
  .how-section,
  .area-section,
  .form-section,
  .mobile-service,
  .site-header {
    width: min(100% - 24px, 1040px);
  }

  .hero--appliances {
    min-height: 0;
    padding-top: 24px;
  }

  .hero h1 {
    font-size: clamp(31px, 8.9vw, 38px);
  }

  .hero-copy {
    max-width: 308px;
  }

  .service-card,
  .service-card--other {
    min-height: 132px;
    padding: 13px;
  }

  .service-card strong {
    font-size: 15px;
  }

  .mobile-service {
    padding: 20px;
  }
}

/* Keep the compact Android scale after the desktop-first rules above. */
@media (max-width: 719px) {
  .hero h1 {
    margin-bottom: 6px;
    font-size: clamp(31px, 8.9vw, 38px);
  }

  .hero-location {
    margin-bottom: 11px;
    font-size: 19px;
  }

  .hero-copy {
    max-width: 308px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.45;
  }

  .hero-actions {
    gap: 9px;
  }

  .hero-actions .button {
    min-height: 51px;
    padding-inline: 14px;
    font-size: 15px;
  }

  .writing-note {
    gap: 4px;
    margin-top: 18px;
    padding: 12px 13px;
    border-left-width: 3px;
    border-radius: 13px;
    font-size: 14px;
    line-height: 1.38;
  }

  .service-section {
    padding: 38px 0 26px;
  }

  .service-section .section-heading {
    margin-bottom: 15px;
  }

  .service-card,
  .service-card--other {
    min-height: 132px;
    padding: 13px;
    border-radius: 15px;
  }

  .service-card .service-icon {
    width: 40px;
    height: 40px;
  }

  .service-card strong {
    font-size: 15px;
  }

  .service-card span:not(.service-icon) {
    font-size: 12px;
    line-height: 1.32;
  }

  .mobile-service {
    gap: 17px;
    margin-top: 14px;
    margin-bottom: 34px;
    padding: 20px;
    border-radius: 19px;
  }
}

/* Full-bleed hero composition: copy on the left, quiet appliance illustration on the right. */
.hero-stage {
  width: 100%;
  overflow: hidden;
  color: #fff;
  background: #1d1f20;
}

.hero-stage .hero {
  margin: 0 auto;
}

.hero-stage .hero::before {
  display: none;
}

@media (max-width: 719px) {
  .hero-stage .hero--appliances {
    min-height: 0;
    padding: 30px 0 20px;
  }

  .hero--appliances .hero-content {
    width: 56%;
    max-width: none;
  }

  .hero--appliances .hero-visual {
    z-index: 0;
    inset: 140px -8px auto auto;
    width: 59%;
    height: 184px;
    opacity: 1;
  }

  .hero--appliances .hero-visual img {
    object-fit: contain;
    object-position: right center;
    filter: brightness(1.36) contrast(1.08);
  }

  .hero--appliances .hero-visual::after {
    background: linear-gradient(90deg, #1d1f20 0%, rgba(29, 31, 32, .82) 21%, rgba(29, 31, 32, .16) 52%, rgba(29, 31, 32, 0) 100%);
  }

  .hero--appliances .hero-content,
  .hero--appliances .writing-note {
    z-index: 1;
  }

  .hero-actions {
    width: 100%;
  }

  .writing-note {
    width: 100%;
    max-width: none;
    margin-top: 22px;
    background: rgba(28, 31, 34, .9);
  }
}

/* Mobile service cards: keep the first choice area calm but clearly readable in both themes. */
.service-card,
.service-card--other {
  color: #f7f8f8;
  border-color: #3d474f;
  background: #293137;
  box-shadow: 0 9px 22px rgba(10, 15, 18, .14);
}

.service-card strong {
  color: #ffffff;
}

.service-card span:not(.service-icon) {
  color: #d2d8dc;
}

.service-card .service-icon {
  color: #f1a247;
}

.service-card:hover,
.service-card:focus-visible {
  border-color: #f1a247;
  box-shadow: 0 12px 26px rgba(10, 15, 18, .22);
}

/* Approved manual colour-mode control: small, keyboard-accessible and not presented as an app banner. */
.theme-toggle {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: var(--ink);
  background: var(--surface);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .12);
  cursor: pointer;
  font-size: 21px;
  line-height: 1;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
  outline: 0;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(236, 154, 59, .3);
}

.theme-toggle--hero {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 22px;
  color: #fff;
  background: rgba(20, 23, 25, .76);
}

.page-preferences {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.page-preferences--hero {
  position: absolute;
  z-index: 4;
  top: 8px;
  left: 0;
}

.page-preferences--hero .theme-toggle {
  color: #fff;
  background: rgba(20, 23, 25, .76);
}

.language-toggle {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: #fff;
  background: rgba(20, 23, 25, .76);
}

.language-toggle button {
  min-width: 34px;
  min-height: 34px;
  padding: 0 8px;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}

.language-toggle button[aria-pressed="true"] {
  color: #1c1711;
  background: #f1a247;
}

.language-toggle button:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #f1a247;
  outline-offset: -2px;
}

.inquiry-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.theme-toggle--inquiry {
  width: 40px;
  height: 40px;
}

.page-preferences--inquiry .language-toggle {
  color: var(--ink);
  background: var(--surface);
}

/* Manual choice wins over the device preference. */
:root[data-theme="light"] {
  color-scheme: light;
  --page: #f4f1eb;
  --surface: #ffffff;
  --surface-soft: #ebe5db;
  --ink: #202322;
  --muted: #5d625f;
  --line: #d8d1c6;
  --graphite: #1f2021;
  --graphite-soft: #363638;
  --accent: #ec9a3b;
  --accent-ink: #1c1711;
  --teal: #263f3e;
  --teal-ink: #ffffff;
  --whatsapp: #d9f4e4;
  --whatsapp-ink: #125b38;
  --error: #a02d23;
  --warning: #6e4d18;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #15191d;
  --surface: #20262b;
  --surface-soft: #2a3138;
  --ink: #f3f5f4;
  --muted: #c0c8cc;
  --line: #414b54;
  --graphite: #15181b;
  --graphite-soft: #282e34;
  --accent: #f0a247;
  --accent-ink: #1d1710;
  --teal: #315d59;
  --teal-ink: #ffffff;
  --whatsapp: #173f30;
  --whatsapp-ink: #c5f3d7;
  --error: #ff9b8e;
  --warning: #ffd18b;
}

:root[data-theme="light"] input,
:root[data-theme="light"] textarea {
  color: #202322;
  background: #ffffff;
}

:root[data-theme="light"] body,
:root[data-theme="light"] .inquiry-page {
  background: var(--page);
}

:root[data-theme="light"] .mobile-service {
  border-color: var(--line);
  background: var(--surface);
}

/* The mobile-service block has a dark default. Reset every inherited
   dark-text color when its surface becomes light. */
:root[data-theme="light"] .mobile-service h2,
:root[data-theme="light"] .mobile-service-points strong,
:root[data-theme="light"] .other-appliance-note strong {
  color: var(--ink);
}

:root[data-theme="light"] .mobile-service p,
:root[data-theme="light"] .mobile-service-points span,
:root[data-theme="light"] .other-appliance-note {
  color: var(--muted);
}

:root[data-theme="light"] .mobile-service-points li {
  border-color: var(--line);
  background: var(--surface-soft);
}

:root[data-theme="light"] .sticky-actions {
  background: #ffffff;
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea {
  color: var(--ink);
  background: #171c20;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .inquiry-page {
  background: var(--page);
}

:root[data-theme="dark"] .mobile-service {
  border-color: #49545c;
  background: #1d2328;
}

:root[data-theme="dark"] .sticky-actions {
  background: #171c20;
}

@media (max-width: 719px) {
  /* Approved compact-phone pass: desktop and tablet rules remain untouched. */
  .page-preferences--hero {
    top: 10px;
    right: 10px;
    left: auto;
    gap: 4px;
  }

  /* The compact utility row sits above the appliance illustration, not above the service label. */
  .hero-stage .hero--appliances {
    padding-top: 42px;
    padding-bottom: 32px;
  }

  .page-preferences--hero .theme-toggle {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }

  .hero--appliances .hero-content {
    width: 57%;
  }

  .hero .eyebrow {
    margin-bottom: 6px;
    font-size: 10px;
  }

  .hero h1 {
    margin-bottom: 9px;
    font-size: clamp(25px, 7.2vw, 29px);
    line-height: 1.04;
  }

  .hero-location {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .hero-copy {
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.42;
  }

  .hero-actions {
    gap: 7px;
  }

  .hero-actions .button {
    min-height: 46px;
    padding-inline: 11px;
    font-size: 14px;
  }

  .hero--appliances .hero-visual {
    inset: 128px -8px auto auto;
    width: 64%;
    height: 210px;
  }

  .writing-note {
    margin-top: 14px;
    padding: 10px 11px;
    font-size: 12.5px;
    line-height: 1.34;
  }

  .inquiry-tools {
    gap: 6px;
  }

  .page-preferences--inquiry .theme-toggle {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  .language-toggle button {
    min-width: 28px;
    min-height: 28px;
    padding-inline: 6px;
    font-size: 9px;
  }

  .service-section {
    padding-top: 28px;
    padding-bottom: 20px;
  }

  .service-section .section-heading {
    margin-bottom: 11px;
  }

  .service-card,
  .service-card--other {
    min-height: 108px;
    padding: 11px;
    border-radius: 14px;
  }

  .service-card .service-icon {
    width: 34px;
    height: 34px;
  }

  .service-card strong {
    font-size: 14px;
  }

.service-card span:not(.service-icon) {
    font-size: 11px;
    line-height: 1.28;
  }
}

/* Confirmed 2026-10-03: four visible sections, without a new form or map. */
.site-header--global { position:relative; z-index:20; display:grid; grid-template-columns:minmax(170px,auto) minmax(260px,1fr) auto auto; grid-template-areas:"brand navigation preferences inquiry"; align-items:center; gap:14px; width:min(calc(100% - 48px),1120px); margin:0 auto; padding:16px 0; color:#fff5e8; }
.site-header--global::before { position:absolute; z-index:-1; inset:0 calc(50% - 50vw); content:""; background:linear-gradient(90deg,rgba(255,126,27,.08),transparent 32%),#1a1817; border-bottom:1px solid rgba(255,218,182,.16); }
.site-brand { grid-area:brand; display:inline-flex; flex-direction:column; align-items:flex-start; gap:1px; min-width:0; color:inherit; line-height:1.04; text-decoration:none; }.site-brand>span { font-family:var(--font-display,inherit); font-size:1.12rem; font-weight:900; letter-spacing:-.025em; }.site-brand b { color:var(--accent,#ff7e1b); }.site-brand small { overflow:hidden; max-width:100%; color:rgba(255,245,232,.72); font-size:.64rem; font-weight:800; letter-spacing:.075em; line-height:1.25; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.site-navigation { grid-area:navigation; display:flex; align-items:center; justify-content:center; gap:3px; min-width:0; }.site-navigation a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 10px; border-radius:10px; color:rgba(255,245,232,.78); font-size:.8rem; font-weight:800; line-height:1; text-decoration:none; transition:background 160ms ease,color 160ms ease; white-space:nowrap; }.site-navigation a:hover,.site-navigation a:focus-visible { color:#fff; background:rgba(255,255,255,.1); }.site-navigation a[aria-current="page"] { color:#201611; background:var(--accent,#ff7e1b); box-shadow:0 5px 16px rgba(255,126,27,.18); }
.page-preferences--header { grid-area:preferences; display:flex; flex-wrap:nowrap; align-items:center; gap:6px; margin:0; }.page-preferences--header .language-toggle,.page-preferences--header .theme-toggle { flex:0 0 auto; }.page-preferences--header .language-toggle button { min-width:34px; min-height:32px; padding:0 8px; font-size:.7rem; }.page-preferences--header .theme-toggle { width:34px; min-width:34px; height:34px; min-height:34px; }.header-inquiry { grid-area:inquiry; min-width:100px; min-height:38px; padding:0 13px; font-size:.78rem; white-space:nowrap; }
.content-page { min-height:100vh; background:var(--page-bg); }.content-page .site-main { padding:0 0 42px; }.content-hero { width:min(calc(100% - 48px),1120px); margin:0 auto; padding:clamp(34px,5vw,66px) clamp(22px,5vw,60px) clamp(30px,4vw,48px); color:#fff6eb; background:radial-gradient(circle at 90% 10%,rgba(255,126,27,.2),transparent 27%),linear-gradient(135deg,#211c19,#181615 74%); border:1px solid rgba(255,221,189,.14); border-top:0; border-radius:0 0 24px 24px; box-shadow:0 22px 48px rgba(30,20,14,.14); }.content-hero .section-eyebrow,.content-hero .eyebrow { color:#ffad64; }.content-hero h1 { max-width:790px; margin:8px 0 16px; color:#fff7ed; font-family:var(--font-display,inherit); font-size:clamp(2rem,4.8vw,4.1rem); letter-spacing:-.055em; line-height:.98; }.content-lead { max-width:720px; margin:0; color:rgba(255,246,235,.83); font-size:clamp(1rem,1.65vw,1.18rem); line-height:1.62; }
.content-section,.contact-message,.future-contact-note { width:min(calc(100% - 48px),920px); margin:0 auto; padding:clamp(34px,5vw,62px) 0 0; }.content-section>h2,.content-section>.section-eyebrow+h2 { max-width:780px; margin:7px 0 14px; color:var(--text-main); font-family:var(--font-display,inherit); font-size:clamp(1.6rem,3vw,2.45rem); letter-spacing:-.045em; line-height:1.04; }.content-section>p:not(.section-eyebrow) { max-width:760px; margin:0; color:var(--text-soft); font-size:1rem; line-height:1.68; }
.brand-principle,.label-note,.contact-message,.future-contact-note { box-sizing:border-box; margin-top:22px; padding:clamp(18px,3vw,26px); border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--card-shadow); }.brand-principle h2,.contact-message h2,.future-contact-note h2 { margin:7px 0 10px; color:var(--text-main); font-family:var(--font-display,inherit); font-size:clamp(1.35rem,2.4vw,1.9rem); letter-spacing:-.035em; line-height:1.06; }.brand-principle p,.label-note p,.contact-message p,.future-contact-note p { margin:0; color:var(--text-soft); line-height:1.62; }.contact-message p+p { margin-top:10px; }.brand-groups,.work-steps,.contact-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0 0; padding:0; list-style:none; }.brand-groups li,.work-steps li,.contact-details li { padding:14px 16px; border:1px solid var(--line); border-radius:14px; color:var(--text-main); background:var(--surface); font-weight:800; line-height:1.4; }.label-note { border-color:rgba(255,126,27,.35); background:var(--surface-soft); }.work-steps { counter-reset:work-step; }.work-steps li { position:relative; min-height:116px; padding:19px 18px 18px 64px; color:var(--text-soft); font-weight:400; line-height:1.54; counter-increment:work-step; }.work-steps li::before { position:absolute; top:18px; left:17px; display:grid; width:31px; height:31px; place-items:center; border-radius:50%; color:#25170e; background:var(--accent,#ff7e1b); content:counter(work-step); font-size:.78rem; font-weight:900; }.work-steps strong { display:block; margin-bottom:4px; color:var(--text-main); }.contact-details { width:auto; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:22px; }.contact-details ul { display:contents; }.contact-details li { list-style:none; }.contact-details .eyebrow,.contact-details h2,.contact-details>p { grid-column:1 / -1; }.future-contact-note { padding:clamp(18px,3vw,26px); box-shadow:none; }
@media (max-width:1010px) { .site-header--global { grid-template-columns:minmax(0,1fr) auto auto; grid-template-areas:"brand preferences inquiry" "navigation navigation navigation"; gap:10px 14px; }.site-navigation { justify-content:flex-start; } }
@media (max-width:700px) { .site-header--global { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"brand preferences" "navigation navigation"; gap:10px; width:min(calc(100% - 24px),560px); padding:11px 0 10px; }.site-brand>span { font-size:1.01rem; }.site-brand small { font-size:.56rem; }.page-preferences--header { gap:4px; }.page-preferences--header .language-toggle button { min-width:29px; min-height:29px; padding:0 6px; font-size:.62rem; }.page-preferences--header .theme-toggle { width:30px; min-width:30px; height:30px; min-height:30px; }.header-inquiry { display:none; }.site-navigation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; width:100%; }.site-navigation a { min-width:0; min-height:32px; padding:0 4px; border-radius:8px; font-size:clamp(.63rem,2.8vw,.75rem); }.content-page .site-main { padding-bottom:26px; }.content-hero,.content-section,.contact-message,.future-contact-note { width:min(calc(100% - 24px),560px); }.content-hero { padding:31px 20px 28px; border-radius:0 0 18px 18px; }.content-hero h1 { font-size:clamp(1.9rem,10vw,2.65rem); }.content-section { padding-top:31px; }.content-section>p:not(.section-eyebrow),.brand-principle p,.label-note p,.contact-message p,.future-contact-note p { font-size:.94rem; }.brand-groups,.work-steps,.contact-details { grid-template-columns:1fr; }.work-steps li { min-height:0; } }
@media (max-width:360px) { .site-navigation { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Second visual package: open editorial flow, distinct page scenes. */
.content-page main { overflow:hidden; }.content-hero--visual { padding-block:clamp(38px,5.5vw,72px); }.content-hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(260px,.78fr); align-items:center; gap:clamp(26px,5vw,76px); }.content-hero-copy { position:relative; z-index:1; }.content-hero-copy .button { margin-top:24px; }.content-hero-copy .hero-actions { margin-top:24px; }.content-hero-copy .hero-actions .button { margin-top:0; }
.page-art { position:relative; min-height:292px; overflow:hidden; border-radius:50% 42% 44% 46%; background:linear-gradient(135deg,rgba(255,174,100,.14),rgba(255,255,255,.025)); isolation:isolate; }.page-art::before,.page-art::after { position:absolute; content:""; pointer-events:none; }.page-art--appliances::before { inset:40px 48px 24px 77px; border:2px solid rgba(255,205,155,.5); border-radius:28px 28px 64px 64px; box-shadow:inset 0 -70px 0 rgba(255,126,27,.11); }.page-art--appliances::after { right:33px; bottom:43px; width:74px; height:74px; border:2px solid rgba(255,205,155,.56); border-radius:50%; box-shadow:inset 0 0 0 14px rgba(255,126,27,.1); }.page-art--appliances i { position:absolute; top:34px; right:62px; width:52px; height:91px; border:2px solid rgba(255,205,155,.38); border-radius:10px 10px 24px 24px; }.page-art--appliances b { position:absolute; right:80px; bottom:71px; width:28px; height:28px; border-radius:50%; background:rgba(255,126,27,.75); }.page-art--appliances span { position:absolute; z-index:1; color:rgba(255,238,218,.58); font-family:var(--font-display,inherit); font-size:clamp(.73rem,1.2vw,.92rem); font-weight:800; letter-spacing:.03em; }.page-art--appliances span:nth-of-type(1) { top:24px; left:26px; transform:rotate(-10deg); }.page-art--appliances span:nth-of-type(2) { top:74px; left:6px; }.page-art--appliances span:nth-of-type(3) { bottom:74px; left:19px; transform:rotate(10deg); }.page-art--appliances span:nth-of-type(4) { bottom:25px; left:70px; }.page-art--appliances span:nth-of-type(5) { top:20px; right:11px; }
.page-art--how::before { top:50%; right:24px; left:24px; height:2px; background:linear-gradient(90deg,rgba(255,184,120,.14),rgba(255,184,120,.7),rgba(255,184,120,.14)); transform:translateY(-50%); }.page-art--how span { position:absolute; z-index:1; display:grid; width:55px; height:55px; place-items:center; border:1px solid rgba(255,223,191,.46); border-radius:50%; color:#25170e; background:var(--accent,#ff7e1b); box-shadow:0 0 0 12px rgba(255,126,27,.1); font-weight:900; }.page-art--how span:nth-of-type(1) { top:68px; left:35px; }.page-art--how span:nth-of-type(2) { top:142px; left:115px; }.page-art--how span:nth-of-type(3) { top:64px; right:105px; }.page-art--how span:nth-of-type(4) { right:30px; bottom:70px; }.page-art--how i { position:absolute; left:20px; bottom:35px; width:86px; height:38px; border:2px solid rgba(255,221,190,.38); border-radius:22px 22px 9px 9px; transform:skewX(-15deg); }.page-art--how b { position:absolute; top:31px; right:31px; width:45px; height:45px; border:2px solid rgba(255,221,190,.38); border-radius:14px; transform:rotate(14deg); }
.page-art--contact { background:radial-gradient(circle at 70% 29%,rgba(255,126,27,.42) 0 11%,transparent 11.5%),linear-gradient(135deg,rgba(255,174,100,.16),rgba(255,255,255,.025)); }.page-art--contact::before { right:70px; bottom:-40px; width:190px; height:238px; border:2px solid rgba(255,224,194,.4); border-radius:49% 49% 15% 15%; }.page-art--contact::after { right:118px; bottom:132px; width:94px; height:94px; border:2px solid rgba(255,224,194,.55); border-radius:50%; }.page-art--contact i { position:absolute; bottom:43px; left:37px; width:94px; height:61px; border:2px solid rgba(255,224,194,.45); border-radius:14px; transform:rotate(-10deg); }.page-art--contact b { position:absolute; bottom:67px; left:72px; width:23px; height:23px; border-radius:50%; background:var(--accent,#ff7e1b); box-shadow:32px 7px 0 rgba(255,173,100,.78),64px 13px 0 rgba(255,216,179,.5); }.page-art--contact span { position:absolute; top:37px; left:32px; width:82px; height:33px; border:2px solid rgba(255,224,194,.42); border-radius:18px 18px 18px 2px; }
.flow-section,.process-section,.about-story,.contact-route,.quiet-note { width:min(calc(100% - 48px),980px); margin:0 auto; }.flow-section { padding:clamp(54px,8vw,102px) 0 0; }.flow-section--center { text-align:center; }.flow-section--center h2,.flow-section--center>p:not(.eyebrow) { margin-inline:auto; }.flow-section h2,.process-section h2,.about-story h2,.contact-route h2 { max-width:760px; margin:8px 0 16px; color:var(--text-main); font-family:var(--font-display,inherit); font-size:clamp(1.65rem,3.3vw,2.7rem); letter-spacing:-.05em; line-height:1.03; }.flow-section>p:not(.eyebrow),.about-story-copy p,.contact-route p { max-width:720px; margin:0; color:var(--text-soft); font-size:1rem; line-height:1.7; }.flow-section--two,.contact-route { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(28px,7vw,100px); align-items:start; padding-top:clamp(55px,8vw,96px); border-top:1px solid var(--line); }.flow-section--two>p,.contact-route>div:last-child p { margin-top:27px; }.flow-section--two>p { max-width:none; }.brand-field { padding-bottom:0; }.brand-line { max-width:850px!important; margin-top:26px!important; color:var(--text-main)!important; font-size:clamp(1rem,1.65vw,1.25rem)!important; font-weight:800; letter-spacing:-.02em; line-height:1.75!important; }.brand-more { margin-top:8px!important; color:var(--text-soft)!important; font-size:.88rem!important; }
.process-section { padding:clamp(56px,8vw,104px) 0 0; text-align:center; }.process-section>p:not(.eyebrow),.process-section>h2 { margin-inline:auto; }.process-section ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:38px 0 0; padding:0; list-style:none; }.process-section li { position:relative; min-height:155px; padding:62px 20px 0; color:var(--text-soft); line-height:1.55; }.process-section li::before { position:absolute; top:0; left:50%; display:grid; width:35px; height:35px; place-items:center; border:1px solid rgba(255,126,27,.5); border-radius:50%; color:var(--accent,#ff7e1b); content:counter(list-item); font-size:.78rem; font-weight:900; transform:translateX(-50%); }.process-section li:not(:last-child)::after { position:absolute; top:17px; right:-1px; width:calc(100% - 35px); height:1px; background:var(--line); content:""; transform:translateX(50%); }.process-section strong { display:block; margin-bottom:7px; color:var(--text-main); font-size:.96rem; }.work-reality { margin-top:clamp(55px,8vw,96px); }.quiet-note { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; align-items:start; margin-top:clamp(48px,7vw,85px); padding:24px 0 0; border-top:1px solid var(--line); }.quiet-note-mark { display:grid; width:37px; height:37px; place-items:center; border-radius:50%; color:#24170f; background:var(--accent,#ff7e1b); font-size:1rem; font-weight:900; }.quiet-note h2 { margin:2px 0 7px; color:var(--text-main); font-family:var(--font-display,inherit); font-size:clamp(1.15rem,2.2vw,1.55rem); letter-spacing:-.035em; line-height:1.1; }.quiet-note p { max-width:720px; margin:0; color:var(--text-soft); line-height:1.65; }
.about-story { padding:clamp(56px,8vw,104px) 0 0; }.about-story h2 { max-width:600px; }.about-story-copy { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:27px; }.about-story-copy p { margin:0; }.contact-route { margin-top:clamp(55px,8vw,96px); }.contact-route>div:last-child p:first-child { margin-top:27px; }.contact-route a { color:var(--text-main); font-weight:900; text-decoration-color:var(--accent,#ff7e1b); text-underline-offset:3px; }.quiet-note--contact { margin-bottom:44px; }
@media (max-width:700px) { .content-hero-grid { grid-template-columns:1fr; gap:20px; }.page-art { min-height:190px; max-width:360px; margin:0 auto; width:100%; border-radius:42% 40% 40% 42%; }.page-art--appliances::before { inset:28px 70px 15px 84px; }.page-art--appliances::after { right:51px; bottom:30px; width:60px; height:60px; }.page-art--appliances i { top:23px; right:74px; height:66px; }.page-art--how span { width:43px; height:43px; }.page-art--how span:nth-of-type(1) { top:34px; left:31px; }.page-art--how span:nth-of-type(2) { top:104px; left:88px; }.page-art--how span:nth-of-type(3) { top:35px; right:89px; }.page-art--how span:nth-of-type(4) { right:30px; bottom:37px; }.page-art--contact::before { right:81px; bottom:-60px; width:147px; height:194px; }.page-art--contact::after { right:121px; bottom:93px; width:73px; height:73px; }.flow-section,.process-section,.about-story,.contact-route,.quiet-note { width:min(calc(100% - 24px),560px); }.flow-section--two,.contact-route { grid-template-columns:1fr; gap:0; }.flow-section--two>p,.contact-route>div:last-child p,.contact-route>div:last-child p:first-child { margin-top:14px; }.process-section ol { grid-template-columns:1fr; gap:0; margin-top:27px; text-align:left; }.process-section li { min-height:0; padding:0 0 24px 57px; }.process-section li::before { top:0; left:0; transform:none; }.process-section li:not(:last-child)::after { top:35px; bottom:0; left:17px; width:1px; height:calc(100% - 35px); transform:none; }.about-story-copy { grid-template-columns:1fr; gap:16px; }.brand-line { font-size:1rem!important; line-height:1.62!important; }.quiet-note { gap:13px; }.quiet-note-mark { width:33px; height:33px; }.content-hero-copy .button { margin-top:19px; } }

/* Meaningful photo scenes and a wider, quieter desktop rhythm. */
.content-hero { width:min(calc(100% - 56px),1260px); }.content-hero--visual { padding:clamp(42px,5vw,68px) clamp(30px,5.2vw,72px); }.content-hero-grid { grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr); gap:clamp(34px,5vw,84px); }.content-hero h1 { max-width:690px; font-size:clamp(1.9rem,3.45vw,3.45rem); line-height:1.01; }.content-lead { max-width:630px; font-size:clamp(.95rem,1.25vw,1.06rem); line-height:1.6; }.hero-photo { width:100%; min-height:330px; margin:0; overflow:hidden; border:1px solid rgba(255,222,190,.16); border-radius:18px; background:#24201e; box-shadow:0 18px 42px rgba(0,0,0,.22); }.hero-photo img { display:block; width:100%; height:100%; min-height:330px; object-fit:cover; object-position:center; }.hero-photo--appliances img,.hero-photo--contact img { object-position:75% center; }.hero-photo--process img { object-position:center; }
.flow-section,.process-section,.about-story,.contact-route,.quiet-note { width:min(calc(100% - 56px),1120px); }.flow-section { padding-top:clamp(48px,6vw,80px); }.flow-section h2,.process-section h2,.about-story h2,.contact-route h2 { max-width:870px; font-size:clamp(1.4rem,2.35vw,2.2rem); }.flow-section>p:not(.eyebrow),.about-story-copy p,.contact-route p { max-width:820px; font-size:.94rem; line-height:1.66; }.flow-section--two,.contact-route { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(42px,8vw,142px); padding-top:clamp(48px,6vw,80px); }.flow-section--two>p,.contact-route>div:last-child p { margin-top:15px; }.process-section { padding-top:clamp(50px,6.5vw,86px); }.process-section ol { max-width:1100px; margin:32px auto 0; }.process-section li { min-height:125px; padding:52px 16px 0; font-size:.9rem; }.process-section strong { font-size:.91rem; }.about-story { padding-top:clamp(50px,6.5vw,86px); }.about-story-copy { gap:clamp(20px,3vw,48px); margin-top:23px; }.contact-route { margin-top:clamp(48px,6vw,82px); }.quiet-note { margin-top:clamp(42px,6vw,72px); }.page-art { display:none; }
@media (max-width:900px) { .content-hero { width:min(calc(100% - 40px),760px); }.content-hero-grid { grid-template-columns:1fr; gap:24px; }.hero-photo { min-height:270px; }.hero-photo img { min-height:270px; }.flow-section,.process-section,.about-story,.contact-route,.quiet-note { width:min(calc(100% - 40px),760px); }.flow-section--two,.contact-route { gap:16px; } }
@media (max-width:700px) { .content-hero { width:min(calc(100% - 24px),560px); }.content-hero--visual { padding:30px 20px 25px; }.content-hero h1 { font-size:clamp(1.72rem,8.9vw,2.42rem); }.content-lead { font-size:.92rem; }.hero-photo { min-height:195px; border-radius:13px; }.hero-photo img { min-height:195px; }.flow-section,.process-section,.about-story,.contact-route,.quiet-note { width:min(calc(100% - 24px),560px); }.flow-section h2,.process-section h2,.about-story h2,.contact-route h2 { font-size:clamp(1.34rem,6.6vw,1.8rem); }.flow-section>p:not(.eyebrow),.about-story-copy p,.contact-route p { font-size:.91rem; }.flow-section--two,.contact-route { grid-template-columns:1fr; gap:0; }.process-section li { font-size:.88rem; } }

/* Mobile-first correction: no generated photography, quieter scale. */
.content-hero-grid--solo { display:block; }.content-hero-grid--solo .content-hero-copy { max-width:820px; }.content-hero-grid--solo .content-lead { max-width:670px; }
@media (max-width:700px) { .content-page .content-hero--visual { padding:24px 18px 22px; }.content-page .content-hero h1 { max-width:470px; margin:6px 0 11px; font-size:clamp(1.48rem,6.9vw,2.02rem); letter-spacing:-.045em; }.content-page .content-lead { max-width:470px; font-size:.84rem; line-height:1.53; }.content-page .eyebrow { font-size:.64rem; letter-spacing:.11em; }.content-page .content-hero-copy .button { min-height:41px; margin-top:16px; padding-inline:15px; font-size:.79rem; }.content-page .hero-actions { gap:8px; margin-top:16px; }.content-page .hero-actions .button { min-height:41px; padding-inline:13px; font-size:.76rem; }.content-page .flow-section,.content-page .process-section,.content-page .about-story,.content-page .contact-route,.content-page .quiet-note { width:min(calc(100% - 24px),560px); }.content-page .flow-section { padding-top:32px; }.content-page .flow-section--two,.content-page .contact-route { padding-top:32px; }.content-page .process-section,.content-page .about-story { padding-top:35px; }.content-page .flow-section h2,.content-page .process-section h2,.content-page .about-story h2,.content-page .contact-route h2 { margin:5px 0 9px; font-size:clamp(1.2rem,5.9vw,1.55rem); letter-spacing:-.038em; }.content-page .flow-section>p:not(.eyebrow),.content-page .about-story-copy p,.content-page .contact-route p,.content-page .quiet-note p { font-size:.84rem; line-height:1.57; }.content-page .about-story-copy { gap:12px; margin-top:16px; }.content-page .process-section ol { margin-top:20px; }.content-page .process-section li { padding:0 0 19px 49px; font-size:.82rem; line-height:1.46; }.content-page .process-section li::before { width:29px; height:29px; font-size:.68rem; }.content-page .process-section li:not(:last-child)::after { top:29px; left:14px; height:calc(100% - 29px); }.content-page .process-section strong { margin-bottom:3px; font-size:.84rem; }.content-page .quiet-note { gap:10px; margin-top:30px; padding-top:18px; }.content-page .quiet-note-mark { width:29px; height:29px; font-size:.84rem; }.content-page .quiet-note h2 { margin:0 0 5px; font-size:1.03rem; }.content-page .brand-line { margin-top:17px!important; font-size:.88rem!important; line-height:1.52!important; }.content-page .brand-more { font-size:.77rem!important; } }

/* Home on a phone: compact choices and one continuous appliance scene. */
@media (max-width:719px) {
  .hero-stage {
    background:
      radial-gradient(circle at 88% 39%, rgba(81, 89, 95, .17), transparent 46%),
      #1d1f20;
  }

  .hero-stage .hero--appliances {
    padding-top: 38px;
    padding-bottom: 24px;
  }

  .hero--appliances .hero-visual {
    inset: 99px -21px auto auto;
    width: 79%;
    height: 254px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .hero--appliances .hero-visual img {
    object-fit: contain;
    object-position: right center;
    filter: brightness(1.22) contrast(1.04);
  }

  .hero--appliances .hero-visual::after {
    background:
      linear-gradient(90deg, #1d1f20 0%, rgba(29, 31, 32, .96) 18%, rgba(29, 31, 32, .62) 39%, rgba(29, 31, 32, .18) 65%, rgba(29, 31, 32, 0) 82%),
      linear-gradient(0deg, #1d1f20 0%, rgba(29, 31, 32, .12) 27%, rgba(29, 31, 32, .07) 71%, #1d1f20 100%);
  }

  .writing-note {
    gap: 3px;
    margin-top: 11px;
    padding: 8px 10px;
    border-left-width: 2px;
    border-radius: 0 10px 10px 0;
    font-size: 11.5px;
    line-height: 1.3;
  }

  .writing-note .call-fallback {
    font-size: 10.5px;
  }

  .service-section {
    padding-top: 23px;
    padding-bottom: 15px;
  }

  .service-grid {
    gap: 8px;
  }

  .service-card,
  .service-card--other {
    min-height: 91px;
    padding: 9px 10px;
    border-radius: 11px;
  }

  .service-card .service-icon {
    width: 30px;
    height: 30px;
  }

  .service-card strong {
    margin-top: 0;
    font-size: 12.5px;
  }

  .service-card span:not(.service-icon) {
    font-size: 10px;
    line-height: 1.22;
  }
}

/* Package V1: compact equipment choices, one clear purpose per page. */
.service-section { padding-bottom: 34px; }
.service-grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 14px; max-width: 920px; }
.service-grid--compact .service-card {
  min-height: 88px;
  padding: 6px 2px 10px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--line);
  border-bottom: 1px solid color-mix(in srgb, var(--accent, #ff7e1b) 58%, transparent);
  background: transparent;
  box-shadow: none;
}
.service-grid--compact .service-card:hover,
.service-grid--compact .service-card:focus-visible { transform: none; border-bottom-color: var(--accent, #ff7e1b); background: color-mix(in srgb, var(--accent, #ff7e1b) 7%, transparent); box-shadow: none; }
.service-grid--compact .service-card .service-icon { width: 31px; height: 31px; margin-bottom: 5px; border-radius: 8px; background: color-mix(in srgb, var(--accent, #ff7e1b) 14%, transparent); }
.service-grid--compact .service-card strong { margin: 0; font-size: .88rem; }
.service-grid--compact .service-card span:not(.service-icon) { margin-top: 3px; font-size: .72rem; line-height: 1.34; }
.other-appliance-link { display: grid; grid-template-columns: minmax(190px, .75fr) minmax(0, 1.45fr); gap: 18px; max-width: 920px; margin-top: 17px; padding: 14px 0 0; color: var(--text-main); border-top: 1px solid var(--line); text-decoration: none; }
.other-appliance-link strong { color: var(--accent, #ff7e1b); font-size: .88rem; line-height: 1.35; }
.other-appliance-link span,.home-prepared-note { color: var(--text-soft); font-size: .83rem; line-height: 1.55; }
.other-appliance-link:hover span,.other-appliance-link:focus-visible span { color: var(--text-main); }
.home-prepared-note { max-width: 820px; margin: 15px 0 0; }
.contact-facebook { width:min(calc(100% - 56px),1120px); margin:clamp(44px,6vw,78px) auto 48px; padding-top:24px; border-top:1px solid var(--line); }
.contact-facebook h2 { max-width:690px; margin:7px 0 11px; color:var(--text-main); font-family:var(--font-display,inherit); font-size:clamp(1.3rem,2.25vw,2rem); letter-spacing:-.045em; line-height:1.06; }
.contact-facebook>p:not(.eyebrow) { max-width:700px; margin:0; color:var(--text-soft); font-size:.94rem; line-height:1.65; }
.facebook-link { display:inline-flex; align-items:center; min-height:42px; margin-top:18px; padding:0 14px; border:1px solid color-mix(in srgb, #1877f2 58%, var(--line)); border-radius:10px; color:var(--text-main); background:color-mix(in srgb, #1877f2 8%, transparent); font-size:.84rem; font-weight:850; text-decoration:none; }
.facebook-link::before { display:grid; width:20px; height:20px; margin-right:8px; place-items:center; border-radius:50%; color:#fff; background:#1877f2; content:"f"; font-family:Arial,sans-serif; font-size:15px; font-weight:900; }
.facebook-link:hover,.facebook-link:focus-visible { border-color:#1877f2; background:color-mix(in srgb, #1877f2 15%, transparent); }
@media (max-width:700px) {
  .service-section { padding-top:24px; padding-bottom:25px; }
  .service-grid--compact { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 10px; }
  .service-grid--compact .service-card { min-height:76px; padding:5px 0 8px; }
  .service-grid--compact .service-card .service-icon { width:27px; height:27px; margin-bottom:4px; }
  .service-grid--compact .service-card strong { font-size:.77rem; }
  .service-grid--compact .service-card span:not(.service-icon) { font-size:.62rem; line-height:1.26; }
  .other-appliance-link { grid-template-columns:1fr; gap:4px; margin-top:13px; padding-top:12px; }
  .other-appliance-link strong { font-size:.77rem; }
  .other-appliance-link span,.home-prepared-note { font-size:.71rem; line-height:1.48; }
  .home-prepared-note { margin-top:11px; }
  .contact-facebook { width:min(calc(100% - 24px),560px); margin:35px auto 30px; padding-top:20px; }
  .contact-facebook h2 { margin:5px 0 8px; font-size:clamp(1.18rem,5.6vw,1.5rem); }
  .contact-facebook>p:not(.eyebrow) { font-size:.84rem; line-height:1.57; }
  .facebook-link { min-height:39px; margin-top:14px; padding:0 12px; font-size:.74rem; }
}