*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 112px; }
body {
  margin: 0;
  background: #04101F;
  color: #E7EDF6;
  font-family: Manrope, "Helvetica Neue", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
h1, h2, h3, h4, p, ul, li, figure, blockquote { margin: 0; padding: 0; }
ul { list-style: none; }
img, svg { max-width: 100%; }
a { color: #E11B36; text-decoration: none; }
a:hover { color: #FF4459; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
::selection { background: #E11B36; color: #fff; }
[hidden] { display: none !important; }

[data-mobile-toggle] {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(4,16,31,.62);
  color: #fff;
  justify-self: end;
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
[data-mobile-toggle] span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: transform .25s ease, opacity .2s ease;
}
[data-mobile-menu] {
  position: fixed;
  inset: 0;
  z-index: 140;
  visibility: hidden;
  pointer-events: none;
}
[data-menu-backdrop] {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: rgba(2,8,18,.66);
  opacity: 0;
  transition: opacity .28s ease;
}
[data-mobile-panel] {
  position: absolute;
  top: 0;
  right: 0;
  width: min(88vw, 390px);
  height: 100%;
  padding: 116px 22px 28px;
  background: linear-gradient(180deg, #04101F, #071A33);
  border-left: 1px solid rgba(147,167,196,.22);
  box-shadow: -28px 0 70px -40px rgba(0,0,0,.75);
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(.22,.7,.2,1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-mobile-links] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-mobile-links] a {
  display: flex;
  align-items: center;
  min-height: 54px;
  border-bottom: 1px solid rgba(147,167,196,.16);
  color: #E7EDF6;
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: 36px;
  line-height: 1;
  letter-spacing: .02em;
}
[data-mobile-contact] {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-mobile-contact] span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #93A7C4;
}
[data-mobile-contact] a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid rgba(147,167,196,.28);
}
[data-mobile-contact] a:first-of-type {
  background: #E11B36;
  border-color: #E11B36;
}
[data-process-mobile] {
  display: none;
}
body.neal-menu-open {
  overflow: hidden;
}
body.neal-menu-open [data-header] {
  background: rgba(4,16,31,.92) !important;
  backdrop-filter: saturate(160%) blur(16px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(16px) !important;
  border-bottom-color: rgba(147,167,196,.2) !important;
}
body.neal-menu-open [data-mobile-menu] {
  visibility: visible;
  pointer-events: auto;
}
body.neal-menu-open [data-menu-backdrop] {
  opacity: 1;
}
body.neal-menu-open [data-mobile-panel] {
  transform: translateX(0);
}
body.neal-menu-open [data-mobile-toggle] {
  background: #E11B36;
  border-color: #E11B36;
}
body.neal-menu-open [data-mobile-toggle] span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
body.neal-menu-open [data-mobile-toggle] span:nth-child(2) {
  opacity: 0;
}
body.neal-menu-open [data-mobile-toggle] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@keyframes nealMarquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@keyframes nealGrid { from { background-position: 0 0; } to { background-position: 0 -84px; } }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  header {
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    border-radius: 16px !important;
    overflow: visible !important;
  }
  header > div {
    grid-template-columns: auto 1fr auto !important;
    padding: 10px 12px !important;
    gap: 10px !important;
  }
  header nav,
  [data-main-nav],
  [data-desktop-contact] { display: none !important; }
  [data-mobile-toggle] { display: inline-flex !important; }
  [data-navlogo] {
    height: 56px !important;
    max-width: min(58vw, 230px);
    object-fit: contain;
  }
  #about > div > div { grid-template-columns: 1fr !important; height: auto !important; gap: 24px !important; }
  #about img { height: auto !important; margin-top: 0 !important; }
  #about > div > div > div:first-child { margin: -48px 0 0 -16px !important; padding-bottom: 0 !important; }
  #about > div > div > div:last-child { padding: 0 32px 48px !important; }
  #services > div > div:nth-child(2) { grid-template-columns: 1fr !important; }
  #services h2 { white-space: normal !important; }
  #why > div > div:nth-child(2) { grid-template-columns: 1fr 1fr !important; }
  #reviews > div > div:nth-child(2) { grid-template-columns: 1fr !important; gap: 12px !important; }
  #quote > div { grid-template-columns: 1fr !important; gap: 40px !important; }
  footer > div > div:first-child { grid-template-columns: 1fr 1fr !important; gap: 36px !important; }
}
@media (max-width: 760px) {
  section[id] { scroll-margin-top: 94px; }
  body { min-width: 0; }
  header { top: 8px !important; left: 8px !important; right: 8px !important; }
  header > div { padding: 8px 10px !important; }
  [data-navlogo] { height: 48px !important; max-width: 62vw; }
  [data-mobile-toggle] { width: 44px; height: 44px; border-radius: 10px; }
  [data-mobile-panel] { width: 100%; padding: 96px 20px 26px; }
  [data-mobile-links] a { min-height: 50px; font-size: 32px; }
  section { padding-left: 0 !important; padding-right: 0 !important; }
  section > div, footer > div { padding-left: 20px !important; padding-right: 20px !important; }
  main > div:first-child { padding: 8px !important; }
  main > div:first-child section {
    min-height: 92vh !important;
    border-radius: 18px !important;
  }
  main > div:first-child section > div:nth-child(4) {
    padding: 108px 22px 86px !important;
  }
  [data-hero-image] {
    object-position: 50% 50% !important;
  }
  main > div:first-child section > div:nth-child(2) {
    background: linear-gradient(to bottom,rgba(4,16,31,.96) 0%,rgba(4,16,31,.68) 28%,rgba(4,16,31,.38) 58%,rgba(4,16,31,.76) 100%) !important;
  }
  main > div:first-child section > div:nth-child(3) {
    background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(5,3,29,.86)) !important;
    opacity: 1 !important;
  }
  h1 {
    font-size: clamp(43px, 13.8vw, 58px) !important;
    line-height: .9 !important;
    max-width: 340px !important;
  }
  h1 [data-word] {
    display: inline !important;
  }
  h1 [data-word]:nth-child(2)::after,
  h1 [data-word]:nth-child(4)::after {
    content: "\A";
    white-space: pre;
  }
  h2 { white-space: normal !important; }
  a, button { max-width: 100%; }
  #about { padding-top: 74px !important; padding-bottom: 70px !important; }
  #about > div > div { border-radius: 20px !important; overflow: hidden; }
  #about > div > div > div:first-child { margin: 0 !important; }
  #about > div > div > div:last-child { padding: 28px 22px 34px !important; }
  #about > div > div > div:last-child,
  #about > div > div > div:last-child * {
    text-align: center !important;
  }
  #about > div > div > div:last-child > div:first-child {
    justify-content: center !important;
  }
  #about > div > div > div:last-child > div:last-child {
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #services,
  #why,
  #process,
  #reviews,
  #quote { padding-top: 72px !important; padding-bottom: 76px !important; }
  #services > div > div:first-child,
  #reviews > div > div:first-child {
    justify-content: center !important;
    text-align: center !important;
  }
  #services > div > div:first-child > div,
  #reviews > div > div:first-child > div {
    width: 100%;
    text-align: center !important;
  }
  #services > div > div:first-child [data-rv],
  #reviews > div > div:first-child [data-rv] {
    justify-content: center !important;
  }
  #services > div > div:nth-child(2) { margin-top: 38px !important; }
  #services article { height: 500px !important; }
  #services article > div:last-child { padding: 24px !important; }
  #services [data-svc-scrim] {
    background: linear-gradient(to bottom,rgba(4,16,31,.68) 0%,rgba(4,16,31,.28) 24%,rgba(4,16,31,.68) 58%,rgba(4,16,31,.96) 100%) !important;
  }
  #services [data-svc-rule] {
    width: 72px !important;
  }
  #services h3 {
    margin-top: 18px !important;
    font-size: clamp(36px, 11vw, 46px) !important;
    line-height: .92 !important;
    max-width: 14.5ch !important;
    text-shadow: 0 4px 28px rgba(4,16,31,.78) !important;
  }
  #services [data-svc-desc] {
    opacity: 1 !important;
    transform: none !important;
  }
  #services [data-svc-desc] p {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    color: #E4ECF8 !important;
  }
  #why > div > div:nth-child(2) { grid-template-columns: 1fr !important; }
  #why article { padding: 26px 24px 30px !important; }
  #reviews figure {
    padding: 30px 28px 28px !important;
    gap: 20px !important;
  }
  #reviews blockquote {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
  }
  #reviews figcaption {
    font-size: 10px !important;
    line-height: 1.45 !important;
    letter-spacing: .12em !important;
  }
  footer > div > div:first-child { grid-template-columns: 1fr !important; }
  footer,
  footer * {
    text-align: center !important;
  }
  footer img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  footer > div > div:first-child > div,
  footer nav {
    align-items: center !important;
  }
  footer a,
  footer [data-flink],
  footer [data-fcta] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  footer div[style*="display:flex"] {
    justify-content: center !important;
  }
  footer p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #quote form { padding: 26px 22px 24px !important; }
  #quote > div > div:first-child {
    align-items: center !important;
    text-align: center !important;
  }
  #quote > div > div:first-child > div:first-child {
    justify-content: center !important;
  }
  #quote > div > div:first-child p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #quote form [data-step] > div > div { grid-template-columns: 1fr !important; }
  #quote form [data-step] label { grid-column: auto !important; }
  #quote [data-notsent] > div { flex-direction: column !important; align-items: stretch !important; }
  #quote [data-canback] button,
  #quote button[type="submit"] { width: 100% !important; }
  #process svg { min-height: 300px; }
  #process [data-process-desktop] { display: none !important; }
  #process [data-process-mobile] {
    position: relative;
    display: block;
    width: min(100%, 380px);
    height: 660px;
    margin: 34px auto 0;
  }
  #process [data-process-mobile] svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
  }
  #process [data-mobile-step] {
    position: absolute;
    width: min(46vw, 170px);
    padding: 14px 13px 15px;
    border: 1px solid rgba(147,167,196,.24);
    border-radius: 12px;
    background: rgba(4,16,31,.86);
    box-shadow: 0 18px 50px -34px rgba(0,0,0,.8);
  }
  #process [data-mobile-step="1"] { left: 0; top: 58px; }
  #process [data-mobile-step="2"] { right: 0; top: 286px; }
  #process [data-mobile-step="3"] { left: 0; bottom: 42px; border-color: rgba(225,27,54,.5); }
  #process [data-mobile-step] span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #071A33;
    border: 1px solid rgba(147,167,196,.38);
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
  }
  #process [data-mobile-step] h3 {
    margin-top: 12px;
    color: #fff;
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 26px;
    line-height: .98;
    font-weight: 400;
    letter-spacing: .02em;
  }
  #process [data-mobile-step] p {
    margin-top: 7px;
    color: #A9BBD4;
    font-size: 13px;
    line-height: 1.45;
  }
  #quote [data-quote-contact] {
    margin-top: 32px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  #quote [data-callcard] {
    padding: 20px 20px !important;
    border-radius: 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  #quote [data-callcard] > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
  }
  #quote [data-callcard] span span:last-child {
    font-size: clamp(32px, 9.5vw, 40px) !important;
    white-space: nowrap;
  }
  #quote [data-contact-grid] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  #quote [data-contact-grid] > div {
    min-height: 132px;
    padding: 20px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  #quote [data-callcard],
  #quote [data-callcard] *,
  #quote [data-contact-grid] > div,
  #quote [data-contact-grid] > div * {
    text-align: left !important;
  }
  #quote [data-contact-grid] > div > *,
  #quote [data-callcard] > span:first-child > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #quote [data-callarrow] {
    text-align: center !important;
  }
  #quote [data-contact-grid] a {
    font-size: 16px !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  [data-payment-list] {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center;
    gap: 12px !important;
  }
  [data-payment-list] span {
    min-width: min(100%, 190px);
    text-align: center;
  }
  section:not([id]) > div > div:has(us-route-map) {
    padding-top: 12px !important;
    padding-bottom: 0 !important;
  }
  section:not([id]) > div > div:first-child {
    padding-bottom: 20px !important;
  }
  us-route-map {
    width: min(100%, 430px);
    margin: 0 auto;
  }
}
@media (max-width: 420px) {
  section > div, footer > div { padding-left: 16px !important; padding-right: 16px !important; }
  [data-mobile-panel] { padding-left: 18px; padding-right: 18px; }
  h1 { font-size: clamp(40px, 13.2vw, 54px) !important; max-width: 320px !important; }
  main > div:first-child section > div:nth-child(4) {
    padding-top: 104px !important;
  }
  p { overflow-wrap: anywhere; }
  #services article { height: 540px !important; }
  #services h3 {
    font-size: clamp(34px, 10.4vw, 42px) !important;
  }
  #services article span {
    letter-spacing: .08em !important;
  }
  #process [data-process-mobile] {
    height: 630px;
  }
  #process [data-mobile-step] {
    width: 156px;
    padding: 13px 12px;
  }
  #process [data-mobile-step] h3 {
    font-size: 24px;
  }
  #process [data-mobile-step] p {
    font-size: 12.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-marquee] { animation: none !important; }
  [data-mobile-toggle],
  [data-mobile-toggle] span,
  [data-menu-backdrop],
  [data-mobile-panel] { transition: none !important; }
}