/* Homepage section styles, lifted in order from the live embed (mtown-homepage-v30). */
#mtown-homepage-v30,
    #mtown-homepage-v30 * {
      box-sizing: border-box;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    #mtown-homepage-v30 {
      --navy-1000: #04111f;
      --navy-950: #061827;
      --navy-900: #081d31;
      --navy-850: #0d273c;
      --navy-800: #12334e;
      --white: #ffffff;
      --ivory: #f7f4ed;
      --ivory-2: #eee8dc;
      --ink: #102231;
      --copy: #334b5d;
      --muted-dark: #d7e3eb;
      --orange: #ff6500;
      --orange-2: #eb5a00;
      --gold: #ffd740;
      --gold-2: #ffaa23;
      --cyan: #65d9ff;
      --blue: #2a6dff;
      --blue-2: #0030b4;
      --green: #43ce8a;
      --green-2: #14784a;
      --platinum: #e7eaee;
      --platinum-2: #7a8490;
      --line-dark: rgba(255, 255, 255, 0.13);
      --line-light: rgba(12, 39, 59, 0.14);
      --shadow: 0 24px 64px rgba(3, 15, 25, 0.22);
      --soft-shadow: 0 14px 36px rgba(3, 15, 25, 0.10);
      width: 100%;
      overflow: hidden;
      color: var(--ink);
      background: var(--ivory);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.55;
      font-weight: 540;
      -webkit-text-size-adjust: 100%;
      isolation: isolate;
    }

    #mtown-homepage-v30 a {
      color: inherit;
      text-decoration: none;
    }

    #mtown-homepage-v30 button,
    #mtown-homepage-v30 summary,
    #mtown-homepage-v30 a {
      font: inherit;
      -webkit-tap-highlight-color: transparent;
    }

    #mtown-homepage-v30 svg {
      display: block;
      width: 100%;
      height: 100%;
    }

    #mtown-homepage-v30 img {
      display: block;
      max-width: 100%;
    }

    #mtown-homepage-v30 .mthm30-shell {
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
    }

    #mtown-homepage-v30 .mthm30-section {
      position: relative;
      padding: clamp(62px, 8vw, 96px) 0;
    }

    #mtown-homepage-v30 .mthm30-dark {
      color: var(--white);
      background:
        radial-gradient(circle at 88% 8%, rgba(42, 109, 255, 0.15), transparent 31%),
        radial-gradient(circle at 8% 92%, rgba(255, 101, 0, 0.10), transparent 30%),
        linear-gradient(145deg, var(--navy-1000), var(--navy-800));
    }

    #mtown-homepage-v30 .mthm30-light {
      color: var(--ink);
      background:
        radial-gradient(circle at 8% 8%, rgba(255, 215, 64, 0.11), transparent 27%),
        linear-gradient(180deg, var(--white), var(--ivory));
    }

    #mtown-homepage-v30 .mthm30-ivory {
      color: var(--ink);
      background:
        radial-gradient(circle at 93% 8%, rgba(42, 109, 255, 0.08), transparent 28%),
        linear-gradient(180deg, var(--ivory), var(--ivory-2));
    }

    #mtown-homepage-v30 .mthm30-kicker {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 7px 12px;
      border-radius: 999px;
      color: #6a4800;
      background: rgba(255, 215, 64, 0.19);
      border: 1px solid rgba(165, 111, 0, 0.23);
      font-size: 12px;
      line-height: 1.2;
      font-weight: 900;
      letter-spacing: 0.10em;
      text-transform: uppercase;
    }

    #mtown-homepage-v30 .mthm30-dark .mthm30-kicker {
      color: #fff2ad;
      background: rgba(255, 215, 64, 0.10);
      border-color: rgba(255, 215, 64, 0.27);
    }

    #mtown-homepage-v30 .mthm30-title {
      margin: 16px 0 0;
      max-width: 880px;
      color: inherit;
      font-size: clamp(34px, 5vw, 62px);
      line-height: 1.02;
      letter-spacing: -0.045em;
      font-weight: 950;
      text-wrap: balance;
    }

    #mtown-homepage-v30 .mthm30-title-small {
      font-size: clamp(30px, 4.3vw, 50px);
    }

    #mtown-homepage-v30 .mthm30-lead {
      margin: 18px 0 0;
      max-width: 790px;
      color: var(--copy);
      font-size: clamp(17px, 1.6vw, 21px);
      line-height: 1.66;
      font-weight: 650;
    }

    #mtown-homepage-v30 .mthm30-dark .mthm30-lead {
      color: var(--muted-dark);
    }

    #mtown-homepage-v30 .mthm30-btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 25px;
    }

    #mtown-homepage-v30 .mthm30-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 49px;
      min-width: 156px;
      padding: 12px 18px;
      border-radius: 999px;
      border: 1px solid transparent;
      font-size: 15px;
      line-height: 1.15;
      font-weight: 920;
      text-align: center;
      box-shadow: 0 14px 34px rgba(3, 15, 25, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.30);
      transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
    }

    #mtown-homepage-v30 .mthm30-btn:hover {
      transform: translateY(-2px);
      filter: brightness(1.04);
    }

    #mtown-homepage-v30 .mthm30-btn:active {
      transform: translateY(1px) scale(0.99);
    }

    #mtown-homepage-v30 .mthm30-btn-book {
      color: #241900;
      background: linear-gradient(135deg, var(--gold), var(--gold-2));
      border-color: rgba(255, 232, 149, 0.58);
    }

    #mtown-homepage-v30 .mthm30-btn-call {
      color: var(--white);
      background: linear-gradient(135deg, #ff8a2a, var(--orange-2));
      border-color: rgba(255, 188, 137, 0.42);
    }

    #mtown-homepage-v30 .mthm30-btn-text {
      color: #111923;
      background: linear-gradient(135deg, var(--platinum), var(--platinum-2));
      border-color: rgba(255, 255, 255, 0.52);
    }

    #mtown-homepage-v30 .mthm30-btn-blue {
      color: var(--white);
      background: linear-gradient(135deg, var(--blue), var(--blue-2));
      border-color: rgba(130, 178, 255, 0.42);
    }

    #mtown-homepage-v30 .mthm30-btn-ghost-dark {
      color: var(--white);
      background: rgba(255, 255, 255, 0.075);
      border-color: rgba(255, 255, 255, 0.20);
      box-shadow: none;
    }

    #mtown-homepage-v30 .mthm30-btn-ghost-light {
      color: var(--ink);
      background: rgba(255, 255, 255, 0.82);
      border-color: var(--line-light);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-btn-facebook {
      color: var(--white);
      background: linear-gradient(135deg, var(--blue), var(--blue-2));
      border-color: rgba(130, 178, 255, 0.42);
    }

    #mtown-homepage-v30 .mthm30-btn:focus-visible,
    #mtown-homepage-v30 a:focus-visible,
    #mtown-homepage-v30 summary:focus-visible {
      outline: 3px solid #8bdfff;
      outline-offset: 3px;
    }

    /* HEADER */
    #mtown-homepage-v30 .mthm30-header {
      position: sticky;
      top: 0;
      z-index: 30;
      color: var(--white);
      background: rgba(4, 17, 31, 0.96);
      border-bottom: 1px solid rgba(255, 255, 255, 0.11);
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
    }

    #mtown-homepage-v30 .mthm30-header-inner {
      display: grid;
      grid-template-columns: minmax(220px, 330px) minmax(0, 1fr) auto;
      gap: 24px;
      align-items: center;
      min-height: 78px;
    }

    #mtown-homepage-v30 .mthm30-brand {
      display: block;
      width: min(100%, 330px);
    }

    #mtown-homepage-v30 .mthm30-brand svg {
      aspect-ratio: 330 / 86;
    }

    #mtown-homepage-v30 .mthm30-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: clamp(14px, 2vw, 26px);
    }

    #mtown-homepage-v30 .mthm30-nav > a,
    #mtown-homepage-v30 .mthm30-services > summary,
    #mtown-homepage-v30 .mthm30-contact > summary {
      color: #edf5fa;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 820;
      cursor: pointer;
      list-style: none;
      white-space: nowrap;
    }

    #mtown-homepage-v30 .mthm30-services > summary::-webkit-details-marker,
    #mtown-homepage-v30 .mthm30-contact > summary::-webkit-details-marker,
    #mtown-homepage-v30 .mthm30-mobile > summary::-webkit-details-marker {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-services,
    #mtown-homepage-v30 .mthm30-contact,
    #mtown-homepage-v30 .mthm30-mobile {
      position: relative;
    }

    #mtown-homepage-v30 .mthm30-chevron {
      display: inline-block;
      width: 7px;
      height: 7px;
      margin-left: 6px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: translateY(-2px) rotate(45deg);
    }

    #mtown-homepage-v30 .mthm30-dropdown,
    #mtown-homepage-v30 .mthm30-contact-pop {
      position: absolute;
      top: calc(100% + 18px);
      right: 0;
      width: min(520px, 86vw);
      padding: 14px;
      border-radius: 20px;
      color: var(--white);
      background: rgba(6, 24, 39, 0.99);
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: var(--shadow);
    }

    #mtown-homepage-v30 .mthm30-services:not([open]) .mthm30-dropdown,
    #mtown-homepage-v30 .mthm30-contact:not([open]) .mthm30-contact-pop,
    #mtown-homepage-v30 .mthm30-mobile:not([open]) .mthm30-mobile-panel {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-dropdown-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    #mtown-homepage-v30 .mthm30-dropdown a,
    #mtown-homepage-v30 .mthm30-contact-pop a,
    #mtown-homepage-v30 .mthm30-mobile-panel a {
      display: flex;
      min-height: 45px;
      align-items: center;
      padding: 10px 12px;
      border-radius: 13px;
      color: #edf5fa;
      background: rgba(255, 255, 255, 0.065);
      border: 1px solid rgba(255, 255, 255, 0.09);
      font-size: 13px;
      line-height: 1.3;
      font-weight: 760;
    }

    #mtown-homepage-v30 .mthm30-contact-pop {
      display: grid;
      gap: 8px;
      width: min(310px, 86vw);
    }

    #mtown-homepage-v30 .mthm30-contact-pop a {
      display: grid;
      gap: 2px;
    }

    #mtown-homepage-v30 .mthm30-contact-pop strong {
      color: var(--white);
      font-size: 13px;
    }

    #mtown-homepage-v30 .mthm30-contact-pop span {
      color: var(--cyan);
      font-size: 16px;
      font-weight: 900;
    }

    #mtown-homepage-v30 .mthm30-header-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 11px;
    }

    #mtown-homepage-v30 .mthm30-book-header {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 16px;
      border-radius: 999px;
      color: #241900;
      background: linear-gradient(135deg, var(--gold), var(--gold-2));
      border: 1px solid rgba(255, 232, 149, 0.55);
      font-size: 13px;
      line-height: 1.15;
      font-weight: 920;
      white-space: nowrap;
    }

    #mtown-homepage-v30 .mthm30-call-header {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 7px;
      min-height: 44px;
      padding: 10px 14px;
      border-radius: 999px;
      color: var(--white);
      background: linear-gradient(135deg, #ff8a2a, var(--orange-2));
      border: 1px solid rgba(255, 188, 137, 0.42);
      font-size: 13px;
      line-height: 1.15;
      font-weight: 920;
      white-space: nowrap;
    }

    #mtown-homepage-v30 .mthm30-call-header svg {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }

    #mtown-homepage-v30 .mthm30-mobile {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-mobile > summary {
      display: grid;
      place-items: center;
      width: 46px;
      height: 46px;
      border-radius: 14px;
      color: var(--white);
      background: rgba(255, 255, 255, 0.075);
      border: 1px solid rgba(255, 255, 255, 0.14);
      cursor: pointer;
      list-style: none;
    }

    #mtown-homepage-v30 .mthm30-menu-icon,
    #mtown-homepage-v30 .mthm30-menu-icon::before,
    #mtown-homepage-v30 .mthm30-menu-icon::after {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 99px;
      background: currentColor;
    }

    #mtown-homepage-v30 .mthm30-menu-icon {
      position: relative;
    }

    #mtown-homepage-v30 .mthm30-menu-icon::before,
    #mtown-homepage-v30 .mthm30-menu-icon::after {
      content: "";
      position: absolute;
      left: 0;
    }

    #mtown-homepage-v30 .mthm30-menu-icon::before { top: -6px; }
    #mtown-homepage-v30 .mthm30-menu-icon::after { top: 6px; }

    #mtown-homepage-v30 .mthm30-mobile-panel {
      position: absolute;
      top: calc(100% + 14px);
      right: 0;
      width: min(330px, 88vw);
      padding: 12px;
      border-radius: 20px;
      background: rgba(6, 24, 39, 0.99);
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: var(--shadow);
    }

    #mtown-homepage-v30 .mthm30-mobile-links {
      display: grid;
      gap: 8px;
    }

    #mtown-homepage-v30 .mthm30-mobile-panel .mthm30-mobile-book {
      color: #241900;
      background: linear-gradient(135deg, var(--gold), var(--gold-2));
    }

    /* HERO */
    #mtown-homepage-v30 .mthm30-hero {
      position: relative;
      min-height: min(760px, 82vh);
      display: grid;
      align-items: center;
      color: var(--white);
      background: var(--navy-1000);
      overflow: hidden;
    }

    #mtown-homepage-v30 .mthm30-hero-media {
      position: absolute;
      inset: 0;
    }

    #mtown-homepage-v30 .mthm30-hero-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(4, 17, 31, 0.98) 0%, rgba(4, 17, 31, 0.90) 42%, rgba(4, 17, 31, 0.42) 70%, rgba(4, 17, 31, 0.24) 100%),
        linear-gradient(180deg, rgba(4, 17, 31, 0.16), rgba(4, 17, 31, 0.78));
    }

    #mtown-homepage-v30 .mthm30-hero-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 68% 50%;
    }

    #mtown-homepage-v30 .mthm30-hero-inner {
      position: relative;
      z-index: 1;
      padding: clamp(70px, 9vw, 120px) 0;
    }

    #mtown-homepage-v30 .mthm30-hero-copy {
      max-width: 780px;
    }

    #mtown-homepage-v30 .mthm30-hero-badge {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 10px;
      padding: 8px 14px;
      border-radius: 999px;
      background: rgba(255, 215, 64, 0.10);
      border: 1px solid rgba(255, 215, 64, 0.30);
    }

    #mtown-homepage-v30 .mthm30-stars {
      display: inline-flex;
      gap: 2px;
      color: var(--gold);
    }

    #mtown-homepage-v30 .mthm30-stars svg {
      width: 15px;
      height: 15px;
      flex: 0 0 auto;
    }

    #mtown-homepage-v30 .mthm30-hero-badge span {
      color: #fff1a9;
      font-size: 12px;
      line-height: 1.35;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    #mtown-homepage-v30 .mthm30-hero h1 {
      margin: 18px 0 0;
      max-width: 820px;
      color: var(--white);
      font-size: clamp(44px, 6.5vw, 78px);
      line-height: 0.98;
      letter-spacing: -0.055em;
      font-weight: 980;
      text-wrap: balance;
    }

    #mtown-homepage-v30 .mthm30-hero h1 span {
      display: block;
      margin-top: 16px;
      max-width: 640px;
      color: #dfe9f0;
      font-size: clamp(19px, 0.42em, 33px);
      line-height: 1.3;
      letter-spacing: -0.015em;
      font-weight: 700;
    }
    #mtown-homepage-v30 .mthm30-hero h1 span b {
      color: var(--gold);
      font-weight: 900;
    }
    #mtown-homepage-v30 .mthm30-hl-gold { color: var(--gold); font-weight: 850; }
    #mtown-homepage-v30 .mthm30-hl-cyan { color: var(--cyan); font-weight: 800; }
    #mtown-homepage-v30 .mthm30-hl-warm { color: var(--orange-2); font-weight: 850; }

    #mtown-homepage-v30 .mthm30-hero-lede {
      margin: 22px 0 0;
      max-width: 710px;
      color: #e7eff4;
      font-size: clamp(17px, 1.7vw, 21px);
      line-height: 1.66;
      font-weight: 650;
    }

    #mtown-homepage-v30 .mthm30-hero-contact {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 13px;
      margin: 18px 0 0;
      color: #d7e3eb;
      font-size: 14px;
      font-weight: 760;
    }

    #mtown-homepage-v30 .mthm30-hero-contact a {
      color: var(--cyan);
      font-weight: 920;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
    }

    #mtown-homepage-v30 .mthm30-urgent-note {
      margin: 13px 0 0;
      max-width: 650px;
      color: #c2d2dd;
      font-size: 12.5px;
      line-height: 1.5;
      font-weight: 650;
    }

    /* TRUST STRIP */
    #mtown-homepage-v30 .mthm30-trust {
      color: var(--white);
      background: #081a2b;
      border-top: 1px solid rgba(255, 255, 255, 0.10);
      border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    #mtown-homepage-v30 .mthm30-trust-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    #mtown-homepage-v30 .mthm30-trust-item {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 82px;
      padding: 14px 12px;
      border-right: 1px solid rgba(255, 255, 255, 0.10);
      color: #edf5fa;
      font-size: 12.5px;
      line-height: 1.35;
      font-weight: 820;
      text-align: center;
    }

    #mtown-homepage-v30 .mthm30-trust-item:last-child {
      border-right: 0;
    }

    #mtown-homepage-v30 .mthm30-trust-icon {
      width: 23px;
      height: 23px;
      color: var(--gold);
      flex: 0 0 auto;
    }

    /* REPUTATION */
    #mtown-homepage-v30 .mthm30-rep-grid {
      display: grid;
      grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1fr);
      gap: clamp(26px, 4vw, 52px);
      align-items: start;
      margin-top: 30px;
    }

    #mtown-homepage-v30 .mthm30-rep-card {
      position: relative;
      padding: clamp(26px, 4vw, 40px);
      border-radius: 30px;
      text-align: center;
      color: var(--white);
      background:
        radial-gradient(circle at 50% 0%, rgba(255, 215, 64, 0.20), transparent 46%),
        linear-gradient(150deg, var(--navy-1000), var(--navy-800));
      border: 1px solid rgba(255, 215, 64, 0.26);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    #mtown-homepage-v30 .mthm30-rep-score {
      display: block;
      color: var(--gold);
      font-size: clamp(78px, 12vw, 122px);
      line-height: 0.86;
      letter-spacing: -0.07em;
      font-weight: 980;
    }

    #mtown-homepage-v30 .mthm30-rep-card .mthm30-stars {
      justify-content: center;
      margin-top: 16px;
    }

    #mtown-homepage-v30 .mthm30-rep-card .mthm30-stars svg {
      width: clamp(24px, 3.4vw, 32px);
      height: clamp(24px, 3.4vw, 32px);
    }

    #mtown-homepage-v30 .mthm30-rep-count {
      margin: 16px 0 0;
      color: var(--white);
      font-size: 17px;
      line-height: 1.45;
      font-weight: 920;
    }

    #mtown-homepage-v30 .mthm30-rep-asof {
      margin: 7px 0 0;
      color: #b9cbd7;
      font-size: 12px;
      line-height: 1.5;
      font-weight: 650;
    }

    #mtown-homepage-v30 .mthm30-rep-card .mthm30-btn {
      width: 100%;
      min-width: 0;
      margin-top: 20px;
    }

    /* FOUR PATHS */
    #mtown-homepage-v30 .mthm30-path-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 18px;
      margin-top: 34px;
    }

    #mtown-homepage-v30 .mthm30-path-card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 320px;
      padding: 26px;
      border-radius: 26px;
      color: var(--ink);
      background: rgba(255, 255, 255, 0.90);
      border: 1px solid var(--line-light);
      box-shadow: var(--soft-shadow);
      overflow: hidden;
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    #mtown-homepage-v30 .mthm30-path-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 5px;
      background: var(--path-accent, var(--orange));
    }

    #mtown-homepage-v30 .mthm30-path-repair { --path-accent: var(--orange); }
    #mtown-homepage-v30 .mthm30-path-maintain { --path-accent: var(--green); }
    #mtown-homepage-v30 .mthm30-path-replace { --path-accent: var(--blue); }
    #mtown-homepage-v30 .mthm30-path-oil { --path-accent: var(--gold); }

    #mtown-homepage-v30 .mthm30-path-card:hover {
      transform: translateY(-4px);
      border-color: rgba(42, 109, 255, 0.24);
      box-shadow: 0 22px 52px rgba(3, 15, 25, 0.14);
    }

    #mtown-homepage-v30 .mthm30-path-icon {
      display: grid;
      place-items: center;
      width: 54px;
      height: 54px;
      border-radius: 17px;
      color: var(--path-accent);
      background: rgba(16, 34, 49, 0.055);
      border: 1px solid rgba(12, 39, 59, 0.12);
    }

    #mtown-homepage-v30 .mthm30-path-icon svg {
      width: 29px;
      height: 29px;
    }

    #mtown-homepage-v30 .mthm30-path-card h3 {
      margin: 20px 0 0;
      color: var(--ink);
      font-size: 26px;
      line-height: 1.07;
      letter-spacing: -0.035em;
      font-weight: 940;
    }

    #mtown-homepage-v30 .mthm30-path-card p {
      margin: 13px 0 20px;
      color: var(--copy);
      font-size: 15px;
      line-height: 1.62;
      font-weight: 630;
    }

    #mtown-homepage-v30 .mthm30-path-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-top: auto;
      color: var(--path-accent);
      font-size: 14px;
      line-height: 1.3;
      font-weight: 920;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
    }

    /* SERVICES GRID */
    #mtown-homepage-v30 .mthm30-service-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
      margin-top: 36px;
    }

    #mtown-homepage-v30 .mthm30-service-card {
      --service-accent: var(--blue);
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 285px;
      padding: 22px;
      border-radius: 24px;
      color: var(--ink);
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid var(--line-light);
      border-top: 4px solid var(--service-accent);
      box-shadow: var(--soft-shadow);
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    #mtown-homepage-v30 .mthm30-service-card:nth-child(2),
    #mtown-homepage-v30 .mthm30-service-card:nth-child(6) { --service-accent: var(--orange); }
    #mtown-homepage-v30 .mthm30-service-card:nth-child(3),
    #mtown-homepage-v30 .mthm30-service-card:nth-child(7) { --service-accent: var(--green-2); }
    #mtown-homepage-v30 .mthm30-service-card:nth-child(4),
    #mtown-homepage-v30 .mthm30-service-card:nth-child(8) { --service-accent: #8a68d8; }

    #mtown-homepage-v30 .mthm30-service-card:hover {
      transform: translateY(-4px);
      border-color: rgba(42, 109, 255, 0.23);
      border-top-color: var(--service-accent);
      box-shadow: 0 22px 48px rgba(3, 15, 25, 0.14);
    }

    #mtown-homepage-v30 .mthm30-service-icon {
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      border-radius: 17px;
      color: var(--service-accent);
      background: rgba(16, 34, 49, 0.055);
      border: 1px solid rgba(12, 39, 59, 0.12);
    }

    #mtown-homepage-v30 .mthm30-service-icon svg {
      width: 29px;
      height: 29px;
    }

    #mtown-homepage-v30 .mthm30-service-card h3 {
      margin: 17px 0 0;
      color: var(--ink);
      font-size: 21px;
      line-height: 1.12;
      letter-spacing: -0.027em;
      font-weight: 930;
    }

    #mtown-homepage-v30 .mthm30-service-card p {
      margin: 10px 0 18px;
      color: var(--copy);
      font-size: 14px;
      line-height: 1.58;
      font-weight: 620;
    }

    #mtown-homepage-v30 .mthm30-service-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: auto;
      color: var(--service-accent);
      font-size: 13px;
      line-height: 1.35;
      font-weight: 920;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
    }

    #mtown-homepage-v30 .mthm30-new-service {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
      margin-top: 16px;
      padding: 22px;
      border-radius: 24px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 237, 220, 0.92));
      border: 1px solid rgba(190, 88, 0, 0.24);
      border-left: 5px solid var(--orange);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-new-photo {
      width: 138px;
      height: 138px;
      margin: 0;
      border-radius: 22px;
      overflow: hidden;
      background: var(--navy-900);
      border: 1px solid rgba(190, 88, 0, 0.24);
    }

    #mtown-homepage-v30 .mthm30-new-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 40%;
    }

    #mtown-homepage-v30 .mthm30-new-badge {
      display: inline-flex;
      align-items: center;
      padding: 5px 11px;
      border-radius: 999px;
      color: #7d3300;
      background: rgba(255, 138, 42, 0.17);
      border: 1px solid rgba(190, 88, 0, 0.24);
      font-size: 11px;
      line-height: 1.25;
      font-weight: 900;
      letter-spacing: 0.09em;
      text-transform: uppercase;
    }

    #mtown-homepage-v30 .mthm30-new-service h3 {
      margin: 11px 0 0;
      color: var(--ink);
      font-size: 22px;
      line-height: 1.12;
      letter-spacing: -0.03em;
      font-weight: 940;
    }

    #mtown-homepage-v30 .mthm30-new-service p {
      margin: 8px 0 0;
      color: var(--copy);
      font-size: 14px;
      line-height: 1.58;
      font-weight: 630;
    }

    #mtown-homepage-v30 .mthm30-intro-split {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 0.62fr);
      gap: clamp(26px, 4vw, 54px);
      align-items: center;
    }

    #mtown-homepage-v30 .mthm30-intro-photo {
      margin: 0;
      overflow: hidden;
      border-radius: 26px;
      background: var(--navy-900);
      border: 1px solid var(--line-light);
      box-shadow: var(--shadow);
    }

    #mtown-homepage-v30 .mthm30-dark .mthm30-intro-photo {
      border-color: rgba(255, 255, 255, 0.14);
    }

    #mtown-homepage-v30 .mthm30-intro-photo img,
    #mtown-homepage-v30 .mthm30-estimator-photo img {
      width: 100%;
      height: auto;
    }

    #mtown-homepage-v30 .mthm30-estimator-photo {
      margin: 14px 0 0;
      overflow: hidden;
      border-radius: 22px;
      border: 1px solid rgba(255, 255, 255, 0.14);
    }

    /* SYMPTOM ROUTER */
    #mtown-homepage-v30 .mthm30-router-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 13px;
      margin-top: 32px;
    }

    #mtown-homepage-v30 .mthm30-route {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      min-height: 94px;
      padding: 14px;
      border-radius: 20px;
      color: var(--white);
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.13);
      transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
    }

    #mtown-homepage-v30 .mthm30-route:hover {
      transform: translateY(-2px);
      background: rgba(255, 255, 255, 0.10);
      border-color: rgba(255, 255, 255, 0.23);
    }

    #mtown-homepage-v30 .mthm30-route-icon {
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      border-radius: 14px;
      color: var(--cyan);
      background: rgba(101, 217, 255, 0.10);
      border: 1px solid rgba(101, 217, 255, 0.22);
    }

    #mtown-homepage-v30 .mthm30-route-icon svg {
      width: 23px;
      height: 23px;
    }

    #mtown-homepage-v30 .mthm30-route strong {
      display: block;
      color: var(--white);
      font-size: 15px;
      line-height: 1.25;
      font-weight: 900;
    }

    #mtown-homepage-v30 .mthm30-route span:not(.mthm30-route-icon):not(.mthm30-route-arrow) {
      display: block;
      margin-top: 3px;
      color: #cbd9e2;
      font-size: 12px;
      line-height: 1.4;
      font-weight: 620;
    }

    #mtown-homepage-v30 .mthm30-route-arrow {
      color: var(--gold);
      font-size: 24px;
      line-height: 1;
      font-weight: 900;
    }

    /* Route cards on light and ivory sections: the defaults above are white-on-dark */
    #mtown-homepage-v30 .mthm30-light .mthm30-route,
    #mtown-homepage-v30 .mthm30-ivory .mthm30-route {
      color: var(--ink);
      background: var(--white);
      border: 1px solid var(--line-light);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-light .mthm30-route:hover,
    #mtown-homepage-v30 .mthm30-ivory .mthm30-route:hover {
      background: var(--white);
      border-color: rgba(12, 39, 59, 0.30);
    }

    #mtown-homepage-v30 .mthm30-light .mthm30-route strong,
    #mtown-homepage-v30 .mthm30-ivory .mthm30-route strong {
      color: var(--ink);
    }

    #mtown-homepage-v30 .mthm30-light .mthm30-route span:not(.mthm30-route-icon):not(.mthm30-route-arrow),
    #mtown-homepage-v30 .mthm30-ivory .mthm30-route span:not(.mthm30-route-icon):not(.mthm30-route-arrow) {
      color: var(--copy);
    }

    #mtown-homepage-v30 .mthm30-light .mthm30-route-icon,
    #mtown-homepage-v30 .mthm30-ivory .mthm30-route-icon {
      color: var(--blue);
      background: rgba(42, 109, 255, 0.08);
      border: 1px solid rgba(42, 109, 255, 0.22);
    }

    #mtown-homepage-v30 .mthm30-light .mthm30-route-arrow,
    #mtown-homepage-v30 .mthm30-ivory .mthm30-route-arrow {
      color: var(--gold-2);
    }

    /* SPLIT MEDIA */
    #mtown-homepage-v30 .mthm30-havoc-grid,
    #mtown-homepage-v30 .mthm30-split {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
      gap: clamp(30px, 5vw, 64px);
      align-items: center;
    }

    #mtown-homepage-v30 .mthm30-check-list {
      display: grid;
      gap: 10px;
      margin: 23px 0 0;
      padding: 0;
      list-style: none;
    }

    #mtown-homepage-v30 .mthm30-check-list li {
      position: relative;
      padding-left: 28px;
      color: var(--copy);
      font-size: 14px;
      line-height: 1.5;
      font-weight: 680;
    }

    #mtown-homepage-v30 .mthm30-dark .mthm30-check-list li {
      color: #e6eef3;
    }

    #mtown-homepage-v30 .mthm30-check-list li::before {
      content: "\2713";
      position: absolute;
      left: 0;
      top: 1px;
      display: grid;
      place-items: center;
      width: 19px;
      height: 19px;
      border-radius: 50%;
      color: var(--white);
      background: linear-gradient(145deg, var(--green), var(--green-2));
      font-size: 11px;
      line-height: 1;
      font-weight: 950;
    }

    /* ESTIMATOR */
    #mtown-homepage-v30 .mthm30-estimator-demo {
      position: relative;
      padding: 18px;
      border-radius: 30px;
      background: linear-gradient(145deg, var(--navy-950), var(--navy-800));
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    #mtown-homepage-v30 .mthm30-estimator-demo::before {
      content: "";
      position: absolute;
      width: 250px;
      height: 250px;
      right: -90px;
      top: -100px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(42, 109, 255, 0.36), transparent 68%);
      pointer-events: none;
    }

    #mtown-homepage-v30 .mthm30-screen {
      position: relative;
      overflow: hidden;
      border-radius: 22px;
      background: #f9fbfd;
      border: 1px solid rgba(255, 255, 255, 0.25);
    }

    #mtown-homepage-v30 .mthm30-screen-top {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      padding: 14px 16px;
      color: var(--white);
      background: linear-gradient(135deg, #071b2b, var(--navy-800));
    }

    #mtown-homepage-v30 .mthm30-screen-top strong {
      font-size: 12px;
      line-height: 1.3;
      letter-spacing: 0.04em;
      font-weight: 920;
    }

    #mtown-homepage-v30 .mthm30-screen-top span {
      color: #d5e2ea;
      font-size: 11px;
      font-weight: 760;
    }

    #mtown-homepage-v30 .mthm30-screen-body {
      padding: 20px;
    }

    #mtown-homepage-v30 .mthm30-screen-body h3 {
      margin: 0;
      color: var(--ink);
      font-size: 21px;
      line-height: 1.17;
      font-weight: 930;
    }

    #mtown-homepage-v30 .mthm30-choice-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 16px;
    }

    #mtown-homepage-v30 .mthm30-choice {
      min-height: 85px;
      padding: 12px;
      border-radius: 15px;
      color: var(--ink);
      background: var(--white);
      border: 1px solid rgba(11, 43, 64, 0.13);
      box-shadow: 0 8px 20px rgba(3, 15, 25, 0.07);
    }

    #mtown-homepage-v30 .mthm30-choice strong {
      display: block;
      color: var(--ink);
      font-size: 13px;
      font-weight: 900;
    }

    #mtown-homepage-v30 .mthm30-choice span {
      display: block;
      margin-top: 4px;
      color: var(--copy);
      font-size: 11.5px;
      line-height: 1.35;
      font-weight: 620;
    }

    #mtown-homepage-v30 .mthm30-choice-featured {
      border-color: rgba(42, 109, 255, 0.42);
      box-shadow: 0 0 0 3px rgba(42, 109, 255, 0.09), 0 8px 20px rgba(3, 15, 25, 0.07);
    }

    /* MAINTENANCE */
    #mtown-homepage-v30 .mthm30-plan-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 17px;
      margin-top: 34px;
    }

    #mtown-homepage-v30 .mthm30-plan-card {
      display: flex;
      flex-direction: column;
      min-height: 335px;
      padding: 24px;
      border-radius: 25px;
      color: var(--ink);
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid var(--line-light);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-plan-card:nth-child(1) { border-top: 5px solid var(--cyan); }
    #mtown-homepage-v30 .mthm30-plan-card:nth-child(2) { border-top: 5px solid var(--green); }
    #mtown-homepage-v30 .mthm30-plan-card:nth-child(3) { border-top: 5px solid var(--gold); }

    #mtown-homepage-v30 .mthm30-plan-card h3 {
      margin: 0;
      color: var(--ink);
      font-size: 22px;
      line-height: 1.12;
      font-weight: 940;
    }

    #mtown-homepage-v30 .mthm30-plan-price {
      margin-top: 14px;
      color: var(--blue-2);
      font-size: 44px;
      line-height: 1;
      letter-spacing: -0.055em;
      font-weight: 980;
    }

    #mtown-homepage-v30 .mthm30-plan-price span {
      color: var(--copy);
      font-size: 13px;
      letter-spacing: 0;
      font-weight: 760;
    }

    #mtown-homepage-v30 .mthm30-plan-card p {
      margin: 13px 0 17px;
      color: var(--copy);
      font-size: 14px;
      line-height: 1.58;
      font-weight: 630;
    }

    #mtown-homepage-v30 .mthm30-plan-list {
      display: grid;
      gap: 8px;
      margin: 0 0 20px;
      padding: 0;
      list-style: none;
    }

    #mtown-homepage-v30 .mthm30-plan-list li {
      position: relative;
      padding-left: 20px;
      color: #213b4c;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 700;
    }

    #mtown-homepage-v30 .mthm30-plan-list li::before {
      content: "\2713";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--green-2);
      font-weight: 950;
    }

    #mtown-homepage-v30 .mthm30-plan-card .mthm30-btn {
      width: 100%;
      min-width: 0;
      margin-top: auto;
    }

    #mtown-homepage-v30 .mthm30-addon-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
    }

    #mtown-homepage-v30 .mthm30-addon {
      padding: 16px 18px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid var(--line-light);
      border-left: 4px solid var(--cyan);
    }

    #mtown-homepage-v30 .mthm30-addon strong {
      display: block;
      color: var(--ink);
      font-size: 15px;
      line-height: 1.2;
      font-weight: 930;
    }

    #mtown-homepage-v30 .mthm30-addon span {
      display: block;
      margin-top: 5px;
      color: var(--copy);
      font-size: 13px;
      line-height: 1.5;
      font-weight: 630;
    }

    #mtown-homepage-v30 .mthm30-credit {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      margin-top: 20px;
      padding: 20px;
      border-radius: 23px;
      color: var(--ink);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 211, 0.94));
      border: 1px solid rgba(190, 131, 0, 0.27);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-credit-badge {
      display: grid;
      place-items: center;
      width: 70px;
      height: 70px;
      border-radius: 22px;
      color: #271b00;
      background: linear-gradient(145deg, #fff08c, #ffb31f);
      font-size: 24px;
      line-height: 1;
      font-weight: 980;
      box-shadow: 0 12px 28px rgba(161, 105, 0, 0.18);
    }

    #mtown-homepage-v30 .mthm30-credit-copy strong {
      display: block;
      color: var(--ink);
      font-size: 18px;
      font-weight: 940;
    }

    #mtown-homepage-v30 .mthm30-credit-copy .mthm30-plan-list {
      margin: 13px 0 0;
    }

    #mtown-homepage-v30 .mthm30-credit-copy span {
      display: block;
      margin-top: 4px;
      color: var(--copy);
      font-size: 13.5px;
      line-height: 1.5;
      font-weight: 650;
    }

    /* PROMISES */
    #mtown-homepage-v30 .mthm30-promise-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 34px;
    }

    #mtown-homepage-v30 .mthm30-promise {
      position: relative;
      padding: 22px;
      border-radius: 22px;
      color: var(--ink);
      background:
        radial-gradient(circle at 0% 0%, var(--promise-glow), transparent 62%),
        var(--ivory);
      border: 1px solid rgba(12, 39, 59, 0.14);
      border-top: 4px solid var(--promise-accent);
      box-shadow: 0 16px 38px rgba(3, 15, 25, 0.26);
      transition: transform 0.18s ease, box-shadow 0.18s ease;
    }

    #mtown-homepage-v30 .mthm30-promise {
      --promise-accent: #ffd740;
      --promise-ink: #8a5a00;
      --promise-tint: rgba(255, 215, 64, 0.24);
      --promise-edge: rgba(165, 111, 0, 0.30);
      --promise-glow: rgba(255, 215, 64, 0.22);
    }

    #mtown-homepage-v30 .mthm30-promise:nth-child(2) {
      --promise-accent: #ff8a2a;
      --promise-ink: #a83f00;
      --promise-tint: rgba(255, 138, 42, 0.20);
      --promise-edge: rgba(190, 88, 0, 0.28);
      --promise-glow: rgba(255, 138, 42, 0.18);
    }

    #mtown-homepage-v30 .mthm30-promise:nth-child(3) {
      --promise-accent: #3fbde8;
      --promise-ink: #0b6a8f;
      --promise-tint: rgba(101, 217, 255, 0.24);
      --promise-edge: rgba(11, 106, 143, 0.26);
      --promise-glow: rgba(101, 217, 255, 0.20);
    }

    #mtown-homepage-v30 .mthm30-promise:nth-child(4) {
      --promise-accent: #43ce8a;
      --promise-ink: #14784a;
      --promise-tint: rgba(67, 206, 138, 0.22);
      --promise-edge: rgba(20, 120, 74, 0.26);
      --promise-glow: rgba(67, 206, 138, 0.18);
    }

    #mtown-homepage-v30 .mthm30-promise:nth-child(5) {
      --promise-accent: #8a68d8;
      --promise-ink: #5b3ca8;
      --promise-tint: rgba(138, 104, 216, 0.20);
      --promise-edge: rgba(91, 60, 168, 0.26);
      --promise-glow: rgba(138, 104, 216, 0.18);
    }

    #mtown-homepage-v30 .mthm30-promise:nth-child(6) {
      --promise-accent: #2a6dff;
      --promise-ink: #123d9e;
      --promise-tint: rgba(42, 109, 255, 0.17);
      --promise-edge: rgba(18, 61, 158, 0.26);
      --promise-glow: rgba(42, 109, 255, 0.16);
    }

    #mtown-homepage-v30 .mthm30-promise:hover {
      transform: translateY(-3px);
      box-shadow: 0 24px 52px rgba(3, 15, 25, 0.32);
    }

    #mtown-homepage-v30 .mthm30-promise-mark {
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border-radius: 13px;
      color: var(--promise-ink);
      background: var(--promise-tint);
      border: 1px solid var(--promise-edge);
    }

    #mtown-homepage-v30 .mthm30-promise-mark svg {
      width: 20px;
      height: 20px;
    }

    #mtown-homepage-v30 .mthm30-promise h3 {
      margin: 15px 0 0;
      color: var(--ink);
      font-size: 17px;
      line-height: 1.25;
      font-weight: 930;
    }

    #mtown-homepage-v30 .mthm30-promise p {
      margin: 9px 0 0;
      color: var(--copy);
      font-size: 13.5px;
      line-height: 1.58;
      font-weight: 630;
    }

    /* LOCAL PROOF - photo wall. Two masonry columns, every photo at its own
       aspect ratio, uncropped. The old 3-across 4:3 crop cut the subject out
       of landscape shots and shrank everything too small to read. */
    #mtown-homepage-v30 .mthm30-photo-grid {
      columns: 2;
      column-gap: 16px;
      margin-top: 32px;
    }

    #mtown-homepage-v30 .mthm30-photo {
      margin: 0 0 16px;
      break-inside: avoid;
      border-radius: 24px;
      overflow: hidden;
      background: var(--navy-900);
      border: 1px solid var(--line-light);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-photo img {
      display: block;
      width: 100%;
      height: auto;
    }

    @media (max-width: 700px) {
      #mtown-homepage-v30 .mthm30-photo-grid {
        columns: 1;
      }
    }

    /* REVIEW CARDS - real Google reviews, quoted verbatim, no review schema */
    #mtown-homepage-v30 .mthm30-review-grid {
      columns: 2;
      column-gap: 16px;
      margin-top: 34px;
    }

    #mtown-homepage-v30 .mthm30-review-card {
      break-inside: avoid;
      margin: 0 0 16px;
      padding: clamp(22px, 3vw, 32px);
      border-radius: 24px;
      color: var(--ink);
      background:
        radial-gradient(circle at 4% 0%, rgba(255, 215, 64, 0.20), transparent 46%),
        var(--ivory);
      border: 1px solid rgba(190, 131, 0, 0.28);
      box-shadow: 0 16px 38px rgba(3, 15, 25, 0.22);
    }

    #mtown-homepage-v30 .mthm30-review-stars {
      color: var(--gold-2);
      font-size: 17px;
      letter-spacing: 3px;
      text-shadow: 0 0 12px rgba(255, 215, 64, 0.35);
    }

    #mtown-homepage-v30 .mthm30-review-card blockquote {
      margin: 12px 0 0;
      color: var(--ink);
      font-size: 14.5px;
      line-height: 1.68;
      font-weight: 650;
    }

    #mtown-homepage-v30 .mthm30-review-card blockquote p {
      margin: 0 0 10px;
    }

    #mtown-homepage-v30 .mthm30-review-card blockquote p:last-child {
      margin-bottom: 0;
    }

    #mtown-homepage-v30 .mthm30-review-who {
      display: block;
      margin-top: 14px;
      color: var(--copy);
      font-size: 12.5px;
      font-weight: 850;
      letter-spacing: 0.04em;
    }

    #mtown-homepage-v30 .mthm30-review-who strong {
      color: var(--ink);
      font-weight: 950;
    }

    @media (max-width: 700px) {
      #mtown-homepage-v30 .mthm30-review-grid {
        columns: 1;
      }
    }

    #mtown-homepage-v30 .mthm30-spot-inner {
      position: relative;
      max-width: 960px;
      margin: 0 auto;
      text-align: center;
      padding: clamp(6px, 1.5vw, 20px) 0;
    }

    #mtown-homepage-v30 .mthm30-spot-mark {
      position: absolute;
      top: clamp(-56px, -6vw, -30px);
      left: 50%;
      transform: translateX(-50%);
      font-size: clamp(170px, 24vw, 280px);
      line-height: 1;
      font-weight: 900;
      font-family: Georgia, 'Times New Roman', serif;
      color: rgba(255, 215, 64, 0.09);
      pointer-events: none;
      user-select: none;
    }

    #mtown-homepage-v30 .mthm30-spot-stars {
      position: relative;
      display: block;
      color: var(--gold-2);
      font-size: clamp(24px, 3.4vw, 34px);
      letter-spacing: 11px;
      text-shadow: 0 0 22px rgba(255, 215, 64, 0.55);
    }

    #mtown-homepage-v30 .mthm30-spot-quote {
      position: relative;
      margin: 20px 0 0;
      font-size: clamp(27px, 4.4vw, 46px);
      line-height: 1.22;
      font-weight: 900;
      letter-spacing: -0.5px;
      color: #fdfaf1;
    }

    #mtown-homepage-v30 .mthm30-spot-gold {
      color: var(--gold-2);
      text-shadow: 0 0 30px rgba(255, 215, 64, 0.5);
    }

    #mtown-homepage-v30 .mthm30-spot-who {
      display: block;
      margin-top: 26px;
      font-size: 14px;
      font-weight: 850;
      letter-spacing: 0.05em;
      color: rgba(247, 244, 237, 0.72);
    }

    #mtown-homepage-v30 .mthm30-spot-who strong {
      color: #ffffff;
      font-weight: 950;
    }

    #mtown-homepage-v30 .mthm30-spot-note {
      display: block;
      margin-top: 8px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      color: rgba(247, 244, 237, 0.55);
    }

    #mtown-homepage-v30 .mthm30-spot-inner .mthm30-btn-row {
      justify-content: center;
    }

    #mtown-homepage-v30 .mthm30-photo figcaption {
      padding: 13px 16px;
      color: var(--copy);
      font-size: 13px;
      line-height: 1.5;
      font-weight: 700;
      background: rgba(255, 255, 255, 0.86);
    }

    #mtown-homepage-v30 .mthm30-stat-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 13px;
      margin-top: 28px;
    }

    #mtown-homepage-v30 .mthm30-stat {
      min-height: 135px;
      padding: 18px;
      border-radius: 20px;
      color: var(--ink);
      background: rgba(255, 255, 255, 0.90);
      border: 1px solid var(--line-light);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-stat strong {
      display: block;
      color: var(--blue-2);
      font-size: 30px;
      line-height: 1;
      letter-spacing: -0.04em;
      font-weight: 980;
    }

    #mtown-homepage-v30 .mthm30-stat span {
      display: block;
      margin-top: 8px;
      color: var(--copy);
      font-size: 12.5px;
      line-height: 1.5;
      font-weight: 650;
    }

    /* FAQ */
    #mtown-homepage-v30 .mthm30-faq-list {
      display: grid;
      gap: 11px;
      margin-top: 30px;
    }

    #mtown-homepage-v30 .mthm30-faq {
      overflow: hidden;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.90);
      border: 1px solid var(--line-light);
      box-shadow: 0 8px 22px rgba(3, 15, 25, 0.07);
    }

    #mtown-homepage-v30 .mthm30-faq summary {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 62px;
      padding: 15px 54px 15px 18px;
      color: var(--ink);
      cursor: pointer;
      list-style: none;
      font-size: 15px;
      line-height: 1.35;
      font-weight: 900;
    }

    #mtown-homepage-v30 .mthm30-faq summary::-webkit-details-marker {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-faq summary::after {
      content: "+";
      position: absolute;
      right: 17px;
      top: 50%;
      transform: translateY(-50%);
      display: grid;
      place-items: center;
      width: 31px;
      height: 31px;
      border-radius: 10px;
      color: var(--white);
      background: linear-gradient(145deg, var(--blue), #123d9e);
      font-size: 21px;
      line-height: 1;
      font-weight: 800;
    }

    #mtown-homepage-v30 .mthm30-faq[open] summary::after {
      content: "-";
    }

    #mtown-homepage-v30 .mthm30-faq-answer {
      padding: 0 18px 18px;
      color: var(--copy);
      font-size: 14px;
      line-height: 1.65;
      font-weight: 620;
    }

    /* FINAL CTA */
    #mtown-homepage-v30 .mthm30-final-card {
      padding: clamp(30px, 5vw, 55px);
      border-radius: 32px;
      text-align: center;
      background:
        radial-gradient(circle at 50% 0%, rgba(255, 215, 64, 0.14), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.025));
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    }

    #mtown-homepage-v30 .mthm30-cta-note {
      margin: 18px auto 0;
      max-width: 640px;
      color: #ffe9a8;
      font-size: 15px;
      line-height: 1.55;
      font-weight: 820;
    }

    #mtown-homepage-v30 .mthm30-cta-note strong {
      color: var(--white);
      font-weight: 940;
    }

    #mtown-homepage-v30 .mthm30-final-card h2 {
      margin: 14px auto 0;
      max-width: 860px;
      color: var(--white);
      font-size: clamp(34px, 5vw, 58px);
      line-height: 1.02;
      letter-spacing: -0.045em;
      font-weight: 970;
      text-wrap: balance;
    }

    #mtown-homepage-v30 .mthm30-final-card p {
      margin: 17px auto 0;
      max-width: 750px;
      color: #dce7ee;
      font-size: 17px;
      line-height: 1.65;
      font-weight: 640;
    }

    #mtown-homepage-v30 .mthm30-final-card .mthm30-btn-row {
      justify-content: center;
    }

    #mtown-homepage-v30 .mthm30-signoff {
      display: grid;
      gap: 3px;
      width: fit-content;
      max-width: 100%;
      margin: 23px auto 0;
      padding: 13px 18px;
      border-radius: 18px;
      color: var(--white);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 215, 64, 0.22);
      text-align: center;
    }

    #mtown-homepage-v30 .mthm30-signoff strong {
      color: #fff0a8;
      font-size: clamp(17px, 2vw, 22px);
      line-height: 1.2;
      font-weight: 960;
    }

    #mtown-homepage-v30 .mthm30-signoff span {
      color: #dce7ee;
      font-size: 13px;
      font-weight: 760;
    }

    /* FULL SERVICES HUB */
    #mtown-homepage-v30 .mthm30-hub-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }

    #mtown-homepage-v30 .mthm30-hub-head h2 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(29px, 4vw, 46px);
      line-height: 1.05;
      letter-spacing: -0.04em;
      font-weight: 950;
    }

    #mtown-homepage-v30 .mthm30-hub-head p {
      margin: 8px 0 0;
      max-width: 700px;
      color: var(--copy);
      font-size: 14px;
      line-height: 1.58;
      font-weight: 630;
    }

    #mtown-homepage-v30 .mthm30-hub-groups {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 15px;
      margin-top: 28px;
    }

    #mtown-homepage-v30 .mthm30-hub-group {
      padding: 18px;
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid var(--line-light);
      box-shadow: var(--soft-shadow);
    }

    #mtown-homepage-v30 .mthm30-hub-group h3 {
      margin: 0 0 11px;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.2;
      font-weight: 940;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    #mtown-homepage-v30 .mthm30-hub-links {
      display: grid;
      gap: 9px;
    }

    #mtown-homepage-v30 .mthm30-hub-link {
      display: flex;
      align-items: center;
      min-height: 48px;
      padding: 10px 12px 10px 15px;
      border-radius: 15px;
      color: #164e9a;
      background: linear-gradient(180deg, #ffffff, #f5f8fa);
      border: 1px solid rgba(12, 39, 59, 0.11);
      border-left: 4px solid var(--blue);
      font-size: 13px;
      line-height: 1.35;
      font-weight: 820;
      transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
    }

    #mtown-homepage-v30 .mthm30-hub-link:nth-child(2) {
      color: #14623f;
      border-left-color: var(--green);
    }

    #mtown-homepage-v30 .mthm30-hub-link:nth-child(3) {
      color: #8a3c08;
      border-left-color: var(--orange);
    }

    #mtown-homepage-v30 .mthm30-hub-link:hover {
      transform: translateY(-2px);
      box-shadow: 0 11px 25px rgba(3, 15, 25, 0.10);
    }

    #mtown-homepage-v30 .mthm30-hub-link.mthm30-hub-emergency {
      color: var(--white);
      background: linear-gradient(135deg, #e56a20, #a52d17);
      border-left-color: rgba(255, 255, 255, 0.82);
    }

    #mtown-homepage-v30 .mthm30-hub-link.mthm30-hub-maintenance {
      color: #3c2a00;
      background: linear-gradient(135deg, #ffe270, #f8bc39);
      border-left-color: rgba(255, 255, 255, 0.82);
    }

    #mtown-homepage-v30 .mthm30-hub-link.mthm30-hub-primary {
      color: var(--white);
      background: linear-gradient(135deg, var(--blue), #123d9e);
      border-left-color: rgba(255, 255, 255, 0.82);
    }

    #mtown-homepage-v30 .mthm30-hub-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
      margin-top: 22px;
    }

    #mtown-homepage-v30 .mthm30-area-note {
      margin: 20px 0 0;
      color: var(--copy);
      font-size: 13px;
      line-height: 1.6;
      font-weight: 640;
    }

    @media (max-width: 1120px) {
      #mtown-homepage-v30 .mthm30-header-inner {
        grid-template-columns: minmax(220px, 300px) 1fr auto;
        gap: 16px;
      }

      #mtown-homepage-v30 .mthm30-nav {
        gap: 9px;
      }

      #mtown-homepage-v30 .mthm30-nav > a,
      #mtown-homepage-v30 .mthm30-services > summary,
      #mtown-homepage-v30 .mthm30-contact > summary {
        font-size: 11.5px;
      }

      #mtown-homepage-v30 .mthm30-service-grid,
      #mtown-homepage-v30 .mthm30-step-grid,
      #mtown-homepage-v30 .mthm30-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 1100px) {
      #mtown-homepage-v30 .mthm30-nav,
      #mtown-homepage-v30 .mthm30-contact {
        display: none;
      }

      #mtown-homepage-v30 .mthm30-header-inner {
        grid-template-columns: minmax(210px, 300px) 1fr auto;
      }

      #mtown-homepage-v30 .mthm30-mobile {
        display: block;
      }
    }

    @media (max-width: 980px) {
      #mtown-homepage-v30 .mthm30-nav,
      #mtown-homepage-v30 .mthm30-contact {
        display: none;
      }

      #mtown-homepage-v30 .mthm30-header-inner {
        grid-template-columns: minmax(210px, 300px) 1fr auto;
      }

      #mtown-homepage-v30 .mthm30-mobile {
        display: block;
      }

      #mtown-homepage-v30 .mthm30-trust-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      #mtown-homepage-v30 .mthm30-trust-item:nth-child(3) {
        border-right: 0;
      }

      #mtown-homepage-v30 .mthm30-trust-item:nth-child(-n+3) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
      }

      #mtown-homepage-v30 .mthm30-havoc-grid,
      #mtown-homepage-v30 .mthm30-split,
      #mtown-homepage-v30 .mthm30-rep-grid,
      #mtown-homepage-v30 .mthm30-intro-split {
        grid-template-columns: 1fr;
      }

      #mtown-homepage-v30 .mthm30-router-grid,
      #mtown-homepage-v30 .mthm30-hub-groups,
      #mtown-homepage-v30 .mthm30-promise-grid,
      #mtown-homepage-v30 .mthm30-photo-grid,
      #mtown-homepage-v30 .mthm30-addon-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 820px) {
      #mtown-homepage-v30 .mthm30-path-grid,
      #mtown-homepage-v30 .mthm30-price-grid,
      #mtown-homepage-v30 .mthm30-plan-grid {
        grid-template-columns: 1fr;
      }

      #mtown-homepage-v30 .mthm30-path-card,
      #mtown-homepage-v30 .mthm30-plan-card {
        min-height: 0;
      }

      #mtown-homepage-v30 .mthm30-credit {
        grid-template-columns: auto minmax(0, 1fr);
      }

      #mtown-homepage-v30 .mthm30-credit .mthm30-btn,
      #mtown-homepage-v30 .mthm30-new-service .mthm30-btn {
        grid-column: 1 / -1;
        width: 100%;
      }

      #mtown-homepage-v30 .mthm30-new-service {
        grid-template-columns: auto minmax(0, 1fr);
      }
    }

    @media (max-width: 680px) {
      #mtown-homepage-v30 .mthm30-shell {
        width: min(100% - 22px, 1180px);
      }

      #mtown-homepage-v30 .mthm30-section {
        padding: 54px 0;
      }

      #mtown-homepage-v30 .mthm30-header-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 70px;
        gap: 10px;
      }

      #mtown-homepage-v30 .mthm30-book-header {
        display: none;
      }

      #mtown-homepage-v30 .mthm30-call-header {
        display: inline-flex;
      }

      #mtown-homepage-v30 .mthm30-brand {
        width: min(100%, 235px);
      }

      #mtown-homepage-v30 .mthm30-hero {
        min-height: auto;
      }

      #mtown-homepage-v30 .mthm30-hero-media::after {
        background:
          linear-gradient(180deg, rgba(4, 17, 31, 0.80), rgba(4, 17, 31, 0.98)),
          linear-gradient(90deg, rgba(4, 17, 31, 0.88), rgba(4, 17, 31, 0.52));
      }

      #mtown-homepage-v30 .mthm30-hero-media img {
        object-position: 62% 50%;
      }

      #mtown-homepage-v30 .mthm30-hero-inner {
        padding: 62px 0 68px;
      }

      #mtown-homepage-v30 .mthm30-hero h1 {
        font-size: clamp(39px, 12vw, 58px);
      }

      #mtown-homepage-v30 .mthm30-hero-badge span {
        font-size: 11px;
        letter-spacing: 0.05em;
      }

      #mtown-homepage-v30 .mthm30-btn-row,
      #mtown-homepage-v30 .mthm30-hub-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
      }

      #mtown-homepage-v30 .mthm30-btn {
        width: 100%;
        min-width: 0;
        min-height: 50px;
      }

      #mtown-homepage-v30 .mthm30-trust-grid {
        grid-template-columns: 1fr;
      }

      #mtown-homepage-v30 .mthm30-trust-item,
      #mtown-homepage-v30 .mthm30-trust-item:nth-child(3),
      #mtown-homepage-v30 .mthm30-trust-item:last-child {
        min-height: 58px;
        justify-content: flex-start;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        text-align: left;
      }

      #mtown-homepage-v30 .mthm30-trust-item:last-child {
        border-bottom: 0;
      }

      #mtown-homepage-v30 .mthm30-service-grid,
      #mtown-homepage-v30 .mthm30-router-grid,
      #mtown-homepage-v30 .mthm30-hub-groups,
      #mtown-homepage-v30 .mthm30-choice-grid,
      #mtown-homepage-v30 .mthm30-stat-grid,
      #mtown-homepage-v30 .mthm30-step-grid,
      #mtown-homepage-v30 .mthm30-promise-grid,
      #mtown-homepage-v30 .mthm30-photo-grid,
      #mtown-homepage-v30 .mthm30-addon-strip {
        grid-template-columns: 1fr;
      }

      #mtown-homepage-v30 .mthm30-service-card {
        min-height: 0;
      }

      #mtown-homepage-v30 .mthm30-route {
        grid-template-columns: 42px minmax(0, 1fr) 18px;
      }

      #mtown-homepage-v30 .mthm30-credit,
      #mtown-homepage-v30 .mthm30-rule,
      #mtown-homepage-v30 .mthm30-new-service {
        grid-template-columns: 1fr;
      }

      #mtown-homepage-v30 .mthm30-credit-badge {
        width: 62px;
        height: 62px;
      }
    }

    @media (orientation: landscape) and (max-height: 500px) {
      #mtown-homepage-v30 .mthm30-header {
        position: relative;
      }

      #mtown-homepage-v30 .mthm30-section {
        padding: 42px 0;
      }

      #mtown-homepage-v30 .mthm30-hero-inner {
        padding: 44px 0 50px;
      }

      #mtown-homepage-v30 .mthm30-hero h1 {
        font-size: clamp(38px, 7vw, 58px);
      }
    }

    @supports (-webkit-touch-callout: none) {
      @media (hover: none) and (pointer: coarse) {
        #mtown-homepage-v30 .mthm30-btn:hover,
        #mtown-homepage-v30 .mthm30-path-card:hover,
        #mtown-homepage-v30 .mthm30-service-card:hover,
        #mtown-homepage-v30 .mthm30-route:hover,
        #mtown-homepage-v30 .mthm30-promise:hover,
        #mtown-homepage-v30 .mthm30-hub-link:hover {
          transform: none;
        }
      }
    }
  
    /* Phone refinements 2026.10.08.1. Preserve established shared components. */
    @media (max-width:680px) {
      #mtown-homepage-v30 .mthm30-brand { min-height:44px; display:flex; align-items:center; }
      #mtown-homepage-v30 .mthm30-path-link { min-height:44px; display:inline-flex; align-items:center; }
      #mtown-homepage-v30 .mthm30-hero-contact a { min-height:44px; display:inline-flex; align-items:center; }
    }
    @media (max-width:680px) {
      #mtown-homepage-v30 .mthm30-hero-inner { padding:28px 0 36px; }
      #mtown-homepage-v30 .mthm30-shell { width:calc(100% - 32px); }
      #mtown-homepage-v30 .mthm30-hero h1 { font-size:clamp(36px,10vw,48px); }
      #mtown-homepage-v30 .mthm30-hero h1 > span { font-size:20px; line-height:1.35; }
      #mtown-homepage-v30 .mthm30-hero-lede { font-size:17px; line-height:1.55; margin-block:18px; }
      #mtown-homepage-v30 .mthm30-hero .mthm30-btn-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mtown-homepage-v30 .mthm30-hero .mthm30-btn-row > a:nth-child(-n+2) { grid-column:1 / -1; }
      #mtown-homepage-v30 .mthm30-hero .mthm30-btn-row > a:nth-child(n+3) { font-size:13px; padding-inline:8px; }
      #mtown-homepage-v30 .mthm30-section { padding:42px 0; }
      #mtown-homepage-v30 .mthm30-trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mtown-homepage-v30 .mthm30-trust-item { font-size:12px; min-height:56px; padding:12px 10px; }
      #mtown-homepage-v30 .mthm30-trust-item:last-child { border-bottom:1px solid rgba(255,255,255,.1); }
    }

/* Phone fit correction 2026.10.08.2 */
html,body{min-width:0;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
#mtown-homepage-v30 .mthm30-label-short{display:none;}
@media(max-width:680px){
#mtown-homepage-v30{width:100%;max-width:100%;min-width:0;}
#mtown-homepage-v30 .mthm30-hero-inner{padding:22px 0 28px;}
#mtown-homepage-v30 .mthm30-hero h1{font-size:clamp(32px,9vw,42px);max-width:100%;overflow-wrap:normal;}
#mtown-homepage-v30 .mthm30-hero h1>span{font-size:18px;line-height:1.4;margin-top:12px;}
#mtown-homepage-v30 .mthm30-hero-lede{font-size:16px;line-height:1.5;margin-block:14px;}
#mtown-homepage-v30 .mthm30-hero .mthm30-label-full{display:none;}
#mtown-homepage-v30 .mthm30-hero .mthm30-label-short{display:inline;}
#mtown-homepage-v30 .mthm30-hero-contact{display:grid;grid-template-columns:1fr;gap:0;font-size:13px;line-height:1.4;}
#mtown-homepage-v30 .mthm30-hero-contact>span[aria-hidden]{display:none;}
#mtown-homepage-v30 .mthm30-hero-contact a{min-height:36px;}
}

/* Phone reading proportions: retain desktop layout and all content. */
@media(max-width:680px){
#mtown-homepage-v30 .mthm30-section{padding:36px 0}
#mtown-homepage-v30 .mthm30-title,#mtown-homepage-v30 .mthm30-title-small,#mtown-homepage-v30 .mthm30-final-card h2,#mtown-homepage-v30 .mthm30-hub-head h2{font-size:clamp(27px,7.5vw,32px);line-height:1.15;letter-spacing:-.025em}
#mtown-homepage-v30 .mthm30-lead,#mtown-homepage-v30 .mthm30-hero-lede{font-size:16px;line-height:1.6;font-weight:450}
#mtown-homepage-v30 p,#mtown-homepage-v30 .mthm30-check-list li{font-weight:450;line-height:1.6}
#mtown-homepage-v30 .mthm30-hero-contact a{min-height:44px}
#mtown-homepage-v30 .mthm30-path-card,#mtown-homepage-v30 .mthm30-service-card,#mtown-homepage-v30 .mthm30-plan-card{padding:20px}
#mtown-homepage-v30 .mthm30-hero-badge{margin-bottom:20px}
}

/* Middletown shared visual standard 2026.10.08. */
#mtown-homepage-v30 header[class$="-header"]{background:#0b1d2b;border-top:0;border-bottom:2px solid #d6ad45;box-shadow:none}
#mtown-homepage-v30 h1 span{display:block;margin-top:14px;color:#ffd740!important;font-size:clamp(20px,2.6vw,28px)!important;line-height:1.35!important;font-weight:650!important;letter-spacing:-.015em}
@media(max-width:680px){#mtown-homepage-v30 h1{font-size:clamp(32px,8.6vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em}#mtown-homepage-v30 h1 span{font-size:20px!important;line-height:1.4!important;font-weight:650!important}#mtown-homepage-v30 [class$="hero-inner"]{padding:28px 0 32px}#mtown-homepage-v30 [class$="hero-lede"]{font-size:16px;line-height:1.6;font-weight:450}}
/* HEADER */
    #mtown-homepage-v30 .mthm30-header {
      position: sticky;
      top: 0;
      z-index: 30;
      color: var(--white);
      background: rgba(4, 17, 31, 0.96);
      border-bottom: 1px solid rgba(255, 255, 255, 0.11);
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
    }

    #mtown-homepage-v30 .mthm30-header-inner {
      display: grid;
      grid-template-columns: minmax(220px, 330px) minmax(0, 1fr) auto;
      gap: 24px;
      align-items: center;
      min-height: 78px;
    }

    #mtown-homepage-v30 .mthm30-brand {
      display: block;
      width: min(100%, 330px);
    }

    #mtown-homepage-v30 .mthm30-brand svg {
      aspect-ratio: 330 / 86;
    }

    #mtown-homepage-v30 .mthm30-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: clamp(14px, 2vw, 26px);
    }

    #mtown-homepage-v30 .mthm30-nav > a,
    #mtown-homepage-v30 .mthm30-services > summary,
    #mtown-homepage-v30 .mthm30-contact > summary {
      color: #edf5fa;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 820;
      cursor: pointer;
      list-style: none;
      white-space: nowrap;
    }

    #mtown-homepage-v30 .mthm30-services > summary::-webkit-details-marker,
    #mtown-homepage-v30 .mthm30-contact > summary::-webkit-details-marker,
    #mtown-homepage-v30 .mthm30-mobile > summary::-webkit-details-marker {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-services,
    #mtown-homepage-v30 .mthm30-contact,
    #mtown-homepage-v30 .mthm30-mobile {
      position: relative;
    }

    #mtown-homepage-v30 .mthm30-chevron {
      display: inline-block;
      width: 7px;
      height: 7px;
      margin-left: 6px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: translateY(-2px) rotate(45deg);
    }

    #mtown-homepage-v30 .mthm30-dropdown,
    #mtown-homepage-v30 .mthm30-contact-pop {
      position: absolute;
      top: calc(100% + 18px);
      right: 0;
      width: min(520px, 86vw);
      padding: 14px;
      border-radius: 20px;
      color: var(--white);
      background: rgba(6, 24, 39, 0.99);
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: var(--shadow);
    }

    #mtown-homepage-v30 .mthm30-services:not([open]) .mthm30-dropdown,
    #mtown-homepage-v30 .mthm30-contact:not([open]) .mthm30-contact-pop,
    #mtown-homepage-v30 .mthm30-mobile:not([open]) .mthm30-mobile-panel {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-dropdown-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    #mtown-homepage-v30 .mthm30-dropdown a,
    #mtown-homepage-v30 .mthm30-contact-pop a,
    #mtown-homepage-v30 .mthm30-mobile-panel a {
      display: flex;
      min-height: 45px;
      align-items: center;
      padding: 10px 12px;
      border-radius: 13px;
      color: #edf5fa;
      background: rgba(255, 255, 255, 0.065);
      border: 1px solid rgba(255, 255, 255, 0.09);
      font-size: 13px;
      line-height: 1.3;
      font-weight: 760;
    }

    #mtown-homepage-v30 .mthm30-contact-pop {
      display: grid;
      gap: 8px;
      width: min(310px, 86vw);
    }

    #mtown-homepage-v30 .mthm30-contact-pop a {
      display: grid;
      gap: 2px;
    }

    #mtown-homepage-v30 .mthm30-contact-pop strong {
      color: var(--white);
      font-size: 13px;
    }

    #mtown-homepage-v30 .mthm30-contact-pop span {
      color: var(--cyan);
      font-size: 16px;
      font-weight: 900;
    }

    #mtown-homepage-v30 .mthm30-header-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 11px;
    }

    #mtown-homepage-v30 .mthm30-book-header {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 16px;
      border-radius: 999px;
      color: #241900;
      background: linear-gradient(135deg, var(--gold), var(--gold-2));
      border: 1px solid rgba(255, 232, 149, 0.55);
      font-size: 13px;
      line-height: 1.15;
      font-weight: 920;
      white-space: nowrap;
    }

    #mtown-homepage-v30 .mthm30-call-header {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 7px;
      min-height: 44px;
      padding: 10px 14px;
      border-radius: 999px;
      color: var(--white);
      background: linear-gradient(135deg, #ff8a2a, var(--orange-2));
      border: 1px solid rgba(255, 188, 137, 0.42);
      font-size: 13px;
      line-height: 1.15;
      font-weight: 920;
      white-space: nowrap;
    }

    #mtown-homepage-v30 .mthm30-call-header svg {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }

    #mtown-homepage-v30 .mthm30-mobile {
      display: none;
    }

    #mtown-homepage-v30 .mthm30-mobile > summary {
      display: grid;
      place-items: center;
      width: 46px;
      height: 46px;
      border-radius: 14px;
      color: var(--white);
      background: rgba(255, 255, 255, 0.075);
      border: 1px solid rgba(255, 255, 255, 0.14);
      cursor: pointer;
      list-style: none;
    }

    #mtown-homepage-v30 .mthm30-menu-icon,
    #mtown-homepage-v30 .mthm30-menu-icon::before,
    #mtown-homepage-v30 .mthm30-menu-icon::after {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 99px;
      background: currentColor;
    }

    #mtown-homepage-v30 .mthm30-menu-icon {
      position: relative;
    }

    #mtown-homepage-v30 .mthm30-menu-icon::before,
    #mtown-homepage-v30 .mthm30-menu-icon::after {
      content: "";
      position: absolute;
      left: 0;
    }

    #mtown-homepage-v30 .mthm30-menu-icon::before { top: -6px; }
    #mtown-homepage-v30 .mthm30-menu-icon::after { top: 6px; }

    #mtown-homepage-v30 .mthm30-mobile-panel {
      position: absolute;
      top: calc(100% + 14px);
      right: 0;
      width: min(330px, 88vw);
      padding: 12px;
      border-radius: 20px;
      background: rgba(6, 24, 39, 0.99);
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: var(--shadow);
    }

    #mtown-homepage-v30 .mthm30-mobile-links {
      display: grid;
      gap: 8px;
    }

    #mtown-homepage-v30 .mthm30-mobile-panel .mthm30-mobile-book {
      color: #241900;
      background: linear-gradient(135deg, var(--gold), var(--gold-2));
    }

    
#mtown-homepage-v30 .mthm30-header{background:#0b1d2b;border-top:0;border-bottom:2px solid #d6ad45;box-shadow:none}
@media(max-width:1100px){#mtown-homepage-v30 .mthm30-nav,#mtown-homepage-v30 .mthm30-contact{display:none}#mtown-homepage-v30 .mthm30-mobile{display:block}#mtown-homepage-v30 .mthm30-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}}
@media(max-width:680px){#mtown-homepage-v30 .mthm30-header-inner{min-height:70px;grid-template-columns:minmax(0,1fr) auto;gap:10px}#mtown-homepage-v30 .mthm30-brand{width:min(100%,235px)}#mtown-homepage-v30 .mthm30-book-header{display:none}#mtown-homepage-v30 .mthm30-call-header{display:inline-flex}}
/* Middletown visual finish, October 2026. Existing controls and behavior are preserved. */
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-hero"]{isolation:isolate}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-hero"] h1{text-shadow:0 3px 30px #0003}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-hero-media"] img{filter:saturate(.94) contrast(1.05)}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-kicker"]{letter-spacing:.12em;box-shadow:inset 0 1px 0 #fff2}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) :is([class$="-card"],[class$="-tile"]){box-shadow:0 8px 24px #08213709,inset 0 1px 0 #ffffff16;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (pointer:fine){[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) :is(a[class$="-card"],a[class$="-tile"]):hover{transform:translateY(-3px);box-shadow:0 16px 35px #08213718}}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-photo"]{overflow:hidden;border-radius:18px;box-shadow:0 14px 35px #08213713}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-photo"] img{transition:transform .5s ease}
@media(hover:hover) and (pointer:fine){[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) [class$="-photo"]:hover img{transform:scale(1.025)}}
[id^="mtown-"] a:focus-visible,[id^="mtown-"] button:focus-visible,[id^="mtown-"] summary:focus-visible{outline:3px solid #8bdfff;outline-offset:4px}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) :is(a[href*="/cooling/"],a[href*="/ductless/"])[class*="card"]{--service-accent:#a8d5e9;border-top-color:#a8d5e9}
[id^="mtown-"]:not([id*="estimator"]):not([id*="v200"]) :is(a[href*="/warmair/"],a[href*="/boilers/"],a[href*="/heatpumps/"])[class*="card"]{--service-accent:#efb07a;border-top-color:#efb07a}

#mtown-homepage-v30{--gold:#f4c66a;--gold-2:#ffdb83;--cyan:#b2deef;--green-2:#b2deef;--ivory:#f8f5ed;--ivory-2:#eee9dc}
#mtown-homepage-v30 .mthm30-shell{width:min(1260px,calc(100% - 48px))}
#mtown-homepage-v30 .mthm30-hero{min-height:690px;border-bottom:1px solid #d5b86c66}
#mtown-homepage-v30 .mthm30-hero-media:after{background:linear-gradient(90deg,#04111ff7 0%,#04111fe6 39%,#04111f62 73%,#04111f21 100%),linear-gradient(0deg,#04111fbd,transparent 50%)}
#mtown-homepage-v30 .mthm30-hero-media img{object-position:30% 35%!important}
#mtown-homepage-v30 .mthm30-hero-inner{padding:80px 0 95px}
#mtown-homepage-v30 .mthm30-hero-copy{max-width:790px}
#mtown-homepage-v30 .mthm30-hero h1{font-size:clamp(58px,7.2vw,94px);margin-top:28px;text-shadow:0 5px 45px #0004}
#mtown-homepage-v30 .mthm30-hero h1 span{margin-top:23px;font-size:clamp(22px,.36em,33px);color:#f4c66a;max-width:690px}
#mtown-homepage-v30 .mthm30-hero-badge{background:#0d263aba;border:1px solid #e0c78066;padding:11px 16px;box-shadow:0 12px 35px #0002}
#mtown-homepage-v30 .mthm30-hero-lede{max-width:710px;line-height:1.7;margin-top:25px}
#mtown-homepage-v30 .mthm30-btn{border-radius:12px;min-height:52px;box-shadow:0 8px 22px #04111f26,inset 0 1px 0 #fff4}
#mtown-homepage-v30 .mthm30-btn-blue{background:linear-gradient(135deg,#b8e2f1,#8cbcd4);color:#0b2538;border-color:#c4e6f4}
#mtown-homepage-v30 .mthm30-btn-text{background:linear-gradient(135deg,#f6f2e8,#ded7c8);color:#142c3c}
#mtown-homepage-v30 .mthm30-hero .mthm30-btn-row{max-width:750px;gap:12px;margin-top:28px}
#mtown-homepage-v30 .mthm30-hero .mthm30-urgent-note{font-size:14px;line-height:1.6;max-width:660px}
#mtown-homepage-v30 .mt-finish-proof{position:absolute;right:0;bottom:34px;padding:18px 22px;border-left:3px solid #f4c66a;background:#071d2bd9;color:#fff;max-width:260px;border-radius:0 10px 10px 0;box-shadow:0 10px 30px #0002}
#mtown-homepage-v30 .mt-finish-proof span{display:block;font-size:11px;letter-spacing:.1em;color:#f4c66a;font-weight:800;margin-bottom:5px}
#mtown-homepage-v30 .mt-finish-proof strong{display:block;font-size:18px;line-height:1.35}
#mtown-homepage-v30 .mthm30-trust{background:#071b2b;border-top:0;border-bottom:1px solid #c6ac6960}
#mtown-homepage-v30 .mthm30-trust-grid{padding-top:22px;padding-bottom:22px}
#mtown-homepage-v30 section[aria-label="October heating maintenance"]{background:linear-gradient(115deg,#f8f2e5,#eadcbe)!important;border-bottom-color:#d6bc83!important;padding:32px 24px!important}
#mtown-homepage-v30 section[aria-label="October heating maintenance"]>div{max-width:1260px!important}
#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{font-size:30px!important;letter-spacing:-.025em}
#mtown-homepage-v30 section[aria-label="October heating maintenance"] a{border-radius:12px!important;box-shadow:0 10px 25px #0b243c22}
#mtown-homepage-v30 .mthm30-section{padding:clamp(68px,7vw,104px) 0}
#mtown-homepage-v30 .mthm30-dark{background:radial-gradient(ellipse at 92% 15%,#28537530,transparent 40%),linear-gradient(140deg,#071b2b,#102e43)}
#mtown-homepage-v30 .mthm30-title{font-size:clamp(36px,4.8vw,64px);line-height:1.05;letter-spacing:-.045em}
#mtown-homepage-v30 .mthm30-path-card{border-radius:20px;padding:30px;box-shadow:0 12px 30px #071b2b0c;background:#fff}
#mtown-homepage-v30 .mthm30-path-card:nth-child(1){border-top:3px solid #e9b171}
#mtown-homepage-v30 .mthm30-path-card:nth-child(2){border-top:3px solid #bddbe8}
#mtown-homepage-v30 .mthm30-path-card:nth-child(3){border-top:3px solid #d8c695}
#mtown-homepage-v30 .mthm30-path-card:nth-child(4){border-top:3px solid #d8c695}
#mtown-homepage-v30 .mthm30-service-card{border-radius:18px;border-top:3px solid var(--service-accent,#d3bf88);background:#fff;box-shadow:0 12px 30px #0b233d0a}
#mtown-homepage-v30 .mthm30-service-card{--service-accent:#d3bf88!important}
#mtown-homepage-v30 .mthm30-service-card[href*="/cooling/"],#mtown-homepage-v30 .mthm30-service-card[href*="/ductless/"]{--service-accent:#add9eb!important}
#mtown-homepage-v30 .mthm30-service-card[href*="/warmair/"],#mtown-homepage-v30 .mthm30-service-card[href*="/boilers/"],#mtown-homepage-v30 .mthm30-service-card[href*="/heatpumps/"]{--service-accent:#efb17d!important}
#mtown-homepage-v30 .mthm30-photo-grid{gap:20px;grid-template-columns:1.15fr 1fr 1fr}
#mtown-homepage-v30 .mthm30-photo-grid figure{position:relative;margin:0;overflow:hidden;border-radius:18px;border:1px solid #d1bc7d40;box-shadow:0 20px 40px #03111d26}
#mtown-homepage-v30 .mthm30-photo-grid img{height:380px;object-fit:cover;transition:transform .6s ease}
#mtown-homepage-v30 .mthm30-photo-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 22px 22px;background:linear-gradient(transparent,#061826ef);color:#fff!important;font-size:15px;line-height:1.5}
#mtown-homepage-v30 .mthm30-review-card{border-radius:18px;border-color:#d0ba804d;box-shadow:inset 0 1px 0 #ffffff12,0 10px 26px #03111d12}
#mtown-homepage-v30 .mthm30-plan-card{border-radius:20px;box-shadow:0 20px 40px #0b213818}
#mtown-homepage-v30 .mthm30-plan-card:nth-child(2){border:2px solid #d1ad5c;box-shadow:0 20px 45px #b2904920}
@media(hover:hover) and (pointer:fine){#mtown-homepage-v30 .mthm30-photo-grid figure:hover img{transform:scale(1.035)}}
@media(max-width:1100px){#mtown-homepage-v30 .mt-finish-proof{display:none}#mtown-homepage-v30 .mthm30-photo-grid img{height:320px}}
@media(max-width:720px){#mtown-homepage-v30 .mthm30-shell{width:calc(100% - 32px)}#mtown-homepage-v30 .mthm30-hero{min-height:0}#mtown-homepage-v30 .mthm30-hero-inner{padding:46px 0 48px}#mtown-homepage-v30 .mthm30-hero h1{font-size:clamp(47px,12vw,68px)}#mtown-homepage-v30 .mthm30-hero h1 span{font-size:23px;margin-top:18px}#mtown-homepage-v30 .mthm30-hero-badge{padding:9px 12px}#mtown-homepage-v30 .mthm30-hero-badge span{font-size:11px}#mtown-homepage-v30 .mthm30-hero-lede{font-size:17px}#mtown-homepage-v30 .mthm30-hero-media:after{background:linear-gradient(90deg,#04111fee,#04111fb0),linear-gradient(0deg,#04111fac,transparent)}#mtown-homepage-v30 .mthm30-hero-media img{object-position:45% 35%!important}#mtown-homepage-v30 .mthm30-hero .mthm30-btn{min-width:0;flex:1 1 calc(50% - 12px);padding:12px 10px;font-size:14px}#mtown-homepage-v30 .mthm30-hero .mthm30-urgent-note{font-size:13px}#mtown-homepage-v30 .mthm30-photo-grid{grid-template-columns:1fr!important}#mtown-homepage-v30 .mthm30-photo-grid img{height:340px}#mtown-homepage-v30 .mthm30-title{font-size:36px}#mtown-homepage-v30 .mthm30-section{padding:58px 0}#mtown-homepage-v30 .mthm30-path-card{padding:25px}#mtown-homepage-v30 section[aria-label="October heating maintenance"]{padding:27px 16px!important}#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{font-size:25px!important}}
[class="mthm30-services"]>[class="mthm30-dropdown"]{left:0;right:auto;max-height:70vh;overflow-y:auto}[class="mthm30-mobile-panel"]{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}[class="mthm30-mobile-services"]>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:12px;border-radius:13px;color:#ffd740;background:#ffffff12;border:1px solid #d6ad4560;font-size:14px;font-weight:760;cursor:pointer;list-style:none}[class="mthm30-mobile-services"]>summary::-webkit-details-marker{display:none}[class="mthm30-mobile-service-links"]{display:grid;gap:6px;padding:8px 0 0 10px}[class="mthm30-mobile-services"]:not([open])>[class="mthm30-mobile-service-links"]{display:none}[class="mthm30-mobile-services"][open]>summary [class="mthm30-chevron"]{transform:rotate(225deg)}
[class="mthm30-services"]>[class="mthm30-dropdown"]{left:0;right:auto;max-height:70vh;overflow-y:auto}[class="mthm30-mobile-panel"]{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}[class="mthm30-mobile-services"]>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:12px;border-radius:13px;color:#ffd740;background:#ffffff12;border:1px solid #d6ad4560;font-size:14px;font-weight:760;cursor:pointer;list-style:none}[class="mthm30-mobile-services"]>summary::-webkit-details-marker{display:none}[class="mthm30-mobile-service-links"]{display:grid;gap:6px;padding:8px 0 0 10px}[class="mthm30-mobile-services"]:not([open])>[class="mthm30-mobile-service-links"]{display:none}[class="mthm30-mobile-services"][open]>summary [class="mthm30-chevron"]{transform:rotate(225deg)}
.mtown-skip-link{position:absolute;left:-10000px;top:12px;z-index:10000;background:#fff;color:#0b1d2b;padding:12px 18px;border:3px solid #d5b86c;border-radius:8px;font:700 16px/1.4 Arial,sans-serif}.mtown-skip-link:focus{left:12px}#mthm30-page-title{scroll-margin-top:120px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d5b86c!important;outline-offset:3px!important}
#mtown-homepage-v30 .mt-october-chase{width:min(720px,100%);height:auto;aspect-ratio:800/190;margin:0 0 18px;position:relative;overflow:hidden;isolation:isolate;pointer-events:none;border:1px solid #dca44d55;border-radius:22px;background:#081c30;box-shadow:0 14px 32px #0004,inset 0 0 25px #62b9dd15}
#mtown-homepage-v30 .mt-october-chase[hidden]{display:none}
#mtown-homepage-v30 .mt-chase-track{height:100%;width:100%}
#mtown-homepage-v30 .mt-chase-art{display:block;width:100%;height:100%;overflow:hidden}
#mtown-homepage-v30 .mt-chase-runner{animation:mt-oct-dash 12s linear infinite!important}
#mtown-homepage-v30 .mt-chase-runner:nth-of-type(2){animation-delay:.1s!important}
#mtown-homepage-v30 .mt-chase-bob{transform-box:fill-box;transform-origin:center;animation:mt-oct-bob .36s ease-in-out infinite alternate!important;filter:drop-shadow(0 3px 2px #0005)}
#mtown-homepage-v30 .mt-chase-leaf{animation:mt-oct-leaf .48s ease-in-out infinite alternate!important;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 4px #ffb64255)}
#mtown-homepage-v30 .mt-chase-witch{animation:mt-oct-fly 1.12s ease-in-out infinite alternate!important;transform-box:fill-box;transform-origin:center}
#mtown-homepage-v30 .mt-chase-leg{animation:mt-oct-run .18s ease-in-out infinite alternate!important;transform-box:fill-box;transform-origin:top center}
#mtown-homepage-v30 .mt-chase-leg-back{animation-delay:.18s!important}
#mtown-homepage-v30 .mt-chase-scarf{transform-box:fill-box;transform-origin:right center;animation:mt-oct-scarf .3s ease-in-out infinite alternate!important}
#mtown-homepage-v30 .mt-chase-spark{animation:mt-oct-spark 1.4s ease-in-out infinite alternate!important;transform-box:fill-box;transform-origin:center}
#mtown-homepage-v30 .mt-chase-drift{animation:mt-oct-drift 9s ease-out infinite!important}
#mtown-homepage-v30 .mt-chase-mist{animation:mt-oct-mist 9s ease-out infinite!important}
@keyframes mt-oct-dash{0%{transform:translateX(-850px);opacity:0}4%{opacity:1}38%{transform:translateX(-12px)}48%{transform:translateX(0) translateY(-9px)}57%{transform:translateX(12px)}90%{transform:translateX(900px);opacity:1}91%,100%{transform:translateX(900px);opacity:0}}
@keyframes mt-oct-bob{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}
@keyframes mt-oct-leaf{from{transform:translateY(1px) rotate(-8deg)}to{transform:translateY(-9px) rotate(9deg)}}
@keyframes mt-oct-fly{from{transform:translateY(4px) rotate(2deg)}to{transform:translateY(-14px) rotate(-5deg)}}
@keyframes mt-oct-run{from{transform:rotate(-32deg)}to{transform:rotate(34deg)}}
@keyframes mt-oct-scarf{to{transform:rotate(-10deg) scaleY(.8)}}
@keyframes mt-oct-spark{from{opacity:.25;transform:scale(.65)}to{opacity:1;transform:scale(1.2)}}
@keyframes mt-oct-drift{from{transform:translateX(40px) translateY(-14px);opacity:0}15%{opacity:.8}to{transform:translateX(-95px) translateY(22px);opacity:.35}}
@keyframes mt-oct-mist{from{transform:translateX(30px)}to{transform:translateX(-30px)}}
@media(max-width:600px){#mtown-homepage-v30 .mt-october-chase{margin-bottom:14px;border-radius:16px;height:150px;aspect-ratio:auto}#mtown-homepage-v30 .mt-chase-art{position:absolute;width:650px;max-width:none;height:155px;left:50%;top:0;transform:translateX(-50%)}}
#mtown-homepage-v30 .mt-october-note{max-width:600px;margin:0 0 20px;padding:0 0 0 14px;border-left:2px solid #edb75b;color:#e0edf3;font-size:14px;line-height:1.6}#mtown-homepage-v30 .mt-october-note strong{display:block;color:#ffe3a2;font-size:17px;margin-bottom:3px}#mtown-homepage-v30 .mt-october-note a{display:inline-block;color:#b8e5ff;font-weight:750;margin-top:4px;text-underline-offset:3px}#mtown-homepage-v30 .mt-october-note[hidden]{display:none}
#mtown-homepage-v30 .mt-seasonal-after-actions{margin-top:28px}#mtown-homepage-v30 .mt-october-note a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;margin:10px 7px 0 0;border:1px solid #8ecfe866;border-radius:10px;background:#123349;text-decoration:none;font-size:14px;line-height:1.35}#mtown-homepage-v30 .mt-october-note a:hover{background:#1b4863;border-color:#c4e9ff}#mtown-homepage-v30 .mt-hero-booking{margin:12px 0 0;font-size:14px;line-height:1.5}#mtown-homepage-v30 .mt-hero-booking a{display:inline-flex;align-items:center;min-height:44px;color:#c3e8ff;font-weight:750;text-underline-offset:4px}@media(max-width:600px){#mtown-homepage-v30 .mthm30-hero-inner{padding:34px 0 40px}#mtown-homepage-v30 .mthm30-hero-badge{margin-bottom:15px}#mtown-homepage-v30 .mthm30-hero-lede{font-size:16px;line-height:1.6}#mtown-homepage-v30 .mt-seasonal-after-actions{margin-top:22px}#mtown-homepage-v30 .mt-october-note{font-size:14px}#mtown-homepage-v30 .mt-october-note a{font-size:14px}}
#mtown-homepage-v30 .mt-next-step{background:#f7f3e8;color:#102231;padding:28px max(22px,calc((100% - 1160px)/2));border-top:1px solid #d9d5ca;border-bottom:1px solid #d9d5ca}
#mtown-homepage-v30 .mt-next-step h2{font:800 clamp(19px,2.2vw,25px)/1.3 system-ui,sans-serif;margin:0 0 18px;color:#102231}
#mtown-homepage-v30 .mt-next-step ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
#mtown-homepage-v30 .mt-next-step li{display:flex;align-items:center;gap:12px;font:600 16px/1.5 system-ui,sans-serif;min-width:0}
#mtown-homepage-v30 .mt-next-step b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#e6bd54;color:#102231;font-size:15px}
#mtown-homepage-v30 :is(a,button,summary):focus-visible{outline:3px solid #1674a8!important;outline-offset:5px!important}
@media(max-width:720px){#mtown-homepage-v30 .mt-next-step{padding:22px}#mtown-homepage-v30 .mt-next-step ol{grid-template-columns:1fr;gap:12px}#mtown-homepage-v30 .mt-next-step li{font-size:15px}}
/* October 10, 2026: static brand gradients and five-star gold accents. */
#mtown-homepage-v30 .mthm30-hero h1 {color:#d6f0ff;text-shadow:none;}
#mtown-homepage-v30 .mthm30-hero h1>span {color:#ffdb83!important;text-shadow:0 0 16px #f4c66a30;}
#mtown-homepage-v30 .mthm30-title,#mtown-homepage-v30 .mthm30-hub-head h2 {color:#164b78;}
#mtown-homepage-v30 .mthm30-dark .mthm30-title,#mtown-homepage-v30 .mthm30-final-card h2 {color:#bde8ff;}
#mtown-homepage-v30 #mthm30-rep-title,#mtown-homepage-v30 .mthm30-rep-score {color:#ffdb83;}
#mtown-homepage-v30 .mthm30-hero-badge {background:#12334ee6;border-color:#d8ae5b80;box-shadow:0 0 20px #f4c66a15;}
#mtown-homepage-v30 .mthm30-hero-badge .mthm30-stars,#mtown-homepage-v30 .mthm30-rep-card .mthm30-stars {color:#ffdb83;filter:drop-shadow(0 0 5px #f4c66a65);}
#mtown-homepage-v30 .mthm30-rep-score {text-shadow:0 0 22px #f4c66a35;}
#mtown-homepage-v30 .mthm30-review-stars {color:#8b5c08;text-shadow:0 0 8px #c88e3220;}
#mtown-homepage-v30 .mthm30-rep-card {border-color:#d8ae5b80;box-shadow:0 16px 40px #03121e35,0 0 22px #f4c66a12;}
#mtown-homepage-v30 .mthm30-light {background:radial-gradient(ellipse at 95% 10%,#d9edff90,transparent 48%),linear-gradient(150deg,#fff,#f8f5ed);}
#mtown-homepage-v30 .mthm30-ivory {background:radial-gradient(ellipse at 5% 10%,#ffdf9d55,transparent 45%),linear-gradient(150deg,#f8f5ed,#eee9dc);}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
#mtown-homepage-v30 .mthm30-hero h1 {background:linear-gradient(105deg,#fff 5%,#a5e3ff 48%,#9dbbff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
#mtown-homepage-v30 .mthm30-hero h1>span {background:linear-gradient(100deg,#fff0bb,#ffd276 65%,#f2b856);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none;}
#mtown-homepage-v30 .mthm30-title,#mtown-homepage-v30 .mthm30-hub-head h2 {background:linear-gradient(105deg,#132f53,#1b5a91 58%,#186779);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
#mtown-homepage-v30 .mthm30-dark .mthm30-title,#mtown-homepage-v30 .mthm30-final-card h2 {background:linear-gradient(105deg,#fff,#a5e3ff 62%,#aac5ff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
#mtown-homepage-v30 #mthm30-rep-title {background:linear-gradient(100deg,#fff0bb,#ffd276 65%,#f2b856);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
}
@media (hover:none) and (pointer:coarse) {#mtown-homepage-v30 .mthm30-rep-score{ text-shadow:0 0 10px #f4c66a25;}#mtown-homepage-v30 .mthm30-hero-badge .mthm30-stars,#mtown-homepage-v30 .mthm30-rep-card .mthm30-stars{filter:none;}}
@media (forced-colors:active) {#mtown-homepage-v30 h1,#mtown-homepage-v30 h1>span,#mtown-homepage-v30 .mthm30-title,#mtown-homepage-v30 .mthm30-hub-head h2,#mtown-homepage-v30 .mthm30-final-card h2{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;text-shadow:none!important;}}
#mtown-homepage-v30 .mt-next-step h2,#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{color:#123b65;font-weight:850;line-height:1.14;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal}
#mtown-homepage-v30 .mt-next-step h2{font-size:clamp(28px,3.3vw,44px);max-width:1030px;margin-bottom:24px}
#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{font-size:clamp(30px,3.7vw,48px)!important;margin-bottom:14px!important}
#mtown-homepage-v30 .mt-october-note{max-width:740px;padding:22px 0 0 20px;border-left:3px solid #f4c66a;font-size:16px;line-height:1.65}
#mtown-homepage-v30 .mt-october-note h2{display:block;color:#ffdb83;font:900 clamp(38px,4.5vw,60px)/1.05 system-ui,sans-serif;letter-spacing:-.04em;margin:0 0 18px;max-width:720px;text-wrap:balance;overflow-wrap:normal}
#mtown-homepage-v30 .mt-october-note p{margin:0;color:#e0edf3;font-size:16px;line-height:1.65}
#mtown-homepage-v30 .mt-diagnosis-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#mtown-homepage-v30 .mt-october-note .mt-diagnosis-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:14px 18px;border:1px solid #c6edff;border-radius:12px;background:linear-gradient(120deg,#d2f2ff,#87d4f2);color:#0a253b;font-size:16px;font-weight:850;line-height:1.3;text-align:center;text-decoration:none;box-shadow:inset 0 1px 0 #fff9,0 8px 24px #0002}
#mtown-homepage-v30 .mt-october-note .mt-diagnosis-actions a[href^="tel:"]{background:linear-gradient(120deg,#ffe7a0,#ffc85d);border-color:#ffe7a0}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
#mtown-homepage-v30 .mt-next-step h2,#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{background-image:linear-gradient(110deg,#102e50 0%,#235d91 55%,#087080 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#mtown-homepage-v30 .mt-october-note h2{background-image:linear-gradient(110deg,#fff1ba 0%,#ffd36d 50%,#ffaf69 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
@media(max-width:600px){#mtown-homepage-v30 .mt-october-note{padding:8px 0 0 15px;margin-bottom:20px}#mtown-homepage-v30 .mt-october-note h2{font-size:clamp(34px,9.6vw,44px);margin-bottom:16px}#mtown-homepage-v30 .mt-diagnosis-actions{display:grid;grid-template-columns:1fr;gap:10px}#mtown-homepage-v30 .mt-next-step h2{font-size:clamp(27px,7.2vw,34px)}#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{font-size:clamp(30px,8vw,38px)!important}}
@media(forced-colors:active){#mtown-homepage-v30 .mt-next-step h2,#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2,#mtown-homepage-v30 .mt-october-note h2{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
@media print{#mtown-homepage-v30 .mt-next-step h2,#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2,#mtown-homepage-v30 .mt-october-note h2{background:none;color:#102e50;-webkit-text-fill-color:#102e50}}
#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"]{background:linear-gradient(145deg,#f9f6ee,#eef2f4);border-top:1px solid #d2dce1;border-bottom:1px solid #d2dce1}
#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-split{grid-template-columns:minmax(0,1.45fr) minmax(0,.7fr);gap:36px;align-items:center}
#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-photo{border-radius:24px;overflow:hidden;box-shadow:0 16px 38px #102e5018;border:1px solid #c6d1d6}
#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-photo img{width:100%;height:280px;object-fit:cover}
#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-lead{font-weight:550;font-size:18px;line-height:1.65}
#mtown-homepage-v30 .mthm30-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
#mtown-homepage-v30 .mthm30-promise{display:flex;flex-direction:column;position:relative;height:auto;min-height:0;margin:0;padding:28px;border:1px solid #cbd6dc;border-top:3px solid #b8a26a;border-radius:20px;background:#fff;box-shadow:0 9px 24px #102e500a;overflow:hidden}
#mtown-homepage-v30 .mthm30-promise::before{display:none}
#mtown-homepage-v30 .mthm30-promise-mark{display:grid;place-items:center;width:42px;height:42px;margin:0 0 20px;border:1px solid #d9c791;border-radius:12px;background:linear-gradient(130deg,#fff7dd,#f4e6b9);color:#604918;font:800 15px/1 system-ui,sans-serif;letter-spacing:.04em}
#mtown-homepage-v30 .mthm30-promise h3{margin:0 0 20px;color:#102e50;font:800 22px/1.25 system-ui,sans-serif;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:normal}
#mtown-homepage-v30 .mthm30-promise p{margin:auto 0 0;padding-top:18px;border-top:1px solid #e0e6e9;color:#3d5261;font-size:16px;line-height:1.65;font-weight:500}
#mtown-homepage-v30 .mt-rule-response-label{display:block;margin-bottom:7px;color:#17604d;font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}
@media(max-width:1000px){#mtown-homepage-v30 .mthm30-promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-split{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#mtown-homepage-v30 .mthm30-promise-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}#mtown-homepage-v30 .mthm30-promise{padding:23px;border-radius:18px}#mtown-homepage-v30 .mthm30-promise-mark{margin-bottom:16px}#mtown-homepage-v30 .mthm30-promise h3{font-size:22px;margin-bottom:16px}#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-split{grid-template-columns:1fr;gap:22px}#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-photo img{height:220px}}
#mtown-homepage-v30 .mt-hero-booking{display:flex;flex-wrap:wrap;gap:8px 20px}
#mtown-homepage-v30 .mthm30-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#mtown-homepage-v30 .mthm30-service-card{display:flex;flex-direction:column;height:auto;min-height:0;padding:24px;border:1px solid #cbd6dd;border-top:4px solid var(--service-accent,#235d91);border-radius:18px;background:linear-gradient(145deg,#fff,var(--service-tint,#f2f6f9));color:#102231;box-shadow:0 8px 24px #10223108}
#mtown-homepage-v30 .mthm30-service-card h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#102231;margin:16px 0 10px}
#mtown-homepage-v30 .mthm30-service-card p{font-size:16px;line-height:1.6;font-weight:500;margin:0 0 14px;color:#334b5d}
#mtown-homepage-v30 .mthm30-service-card .mthm30-service-link{display:flex;align-items:center;min-height:44px;margin-top:auto;color:#163d64;font-weight:800;font-size:15px}
#mtown-homepage-v30 .mthm30-service-card .mthm30-service-icon{width:38px;height:38px;color:#163d64}
#mtown-homepage-v30 .mthm30-service-card.mt-service-heating{--service-accent:#bb571c;--service-tint:#fff3e9;border-top-color:#bb571c;background:linear-gradient(145deg,#fff,#fff3e9)}
#mtown-homepage-v30 .mthm30-service-card.mt-service-cooling{--service-accent:#3376a5;--service-tint:#eaf6ff;border-top-color:#3376a5;background:linear-gradient(145deg,#fff,#eaf6ff)}
#mtown-homepage-v30 .mthm30-service-card.mt-service-water{--service-accent:#287c80;--service-tint:#eaf7f5;border-top-color:#287c80;background:linear-gradient(145deg,#fff,#eaf7f5)}
#mtown-homepage-v30 .mthm30-service-card.mt-service-controls{--service-accent:#78602f;--service-tint:#f6f1e7;border-top-color:#78602f;background:linear-gradient(145deg,#fff,#f6f1e7)}
#mtown-homepage-v30 .mt-october-note .mt-diagnosis-safety{font-size:14px;margin-top:12px;color:#d7e3eb}
#mtown-homepage-v30 .mthm30-router-grid .mthm30-route{min-height:100px}
@media(max-width:900px){#mtown-homepage-v30 .mthm30-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#mtown-homepage-v30 .mthm30-service-grid{grid-template-columns:1fr;gap:12px}#mtown-homepage-v30 .mthm30-service-card{padding:20px}#mtown-homepage-v30 .mthm30-service-card h3{margin-top:12px;font-size:21px}}
@media(prefers-reduced-motion:reduce){#mtown-homepage-v30 *,#mtown-homepage-v30 *::before,#mtown-homepage-v30 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* --- styles that the live embed appends AFTER the page section (data-mtown-design blocks) --- */
#mtown-homepage-v30 .mthm30-router-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#mtown-homepage-v30 .mthm30-router-grid .mthm30-route{grid-template-columns:minmax(0,1fr) 20px!important;align-items:center;gap:14px;min-height:150px;padding:23px;border-radius:18px;background:linear-gradient(135deg,#fff,#edf7fb);border:1px solid #bcd2df;border-top:3px solid #71c8e2}
#mtown-homepage-v30 .mthm30-route>span:first-child{min-width:0;width:auto}
#mtown-homepage-v30 .mthm30-router-grid .mthm30-route strong{font-size:20px;line-height:1.25;color:#102e50;overflow-wrap:normal;word-break:normal}
#mtown-homepage-v30 .mthm30-router-grid .mthm30-route span:not(.mthm30-route-arrow){font-size:14px;line-height:1.55;color:#334b5d;overflow-wrap:normal;word-break:normal}
#mtown-homepage-v30 .mthm30-route .mthm30-route-arrow{color:#176f9c}
#mtown-homepage-v30 .mthm30-stat-grid{gap:17px;align-items:stretch}
#mtown-homepage-v30 .mthm30-stat-grid .mthm30-stat{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border-radius:18px;min-height:185px;background:linear-gradient(145deg,#173d56,#102c40);border:1px solid #5ba5be66;box-shadow:0 12px 28px #0002;color:#fff}
#mtown-homepage-v30 .mthm30-stat-grid .mthm30-stat strong{font-size:clamp(22px,2.1vw,30px);line-height:1.18;color:#b9f0ef;margin-bottom:14px;background:none;-webkit-text-fill-color:initial;overflow-wrap:normal}
#mtown-homepage-v30 .mthm30-stat-grid .mthm30-stat>span{font-size:14px;line-height:1.65;color:#e0edf5;font-weight:550}
#mtown-homepage-v30 .mthm30-stat-grid .mt-emergency-feature{background:radial-gradient(ellipse at 0 0,#ff9d0033,transparent 70%),linear-gradient(140deg,#243749,#0b2133);border-color:#ffc65e99;box-shadow:0 0 28px #ffbd3d18,inset 0 1px #ffe4a033}
#mtown-homepage-v30 .mthm30-stat-grid .mt-emergency-feature strong{font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-.045em;color:#ffd46b;background:linear-gradient(110deg,#fff8c7,#ffd45b,#ff9348,#ffe180,#fff8c7);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 23px #ffbc4530;animation:mt-warm-flow 7s ease-in-out infinite!important}
#mtown-homepage-v30 .mt-emergency-feature a{display:inline-flex;min-height:44px;align-items:center;margin-top:12px;padding:0;color:#ffdc83;font-size:14px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
#mtown-homepage-v30 #mthm30-oil-title,#mtown-homepage-v30 #mthm30-plans-title{display:table;max-width:100%;padding:16px 20px;border-radius:15px;background:#0b2133;background-clip:border-box;-webkit-background-clip:border-box;color:#fff;-webkit-text-fill-color:initial;box-shadow:0 10px 24px #102e5014}
#mtown-homepage-v30 .mt-sunset-title{background:linear-gradient(105deg,#fff3bd,#ffd16e 50%,#ffad76);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
#mtown-homepage-v30 #mthm30-services-title,#mtown-homepage-v30 #mthm30-promise-title,#mtown-homepage-v30 #mthm30-faq-title{background-image:linear-gradient(110deg,#123c58,#14645c 55%,#36588a)}
#mtown-homepage-v30 #mthm30-path-title,#mtown-homepage-v30 #mthm30-hub-title{background-image:linear-gradient(110deg,#493d76,#1a527b 55%,#17685e)}
#mtown-homepage-v30 #mthm30-estimator-title,#mtown-homepage-v30 #mthm30-storm-title{background-image:linear-gradient(110deg,#fff,#a3e4ef 45%,#a9edd4)}
#mtown-homepage-v30 #mthm30-rep-title,#mtown-homepage-v30 #mthm30-final-title,#mtown-homepage-v30 #mt-october-diagnosis-title{background-image:linear-gradient(110deg,#fff3bd,#ffd16e 50%,#ffad76)}
}
@keyframes mt-warm-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:1050px){#mtown-homepage-v30 .mthm30-router-grid,#mtown-homepage-v30 .mthm30-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#mtown-homepage-v30 .mthm30-router-grid,#mtown-homepage-v30 .mthm30-stat-grid{grid-template-columns:1fr}#mtown-homepage-v30 .mthm30-router-grid .mthm30-route{min-height:110px;padding:22px}#mtown-homepage-v30 .mthm30-stat-grid .mthm30-stat{min-height:0;padding:24px}#mtown-homepage-v30 #mthm30-oil-title,#mtown-homepage-v30 #mthm30-plans-title{padding:14px 16px}}
@media(forced-colors:active){#mtown-homepage-v30 .mt-sunset-title,#mtown-homepage-v30 .mthm30-stat-grid .mt-emergency-feature strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none}}
/* Related hues within each headline; deeper tones on ivory, luminous tones on navy. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
#mtown-homepage-v30 #mthm30-page-title{background-image:linear-gradient(105deg,#f1fffc 5%,#83ecdc 48%,#8fc8ff 100%)}
#mtown-homepage-v30 .mt-next-step h2{background-image:linear-gradient(110deg,#1763e6,#0085ba 52%,#008c86)}
#mtown-homepage-v30 section[aria-label="October heating maintenance"] h2{background-image:linear-gradient(110deg,#e13944,#e45b22 50%,#cb7100)}
#mtown-homepage-v30 #mthm30-path-title{background-image:linear-gradient(110deg,#174ba0,#126c9a 50%,#08766e)}
#mtown-homepage-v30 #mthm30-estimator-title{background-image:linear-gradient(110deg,#d8d5ff,#b5bcff 52%,#8ddcff)}
#mtown-homepage-v30 #mthm30-services-title{background-image:linear-gradient(110deg,#087064,#08778a 50%,#245ca4)}
#mtown-homepage-v30 #mthm30-promise-title{background-image:linear-gradient(110deg,#49318a,#744092 52%,#9a356b)}
#mtown-homepage-v30 #mthm30-rep-title{background-image:linear-gradient(110deg,#fff2a3,#ffc761 50%,#ff977f)}
#mtown-homepage-v30 #mthm30-plans-title .mt-sunset-title{background-image:linear-gradient(110deg,#baf8df,#7ee5de 50%,#8acbff)}
#mtown-homepage-v30 #mthm30-storm-title{background-image:linear-gradient(110deg,#c2f7e0,#87e4e3 50%,#91caff)}
#mtown-homepage-v30 #mthm30-faq-title{background-image:linear-gradient(110deg,#40368e,#5453ad 50%,#276aa0)}
#mtown-homepage-v30 #mthm30-final-title{background-image:linear-gradient(110deg,#ffe4ab,#ffb77e 50%,#ffa7ae)}
#mtown-homepage-v30 #mthm30-hub-title{background-image:linear-gradient(110deg,#176a79,#2b60a4 50%,#6048a0)}
}
#mtown-homepage-v30 .mthm30-service-grid{gap:20px;align-items:stretch}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card{--card-gradient:linear-gradient(115deg,#1854b5,#087b86);padding:0;background:#fffdf7;border:1px solid #d4dfe5;border-top:0;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 8px 22px #102e500b;transition:transform .22s ease,box-shadow .22s ease}
#mtown-homepage-v30 .mthm30-service-grid .mt-service-heating{--card-gradient:linear-gradient(115deg,#bb2848,#c74c2b)}
#mtown-homepage-v30 .mthm30-service-grid .mt-service-water{--card-gradient:linear-gradient(115deg,#086b82,#08785f)}
#mtown-homepage-v30 .mthm30-service-grid .mt-service-controls{--card-gradient:linear-gradient(115deg,#3555a8,#6551b5)}
#mtown-homepage-v30 .mt-service-heading{display:flex;gap:12px;align-items:center;padding:20px 22px;min-height:100px;background:var(--card-gradient);box-sizing:border-box}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-icon{flex:0 0 32px;width:32px;height:32px;margin:0;background:#ffffff15;border:1px solid #ffffff44;color:#fff2cf;border-radius:10px}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card h3{margin:0;font-size:21px;line-height:1.22;color:#fff9ec;-webkit-text-fill-color:#fff9ec;background:none;min-width:0}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card p{margin:0;padding:20px 22px 18px;font-size:16px;line-height:1.55;color:#3c5363}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-link{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;margin:auto 22px 22px;padding:10px 14px;background:#edf3f6;border:1px solid #d4e0e6;border-radius:10px;color:#173c59;font-size:14px;line-height:1.4;font-weight:800;text-decoration:none}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-link>span{font-size:20px;color:#167b95}
#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card:focus-visible{outline:3px solid #dc9d24;outline-offset:4px}
#mtown-homepage-v30 .mthm30-new-service{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;margin-top:26px;padding:24px;border:1px solid #d4dfe5;border-radius:20px;background:linear-gradient(120deg,#fffdf7,#edf8fa);box-shadow:0 8px 22px #102e500b}
#mtown-homepage-v30 .mthm30-new-photo{width:180px;height:200px;margin:0;border:0;border-radius:14px;overflow:hidden}
#mtown-homepage-v30 .mthm30-new-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#mtown-homepage-v30 .mt-vent-copy{min-width:0;max-width:760px}
#mtown-homepage-v30 .mthm30-new-badge{display:inline-block;padding:6px 10px;margin:0 0 10px;background:#e1f1f2;color:#17616e;border:1px solid #bedce1;border-radius:7px;letter-spacing:.02em;font-size:12px;font-weight:800;text-transform:none}
#mtown-homepage-v30 .mt-vent-copy h3{margin:0 0 10px;font-size:clamp(25px,2.7vw,32px);line-height:1.2;color:#17557c;letter-spacing:-.025em}
#mtown-homepage-v30 .mt-vent-copy p{margin:0 0 18px;font-size:16px;line-height:1.6;color:#3c5363;max-width:650px}
#mtown-homepage-v30 .mt-vent-copy .mthm30-btn{display:inline-flex;align-items:center;gap:16px;min-height:46px;padding:12px 18px;border-radius:10px;border:1px solid #145b88;background:linear-gradient(110deg,#175fac,#087f89);color:#fff9ec;box-shadow:0 6px 14px #126c851c;font-size:14px;font-weight:800;text-decoration:none}
@media(hover:hover){#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #102e501c}#mtown-homepage-v30 .mthm30-service-card:hover .mthm30-service-link{background:#e0eef2;border-color:#8abcca}}
@media(max-width:600px){#mtown-homepage-v30 .mthm30-service-grid{gap:16px}#mtown-homepage-v30 .mt-service-heading{min-height:0;padding:20px}#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card h3{font-size:21px}#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-card p{padding:18px 20px}#mtown-homepage-v30 .mthm30-service-grid .mthm30-service-link{margin:0 20px 20px}#mtown-homepage-v30 .mthm30-new-service{grid-template-columns:1fr;gap:18px;padding:20px}#mtown-homepage-v30 .mthm30-new-photo{width:100%;height:210px}#mtown-homepage-v30 .mthm30-new-photo img{object-position:center 40%}#mtown-homepage-v30 .mt-vent-copy .mthm30-btn{display:flex;justify-content:space-between}}
#mtown-homepage-v30 .mt-owner-promise{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 10%,#1a526588,transparent 65%),linear-gradient(120deg,#081b2c,#142f47);border-top:1px solid #ffe49b88;border-bottom:1px solid #ffbc5c88;padding:clamp(42px,6vw,74px) 24px;color:#fff7e5}#mtown-homepage-v30 .mt-owner-promise:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:-100% -60%;background:linear-gradient(110deg,transparent 40%,#ffe6a400 45%,#ffe6a424 49%,#fff8de35 50%,#ffe6a418 52%,transparent 58%);transform:translateX(-40%);animation:mt-owner-shimmer 9s ease-in-out infinite!important}#mtown-homepage-v30 .mt-owner-promise-inner{position:relative;z-index:1;max-width:1160px;margin:auto;text-align:center}#mtown-homepage-v30 .mt-owner-promise-label{font:800 12px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#b7e7e9;margin:0 0 20px}#mtown-homepage-v30 #mt-owner-promise-title{font-size:clamp(30px,3.8vw,52px);line-height:1.16;font-weight:850;letter-spacing:-.035em;margin:0 auto;max-width:1100px;color:#fff4ce;text-wrap:balance;background:none;-webkit-text-fill-color:initial}#mtown-homepage-v30 #mt-owner-promise-title span{background:linear-gradient(100deg,#fff2ad,#ffd06a 50%,#ffac77);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 25px #ffcb6520}#mtown-homepage-v30 .mt-owner-promise-copy{max-width:760px;margin:25px auto 0;font-size:18px;line-height:1.65;font-weight:450;color:#e2edf1}#mtown-homepage-v30 .mt-owner-promise-bottom{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:24px auto 0;font-size:13px;color:#bcd0da}#mtown-homepage-v30 .mt-promise-motion{appearance:none;border:1px solid #97b2bf66;background:#ffffff08;color:#d5e5ec;border-radius:20px;padding:9px 14px;min-height:40px;cursor:pointer;font:600 12px/1.4 system-ui,sans-serif}#mtown-homepage-v30 .mt-promise-motion:focus-visible{outline:3px solid #ffc759;outline-offset:4px}#mtown-homepage-v30 .mt-owner-promise[data-glow-paused="true"]:before{animation-play-state:paused!important}@keyframes mt-owner-shimmer{0%,15%{transform:translateX(-40%);opacity:0}23%{opacity:1}63%{transform:translateX(40%);opacity:1}73%,100%{transform:translateX(40%);opacity:0}}@media(max-width:600px){#mtown-homepage-v30 .mt-owner-promise{padding:42px 22px}#mtown-homepage-v30 #mt-owner-promise-title{font-size:31px;line-height:1.2}#mtown-homepage-v30 .mt-promise-break{display:none}#mtown-homepage-v30 .mt-owner-promise-copy{font-size:16px;margin-top:22px}}@media(forced-colors:active){#mtown-homepage-v30 #mt-owner-promise-title span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"]{background:linear-gradient(135deg,#fffdf6,#eff7f8)}#mtown-homepage-v30 #mthm30-promise-title{background-image:linear-gradient(110deg,#155db8,#087a80);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}#mtown-homepage-v30 .mthm30-promise{padding:26px;border:1px solid #d4e0e6;border-top:3px solid #52b7c6;border-radius:18px;box-shadow:0 8px 24px #102e5008}#mtown-homepage-v30 .mthm30-promise-mark{width:42px;height:42px;border:1px solid #77c6d188;border-radius:12px;background:linear-gradient(135deg,#1b6abb,#08827d);color:#fff8df;margin-bottom:18px}#mtown-homepage-v30 .mthm30-promise-mark svg{width:25px;height:25px}#mtown-homepage-v30 .mthm30-promise:nth-child(3n+2){border-top-color:#e6b55a}#mtown-homepage-v30 .mthm30-promise:nth-child(3n+2) .mthm30-promise-mark{background:linear-gradient(120deg,#ffe6a0,#ffbb6b);border-color:#e9c37e;color:#3b391f}#mtown-homepage-v30 .mthm30-promise h3{color:#153c5b;font-size:22px;line-height:1.25;margin:0 0 16px;text-wrap:balance}#mtown-homepage-v30 .mthm30-promise p{font-size:16px;line-height:1.65;font-weight:450;color:#3b5363;border-top:0;padding:0;margin:0}#mtown-homepage-v30 section[aria-labelledby="mthm30-promise-title"] .mthm30-intro-photo img{object-position:center 40%}
#mtown-homepage-v30 .mthm30-hero-media img{object-fit:contain!important;object-position:100% 0!important}@media(max-width:700px){#mtown-homepage-v30 .mthm30-hero{display:flex;flex-direction:column}#mtown-homepage-v30 .mthm30-hero-inner{order:-1;padding-block:38px 28px}#mtown-homepage-v30 .mthm30-hero-media{position:relative;inset:auto;width:100%;aspect-ratio:1084/973}#mtown-homepage-v30 .mthm30-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-position:center!important}#mtown-homepage-v30 .mthm30-hero-media::after{background:linear-gradient(180deg,#06152244,transparent 35%)}}

/* November Havoc turkey chase; approved November 1, 2026. */
.nov-chase{width:min(720px,100%);margin:0 0 18px;container-type:inline-size;position:relative;overflow:hidden;height:240px;background:radial-gradient(ellipse at 50% 100%,#614b29 0,transparent 65%),linear-gradient(#102e44,#081c2d);border:1px solid #a986424d;border-radius:22px;isolation:isolate}.nov-chase:after{content:"";position:absolute;bottom:25px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ddb26899,transparent)}.nov-moon{position:absolute;top:28px;right:12%;width:38px;height:38px;border-radius:50%;background:#ffe8ac;box-shadow:0 0 50px #efc26330}.nov-pack{position:absolute;left:0;bottom:24px;width:370px;height:195px;animation:nov-dash 9s linear -3s infinite;will-change:transform;z-index:1}.nov-sprite{position:absolute;bottom:0;width:195px;height:195px;overflow:hidden}.nov-frame{clip-path:inset(2% 3%);display:block;width:100%;height:100%;background-image:url("/assets/img/seasonal/havoc-november-v2.webp");background-size:400% 200%;background-repeat:no-repeat;animation:nov-arms .64s steps(1,end) infinite}.nov-turkey .nov-frame{background-position:0 100%;animation:nov-head 2.8s steps(1,end) infinite}.nov-havoc{left:0;animation:nov-bounce .22s ease-in-out infinite alternate;transform-origin:50% 90%}.nov-turkey{left:198px;width:170px;height:170px;animation:nov-bounce .16s ease-in-out infinite alternate-reverse;transform-origin:50% 90%}.nov-leaf{position:absolute;bottom:29px;width:12px;height:7px;background:#c47932;border-radius:100% 0;transform:rotate(-25deg)}.nov-leaf:nth-of-type(2){left:22%;background:#e0af54}.nov-leaf:nth-of-type(3){left:48%}.nov-leaf:nth-of-type(4){left:76%;background:#ba542b}.nov-chase[data-paused=true] *{animation-play-state:paused!important}.nov-motion{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nov-motion:focus-visible{clip-path:none;width:auto;height:auto;left:12px;top:12px;z-index:3;padding:10px 16px;border:2px solid #f5c157;border-radius:8px;background:#102e44;color:white}@keyframes nov-arms{0%,100%{background-position:0 0}25%{background-position:33.333333% 0}50%{background-position:66.666667% 0}75%{background-position:100% 0}}@keyframes nov-head{0%,24%,100%{background-position:0 100%}32%{background-position:33.333333% 100%}44%,70%{background-position:66.666667% 100%}80%,90%{background-position:100% 100%}}@keyframes nov-dash{from{transform:translateX(-380px)}to{transform:translateX(calc(100cqw + 10px))}}@keyframes nov-bounce{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-10px) rotate(3deg)}}
@media(max-width:600px){.nov-chase{height:205px}.nov-pack{transform-origin:bottom left;bottom:24px;animation-name:nov-dash-mobile}.nov-sprite{width:160px;height:160px}.nov-turkey{left:156px;width:140px;height:140px}@keyframes nov-dash-mobile{from{transform:translateX(-310px)}to{transform:translateX(calc(100cqw + 10px))}}}
@media(prefers-reduced-motion:reduce){.nov-pack{animation:none;left:50%;transform:translateX(-50%);width:370px}.nov-sprite,.nov-frame{animation:none!important}.nov-moon{box-shadow:none}@media(max-width:600px){.nov-pack{width:300px}}}

#mtown-homepage-v30 .nov-chase[hidden]{display:none} #mtown-homepage-v30 .mt-promise-motion{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} #mtown-homepage-v30 .mt-promise-motion:focus-visible{position:static!important;width:auto!important;height:auto!important;clip-path:none!important}