/* /contact/ — styles lifted in order from live embed e4b4b011 (incl. trailing data-mtown-design blocks) */
[class="mtshared-services"]>[class="mtshared-dropdown"]{left:0;right:auto;max-height:70vh;overflow-y:auto}[class="mtshared-mobile-panel"]{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}[class="mtshared-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="mtshared-mobile-services"]>summary::-webkit-details-marker{display:none}[class="mtshared-mobile-service-links"]{display:grid;gap:6px;padding:8px 0 0 10px}[class="mtshared-mobile-services"]:not([open])>[class="mtshared-mobile-service-links"]{display:none}[class="mtshared-mobile-services"][open]>summary [class="mtshared-chevron"]{transform:rotate(225deg)}
/* 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}
@media(prefers-reduced-motion:reduce){[id^="mtown-"] *,[id^="mtown-"] *:before,[id^="mtown-"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.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}#mtown-main-content{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-contact-page-v16,
    #mtown-contact-page-v16 * {
      box-sizing: border-box;
      min-width: 0;
    }

    #mtown-contact-page-v16 {
      --mtc-navy-1000: #04101a;
      --mtc-navy-950: #061522;
      --mtc-navy-900: #091d2d;
      --mtc-navy-850: #0d273c;
      --mtc-navy-800: #12334e;
      --mtc-ivory: #f6f2e9;
      --mtc-ivory-deep: #eee8dc;
      --mtc-white: #ffffff;
      --mtc-ink: #102231;
      --mtc-copy: #334b5d;
      --mtc-gold-1: #ffd740;
      --mtc-gold-2: #ffaa23;
      --mtc-platinum-1: #e7eaee;
      --mtc-platinum-2: #7a8490;
      --mtc-orange-1: #ff8a2a;
      --mtc-orange-2: #eb5a00;
      --mtc-blue-1: #2a6dff;
      --mtc-blue-2: #0030b4;
      --mtc-cyan: #7de6ff;
      --mtc-green: #43ce8a;
      --mtc-green-dark: #14784a;
      --mtc-red: #ff7168;
      --mtc-dark-line: rgba(255, 255, 255, 0.13);
      --mtc-light-line: rgba(12, 39, 59, 0.14);
      --mtc-shadow: 0 24px 64px rgba(3, 15, 25, 0.24);
      --mtc-soft-shadow: 0 14px 36px rgba(3, 15, 25, 0.1);

      width: 100%;
      overflow: hidden;
      color: var(--mtc-ink);
      background: var(--mtc-ivory);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.58;
      font-weight: 550;
      isolation: isolate;
      -webkit-text-size-adjust: 100%;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    #mtown-contact-page-v16 a {
      color: inherit;
      text-decoration: none;
    }

    #mtown-contact-page-v16 button,
    #mtown-contact-page-v16 input,
    #mtown-contact-page-v16 select,
    #mtown-contact-page-v16 textarea,
    #mtown-contact-page-v16 summary,
    #mtown-contact-page-v16 a {
      font: inherit;
      -webkit-tap-highlight-color: transparent;
    }

    #mtown-contact-page-v16 button,
    #mtown-contact-page-v16 summary {
      cursor: pointer;
    }

    #mtown-contact-page-v16 address {
      font-style: normal;
    }

    #mtown-contact-page-v16 .mtc-shell {
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
    }

    #mtown-contact-page-v16 .mtc-section {
      position: relative;
      padding: clamp(60px, 8vw, 96px) 0;
    }

    #mtown-contact-page-v16 .mtc-dark {
      color: #ffffff;
      background:
        radial-gradient(circle at 90% 10%, rgba(42, 109, 255, 0.16), transparent 32%),
        radial-gradient(circle at 8% 90%, rgba(255, 138, 42, 0.09), transparent 31%),
        linear-gradient(145deg, var(--mtc-navy-1000), var(--mtc-navy-800));
    }

    #mtown-contact-page-v16 .mtc-light {
      color: var(--mtc-ink);
      background:
        radial-gradient(circle at 8% 10%, rgba(255, 215, 64, 0.10), transparent 28%),
        linear-gradient(180deg, #ffffff, var(--mtc-ivory));
    }

    #mtown-contact-page-v16 .mtc-light-alt {
      color: var(--mtc-ink);
      background:
        radial-gradient(circle at 92% 8%, rgba(125, 230, 255, 0.10), transparent 29%),
        linear-gradient(180deg, var(--mtc-ivory), var(--mtc-ivory-deep));
    }

    #mtown-contact-page-v16 .mtc-section-head {
      max-width: 830px;
      margin-bottom: 32px;
    }

    #mtown-contact-page-v16 .mtc-kicker {
      margin: 0 0 10px;
      color: #8a5b00;
      font-size: 0.75rem;
      font-weight: 950;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    #mtown-contact-page-v16 .mtc-dark .mtc-kicker {
      color: #ffe78c;
    }

    #mtown-contact-page-v16 .mtc-title {
      margin: 0;
      color: inherit;
      font-size: clamp(2rem, 5vw, 3.75rem);
      line-height: 1.04;
      letter-spacing: -0.048em;
      font-weight: 950;
      text-wrap: balance;
      overflow-wrap: anywhere;
    }

    #mtown-contact-page-v16 .mtc-intro {
      max-width: 760px;
      margin: 16px 0 0;
      color: var(--mtc-copy);
      font-size: clamp(1rem, 1.8vw, 1.12rem);
      line-height: 1.72;
      font-weight: 640;
    }

    #mtown-contact-page-v16 .mtc-dark .mtc-intro {
      color: #e1ebf1;
    }

    #mtown-contact-page-v16 :focus-visible {
      outline: 3px solid #8bdfff;
      outline-offset: 3px;
    }

    /* QUICK ACCESS BAR */
    #mtown-contact-page-v16 .mtc-quickbar {
      position: relative;
      z-index: 4;
      padding: 18px 0 0;
      color: #ffffff;
      background: var(--mtc-navy-1000);
      border-top: 1px solid rgba(255, 215, 64, 0.30);
    }

    #mtown-contact-page-v16 .mtc-quick-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 22px 22px 0 0;
      background:
        radial-gradient(circle at 100% 0, rgba(42, 109, 255, 0.20), transparent 35%),
        linear-gradient(145deg, #07192a, #123a5d);
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
    }

    #mtown-contact-page-v16 .mtc-quick-copy {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 16px;
      align-items: center;
    }

    #mtown-contact-page-v16 .mtc-quick-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 8px 12px;
      border: 1px solid rgba(255, 215, 64, 0.34);
      border-radius: 999px;
      color: #2c1b00;
      background: linear-gradient(135deg, var(--mtc-gold-1), var(--mtc-gold-2));
      font-size: 0.70rem;
      font-weight: 950;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    #mtown-contact-page-v16 .mtc-quick-copy h2 {
      margin: 0;
      color: #ffffff;
      font-size: clamp(1.22rem, 2.3vw, 1.82rem);
      line-height: 1.15;
      letter-spacing: -0.028em;
      text-wrap: balance;
    }

    #mtown-contact-page-v16 .mtc-quick-copy p {
      margin: 5px 0 0;
      color: #d8e6ee;
      font-size: 0.84rem;
      line-height: 1.5;
    }

    #mtown-contact-page-v16 .mtc-quick-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 17px;
      border: 1px solid rgba(255, 255, 255, 0.30);
      border-radius: 13px;
      color: #101820;
      background: linear-gradient(135deg, #8eeaff, #49c7f4);
      font-size: 0.86rem;
      font-weight: 950;
      text-align: center;
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
      transition: transform 160ms ease, filter 160ms ease;
    }

    #mtown-contact-page-v16 .mtc-quick-action:hover {
      transform: translateY(-2px);
      filter: brightness(1.04);
    }

    #mtown-contact-page-v16 .mtc-quick-ctas {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      padding: 12px 18px;
      background: #071522;
      border-right: 1px solid rgba(255, 255, 255, 0.10);
      border-left: 1px solid rgba(255, 255, 255, 0.10);
    }

    #mtown-contact-page-v16 .mtc-cta,
    #mtown-contact-page-v16 .mtc-btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 16px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.24);
      border-radius: 13px;
      font-size: 0.94rem;
      font-weight: 950;
      line-height: 1.12;
      text-align: center;
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.25);
      transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
    }

    #mtown-contact-page-v16 .mtc-cta::after,
    #mtown-contact-page-v16 .mtc-btn::after {
      content: "";
      position: absolute;
      inset: 0 0 56% 0;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28), transparent);
      pointer-events: none;
    }

    #mtown-contact-page-v16 .mtc-cta:hover,
    #mtown-contact-page-v16 .mtc-btn:hover {
      transform: translateY(-2px);
      filter: brightness(1.04);
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.30);
    }

    #mtown-contact-page-v16 .mtc-cta:active,
    #mtown-contact-page-v16 .mtc-btn:active {
      transform: translateY(1px) scale(0.99);
    }

    #mtown-contact-page-v16 .mtc-book {
      color: #241900;
      background: linear-gradient(135deg, var(--mtc-gold-1), var(--mtc-gold-2));
      animation: mtcBookPulse 3.2s ease-in-out infinite;
    }

    #mtown-contact-page-v16 .mtc-text {
      color: #111b24;
      background: linear-gradient(135deg, var(--mtc-platinum-1), var(--mtc-platinum-2));
    }

    #mtown-contact-page-v16 .mtc-call {
      color: #ffffff;
      background: linear-gradient(135deg, var(--mtc-orange-1), var(--mtc-orange-2));
    }

    #mtown-contact-page-v16 .mtc-facebook {
      color: #ffffff;
      background: linear-gradient(135deg, var(--mtc-blue-1), var(--mtc-blue-2));
    }

    #mtown-contact-page-v16 .mtc-estimator {
      color: #ffffff;
      background: linear-gradient(135deg, #2f7dff, #08266d);
    }

    #mtown-contact-page-v16 .mtc-quick-services {
      display: flex;
      gap: 8px;
      padding: 12px 18px 16px;
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scrollbar-width: thin;
      scrollbar-color: rgba(125, 230, 255, 0.55) rgba(255, 255, 255, 0.06);
      background: #071522;
      border: 1px solid rgba(255, 255, 255, 0.10);
      border-top: 0;
    }

    #mtown-contact-page-v16 .mtc-service-chip {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 8px 12px;
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 999px;
      color: #e8f2f7;
      background: rgba(255, 255, 255, 0.055);
      font-size: 0.76rem;
      font-weight: 820;
      white-space: nowrap;
      transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
    }

    #mtown-contact-page-v16 .mtc-service-chip:hover {
      color: #ffffff;
      background: rgba(125, 230, 255, 0.10);
      border-color: rgba(125, 230, 255, 0.38);
    }

    @keyframes mtcBookPulse {
      0%, 100% { box-shadow: 0 12px 26px rgba(0, 0, 0, 0.20), 0 0 0 0 rgba(255, 215, 64, 0); }
      50% { box-shadow: 0 15px 32px rgba(0, 0, 0, 0.23), 0 0 0 7px rgba(255, 215, 64, 0.08); }
    }

    /* HERO */
    #mtown-contact-page-v16 .mtc-hero {
      position: relative;
      overflow: hidden;
      color: #ffffff;
      background:
        radial-gradient(circle at 88% 16%, rgba(42, 109, 255, 0.22), transparent 31%),
        radial-gradient(circle at 8% 86%, rgba(255, 138, 42, 0.10), transparent 30%),
        linear-gradient(145deg, #04101a, #123a5d);
    }

    #mtown-contact-page-v16 .mtc-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.24;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
      background-size: 46px 46px;
      pointer-events: none;
    }

    #mtown-contact-page-v16 .mtc-hero-inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
      gap: clamp(30px, 5vw, 64px);
      align-items: center;
      padding: clamp(58px, 8vw, 96px) 0;
    }

    #mtown-contact-page-v16 .mtc-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      min-height: 34px;
      margin-bottom: 18px;
      padding: 7px 13px;
      border: 1px solid rgba(255, 215, 64, 0.34);
      border-radius: 999px;
      color: #ffe78c;
      background: rgba(255, 215, 64, 0.08);
      font-size: 0.76rem;
      font-weight: 950;
      letter-spacing: 0.10em;
      text-transform: uppercase;
    }

    #mtown-contact-page-v16 .mtc-eyebrow::before {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      border-radius: 50%;
      background: var(--mtc-green);
      box-shadow: 0 0 0 5px rgba(67, 206, 138, 0.12);
    }

    #mtown-contact-page-v16 .mtc-hero h1 {
      margin: 0;
      max-width: 820px;
      color: #ffffff;
      font-size: clamp(2.55rem, 6vw, 5.2rem);
      line-height: 0.98;
      letter-spacing: -0.055em;
      font-weight: 970;
      text-wrap: balance;
      overflow-wrap: anywhere;
    }

    #mtown-contact-page-v16 .mtc-hero-lead {
      max-width: 690px;
      margin: 22px 0 0;
      color: #e2edf3;
      font-size: clamp(1.05rem, 1.8vw, 1.22rem);
      line-height: 1.72;
      font-weight: 660;
    }

    #mtown-contact-page-v16 .mtc-hero-note {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      max-width: 680px;
      margin-top: 20px;
      padding: 13px 15px;
      border: 1px solid rgba(255, 138, 42, 0.28);
      border-radius: 16px;
      color: #fff0df;
      background: rgba(255, 138, 42, 0.08);
      font-size: 0.92rem;
      line-height: 1.55;
      font-weight: 760;
    }

    #mtown-contact-page-v16 .mtc-hero-note strong {
      color: #ffffff;
    }

    #mtown-contact-page-v16 .mtc-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
      margin-top: 26px;
    }

    #mtown-contact-page-v16 .mtc-hero-actions .mtc-btn {
      min-width: 160px;
      border-radius: 999px;
    }

    #mtown-contact-page-v16 .mtc-console {
      position: relative;
      padding: 24px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 30px;
      background:
        radial-gradient(circle at 50% 0, rgba(125, 230, 255, 0.15), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.025)),
        rgba(4, 16, 26, 0.66);
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    #mtown-contact-page-v16 .mtc-console::before {
      content: "";
      position: absolute;
      width: 310px;
      height: 310px;
      right: -145px;
      top: -150px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 215, 64, 0.20), transparent 68%);
      animation: mtcConsoleGlow 5.6s ease-in-out infinite;
      pointer-events: none;
    }

    #mtown-contact-page-v16 .mtc-console-head {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
    }

    #mtown-contact-page-v16 .mtc-console-label {
      color: #bfefff;
      font-size: 0.74rem;
      font-weight: 950;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    #mtown-contact-page-v16 .mtc-signal {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: #d9fff0;
      font-size: 0.76rem;
      font-weight: 880;
    }

    #mtown-contact-page-v16 .mtc-signal-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--mtc-green);
      box-shadow: 0 0 0 0 rgba(67, 206, 138, 0.32);
      animation: mtcSignalPulse 2.2s ease-in-out infinite;
    }

    #mtown-contact-page-v16 .mtc-console-grid {
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    #mtown-contact-page-v16 .mtc-console-card {
      min-height: 126px;
      padding: 17px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 21px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.045);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }

    #mtown-contact-page-v16 .mtc-console-card.gold {
      background: linear-gradient(145deg, rgba(255, 215, 64, 0.18), rgba(255, 170, 35, 0.07));
    }

    #mtown-contact-page-v16 .mtc-console-card.blue {
      background: linear-gradient(145deg, rgba(42, 109, 255, 0.20), rgba(0, 48, 180, 0.08));
    }

    #mtown-contact-page-v16 .mtc-console-card.green {
      background: linear-gradient(145deg, rgba(67, 206, 138, 0.18), rgba(20, 120, 74, 0.08));
    }

    #mtown-contact-page-v16 .mtc-console-card.orange {
      background: linear-gradient(145deg, rgba(255, 138, 42, 0.20), rgba(235, 90, 0, 0.08));
    }

    #mtown-contact-page-v16 .mtc-console-value {
      display: block;
      color: #ffffff;
      font-size: clamp(1.35rem, 3vw, 2.1rem);
      line-height: 1;
      letter-spacing: -0.04em;
      font-weight: 970;
    }

    #mtown-contact-page-v16 .mtc-console-card.gold .mtc-console-value {
      color: #ffe46f;
      text-shadow: 0 0 20px rgba(255, 215, 64, 0.32);
    }

    #mtown-contact-page-v16 .mtc-console-copy {
      display: block;
      margin-top: 9px;
      color: #d8e5ec;
      font-size: 0.82rem;
      line-height: 1.48;
      font-weight: 740;
    }

    @keyframes mtcConsoleGlow {
      0%, 100% { opacity: 0.65; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.08); }
    }

    @keyframes mtcSignalPulse {
      0%, 100% { box-shadow: 0 0 0 0 rgba(67, 206, 138, 0.12); }
      50% { box-shadow: 0 0 0 8px rgba(67, 206, 138, 0); }
    }

    /* DIRECT CONTACT */
    #mtown-contact-page-v16 .mtc-contact-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    #mtown-contact-page-v16 .mtc-contact-card {
      position: relative;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      min-height: 176px;
      padding: clamp(22px, 4vw, 30px);
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 28px;
      box-shadow: var(--mtc-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.22);
      transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
    }

    #mtown-contact-page-v16 .mtc-contact-card:hover {
      transform: translateY(-4px);
      filter: brightness(1.03);
    }

    #mtown-contact-page-v16 .mtc-contact-card.call {
      color: #ffffff;
      background:
        radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.18), transparent 28%),
        linear-gradient(135deg, #ff982f, #f06b0b 58%, #d94c00);
      box-shadow: 0 22px 54px rgba(235, 90, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.26);
    }

    #mtown-contact-page-v16 .mtc-contact-card.text {
      color: #ffffff;
      background:
        radial-gradient(circle at 90% 10%, rgba(125, 230, 255, 0.24), transparent 30%),
        linear-gradient(135deg, #0b2a46, #0c4f7d 58%, #087da7);
      box-shadow: 0 22px 54px rgba(8, 125, 167, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    #mtown-contact-page-v16 .mtc-contact-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 62px;
      height: 62px;
      border: 1px solid rgba(255, 255, 255, 0.28);
      border-radius: 20px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.13);
      font-size: 2rem;
      line-height: 1;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
    }

    #mtown-contact-page-v16 .mtc-contact-copy small {
      display: block;
      color: rgba(255, 255, 255, 0.86);
      font-size: 0.78rem;
      font-weight: 860;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    #mtown-contact-page-v16 .mtc-contact-number {
      display: block;
      margin-top: 5px;
      color: #ffffff;
      font-size: clamp(1.72rem, 4vw, 2.65rem);
      line-height: 1.05;
      letter-spacing: -0.045em;
      font-weight: 970;
      text-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
      overflow-wrap: anywhere;
    }

    #mtown-contact-page-v16 .mtc-contact-action {
      color: rgba(255, 255, 255, 0.92);
      font-size: 0.88rem;
      font-weight: 860;
      text-align: right;
      white-space: nowrap;
    }

    #mtown-contact-page-v16 .mtc-mini-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 18px;
    }

    #mtown-contact-page-v16 .mtc-mini-action {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 126px;
      padding: 22px;
      border: 1px solid var(--mtc-light-line);
      border-radius: 24px;
      color: var(--mtc-ink);
      background: rgba(255, 255, 255, 0.92);
      box-shadow: var(--mtc-soft-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.78);
      transition: transform 180ms ease, box-shadow 180ms ease;
    }

    #mtown-contact-page-v16 .mtc-mini-action:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 42px rgba(3, 15, 25, 0.14);
    }

    #mtown-contact-page-v16 .mtc-mini-action.gold {
      border-color: rgba(184, 126, 0, 0.24);
      background: linear-gradient(135deg, #fff9d4, #ffffff 68%);
    }

    #mtown-contact-page-v16 .mtc-mini-action.blue {
      border-color: rgba(42, 109, 255, 0.22);
      background: linear-gradient(135deg, #edf4ff, #ffffff 68%);
    }

    #mtown-contact-page-v16 .mtc-mini-copy h3 {
      margin: 0;
      color: var(--mtc-ink);
      font-size: 1.18rem;
      line-height: 1.2;
      letter-spacing: -0.025em;
      font-weight: 930;
    }

    #mtown-contact-page-v16 .mtc-mini-copy p {
      margin: 7px 0 0;
      color: var(--mtc-copy);
      font-size: 0.90rem;
      line-height: 1.55;
      font-weight: 620;
    }

    #mtown-contact-page-v16 .mtc-mini-arrow {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 15px;
      color: #ffffff;
      background: var(--mtc-navy-900);
      font-size: 1.15rem;
      font-weight: 950;
    }

    /* ROUTE CARDS */
    #mtown-contact-page-v16 .mtc-route-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    #mtown-contact-page-v16 .mtc-route-card {
      position: relative;
      min-height: 250px;
      padding: 22px;
      border: 1px solid var(--mtc-light-line);
      border-radius: 24px;
      color: var(--mtc-ink);
      background: rgba(255, 255, 255, 0.90);
      box-shadow: var(--mtc-soft-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.80);
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    #mtown-contact-page-v16 .mtc-route-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 46px rgba(3, 15, 25, 0.14);
    }

    #mtown-contact-page-v16 .mtc-route-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 5px;
      border-radius: 24px 24px 0 0;
      background: var(--route-accent, var(--mtc-blue-1));
    }

    #mtown-contact-page-v16 .mtc-route-card.urgent { --route-accent: var(--mtc-orange-1); }
    #mtown-contact-page-v16 .mtc-route-card.future { --route-accent: var(--mtc-gold-1); }
    #mtown-contact-page-v16 .mtc-route-card.replace { --route-accent: var(--mtc-blue-1); }
    #mtown-contact-page-v16 .mtc-route-card.question { --route-accent: var(--mtc-green); }

    #mtown-contact-page-v16 .mtc-route-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 14px;
      color: #ffffff;
      background: var(--mtc-navy-900);
      font-size: 0.83rem;
      font-weight: 950;
      box-shadow: 0 10px 22px rgba(3, 15, 25, 0.14);
    }

    #mtown-contact-page-v16 .mtc-route-card h3 {
      margin: 18px 0 0;
      color: var(--mtc-ink);
      font-size: 1.26rem;
      line-height: 1.17;
      letter-spacing: -0.026em;
      font-weight: 940;
    }

    #mtown-contact-page-v16 .mtc-route-card p {
      margin: 10px 0 0;
      color: var(--mtc-copy);
      font-size: 0.92rem;
      line-height: 1.62;
      font-weight: 620;
    }

    #mtown-contact-page-v16 .mtc-route-link {
      display: inline-flex;
      align-items: center;
      min-height: 42px;
      margin-top: 18px;
      padding: 9px 13px;
      border-radius: 12px;
      color: #ffffff;
      background: var(--mtc-navy-900);
      font-size: 0.82rem;
      font-weight: 900;
    }

    /* CONTACT FORM */
    #mtown-contact-page-v16 .mtc-message-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
      gap: 24px;
      align-items: start;
    }

    #mtown-contact-page-v16 .mtc-form-card,
    #mtown-contact-page-v16 .mtc-help-card {
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 28px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
        rgba(4, 16, 26, 0.54);
      box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    #mtown-contact-page-v16 .mtc-form-card {
      padding: clamp(22px, 4vw, 32px);
    }

    #mtown-contact-page-v16 .mtc-form-head h3,
    #mtown-contact-page-v16 .mtc-help-card h3 {
      margin: 0;
      color: #ffffff;
      font-size: clamp(1.45rem, 3vw, 2.05rem);
      line-height: 1.12;
      letter-spacing: -0.035em;
      font-weight: 950;
    }

    #mtown-contact-page-v16 .mtc-form-head p,
    #mtown-contact-page-v16 .mtc-help-card > p {
      margin: 10px 0 0;
      color: #d9e5ec;
      font-size: 0.95rem;
      line-height: 1.65;
      font-weight: 620;
    }

    #mtown-contact-page-v16 .mtc-form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
      margin-top: 24px;
    }

    #mtown-contact-page-v16 .mtc-field {
      display: grid;
      gap: 7px;
    }

    #mtown-contact-page-v16 .mtc-field.full {
      grid-column: 1 / -1;
    }

    #mtown-contact-page-v16 .mtc-field label {
      color: #eef6fa;
      font-size: 0.82rem;
      font-weight: 880;
    }

    #mtown-contact-page-v16 .mtc-field input,
    #mtown-contact-page-v16 .mtc-field select,
    #mtown-contact-page-v16 .mtc-field textarea {
      width: 100%;
      min-height: 48px;
      padding: 12px 13px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 14px;
      color: #ffffff;
      background: #071a2a;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    #mtown-contact-page-v16 .mtc-field textarea {
      min-height: 136px;
      resize: vertical;
      line-height: 1.55;
    }

    #mtown-contact-page-v16 .mtc-field input::placeholder,
    #mtown-contact-page-v16 .mtc-field textarea::placeholder {
      color: #9fb1bd;
    }

    #mtown-contact-page-v16 .mtc-field select option {
      color: #101820;
      background: #ffffff;
    }

    #mtown-contact-page-v16 .mtc-form-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 18px;
    }

    #mtown-contact-page-v16 .mtc-form-actions .mtc-btn {
      border-radius: 14px;
    }

    #mtown-contact-page-v16 .mtc-btn-email {
      color: #111820;
      background: linear-gradient(135deg, var(--mtc-platinum-1), #aab2ba);
    }

    #mtown-contact-page-v16 .mtc-form-status {
      min-height: 25px;
      margin: 12px 0 0;
      color: #bfffdc;
      font-size: 0.84rem;
      line-height: 1.5;
      font-weight: 760;
    }

    #mtown-contact-page-v16 .mtc-form-fineprint {
      margin: 8px 0 0;
      color: #b8c9d3;
      font-size: 0.77rem;
      line-height: 1.55;
    }

    #mtown-contact-page-v16 .mtc-help-card {
      padding: 24px;
    }

    #mtown-contact-page-v16 .mtc-help-action {
      width: 100%;
      margin-top: 20px;
    }

    #mtown-contact-page-v16 .mtc-help-note {
      margin-top: 16px;
      padding: 14px;
      border: 1px solid rgba(255, 215, 64, 0.20);
      border-radius: 16px;
      color: #fff0ae;
      background: rgba(255, 215, 64, 0.075);
      font-size: 0.84rem;
      line-height: 1.55;
      font-weight: 720;
    }

    /* LOCATION */
    #mtown-contact-page-v16 .mtc-location-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
      gap: 22px;
      align-items: stretch;
    }

    #mtown-contact-page-v16 .mtc-location-card,
    #mtown-contact-page-v16 .mtc-hours-card {
      padding: clamp(24px, 4vw, 34px);
      border: 1px solid var(--mtc-light-line);
      border-radius: 28px;
      color: var(--mtc-ink);
      background: rgba(255, 255, 255, 0.92);
      box-shadow: var(--mtc-soft-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.80);
    }

    #mtown-contact-page-v16 .mtc-location-card {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 90% 12%, rgba(42, 109, 255, 0.11), transparent 32%),
        linear-gradient(135deg, #ffffff, #f5f8fc);
    }

    #mtown-contact-page-v16 .mtc-location-card::after {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      right: -130px;
      bottom: -150px;
      border: 24px solid rgba(42, 109, 255, 0.055);
      border-radius: 50%;
      pointer-events: none;
    }

    #mtown-contact-page-v16 .mtc-location-pin {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 58px;
      height: 58px;
      border-radius: 20px 20px 20px 5px;
      color: #ffffff;
      background: linear-gradient(135deg, var(--mtc-blue-1), var(--mtc-blue-2));
      box-shadow: 0 16px 34px rgba(42, 109, 255, 0.24);
      transform: rotate(-5deg);
      font-size: 1.35rem;
      font-weight: 950;
    }

    #mtown-contact-page-v16 .mtc-location-card h3,
    #mtown-contact-page-v16 .mtc-hours-card h3 {
      margin: 20px 0 0;
      color: var(--mtc-ink);
      font-size: clamp(1.55rem, 3vw, 2.25rem);
      line-height: 1.1;
      letter-spacing: -0.038em;
      font-weight: 950;
    }

    #mtown-contact-page-v16 .mtc-location-address {
      display: block;
      margin-top: 16px;
      color: #12334e;
      font-size: clamp(1.16rem, 2.5vw, 1.55rem);
      line-height: 1.45;
      font-weight: 890;
    }

    #mtown-contact-page-v16 .mtc-location-card p,
    #mtown-contact-page-v16 .mtc-hours-card p {
      margin: 14px 0 0;
      color: var(--mtc-copy);
      font-size: 0.95rem;
      line-height: 1.66;
      font-weight: 620;
    }

    #mtown-contact-page-v16 .mtc-location-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 22px;
    }

    #mtown-contact-page-v16 .mtc-location-actions .mtc-btn {
      border-radius: 999px;
    }

    #mtown-contact-page-v16 .mtc-btn-map {
      color: #ffffff;
      background: linear-gradient(135deg, var(--mtc-blue-1), var(--mtc-blue-2));
    }

    #mtown-contact-page-v16 .mtc-btn-light {
      color: var(--mtc-ink);
      background: #ffffff;
      border-color: rgba(12, 39, 59, 0.20);
    }

    #mtown-contact-page-v16 .mtc-hours-list {
      display: grid;
      gap: 12px;
      margin-top: 20px;
    }

    #mtown-contact-page-v16 .mtc-hours-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      padding: 14px 0;
      border-bottom: 1px solid rgba(12, 39, 59, 0.11);
    }

    #mtown-contact-page-v16 .mtc-hours-row:last-child {
      border-bottom: 0;
    }

    #mtown-contact-page-v16 .mtc-hours-row strong {
      color: var(--mtc-ink);
      font-size: 0.92rem;
    }

    #mtown-contact-page-v16 .mtc-hours-row span {
      color: var(--mtc-copy);
      font-size: 0.90rem;
      font-weight: 700;
      text-align: right;
    }

    #mtown-contact-page-v16 .mtc-emergency-badge {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      min-height: 40px;
      margin-top: 18px;
      padding: 9px 13px;
      border: 1px solid rgba(20, 120, 74, 0.22);
      border-radius: 999px;
      color: #0d5434;
      background: rgba(67, 206, 138, 0.13);
      font-size: 0.82rem;
      font-weight: 900;
    }

    #mtown-contact-page-v16 .mtc-emergency-badge::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--mtc-green);
      box-shadow: 0 0 0 5px rgba(67, 206, 138, 0.12);
    }

    /* PROCESS */
    #mtown-contact-page-v16 .mtc-process-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    #mtown-contact-page-v16 .mtc-process-card {
      padding: 22px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 24px;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.055);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    #mtown-contact-page-v16 .mtc-process-step {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 15px;
      color: #241900;
      background: linear-gradient(135deg, var(--mtc-gold-1), var(--mtc-gold-2));
      font-size: 0.84rem;
      font-weight: 950;
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.17);
    }

    #mtown-contact-page-v16 .mtc-process-card h3 {
      margin: 18px 0 0;
      color: #ffffff;
      font-size: 1.22rem;
      line-height: 1.16;
      letter-spacing: -0.025em;
      font-weight: 930;
    }

    #mtown-contact-page-v16 .mtc-process-card p {
      margin: 9px 0 0;
      color: #d6e3ea;
      font-size: 0.90rem;
      line-height: 1.62;
      font-weight: 620;
    }

    /* SERVICE AREA */
    #mtown-contact-page-v16 .mtc-area-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
      gap: 24px;
      align-items: center;
    }

    #mtown-contact-page-v16 .mtc-area-card {
      padding: clamp(24px, 4vw, 34px);
      border: 1px solid var(--mtc-light-line);
      border-radius: 28px;
      color: var(--mtc-ink);
      background: rgba(255, 255, 255, 0.94);
      box-shadow: var(--mtc-soft-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }

    #mtown-contact-page-v16 .mtc-town-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 20px;
    }

    #mtown-contact-page-v16 .mtc-town {
      display: inline-flex;
      align-items: center;
      min-height: 40px;
      padding: 9px 13px;
      border: 1px solid rgba(12, 39, 59, 0.13);
      border-radius: 999px;
      color: #17334a;
      background: #ffffff;
      font-size: 0.84rem;
      font-weight: 820;
      box-shadow: 0 8px 18px rgba(3, 15, 25, 0.06);
    }

    #mtown-contact-page-v16 .mtc-area-note {
      padding: 22px;
      border: 1px solid rgba(42, 109, 255, 0.18);
      border-radius: 24px;
      color: #15344d;
      background: linear-gradient(135deg, #eef6ff, #ffffff);
      box-shadow: var(--mtc-soft-shadow);
    }

    #mtown-contact-page-v16 .mtc-area-note strong {
      display: block;
      color: var(--mtc-ink);
      font-size: 1.10rem;
      line-height: 1.3;
    }

    #mtown-contact-page-v16 .mtc-area-note p {
      margin: 9px 0 0;
      color: var(--mtc-copy);
      font-size: 0.92rem;
      line-height: 1.65;
      font-weight: 620;
    }

    /* FAQ */
    #mtown-contact-page-v16 .mtc-faq-list {
      display: grid;
      gap: 12px;
      max-width: 920px;
    }

    #mtown-contact-page-v16 .mtc-faq {
      overflow: hidden;
      border: 1px solid var(--mtc-light-line);
      border-radius: 18px;
      color: var(--mtc-ink);
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 10px 26px rgba(3, 15, 25, 0.075);
    }

    #mtown-contact-page-v16 .mtc-faq summary {
      position: relative;
      display: block;
      padding: 18px 52px 18px 18px;
      color: var(--mtc-ink);
      font-size: 1rem;
      line-height: 1.4;
      font-weight: 900;
      list-style: none;
    }

    #mtown-contact-page-v16 .mtc-faq summary::-webkit-details-marker {
      display: none;
    }

    #mtown-contact-page-v16 .mtc-faq summary::after {
      content: "+";
      position: absolute;
      right: 18px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--mtc-blue-1);
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 900;
    }

    #mtown-contact-page-v16 .mtc-faq[open] summary::after {
      content: "-";
    }

    #mtown-contact-page-v16 .mtc-faq-answer {
      padding: 0 18px 18px;
      color: var(--mtc-copy);
      font-size: 0.94rem;
      line-height: 1.7;
      font-weight: 620;
    }

    /* FINAL CTA */
    #mtown-contact-page-v16 .mtc-final-card {
      position: relative;
      overflow: hidden;
      padding: clamp(28px, 5vw, 48px);
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 30px;
      color: #ffffff;
      background:
        radial-gradient(circle at 85% 15%, rgba(255, 215, 64, 0.14), transparent 30%),
        radial-gradient(circle at 10% 88%, rgba(42, 109, 255, 0.18), transparent 33%),
        linear-gradient(145deg, #04101a, #123a5d);
      box-shadow: var(--mtc-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    }

    #mtown-contact-page-v16 .mtc-final-card h2 {
      margin: 0;
      max-width: 820px;
      color: #ffffff;
      font-size: clamp(2rem, 5vw, 3.7rem);
      line-height: 1.03;
      letter-spacing: -0.048em;
      font-weight: 960;
      text-wrap: balance;
    }

    #mtown-contact-page-v16 .mtc-final-card p {
      max-width: 760px;
      margin: 16px 0 0;
      color: #dfeaf0;
      font-size: 1.02rem;
      line-height: 1.7;
      font-weight: 630;
    }

    #mtown-contact-page-v16 .mtc-final-actions {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
    }

    /* SERVICE LINKS HUB */
    #mtown-contact-page-v16 .mtc-services-hub {
      color: #ffffff;
      background: var(--mtc-navy-1000);
      padding: clamp(54px, 7vw, 82px) 0;
    }

    #mtown-contact-page-v16 .mtc-hub-head {
      max-width: 780px;
      margin-bottom: 28px;
    }

    #mtown-contact-page-v16 .mtc-hub-head h2 {
      margin: 0;
      color: #ffffff;
      font-size: clamp(1.9rem, 4vw, 3rem);
      line-height: 1.06;
      letter-spacing: -0.042em;
      font-weight: 950;
    }

    #mtown-contact-page-v16 .mtc-hub-head p {
      margin: 13px 0 0;
      color: #d7e4eb;
      font-size: 0.96rem;
      line-height: 1.65;
      font-weight: 620;
    }

    #mtown-contact-page-v16 .mtc-hub-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
    }

    #mtown-contact-page-v16 .mtc-hub-group {
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.045);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    #mtown-contact-page-v16 .mtc-hub-group h3 {
      margin: 0 0 12px;
      color: #ffe78c;
      font-size: 0.75rem;
      line-height: 1.2;
      font-weight: 950;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    #mtown-contact-page-v16 .mtc-hub-links {
      display: grid;
      gap: 8px;
    }

    #mtown-contact-page-v16 .mtc-service-link {
      display: flex;
      align-items: center;
      min-height: 42px;
      padding: 9px 11px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      border-radius: 12px;
      color: #e5eff4;
      background: rgba(255, 255, 255, 0.035);
      font-size: 0.79rem;
      line-height: 1.35;
      font-weight: 760;
      transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
    }

    #mtown-contact-page-v16 .mtc-service-link:hover {
      color: #ffffff;
      background: rgba(125, 230, 255, 0.09);
      border-color: rgba(125, 230, 255, 0.28);
    }

    /* RESPONSIVE */
    @media (max-width: 1080px) {
      #mtown-contact-page-v16 .mtc-route-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #mtown-contact-page-v16 .mtc-hub-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 920px) {
      #mtown-contact-page-v16 .mtc-quick-main,
      #mtown-contact-page-v16 .mtc-hero-inner,
      #mtown-contact-page-v16 .mtc-message-layout,
      #mtown-contact-page-v16 .mtc-location-grid,
      #mtown-contact-page-v16 .mtc-area-layout {
        grid-template-columns: 1fr;
      }

      #mtown-contact-page-v16 .mtc-quick-action {
        width: 100%;
      }

      #mtown-contact-page-v16 .mtc-console {
        max-width: 720px;
      }

      #mtown-contact-page-v16 .mtc-contact-grid,
      #mtown-contact-page-v16 .mtc-process-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 720px) {
      #mtown-contact-page-v16 .mtc-shell {
        width: min(100% - 22px, 1180px);
      }

      #mtown-contact-page-v16 .mtc-quick-copy {
        grid-template-columns: 1fr;
      }

      #mtown-contact-page-v16 .mtc-quick-badge {
        justify-self: start;
      }

      #mtown-contact-page-v16 .mtc-quick-ctas,
      #mtown-contact-page-v16 .mtc-final-actions,
      #mtown-contact-page-v16 .mtc-form-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #mtown-contact-page-v16 .mtc-contact-card {
        grid-template-columns: auto minmax(0, 1fr);
      }

      #mtown-contact-page-v16 .mtc-contact-action {
        grid-column: 1 / -1;
        text-align: left;
        white-space: normal;
      }

      #mtown-contact-page-v16 .mtc-mini-actions,
      #mtown-contact-page-v16 .mtc-form-grid,
      #mtown-contact-page-v16 .mtc-hub-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 560px) {
      #mtown-contact-page-v16 .mtc-quick-ctas,
      #mtown-contact-page-v16 .mtc-final-actions,
      #mtown-contact-page-v16 .mtc-form-actions,
      #mtown-contact-page-v16 .mtc-route-grid,
      #mtown-contact-page-v16 .mtc-console-grid {
        grid-template-columns: 1fr;
      }

      #mtown-contact-page-v16 .mtc-contact-card {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      #mtown-contact-page-v16 .mtc-contact-icon {
        width: 54px;
        height: 54px;
        border-radius: 18px;
      }

      #mtown-contact-page-v16 .mtc-contact-action {
        grid-column: auto;
      }

      #mtown-contact-page-v16 .mtc-mini-action {
        align-items: flex-start;
      }

      #mtown-contact-page-v16 .mtc-hours-row {
        display: grid;
        gap: 5px;
      }

      #mtown-contact-page-v16 .mtc-hours-row span {
        text-align: left;
      }
    }

    @media (orientation: landscape) and (max-height: 520px) {
      #mtown-contact-page-v16 .mtc-section {
        padding: 42px 0;
      }

      #mtown-contact-page-v16 .mtc-hero-inner {
        padding: 42px 0;
      }

      #mtown-contact-page-v16 .mtc-hero h1 {
        font-size: clamp(2.1rem, 6vw, 3.7rem);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      #mtown-contact-page-v16 *,
      #mtown-contact-page-v16 *::before,
      #mtown-contact-page-v16 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }

    @supports (-webkit-touch-callout: none) {
      @media (hover: none) and (pointer: coarse) {
        #mtown-contact-page-v16 .mtc-console::before {
          animation: none;
          opacity: 0.64;
        }

        #mtown-contact-page-v16 .mtc-signal-dot,
        #mtown-contact-page-v16 .mtc-book {
          animation-duration: 4.5s;
        }

        #mtown-contact-page-v16 .mtc-contact-card:hover,
        #mtown-contact-page-v16 .mtc-mini-action:hover,
        #mtown-contact-page-v16 .mtc-route-card:hover,
        #mtown-contact-page-v16 .mtc-cta:hover,
        #mtown-contact-page-v16 .mtc-btn:hover {
          transform: none;
        }
      }
    }
  
/* Middletown shared visual standard 2026.10.08. */
#mtown-contact-page-v16 header[class$="-header"]{background:#0b1d2b;border-top:0;border-bottom:2px solid #d6ad45;box-shadow:none}
#mtown-contact-page-v16 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-contact-page-v16 h1{font-size:clamp(32px,8.6vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em}#mtown-contact-page-v16 h1 span{font-size:20px!important;line-height:1.4!important;font-weight:650!important}#mtown-contact-page-v16 [class$="hero-inner"]{padding:28px 0 32px}#mtown-contact-page-v16 [class$="hero-lede"]{font-size:16px;line-height:1.6;font-weight:450}}

#mtown-contact-page-v16 .mtshared-header{--white:#fff;--cyan:#7de6ff;--gold:#ffd740;--gold-2:#ffaa23;--orange-2:#eb5a00;--shadow:0 14px 36px #0004}
#mtown-contact-page-v16 .mtshared-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
#mtown-contact-page-v16 .mtshared-header a{text-decoration:none}#mtown-contact-page-v16 .mtshared-brand svg{display:block;width:100%;height:auto}

/* Middletown shared visual standard 2026.10.08. */
#mtown-contact-page-v16 header[class$="-header"]{background:#0b1d2b;border-top:0;border-bottom:2px solid #d6ad45;box-shadow:none}
#mtown-contact-page-v16 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-contact-page-v16 h1{font-size:clamp(32px,8.6vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em}#mtown-contact-page-v16 h1 span{font-size:20px!important;line-height:1.4!important;font-weight:650!important}#mtown-contact-page-v16 [class$="hero-inner"]{padding:28px 0 32px}#mtown-contact-page-v16 [class$="hero-lede"]{font-size:16px;line-height:1.6;font-weight:450}}
/* HEADER */
    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-header-inner {
      display: grid;
      grid-template-columns: minmax(220px, 330px) minmax(0, 1fr) auto;
      gap: 24px;
      align-items: center;
      min-height: 78px;
    }

    #mtown-contact-page-v16 .mtshared-brand {
      display: block;
      width: min(100%, 330px);
    }

    #mtown-contact-page-v16 .mtshared-brand svg {
      aspect-ratio: 330 / 86;
    }

    #mtown-contact-page-v16 .mtshared-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: clamp(14px, 2vw, 26px);
    }

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

    #mtown-contact-page-v16 .mtshared-services > summary::-webkit-details-marker,
    #mtown-contact-page-v16 .mtshared-contact > summary::-webkit-details-marker,
    #mtown-contact-page-v16 .mtshared-mobile > summary::-webkit-details-marker {
      display: none;
    }

    #mtown-contact-page-v16 .mtshared-services,
    #mtown-contact-page-v16 .mtshared-contact,
    #mtown-contact-page-v16 .mtshared-mobile {
      position: relative;
    }

    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-dropdown,
    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-services:not([open]) .mtshared-dropdown,
    #mtown-contact-page-v16 .mtshared-contact:not([open]) .mtshared-contact-pop,
    #mtown-contact-page-v16 .mtshared-mobile:not([open]) .mtshared-mobile-panel {
      display: none;
    }

    #mtown-contact-page-v16 .mtshared-dropdown-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    #mtown-contact-page-v16 .mtshared-dropdown a,
    #mtown-contact-page-v16 .mtshared-contact-pop a,
    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-contact-pop {
      display: grid;
      gap: 8px;
      width: min(310px, 86vw);
    }

    #mtown-contact-page-v16 .mtshared-contact-pop a {
      display: grid;
      gap: 2px;
    }

    #mtown-contact-page-v16 .mtshared-contact-pop strong {
      color: var(--white);
      font-size: 13px;
    }

    #mtown-contact-page-v16 .mtshared-contact-pop span {
      color: var(--cyan);
      font-size: 16px;
      font-weight: 900;
    }

    #mtown-contact-page-v16 .mtshared-header-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 11px;
    }

    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-call-header svg {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }

    #mtown-contact-page-v16 .mtshared-mobile {
      display: none;
    }

    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-menu-icon,
    #mtown-contact-page-v16 .mtshared-menu-icon::before,
    #mtown-contact-page-v16 .mtshared-menu-icon::after {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 99px;
      background: currentColor;
    }

    #mtown-contact-page-v16 .mtshared-menu-icon {
      position: relative;
    }

    #mtown-contact-page-v16 .mtshared-menu-icon::before,
    #mtown-contact-page-v16 .mtshared-menu-icon::after {
      content: "";
      position: absolute;
      left: 0;
    }

    #mtown-contact-page-v16 .mtshared-menu-icon::before { top: -6px; }
    #mtown-contact-page-v16 .mtshared-menu-icon::after { top: 6px; }

    #mtown-contact-page-v16 .mtshared-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-contact-page-v16 .mtshared-mobile-links {
      display: grid;
      gap: 8px;
    }

    #mtown-contact-page-v16 .mtshared-mobile-panel .mtshared-mobile-book {
      color: #241900;
      background: linear-gradient(135deg, var(--gold), var(--gold-2));
    }

    
#mtown-contact-page-v16 .mtshared-header{background:#0b1d2b;border-top:0;border-bottom:2px solid #d6ad45;box-shadow:none}
@media(max-width:1100px){#mtown-contact-page-v16 .mtshared-nav,#mtown-contact-page-v16 .mtshared-contact{display:none}#mtown-contact-page-v16 .mtshared-mobile{display:block}#mtown-contact-page-v16 .mtshared-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}}
@media(max-width:680px){#mtown-contact-page-v16 .mtshared-header-inner{min-height:70px;grid-template-columns:minmax(0,1fr) auto;gap:10px}#mtown-contact-page-v16 .mtshared-brand{width:min(100%,235px)}#mtown-contact-page-v16 .mtshared-book-header{display:none}#mtown-contact-page-v16 .mtshared-call-header{display:inline-flex}}
#mtown-contact-page-v16 .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-contact-page-v16 .mt-next-step h2{font:800 clamp(19px,2.2vw,25px)/1.3 system-ui,sans-serif;margin:0 0 18px;color:#102231}
#mtown-contact-page-v16 .mt-next-step ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
#mtown-contact-page-v16 .mt-next-step li{display:flex;align-items:center;gap:12px;font:600 16px/1.5 system-ui,sans-serif;min-width:0}
#mtown-contact-page-v16 .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-contact-page-v16 :is(a,button,summary):focus-visible{outline:3px solid #1674a8!important;outline-offset:5px!important}
@media(max-width:720px){#mtown-contact-page-v16 .mt-next-step{padding:22px}#mtown-contact-page-v16 .mt-next-step ol{grid-template-columns:1fr;gap:12px}#mtown-contact-page-v16 .mt-next-step li{font-size:15px}}
@supports ((background-clip:text) or (-webkit-background-clip:text)){#mtown-contact-page-v16 h2{background-image:linear-gradient(110deg,#175bc3,#087b84);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}#mtown-contact-page-v16 [class*="-dark"] h2{background-image:linear-gradient(110deg,#fff0b0,#ffc86b 55%,#ffa48b)}#mtown-contact-page-v16 h1{background-image:linear-gradient(110deg,#fff2be,#ffd06d 55%,#ffad87);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}#mtown-contact-page-v16 h1 span{color:#bdeaf1;-webkit-text-fill-color:#bdeaf1}#mtown-contact-page-v16 .mt-next-step h2{background-image:linear-gradient(110deg,#175bc3,#087b84)}}
@supports ((background-clip:text) or (-webkit-background-clip:text)){#mtown-contact-page-v16 h2,#mtown-contact-page-v16 h3{background-image:linear-gradient(110deg,#9defff,#80e5cf);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}#mtown-contact-page-v16 section:nth-of-type(2n) h2{background-image:linear-gradient(110deg,#fff0a1,#ffc16f,#ffa38e)}#mtown-contact-page-v16 .mtc-route-card h3,#mtown-contact-page-v16 .mtc-hours-card h3{background-image:linear-gradient(110deg,#175bc3,#087b84)}#mtown-contact-page-v16 .mtc-route-card:nth-of-type(3n) h3{background-image:linear-gradient(110deg,#b52c61,#be3928)}}
@supports ((background-clip:text) or (-webkit-background-clip:text)){#mtown-contact-page-v16 .mtc-light h2,#mtown-contact-page-v16 .mtc-light-alt h2,#mtown-contact-page-v16 .mtc-light h3,#mtown-contact-page-v16 .mtc-light-alt h3{background-image:linear-gradient(110deg,#175bc3,#087b84)}#mtown-contact-page-v16 .mtc-light-alt h2{background-image:linear-gradient(110deg,#b42c61,#bb3927)}}
