.mission__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.reviews__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
align-items: center; gap: var(--space-l);
}
.services-hero__lead {
  max-inline-size: 38em;
  font-size: var(--text-l); line-height: 1.6; color: var(--primary-semi-dark);
}
.review-card__stars {
  display: inline-flex; gap: 0.15em; color: oklch(80% 0.16 80deg);
  & svg { inline-size: 1.125rem; block-size: 1.125rem; }
}
.about-hero__image {
  display: block; inline-size: 100%; block-size: 100%;
  object-fit: cover; object-position: center; border-radius: 0;
}
.site-footer__tagline {
  max-inline-size: 38ch;
}
.estimate-form__option {
  display: flex; align-items: center; gap: 0.6em;
  padding: 0.7em 0.9em;
  border: 1px solid color-mix(in oklch, var(--primary-semi-dark) 25%, transparent);
  border-radius: calc(var(--radius) * 2);
  font-size: var(--text-s); font-weight: 600;
  color: var(--primary-ultra-dark);
  cursor: pointer;
  transition: border-color var(--transition), background-color var(--transition);
  &:hover { border-color: var(--primary); }
  &:has(input:checked) { border-color: var(--primary); background: color-mix(in oklch, var(--primary) 14%, var(--white)); }
  &:has(input:focus-visible) { box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary) 30%, transparent); }
}
.features__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-l);
  position: sticky; inset-block-start: 7.5rem;
  @media (width < 992px) { position: static; }
}
.about-promise__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.services-hero__jump-icon {
  display: inline-grid; place-items: center; flex-shrink: 0;
  border-radius: calc(var(--radius) * 3);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white));
  color: var(--primary-semi-dark);
  inline-size: 2.5rem; block-size: 2.5rem;
  & svg { inline-size: 1.25rem; block-size: 1.25rem; }
}
.services-hero__jump-title {
  font-size: var(--text-s); font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--primary-semi-dark);
}
.services {
  background: color-mix(in oklch, var(--primary) 20%, transparent);
}
.btn--primary {
  color: var(--white);
}
.site-header__list {
  display: flex; align-items: center; gap: var(--space-l);
  @media (width < 1200px) { gap: var(--space-m); }
  list-style: none; padding: 0; margin: 0;
}
.estimate-form__group--full {
  grid-column: 1 / -1;
}
.mission__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s);
}
.quote-form {
  display: grid; gap: var(--space-m);
  @media (width >= 640px) { grid-template-columns: 1fr 1fr; }
  &[hidden] { display: none; }
}
.about-cta__text {
  font-size: var(--text-l); color: var(--text-light-muted);
}
.section-head {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
  max-inline-size: var(--width-60);
}
.estimate-form__options {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-xs);
}
.services-cta__text {
  font-size: var(--text-l); color: var(--text-light-muted);
}
.services-cta__title {
  font-size: var(--h2); letter-spacing: -0.02em; line-height: 1.15;
  color: var(--white);
}
.estimate-form__total {
  font-size: var(--h2); font-weight: 800; letter-spacing: -0.03em; line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--white);
}
.mission__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding: var(--space-l);
  border-radius: calc(var(--radius) * 4);
  background: color-mix(in oklch, var(--primary) 20%, transparent);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
}
.quote-form__label {
  padding: 0;
  font-size: var(--text-s); font-weight: 700;
  color: var(--primary-ultra-dark);
  &::after { content: " *"; color: var(--secondary); }
}
.estimate-form__result {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--space-xs) var(--space-m);
  padding: var(--space-m) var(--space-l);
  border-radius: calc(var(--radius) * 4);
  background:
    radial-gradient(18rem 10rem at 100% 100%, color-mix(in oklch, var(--primary) 45%, transparent), transparent 70%),
    linear-gradient(135deg, var(--primary-semi-dark), var(--primary-dark));
  @media (width < 640px) { padding: var(--space-m); }
}
.estimate__container {
  inline-size: 100%; max-inline-size: 52rem; margin-inline: auto;
  display: flex; flex-direction: column; align-items: center;
  gap: var(--space-l);
}
.cta-band {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  padding: var(--space-l) var(--space-xl-to-m);
  border-radius: calc(var(--radius) * 4);
  background: color-mix(in oklch, var(--primary) 20%, transparent);
  border: 1px solid color-mix(in oklch, var(--primary-light) 60%, transparent);
  @media (width < 640px) {
    padding: var(--space-l) var(--space-m);
  }
}
.services-hero__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-s);
  margin-block-start: var(--space-xs);
}
.services__grid {
  display: grid; grid-template-columns: var(--grid-1); gap: var(--grid-gap);
  list-style: none; padding: 0; margin: 0;
  @media (width > 802px) { grid-template-columns: var(--grid-2); }
  @media (width >= 1280px) { grid-template-columns: var(--grid-3); }
}
.services-cta {
  padding-block: var(--section-space-l);
}
.site-header__mobile-nav {
  position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + var(--space-xs));
  display: flex; flex-direction: column; gap: 0.156rem;
  min-inline-size: 16.25rem; padding: var(--space-xs);
  background: var(--white); border-radius: calc(var(--radius) * 3);
  border: 1px solid color-mix(in oklch, var(--primary-light) 60%, transparent);
  box-shadow: var(--box-shadow-1);
}
.service-area__title {
  color: var(--white); letter-spacing: -0.02em;
}
.about-cta__content {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
}
.services-hero__content {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-m);
}
.review-card__text {
  color: var(--primary-dark); line-height: 1.7;
}
.site-footer__copyright {
  padding-block-start: var(--space-m);
  border-block-start: var(--border-light);
  font-size: var(--text-s);
}
.service-row {
  display: grid; grid-template-columns: 1fr; align-items: center;
  gap: var(--space-l);
  padding: var(--space-s);
  scroll-margin-block-start: var(--space-xxl);
  border-radius: calc(var(--radius) * 5);
  background: var(--white);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  box-shadow: 0 24px 48px -32px color-mix(in oklch, var(--primary-ultra-dark) 30%, transparent);

  @media (width >= 900px) {
    grid-template-columns: 5fr 6fr;
    gap: var(--space-xl);

    &:nth-child(even) { grid-template-columns: 6fr 5fr; }
    &:nth-child(even) .service-row__media { order: 2; }
  }

  &:target { border-color: var(--primary); }
}
.service-area__btn {
  margin-block-start: var(--space-xs);
  --btn-background: var(--white);
  --btn-background-hover: var(--primary-light);
  --btn-text-color: var(--primary-semi-dark);
  --btn-text-color-hover: var(--primary-ultra-dark);
  --btn-border-color: var(--white);
  --btn-border-color-hover: var(--primary-light);
}
.service-list__items {
  display: flex; flex-direction: column; gap: var(--space-xl);
  list-style: none; padding: 0; margin: 0;
}
.site-footer__list {
  display: flex; flex-direction: column; gap: 0.35em;
  list-style: none; padding: 0; margin: 0;
}
.quote__success {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-xs);
  padding-block: var(--space-l);
  text-align: center;
  &[hidden] { display: none; }
  &:focus { outline: none; }
}
.quote__success-text {
  font-size: var(--text-l); color: var(--primary-semi-dark);
}
.service-row__icon {
  display: inline-grid; place-items: center; flex-shrink: 0;
  border-radius: calc(var(--radius) * 3);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white));
  color: var(--primary-semi-dark);
  inline-size: 3.5rem; block-size: 3.5rem;
  & svg { inline-size: 1.75rem; block-size: 1.75rem; }
}
.site-footer {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  padding-block: var(--section-space-m) var(--space-l);
  padding-inline: var(--gutter);
  background: var(--primary-ultra-dark);
  color: var(--text-light-muted);
  & .btn--primary { --btn-text-color: var(--primary-ultra-dark); --btn-text-color-hover: var(--primary-ultra-dark); }
  & .btn--primary.btn--outline {
    --btn-text-color: var(--primary-semi-dark); --btn-border-color: var(--primary);
    --btn-background-hover: var(--primary); --btn-text-color-hover: var(--primary-ultra-dark); --btn-border-color-hover: var(--primary);
  }
}
.estimate-form__step-title {
  padding: 0; margin-block-end: var(--space-m);
  font-size: var(--h4); font-weight: 800; letter-spacing: -0.01em;
  color: var(--primary-ultra-dark);
}
.service-area__image {
  display: block; inline-size: 100%; block-size: 100%;
  object-fit: cover; border-radius: 0;
}
.service-area__media {
  margin: 0; align-self: stretch;
  min-block-size: 20rem;
  border-radius: calc(var(--radius) * 4); overflow: hidden;
  box-shadow: 0 30px 60px -24px color-mix(in oklch, var(--black) 60%, transparent);
}
.about-promise__figure {
  display: flex; flex-direction: column; align-items: center;
  gap: var(--space-m);
  max-inline-size: 52rem;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: center;
}
.hero__content {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m);
}
.service-row__media {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: calc(var(--radius) * 4);
}
.hero__trust {
  display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-m);
  list-style: none; padding: 0; margin: 0;
  padding-block-start: var(--space-xs);
  @media (width < 480px) { flex-direction: column; }
}
.estimate-form__nav {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-s);
  & > :only-child { margin-inline-start: auto; }
}
.site-header__actions {
  display: flex; align-items: center; gap: var(--space-xs);
}
.quote__success-title {
  font-size: var(--h3); letter-spacing: -0.02em;
  color: var(--primary-ultra-dark);
}
.about-cta {
  padding-block: 0 var(--section-space-l);
}
.hero__stars {
  display: inline-flex; gap: 0.15em; color: oklch(80% 0.16 80deg);
  & svg { inline-size: 1.2em; block-size: 1.2em; }
}
.site-header__mobile-link {
  padding: 0.75em 1em; border-radius: calc(var(--radius) * 2);
  font-weight: 600; text-decoration: none; color: var(--primary-dark);
  &:hover { background: color-mix(in oklch, var(--primary-ultra-light) 45%, var(--white)); color: var(--primary-semi-dark); }

  &[aria-current="page"] { background: color-mix(in oklch, var(--primary-ultra-light) 45%, var(--white)); color: var(--primary-semi-dark); }
}
.hero__highlight {
  color: var(--secondary);
  background: linear-gradient(transparent 62%, color-mix(in oklch, var(--primary-light) 35%, transparent) 62%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.estimate-form__grid {
  display: grid; gap: var(--space-m);
  @media (width >= 640px) { grid-template-columns: 1fr 1fr; }
}
.steps__grid {
  display: grid; grid-template-columns: var(--grid-3);
  @media (width < 768px) { grid-template-columns: var(--grid-1); } gap: var(--grid-gap);
  inline-size: 100%;
  list-style: none; padding: 0; margin: 0;
}
.quote-form__checkbox {
  flex-shrink: 0; inline-size: 1.15em; block-size: 1.15em; margin: 0.2em 0 0;
  accent-color: var(--secondary);
}
.about-standards__card-title {
  font-size: var(--h4); letter-spacing: -0.01em;
  color: var(--primary-ultra-dark);
}
.service-area__content {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s);
}
.about-standards__icon {
  display: inline-grid; place-items: center; flex-shrink: 0;
  inline-size: 3.5rem; block-size: 3.5rem;
  border-radius: calc(var(--radius) * 3);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white));
  color: var(--primary-semi-dark);
  & svg { inline-size: 1.75rem; block-size: 1.75rem; }
}
.service-area__city--more {
  background: var(--white); color: var(--primary-semi-dark); border-color: var(--white);
}
.estimate-form__field {
  display: flex; flex-direction: column; gap: var(--space-xs);
}
.review-card__quote {
  flex-grow: 1; margin: 0; padding: 0; border: 0; background: none;
}
.service-list__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.site-header__toggle {
  display: grid; place-items: center;
  inline-size: 2.75rem; block-size: 2.75rem;
  list-style: none; cursor: pointer;
  border-radius: calc(var(--radius) * 2);
  border: 1px solid var(--primary-light);
  color: var(--primary-ultra-dark);
  &::-webkit-details-marker { display: none; }
  & svg { inline-size: 1.375rem; block-size: 1.375rem; }
}
.about-standards__grid {
  display: grid; grid-template-columns: var(--grid-auto-3); gap: var(--grid-gap);
  list-style: none; padding: 0; margin: 0;
}
.about-promise {
  padding-block: var(--section-space-l);
}
.services-hero__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.review-card__source {
  font-size: var(--text-xs); color: var(--primary-semi-light);
}
.step-card__title {
  font-size: var(--h4); color: var(--white);
}
.service-card__link {
  display: inline-flex; align-items: center; gap: 0.4em;
  font-size: var(--text-s); font-weight: 700; text-decoration: none;
  color: var(--primary-semi-dark);
  & svg { inline-size: 1.1em; block-size: 1.1em; transition: translate var(--transition); }
  &:hover { color: var(--primary-dark); }
  &:hover svg { translate: 4px 0; }
  padding-block: 0.4em;
}
.estimate-form__group {
  display: flex; flex-direction: column; gap: var(--space-xs);
  min-inline-size: 0;
  margin: 0; padding: 0; border: 0;
}
.about-hero__title {
  font-size: var(--h1); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05;
  color: var(--primary-ultra-dark);
}
.mission__icon {
  display: inline-grid; place-items: center; flex-shrink: 0;
  inline-size: 3.5rem; block-size: 3.5rem;
  border-radius: calc(var(--radius) * 3);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white));
  color: var(--primary-semi-dark);
  & svg { inline-size: 1.75rem; block-size: 1.75rem; }
  background: var(--white);
}
.services-hero {
  padding-block: var(--section-space-l);
  background:
    radial-gradient(37.5rem 25rem at 90% 10%, color-mix(in oklch, var(--primary-light) 30%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)), var(--white));
  overflow: clip;
}
.service-area__city {
  display: inline-flex; align-items: center; gap: 0.45em;
  padding: 0.55em 1.05em; border-radius: var(--radius-circle);
  background: color-mix(in oklch, var(--white) 10%, transparent);
  border: var(--border-light);
  font-size: var(--text-s); font-weight: 600; color: var(--white);
  & svg { inline-size: 1.1em; block-size: 1.1em; color: var(--primary-light); }
}
.logo {
  display: inline-flex; align-items: center;
  text-decoration: none; line-height: 0;
}
:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-hero__content {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-m);
}
.about-promise__quote {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.hero__image {
  display: block; inline-size: 100%; block-size: 100%;
  object-fit: cover; object-position: center; border-radius: 0;
}
.site-footer__inner {
  display: flex; flex-direction: column; gap: var(--space-xl);
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.hero__trust-item {
  display: inline-flex; align-items: center; gap: 0.5em;
  font-size: var(--text-s); font-weight: 600; color: var(--primary-dark);
  & svg { inline-size: 1.25em; block-size: 1.25em; color: var(--secondary); }
}
.quote-form__input {
  inline-size: 100%;
  min-block-size: 3.25rem;
  padding: 0.8em 1em;
  font: inherit;
  color: var(--primary-ultra-dark);
  background: color-mix(in oklch, var(--primary-ultra-light) 25%, var(--white));
  border: 1px solid color-mix(in oklch, var(--primary-semi-dark) 25%, transparent);
  border-radius: calc(var(--radius) * 2);
  transition: border-color var(--transition), box-shadow var(--transition);
  &::placeholder { color: color-mix(in oklch, var(--primary-semi-dark) 55%, transparent); }
  &:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary) 30%, transparent); }
}
.hero__badge {
  position: absolute; z-index: 3; inset-block-start: var(--space-s); inset-inline-end: var(--space-s);
  padding: 0.6em 1.1em; border-radius: var(--radius-circle);
  font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em;
  background: var(--primary-ultra-dark); color: var(--white);
  box-shadow: var(--box-shadow-1);
}
.services-hero__jump-link {
  display: flex; align-items: center; gap: 0.85em;
  padding: 0.55em 0.65em;
  border-radius: calc(var(--radius) * 2);
  font-weight: 700; text-decoration: none;
  color: var(--primary-ultra-dark);
  transition: background-color var(--transition), color var(--transition);
  &:hover,
  &:focus-visible {
    background: color-mix(in oklch, var(--primary) 16%, transparent);
    color: var(--primary-dark);
  }
}
.logo--light {
  padding: 0.5rem 0.875rem; border-radius: calc(var(--radius) * 3);
  background: var(--white);
  & .logo__image { block-size: 3.5rem; mix-blend-mode: normal; }
}
.quote__title {
  font-size: var(--h1); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05;
  text-align: center;
  color: var(--primary-ultra-dark);
}
.quote-form__error {
  padding: 0.85em 1em;
  border-radius: calc(var(--radius) * 2);
  font-size: var(--text-s); font-weight: 600;
  color: oklch(45% 0.15 25);
  background: oklch(96% 0.03 25);
  &[hidden] { display: none; }
}
.about-hero__accent {
  font-size: var(--h4); font-weight: 700; letter-spacing: -0.01em; line-height: 1.3;
  color: var(--secondary);
}
.review-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  inline-size: 100%;
  margin: 0;
  padding: var(--space-l);
  background: var(--white);
  border-radius: calc(var(--radius) * 4);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  box-shadow: var(--box-shadow-1);
}
.hero__lead {
  font-size: var(--text-l); max-inline-size: 58ch; color: var(--primary-semi-dark);
}
.reviews__grid {
  display: grid; grid-template-columns: var(--grid-auto-3); gap: var(--grid-gap);
  inline-size: 100%;
  list-style: none; padding: 0; margin: 0;
}
.reviews__stars {
  display: inline-flex; gap: 0.15em; color: oklch(80% 0.16 80deg);
  & svg { inline-size: 1.1em; block-size: 1.1em; }
}
.services__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.section-head__lead {
  font-size: var(--text-l); color: var(--primary-semi-dark);
}
.step-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding: var(--space-l) var(--space-m);
  border-radius: calc(var(--radius) * 4);
  background: color-mix(in oklch, var(--white) 5%, transparent);
  border: var(--border-light);
    box-shadow: var(--box-shadow-1);
}
.about-cta__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.service-card__image {
  display: block; inline-size: 100%; block-size: 100%;
  object-fit: cover; border-radius: 0;
  transition: scale 0.6s var(--ease-smooth);
}
.about-standards {
  padding-block: var(--section-space-l);
  background: color-mix(in oklch, var(--primary) 20%, transparent);
}
.services-hero__jump {
  display: flex; flex-direction: column; gap: var(--space-s);
  padding: var(--space-l) var(--space-m);
  border-radius: calc(var(--radius) * 4);
  background: var(--white);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  box-shadow: 0 30px 60px -30px color-mix(in oklch, var(--primary-ultra-dark) 30%, transparent);
}
.about-standards__card {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
  padding: var(--space-l) var(--space-m);
  border-radius: calc(var(--radius) * 4);
  background: var(--white);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
}
.estimate__success-text {
  font-size: var(--text-l); color: var(--primary-semi-dark);
}
.cta-band__text {
  color: var(--primary-semi-dark);
}
.service-card__media {
  margin: 0; margin-inline: calc(var(--space-m) * -1);
  inline-size: calc(100% + var(--space-m) * 2);
  aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: 0;
}
.about-hero__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-s);
  margin-block-start: var(--space-xs);
}
.services-hero__jump-list {
  display: grid; gap: 0.25rem;
  list-style: none; padding: 0; margin: 0;
}
.steps__cta {
  --btn-background: var(--white);
  --btn-background-hover: var(--primary-light);
  --btn-text-color: var(--primary-semi-dark);
  --btn-text-color-hover: var(--primary-ultra-dark);
  --btn-border-color: var(--white);
  --btn-border-color-hover: var(--primary-light);
}
.site-header__cta {
  --btn-min-width: 0; --btn-font-weight: 700; --btn-radius: var(--radius-circle); --btn-border-radius: var(--radius-circle);
  --btn-padding-block: 0.85em; --btn-padding-inline: 1.4em;
  @media (width < 480px) { display: none; }
}
.eyebrow {
  display: inline-flex; align-items: center; gap: 0.75em;
  font-size: var(--text-s); font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--primary-semi-dark);
  &::before { content: ""; inline-size: 1.5rem; block-size: 2px; border-radius: var(--radius-circle); background: currentColor; }
}
.estimate-form__honeypot {
  position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; opacity: 0; pointer-events: none;
}
.site-header__mobile {
  display: none; position: relative;
  @media (width < 992px) { display: block; }
}
.estimate__success {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-xs);
  padding-block: var(--space-l);
  text-align: center;
  &[hidden] { display: none; }
  &:focus { outline: none; }
}
.site-header__nav {
  @media (width < 992px) { display: none; }
}
.site-footer__cta {
  --btn-min-width: 0; --btn-font-weight: 700; --btn-border-radius: var(--radius-circle);
  --btn-padding-block: 0.85em; --btn-padding-inline: 1.4em;
  margin-block-start: var(--space-xs);
}
.review-card__author {
  display: flex; align-items: center; gap: var(--space-xs);
  padding-block-start: var(--space-s);
  border-block-start: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
}
.hero__title {
  font-size: var(--h1); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05;
  color: var(--primary-ultra-dark);
}
.about-cta__actions {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
  @media (width >= 992px) { align-items: flex-end; }
}
.mission__text {
  font-size: var(--text-l);
}
.site-header__link {
  position: relative; white-space: nowrap; display: inline-block; padding-block: 0.4em;
  font-size: var(--text-s); font-weight: 600; text-decoration: none;
  color: var(--primary-dark);
  &::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: -0.4em; block-size: 2px; border-radius: var(--radius-circle); background: var(--primary); scale: 0 1; transition: scale var(--transition); }
  &:hover { color: var(--primary-semi-dark); }
  &:hover::after { scale: 1 1; }

  &[aria-current="page"] { color: var(--primary-semi-dark); }
  &[aria-current="page"]::after { scale: 1 1; }
}
.site-footer__col {
  display: flex; flex-direction: column; gap: var(--space-s);
}
.features__layout {
  display: grid; grid-template-columns: var(--grid-2-3); align-items: start;
  gap: var(--container-gap);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
}
.about-promise__text {
  font-size: var(--h2); font-weight: 800; letter-spacing: -0.03em; line-height: 1.2;
  color: var(--primary-ultra-dark);
  text-wrap: balance;
}
.about-cta__panel {
  display: grid; grid-template-columns: var(--grid-3-2); align-items: center;
  gap: var(--container-gap);
  padding: var(--space-xxl-to-l) var(--space-xl-to-m);
  border-radius: calc(var(--radius) * 5);
  background:
    radial-gradient(25rem 18.75rem at 100% 100%, color-mix(in oklch, var(--primary) 45%, transparent), transparent 70%),
    linear-gradient(135deg, var(--primary-semi-dark), var(--primary-dark));
  color: var(--text-light-muted);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
  @media (width < 640px) { padding: var(--space-xl) var(--space-m); border-radius: calc(var(--radius) * 4); }
}
.quote-form__option {
  display: flex; align-items: flex-start; gap: 0.75em;
  padding: 0.85em 1em;
  border: 1px solid color-mix(in oklch, var(--primary-semi-dark) 25%, transparent);
  border-radius: calc(var(--radius) * 2);
  font-weight: 600;
  color: var(--primary-ultra-dark);
  cursor: pointer;
  transition: border-color var(--transition), background-color var(--transition);
  &:hover { border-color: var(--primary); }
  &:has(input:checked) { border-color: var(--primary); background: color-mix(in oklch, var(--primary) 14%, var(--white)); }
  &:has(input:focus-visible) { box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary) 30%, transparent); }
}
.features__grid {
  display: grid; grid-template-columns: var(--grid-2); gap: var(--grid-gap);
  list-style: none; padding: 0; margin: 0;
  @media (width < 640px) { grid-template-columns: var(--grid-1); }
}
.quote__container {
  inline-size: 100%; max-inline-size: 52rem; margin-inline: auto;
  display: flex; flex-direction: column; align-items: center;
  gap: var(--space-l);
}
.estimate {
  padding-block: var(--section-space-l);
  background:
    radial-gradient(37.5rem 25rem at 90% 0%, color-mix(in oklch, var(--primary-light) 30%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)), color-mix(in oklch, var(--primary) 20%, var(--white)));
}
.quote-form__radio {
  flex-shrink: 0; inline-size: 1.15em; block-size: 1.15em; margin: 0.15em 0 0;
  accent-color: var(--secondary);
}
.quote-form__option--consent {
  font-size: var(--text-s); font-weight: 400; line-height: 1.6;
  color: var(--primary-semi-dark);
}
.services-hero__title {
  font-size: var(--h1); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05;
  color: var(--primary-ultra-dark);
}
.steps__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
align-items: center;
}
.service-list {
  padding-block: var(--section-space-l);
  background: color-mix(in oklch, var(--primary) 20%, transparent);
}
.about-cta__title {
  font-size: var(--h2); letter-spacing: -0.02em; line-height: 1.15;
  color: var(--white);
}
.about-hero__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.site-footer__brand {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s);
}
.hero__card-meta {
  display: inline-flex; align-items: center; gap: 0.5em;
  font-size: var(--text-s); font-weight: 600; color: var(--primary-semi-dark);
  & svg { inline-size: 1.2em; block-size: 1.2em; color: var(--secondary); }
}
.section-head__title {
  color: var(--primary-ultra-dark); letter-spacing: -0.02em;
}
.site-header__inner {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-m);
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.about-promise__caption {
  display: inline-flex; align-items: center; gap: 0.75em;
  font-size: var(--text-s); font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--primary-semi-dark);
  &::before,
  &::after { content: ""; inline-size: 1.5rem; block-size: 2px; border-radius: var(--radius-circle); background: var(--primary); }
}
.hero__rating {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0.75em;
  font-size: var(--text-s); font-weight: 600; color: var(--primary-semi-dark);
}
.services-hero__jump-item {
  margin: 0;
}
.service-area__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.feature-card__list {
  display: flex; flex-direction: column; gap: 0.6em;
  list-style: none; padding: 0; margin: 0;
  font-size: var(--text-s);
}
.estimate__success-title {
  font-size: var(--h3); letter-spacing: -0.02em;
  color: var(--primary-ultra-dark);
}
.section-head--light {
  & .section-head__title { color: var(--white); }
  & .section-head__lead { color: var(--text-light-muted); }
}
.hero {
  padding-block: var(--section-space-l);
  background:
    radial-gradient(37.5rem 25rem at 90% 10%, color-mix(in oklch, var(--primary-light) 30%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)), var(--white));
  overflow: clip;
}
.estimate__card {
  inline-size: 100%;
  padding: var(--space-xl) var(--space-l);
  border-radius: calc(var(--radius) * 5);
  background: var(--white);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  box-shadow: 0 30px 60px -30px color-mix(in oklch, var(--primary-ultra-dark) 30%, transparent);
  @media (width < 640px) { padding: var(--space-l) var(--space-m); border-radius: calc(var(--radius) * 4); }
}
.reviews__item {
  display: flex;
}
.quote-form__options {
  display: grid; gap: var(--space-xs);
  @media (width >= 640px) { grid-template-columns: repeat(3, 1fr); }
}
.hero__check {
  display: flex; align-items: center; gap: 0.75em;
  font-size: var(--text-s); font-weight: 600; color: var(--primary-dark);
}
.logo__image {
  display: block; inline-size: auto; block-size: 4rem; border-radius: 0;
  mix-blend-mode: multiply;
  @media (width < 480px) { block-size: 3.25rem; }
}
.hero__card {
  position: absolute; z-index: 2;
  inset-inline-start: 0; inset-block-end: 0; translate: -8% 0;
  inline-size: min(18.75rem, 72%);
  display: flex; flex-direction: column; gap: var(--space-s);
  padding: var(--space-m);
  background: var(--white); border-radius: calc(var(--radius) * 4);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  box-shadow: 0 24px 48px -16px color-mix(in oklch, var(--primary-ultra-dark) 35%, transparent);
  @media (width < 992px) {
    position: relative; inline-size: auto; translate: none;
    margin-block-start: calc(var(--space-xl) * -1); margin-inline: var(--space-s);
  }
}
.site-header__mobile-cta {
  --btn-width: 100%; margin-block-start: var(--space-xs); --btn-font-weight: 700;
}
.services-cta__content {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
}
.features__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.service-row__image {
  display: block; inline-size: 100%; block-size: 100%;
  object-fit: cover; object-position: center; border-radius: 0;
}
.site-footer__grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--container-gap);
  @media (width < 768px) { grid-template-columns: var(--grid-1); }
}
.cta-band__content {
  display: flex; flex-direction: column; gap: 0.4em;
}
.site-header {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  position: sticky; inset-block-start: 0; z-index: 50;
  padding-block: var(--space-xs); padding-inline: var(--gutter);
  background: color-mix(in oklch, var(--white) 88%, transparent);
  backdrop-filter: saturate(1.4) blur(14px);
  border-block-end: 1px solid color-mix(in oklch, var(--primary-light) 60%, transparent);
  & .btn--primary { --btn-text-color: var(--primary-ultra-dark); --btn-text-color-hover: var(--primary-ultra-dark); }
  & .btn--primary.btn--outline {
    --btn-text-color: var(--primary-semi-dark); --btn-border-color: var(--primary);
    --btn-background-hover: var(--primary); --btn-text-color-hover: var(--primary-ultra-dark); --btn-border-color-hover: var(--primary);
  }
}
.hero__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-s);
  @media (width < 480px) { inline-size: 100%; & > * { --btn-width: 100%; } }
}
.about-hero__lead {
  max-inline-size: 38em;
  font-size: var(--text-l); line-height: 1.6; color: var(--primary-semi-dark);
}
.hero__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.estimate-form__result-label {
  font-size: var(--text-s); font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--primary-light);
}
.feature-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding: var(--space-l) var(--space-m);
  border-radius: calc(var(--radius) * 4);
  background: color-mix(in oklch, var(--primary) 20%, transparent);
  box-shadow: var(--box-shadow-1);
}
.hero__checklist {
  display: flex; flex-direction: column; gap: var(--space-xs);
  list-style: none; padding: 0; margin: 0;
}
.service-card__icon {
  display: inline-grid; place-items: center; flex-shrink: 0;
  inline-size: 3.5rem; block-size: 3.5rem;
  border-radius: calc(var(--radius) * 3);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white));
  color: var(--primary-semi-dark);
  & svg { inline-size: 1.75rem; block-size: 1.75rem; }
  position: relative; z-index: 1;
  margin-block-start: calc(var(--space-l) * -1);
  border: 4px solid var(--white);
  box-shadow: var(--box-shadow-1);
}
.step-card__number {
  font-size: var(--h1); font-weight: 800; line-height: 1; letter-spacing: -0.04em;
  color: transparent; -webkit-text-stroke: 1.5px var(--primary);
}
.hero__media {
  position: relative; z-index: 1; margin: 0;
  border-radius: calc(var(--radius) * 5); overflow: hidden;
  aspect-ratio: 4 / 5;
  box-shadow: 0 30px 60px -24px color-mix(in oklch, var(--primary-ultra-dark) 45%, transparent);
  @media (width < 992px) { aspect-ratio: 4 / 3; }
}
.estimate-form__label {
  padding: 0;
  font-size: var(--text-s); font-weight: 700;
  color: var(--primary-ultra-dark);
  &::after { content: " *"; color: var(--secondary); }
}
.feature-card__item {
  display: flex; align-items: flex-start; gap: 0.6em;
  & svg { flex-shrink: 0; inline-size: 1.25em; block-size: 1.25em; margin-block-start: 0.1em; color: var(--secondary); }
}
.service-row__content {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
  padding: var(--space-s) var(--space-m) var(--space-m);

  @media (width >= 900px) {
    padding: var(--space-l) var(--space-l) var(--space-l) 0;
    .service-row:nth-child(even) & { padding: var(--space-l) 0 var(--space-l) var(--space-l); }
  }
}
.service-card__title {
  font-size: var(--h4); margin-block-start: var(--space-xs);
}
.reviews {
  background: color-mix(in oklch, var(--primary) 20%, transparent);
}
.service-row__btn {
  margin-block-start: var(--space-xs);
}
.cta-band__title {
  font-size: var(--h3); letter-spacing: -0.02em;
}
.service-row__text {
  max-inline-size: 60ch;
  line-height: 1.7; color: var(--primary-semi-dark);
}
.mission__title {
  letter-spacing: -0.02em;
}
.quote__card {
  inline-size: 100%;
  padding: var(--space-xl) var(--space-l);
  border-radius: calc(var(--radius) * 5);
  background: var(--white);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  box-shadow: 0 30px 60px -30px color-mix(in oklch, var(--primary-ultra-dark) 30%, transparent);
  @media (width < 640px) { padding: var(--space-l) var(--space-m); border-radius: calc(var(--radius) * 4); }
}
.quote-form__submit {
  min-inline-size: 14rem;
}
.service-card {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s);
  padding: 0 var(--space-m) var(--space-l);
  overflow: hidden;
  background: var(--white); border-radius: calc(var(--radius) * 4);
  border: 1px solid color-mix(in oklch, var(--primary-light) 50%, transparent);
  transition: translate var(--transition), box-shadow var(--transition), border-color var(--transition);
  &:hover { translate: 0 -4px; border-color: var(--primary-light); box-shadow: 0 24px 48px -24px color-mix(in oklch, var(--primary-ultra-dark) 35%, transparent); }
  &:hover .service-card__image { scale: 1.05; }
  &:has(.service-card__link:focus-visible) { border-color: var(--primary); }
}
.about-standards__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
  display: flex; flex-direction: column; gap: var(--space-xl);
}
.feature-card__title {
  font-size: var(--h4);
}
.services-cta__link {
  display: inline-flex; padding-block: 0.4em;
  font-weight: 700; color: var(--white);
  text-decoration: underline; text-decoration-color: var(--primary-light);
  text-decoration-thickness: 2px; text-underline-offset: 0.3em;
  transition: text-decoration-color var(--transition);
  &:hover,
  &:focus-visible { text-decoration-color: var(--white); }
}
.hero__grid {
  display: grid;
  grid-template-columns: var(--grid-2);
  align-items: center;
  gap: var(--container-gap);
  @media (width < 1112px) {
    grid-template-columns: var(--grid-1);
  }
}
.quote-form__field {
  display: flex; flex-direction: column; gap: var(--space-xs);
}
.service-area__text {
  font-size: var(--text-l); color: var(--text-light-muted);
}
.estimate__title {
  font-size: var(--h1); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05;
  text-align: center;
  color: var(--primary-ultra-dark);
}
.step-card__text {
  color: var(--text-light-muted);
}
.service-area__list {
  display: flex; flex-wrap: wrap; gap: var(--space-xs);
  list-style: none; padding: 0; margin: 0;
  margin-block: var(--space-xs);
}
.services-cta__panel {
  display: grid; grid-template-columns: var(--grid-3-2); align-items: center;
  gap: var(--container-gap);
  padding: var(--space-xxl-to-l) var(--space-xl-to-m);
  border-radius: calc(var(--radius) * 5);
  background:
    radial-gradient(25rem 18.75rem at 100% 100%, color-mix(in oklch, var(--primary) 45%, transparent), transparent 70%),
    linear-gradient(135deg, var(--primary-semi-dark), var(--primary-dark));
  color: var(--text-light-muted);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
  @media (width < 640px) { padding: var(--space-xl) var(--space-m); border-radius: calc(var(--radius) * 4); }
}
.service-card__text {
  flex-grow: 1; font-size: var(--text-s); line-height: 1.65; color: var(--primary-semi-dark);
}
.site-footer__heading {
  font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--white);
}
.quote-form__field--full {
  grid-column: 1 / -1;
}
.review-card__meta {
  display: flex; flex-direction: column;
}
.about-standards__card-text {
  line-height: 1.7; color: var(--primary-semi-dark);
}
.hero__card-footer {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-xs);
  padding-block-start: var(--space-s);
  border-block-start: 1px dashed var(--primary-light);
}
.quote {
  padding-block: var(--section-space-l);
  background:
    radial-gradient(37.5rem 25rem at 90% 0%, color-mix(in oklch, var(--primary-light) 30%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)), color-mix(in oklch, var(--primary) 20%, var(--white)));
}
.hero__visual {
  position: relative;
  padding-block-end: var(--space-xxl);
  padding-inline-start: var(--space-xl-to-m);
  &::before { content: ""; position: absolute; inset: 10% -8% 0 20%; z-index: 0;
    border-radius: 40% 60% 55% 45% / 50% 40% 60% 50%;
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
    opacity: 0.3; filter: blur(48px); }
  @media (width < 992px) { padding-inline-start: 0; padding-block-end: 0; }
}
.estimate-form__step {
  display: flex; flex-direction: column; gap: var(--space-l);
  min-inline-size: 0;
  margin: 0; padding: 0; border: 0;
  &[hidden] { display: none; }
}
.review-card__avatar {
  display: grid; place-items: center; flex-shrink: 0;
  inline-size: 2.75rem; block-size: 2.75rem; border-radius: var(--radius-50);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)); color: var(--primary-semi-dark);
  font-size: var(--text-s); font-weight: 800;
}
.review-card__name {
  font-style: normal; font-weight: 700; color: var(--primary-ultra-dark);
}
.steps {
  background:
    radial-gradient(31.25rem 18.75rem at 50% 0%, color-mix(in oklch, var(--primary) 30%, transparent), transparent 70%),
    var(--primary-dark);
  color: var(--text-light-muted);
}
.hero__btn {
  box-shadow: 0 10px 24px -10px color-mix(in oklch, var(--primary) 70%, transparent);
  &.btn--outline { box-shadow: none; background: var(--white); }
}
.services-cta__actions {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: var(--space-s);
  @media (width >= 992px) { align-items: flex-end; }
}
.about-hero__grid {
  display: grid; grid-template-columns: var(--grid-3-2); align-items: center;
  gap: var(--container-gap);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
}
.eyebrow--light {
  color: var(--primary-light);
}
.site-footer__link {
  display: inline-block; padding-block: 0.25em; text-decoration: none; color: var(--text-light-muted);
  &:hover { color: var(--white); }
}
.quote-form__honeypot {
  position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; opacity: 0; pointer-events: none;
}
.estimate-form__error {
  padding: 0.85em 1em;
  border-radius: calc(var(--radius) * 2);
  font-size: var(--text-s); font-weight: 600;
  color: oklch(45% 0.15 25);
  background: oklch(96% 0.03 25);
  &[hidden] { display: none; }
}
.services-cta__container {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.about-hero {
  padding-block: var(--section-space-l);
  background:
    radial-gradient(37.5rem 25rem at 90% 10%, color-mix(in oklch, var(--primary-light) 30%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)), var(--white));
  overflow: clip;
}
.mission__grid {
  display: grid; grid-template-columns: var(--grid-3-2); align-items: center;
  gap: var(--container-gap);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
}
.feature-card__icon {
  display: inline-grid; place-items: center; flex-shrink: 0;
  inline-size: 3.5rem; block-size: 3.5rem;
  border-radius: calc(var(--radius) * 3);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white));
  color: var(--primary-semi-dark);
  & svg { inline-size: 1.75rem; block-size: 1.75rem; }
  background: var(--white);
}
.service-row__title {
  font-size: var(--h3); letter-spacing: -0.02em;
  color: var(--primary-ultra-dark);
}
.service-area__panel {
  display: grid; grid-template-columns: var(--grid-2); align-items: center;
  gap: var(--container-gap);
  padding: var(--space-xxl-to-l) var(--space-xl-to-m);
  border-radius: calc(var(--radius) * 5);
  background:
    radial-gradient(25rem 18.75rem at 100% 100%, color-mix(in oklch, var(--primary) 45%, transparent), transparent 70%),
    linear-gradient(135deg, var(--primary-semi-dark), var(--primary-dark));
  color: var(--text-light-muted);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
  @media (width < 640px) { padding: var(--space-xl) var(--space-m); border-radius: calc(var(--radius) * 4); }
}
.estimate-form__radio {
  flex-shrink: 0; inline-size: 1.1em; block-size: 1.1em; margin: 0;
  accent-color: var(--secondary);
}
.estimate-form__input {
  inline-size: 100%;
  min-block-size: 3.25rem;
  padding: 0.8em 1em;
  font: inherit;
  color: var(--primary-ultra-dark);
  background: color-mix(in oklch, var(--primary-ultra-light) 25%, var(--white));
  border: 1px solid color-mix(in oklch, var(--primary-semi-dark) 25%, transparent);
  border-radius: calc(var(--radius) * 2);
  transition: border-color var(--transition), box-shadow var(--transition);
  &::placeholder { color: color-mix(in oklch, var(--primary-semi-dark) 55%, transparent); }
  &:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary) 30%, transparent); }
}
.about-hero__media {
  position: relative; margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: calc(var(--radius) * 5);
  background: color-mix(in oklch, var(--primary-ultra-light) 50%, var(--white));
  box-shadow: 0 30px 60px -24px color-mix(in oklch, var(--primary-ultra-dark) 45%, transparent);
  @media (width < 992px) { aspect-ratio: 4 / 3; }
}
.quote-form__group {
  display: flex; flex-direction: column; gap: var(--space-xs);
  min-inline-size: 0;
  margin: 0; padding: 0; border: 0;
}
.quote-form__actions {
  display: flex; justify-content: flex-start;
}
.services-hero__grid {
  display: grid; grid-template-columns: var(--grid-3-2); align-items: center;
  gap: var(--container-gap);
  @media (width < 992px) { grid-template-columns: var(--grid-1); }
}
.hero__check-icon {
  display: grid; place-items: center; flex-shrink: 0;
  inline-size: 1.75rem; block-size: 1.75rem; border-radius: var(--radius-50);
  background: color-mix(in oklch, var(--primary-ultra-light) 35%, var(--white)); color: var(--primary-semi-dark);
  & svg { inline-size: 1rem; block-size: 1rem; }
}
.estimate-form {
  &[hidden] { display: none; }
}
.mission__card-title {
  font-size: var(--h4);
}
.reviews__badge {
  display: inline-flex; align-items: center; gap: 0.75em;
  padding: 0.6em 1.2em; border-radius: var(--radius-circle);
  background: var(--white); box-shadow: var(--box-shadow-1);
  font-size: var(--text-s); font-weight: 700; color: var(--primary-dark);
}
.section-head--center {
  align-items: center; text-align: center; margin-inline: auto;
}
.hero__card-title {
  font-size: var(--h4); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2;
  color: var(--primary-ultra-dark);
}