:root {
      --na-black: #080808;
      --na-dark: #111111;
      --na-text: #191919;
      --na-muted: rgba(25, 25, 25, .68);
      --na-light: #f6f4f1;
      --na-white: #ffffff;
      --na-line: rgba(0, 0, 0, .1);
      --na-gold: #c9a45c;
      --na-gold-dark: #a57f37;
      --na-radius: 28px;
      --na-shadow: 0 24px 70px rgba(0, 0, 0, .18);
      --na-shadow-soft: 0 14px 40px rgba(0, 0, 0, .08);
      --na-container: min(1180px, calc(100% - 32px));
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--na-text);
      background: var(--na-white);
      line-height: 1.5;
    }

    a {
      color: inherit;
    }

    img {
      max-width: 100%;
      display: block;
    }

    .na-container {
      width: var(--na-container);
      margin: 0 auto;
    }

    .na-section {
      padding: 92px 0;
      position: relative;
    }

    .na-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 16px;
      padding: 8px 14px;
      border: 1px solid rgba(201, 164, 92, .5);
      border-radius: 999px;
      color: var(--na-gold);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .na-eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--na-gold);
      box-shadow: 0 0 0 6px rgba(201, 164, 92, .15);
    }

    .na-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 54px;
      padding: 0 26px;
      border-radius: 999px;
      border: 1px solid transparent;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    }

    .na-btn:hover {
      transform: scale(1.025);
    }

    .na-btn:active {
      transform: scale(.985);
    }

    .na-btn-primary {
      background: var(--na-gold);
      color: #111;
      box-shadow: 0 14px 34px rgba(201, 164, 92, .25);
    }

    .na-btn-primary:hover {
      background: #dbb86e;
      box-shadow: 0 18px 46px rgba(201, 164, 92, .38), 0 0 0 5px rgba(201, 164, 92, .12);
    }

    .na-btn-pulse {
      position: relative;
      isolation: isolate;
      animation: naPulseButton 1.8s ease-in-out infinite;
    }

    .na-btn-pulse::after {
      content: "";
      position: absolute;
      inset: -6px;
      z-index: -1;
      border-radius: inherit;
      border: 1px solid rgba(201, 164, 92, .62);
      opacity: 0;
      animation: naPulseRing 1.8s ease-out infinite;
      pointer-events: none;
    }

    @keyframes naPulseButton {
      0%, 100% {
        transform: scale(1);
        box-shadow: 0 14px 34px rgba(201, 164, 92, .25);
      }
      50% {
        transform: scale(1.035);
        box-shadow: 0 18px 46px rgba(201, 164, 92, .45);
      }
    }

    @keyframes naPulseRing {
      0% {
        transform: scale(.94);
        opacity: .72;
      }
      70%, 100% {
        transform: scale(1.18);
        opacity: 0;
      }
    }

    .na-btn-outline {
      border-color: rgba(255,255,255,.36);
      color: #fff;
      background: rgba(255,255,255,.06);
      backdrop-filter: blur(12px);
    }

    .na-btn-outline:hover {
      border-color: rgba(255,255,255,.72);
      background: rgba(255,255,255,.12);
    }

    .na-header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 20;
      padding: 18px 0;
      color: #fff;
    }

    .na-header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
    }

    .na-logo {
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
    }

    .na-logo img {
      width: 130px;
      height: auto;
      filter: brightness(1.5);
    }

    .na-nav {
      display: flex;
      align-items: center;
      gap: 22px;
      font-size: 14px;
      color: rgba(255,255,255,.86);
    }

    .na-nav a {
      text-decoration: none;
      transition: color .25s ease;
    }

    .na-nav a:hover {
      color: #fff;
    }

    .na-header-phone {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      font-weight: 800;
      white-space: nowrap;
    }

    .na-hero {
      --na-parallax-y: 0px;
      min-height: 780px;
      padding: 160px 0 94px;
      color: #fff;
      overflow: hidden;
      background:
        radial-gradient(circle at 78% 18%, rgba(201,164,92,.28), transparent 32%),
        linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.72) 46%, rgba(0,0,0,.35)),
        url("images/523242342323432.webp") center/cover no-repeat;
      background-position: center, center, center calc(50% + var(--na-parallax-y));
      background-repeat: no-repeat;
      background-size: auto, auto, cover;
    }

    .na-hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 180px;
      background: linear-gradient(0deg, #080808, transparent);
      pointer-events: none;
    }

    .na-scroll-cue {
      position: relative;
      z-index: 4;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 52px;
      margin: 34px auto 0;
      border: 1px solid rgba(255,255,255,.28);
      border-radius: 999px;
      color: #fff;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(12px);
      text-decoration: none;
      animation: naScrollCueFloat 1.65s ease-in-out infinite;
      transition: background .25s ease, border-color .25s ease, transform .25s ease;
    }

    .na-scroll-cue::before {
      content: "";
      position: absolute;
      inset: -9px;
      z-index: -1;
      border: 1px solid rgba(201,164,92,.35);
      border-radius: inherit;
      animation: naScrollCueRing 1.65s ease-out infinite;
    }

    .na-scroll-cue:hover {
      border-color: rgba(201,164,92,.75);
      background: rgba(201,164,92,.2);
    }

    .na-scroll-cue svg {
      width: 24px;
      height: 24px;
      animation: naScrollArrowDrop 1.1s ease-in-out infinite;
    }

    @keyframes naScrollCueFloat {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(8px);
      }
    }

    @keyframes naScrollArrowDrop {
      0%, 100% {
        transform: translateY(-2px);
        opacity: .72;
      }
      50% {
        transform: translateY(5px);
        opacity: 1;
      }
    }

    @keyframes naScrollCueRing {
      0% {
        transform: scale(.86);
        opacity: .72;
      }
      80%, 100% {
        transform: scale(1.22);
        opacity: 0;
      }
    }

    .na-hero-title {
      position: relative;
      z-index: 2;
      max-width: 980px;
      margin: 0 auto 42px;
      text-align: center;
      font-size: clamp(38px, 5vw, 66px);
      line-height: 1.03;
      letter-spacing: -.04em;
      font-weight: 800;
    }

    .na-hero-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.14fr .86fr;
      gap: 50px;
      align-items: start;
    }

    .na-hero h1 {
      max-width: 720px;
      margin: 0 0 22px;
      font-size: clamp(34px, 4.7vw, 60px);
      line-height: 1.02;
      letter-spacing: -.04em;
      font-weight: 800;
    }

    .na-hero-content {
      padding-top: 20px;
    }

    .na-hero-text {
      max-width: 710px;
      margin: 0;
      font-size: 19px;
      line-height: 1.7;
      color: rgba(255,255,255,.84);
    }

    .na-hero-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px;
      margin-top: 34px;
    }

    .na-hero-bottom {
      margin-top: 34px;
    }

    .na-hero-bottom .na-hero-actions {
      margin-top: 0;
    }

    .na-phone-button {
      gap: 10px;
      white-space: nowrap;
    }

    .na-phone-button svg {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      transition: transform .25s ease;
    }

    .na-phone-button:hover svg {
      transform: rotate(-8deg) scale(1.08);
    }

    .na-check-button {
      gap: 10px;
    }

    .na-check-button svg {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      transition: transform .25s ease;
    }

    .na-check-button:hover svg {
      transform: scale(1.12);
    }

    .na-hero-note {
      display: inline-flex;
      align-items: center;
      max-width: 620px;
      margin-top: 16px;
      padding: 13px 16px;
      border: 1px solid rgba(201,164,92,.34);
      border-radius: 18px;
      color: rgba(255,255,255,.88);
      background: rgba(10,10,10,.42);
      backdrop-filter: blur(12px);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.45;
    }

    .na-hero-benefits {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 30px;
    }

    .na-hero-benefits span {
      padding: 10px 14px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      color: rgba(255,255,255,.86);
      backdrop-filter: blur(10px);
      font-size: 14px;
    }

    .na-hero-card {
      position: relative;
      align-self: start;
      margin-top: -18px;
      padding: 30px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: var(--na-radius);
      background: rgba(10,10,10,.56);
      box-shadow: var(--na-shadow);
      backdrop-filter: blur(18px);
      overflow: hidden;
    }

    .na-hero-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(145deg, rgba(201,164,92,.2), transparent 40%);
      pointer-events: none;
    }

    .na-card-label {
      position: relative;
      margin-bottom: 18px;
      color: var(--na-gold);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .na-quick-route {
      position: relative;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      padding: 16px 0;
      border-bottom: 1px solid rgba(255,255,255,.12);
      color: rgba(255,255,255,.9);
    }

    .na-quick-route strong {
      color: #fff;
    }

    .na-hero-card-note {
      position: relative;
      margin-top: 22px;
      padding: 18px;
      border-radius: 20px;
      background: rgba(255,255,255,.08);
      color: rgba(255,255,255,.78);
      font-size: 14px;
      line-height: 1.65;
    }

    .na-quick-phone-offer {
      position: relative;
      margin-top: 22px;
      padding: 18px;
      border: 1px solid rgba(201,164,92,.28);
      border-radius: 22px;
      background: rgba(201,164,92,.12);
    }

    .na-quick-phone-title {
      margin: 0 0 6px;
      color: #fff;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.2;
    }

    .na-quick-phone-text {
      margin: 0 0 14px;
      color: rgba(255,255,255,.72);
      font-size: 14px;
      line-height: 1.55;
    }

    .na-quick-phone-form {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 10px;
    }

    .na-quick-phone-form input {
      width: 100%;
      min-height: 48px;
      padding: 12px 14px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 16px;
      background: rgba(255,255,255,.1);
      color: #fff;
      font: inherit;
      outline: none;
      transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .na-quick-phone-form input::placeholder {
      color: rgba(255,255,255,.58);
    }

    .na-quick-phone-form input:focus {
      border-color: rgba(201,164,92,.75);
      background: rgba(255,255,255,.14);
      box-shadow: 0 0 0 4px rgba(201,164,92,.12);
    }

    .na-quick-phone-form .na-btn {
      min-height: 48px;
      padding: 0 18px;
      border: 0;
      border-radius: 16px;
      font-size: 14px;
      white-space: nowrap;
    }

    .na-quick-phone-form .na-callback-pulse,
    .na-callback-pulse {
      position: relative;
      z-index: 1;
      overflow: visible;
      animation: naCallbackPulse 1.35s ease-in-out infinite !important;
      box-shadow: 0 0 0 0 rgba(201, 164, 92, .72), 0 14px 34px rgba(201, 164, 92, .36);
    }

    .na-quick-phone-form .na-callback-pulse::before,
    .na-callback-pulse::before {
      content: "";
      position: absolute;
      inset: -7px;
      z-index: -1;
      border-radius: 20px;
      background: rgba(201, 164, 92, .22);
      opacity: .85;
      animation: naCallbackPulseRing 1.35s ease-out infinite !important;
      pointer-events: none;
    }

    .na-quick-phone-success {
      margin-top: 14px;
      padding: 16px 18px;
      border: 1px solid rgba(201,164,92,.32);
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(201,164,92,.18), rgba(255,255,255,.07));
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.45;
      text-align: center;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    .na-quick-phone-success::before {
      content: "✓";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 26px;
      height: 26px;
      margin-right: 9px;
      border-radius: 50%;
      background: var(--na-gold);
      color: #111;
      font-size: 16px;
      font-weight: 900;
      vertical-align: middle;
    }

    @keyframes naCallbackPulse {
      0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(201, 164, 92, .72), 0 14px 34px rgba(201, 164, 92, .36);
      }
      50% {
        transform: scale(1.055);
        box-shadow: 0 0 0 10px rgba(201, 164, 92, 0), 0 20px 48px rgba(201, 164, 92, .58);
      }
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(201, 164, 92, 0), 0 14px 34px rgba(201, 164, 92, .36);
      }
    }

    @keyframes naCallbackPulseRing {
      0% {
        transform: scale(.92);
        opacity: .75;
      }
      80%, 100% {
        transform: scale(1.28);
        opacity: 0;
      }
    }

    .na-trust-row {
      position: relative;
      z-index: 3;
      margin-top: 68px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--na-radius);
      background: rgba(255,255,255,.06);
      backdrop-filter: blur(14px);
      overflow: hidden;
    }

    .na-trust-item {
      padding: 24px;
      border-right: 1px solid rgba(255,255,255,.12);
    }

    .na-trust-item:last-child {
      border-right: 0;
    }

    .na-trust-item strong {
      display: block;
      margin-bottom: 4px;
      color: #fff;
      font-size: 26px;
      line-height: 1;
    }

    .na-trust-item span {
      color: rgba(255,255,255,.7);
      font-size: 14px;
    }

    .na-section-head {
      max-width: 790px;
      margin-bottom: 44px;
    }

    .na-section-head.center {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }

    .na-section-head.center .na-eyebrow {
      margin-left: auto;
      margin-right: auto;
    }

    .na-section h2 {
      margin: 0 0 18px;
      color: var(--na-text);
      font-size: clamp(30px, 4.2vw, 52px);
      line-height: 1.05;
      letter-spacing: -.035em;
    }

    .na-section-head p,
    .na-lead {
      margin: 0;
      color: var(--na-muted);
      font-size: 18px;
      line-height: 1.7;
    }

    .na-routes {
      background: #080808;
      color: #fff;
    }

    .na-routes h2,
    .na-routes .na-section-head p {
      color: #fff;
    }

    .na-routes .na-section-head p {
      color: rgba(255,255,255,.68);
    }

    .na-routes-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .na-route-card {
      position: relative;
      min-height: 240px;
      padding: 28px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--na-radius);
      background:
        linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035));
      overflow: hidden;
      transition: transform .25s ease, border-color .25s ease, background .25s ease;
    }

    .na-route-card:hover {
      transform: translateY(-5px);
      border-color: rgba(201,164,92,.58);
      background:
        linear-gradient(145deg, rgba(201,164,92,.18), rgba(255,255,255,.035));
    }

    .na-route-card::after {
      content: "";
      position: absolute;
      right: -50px;
      bottom: -50px;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: rgba(201,164,92,.1);
    }

    .na-route-number {
      display: inline-flex;
      margin-bottom: 30px;
      color: var(--na-gold);
      font-weight: 800;
    }

    .na-route-card h3 {
      margin: 0 0 12px;
      color: #fff;
      font-size: 24px;
      line-height: 1.15;
    }

    .na-route-card p {
      margin: 0 0 22px;
      color: rgba(255,255,255,.68);
      line-height: 1.65;
    }

    .na-route-link {
      position: absolute;
      left: 28px;
      bottom: 26px;
      color: var(--na-gold);
      font-weight: 700;
      text-decoration: none;
    }

    .na-fleet {
      padding-bottom: 52px;
      background:
        radial-gradient(circle at 10% 10%, rgba(201,164,92,.12), transparent 34%),
        linear-gradient(180deg, #f8f6f2, #fff);
      overflow: hidden;
    }

    .na-fleet .na-section-head {
      max-width: 860px;
    }

    .na-fleet-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .na-fleet-card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 0;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: var(--na-radius);
      background: #fff;
      box-shadow: var(--na-shadow-soft);
      overflow: hidden;
      text-decoration: none;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .na-fleet-card:hover {
      transform: translateY(-6px);
      border-color: rgba(201,164,92,.46);
      box-shadow: 0 24px 62px rgba(0,0,0,.13);
    }

    .na-fleet-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(145deg, rgba(201,164,92,.16), transparent 42%);
      opacity: 0;
      transition: opacity .25s ease;
      pointer-events: none;
    }

    .na-fleet-card:hover::before {
      opacity: 1;
    }

    .na-fleet-image {
      position: relative;
      min-height: 210px;
      padding: 24px 24px 4px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      background:
        radial-gradient(circle at 50% 70%, rgba(0,0,0,.08), transparent 38%),
        linear-gradient(180deg, #fff, #f3f1ec);
    }

    .na-fleet-image img {
      width: 100%;
      height: 185px;
      object-fit: contain;
      filter: drop-shadow(0 18px 18px rgba(0,0,0,.18));
      transition: transform .25s ease;
    }

    .na-fleet-card:hover .na-fleet-image img {
      transform: scale(1.04) translateY(-4px);
    }

    .na-fleet-body {
      position: relative;
      z-index: 1;
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 22px 26px 20px;
    }

    .na-fleet-meta {
      display: inline-flex;
      width: max-content;
      margin-bottom: 12px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(201,164,92,.13);
      color: var(--na-gold-dark);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .na-fleet-card h3 {
      margin: 0 0 10px;
      color: var(--na-text);
      font-size: 24px;
      line-height: 1.15;
    }

    .na-fleet-card p {
      margin: 0;
      color: var(--na-muted);
      line-height: 1.65;
    }

    .na-fleet-link {
      margin-top: auto;
      color: var(--na-gold-dark);
      font-weight: 800;
    }

    .na-fleet-actions {
      display: flex;
      justify-content: center;
      margin-top: 34px;
    }

    .na-audience {
      padding-top: 56px;
    }


    .na-audience-grid,
    .na-benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .na-card {
      padding: 30px;
      border: 1px solid var(--na-line);
      border-radius: var(--na-radius);
      background: #fff;
      box-shadow: var(--na-shadow-soft);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .na-card:hover {
      transform: translateY(-5px);
      border-color: rgba(201,164,92,.42);
      box-shadow: 0 22px 55px rgba(0,0,0,.12);
    }

    .na-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      margin-bottom: 22px;
      border-radius: 16px;
      background: rgba(201,164,92,.14);
      color: var(--na-gold-dark);
      font-size: 23px;
      font-weight: 800;
    }

    .na-card h3 {
      margin: 0 0 12px;
      font-size: 22px;
      line-height: 1.15;
    }

    .na-card p {
      margin: 0;
      color: var(--na-muted);
      line-height: 1.65;
    }

    .na-dark-section {
      --na-parallax-y: 0px;
      background:
        linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.72) 52%, rgba(0,0,0,.88)),
        url("images/IMG_6522.webp") center/cover no-repeat;
      background-position: center, center calc(50% + var(--na-parallax-y));
      background-repeat: no-repeat;
      background-size: auto, cover;
      color: #fff;
      overflow: hidden;
    }

    .na-dark-section .na-container {
      position: relative;
      z-index: 1;
    }

    .na-dark-section::before {
      content: "";
      position: absolute;
      left: -15%;
      top: -20%;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(201,164,92,.16), transparent 65%);
    }

    .na-dark-section h2,
    .na-dark-section .na-card h3 {
      color: #fff;
    }

    #benefits .na-card h3 {
      color: var(--na-gold);
    }

    .na-audience .na-card h3 {
      color: var(--na-gold);
    }

    .na-dark-section .na-section-head p {
      color: rgba(255,255,255,.68);
    }

    .na-dark-section .na-card {
      border-color: rgba(255,255,255,.1);
      background: rgba(255,255,255,.06);
      box-shadow: none;
    }

    .na-dark-section .na-card p {
      color: rgba(255,255,255,.66);
    }

    .na-gallery {
      background:
        radial-gradient(circle at 88% 10%, rgba(201,164,92,.12), transparent 32%),
        linear-gradient(180deg, #fff, #f8f6f2);
      overflow: hidden;
    }

    .na-gallery-shell {
      position: relative;
    }

    .na-gallery-viewport {
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      background: #fff;
      cursor: grab;
      user-select: none;
      touch-action: pan-y;
    }

    .na-gallery-viewport.is-dragging {
      cursor: grabbing;
    }

    .na-gallery-viewport::-webkit-scrollbar {
      display: none;
    }

    .na-gallery-track {
      display: flex;
      gap: 22px;
      align-items: stretch;
    }

    .na-gallery-slide {
      position: relative;
      flex: 0 0 calc((100% - 44px) / 3);
      height: 360px;
      min-height: 360px;
      margin: 0;
      border-radius: var(--na-radius);
      overflow: hidden;
      background: #fff;
      box-shadow: var(--na-shadow-soft);
    }

    .na-gallery-slide img {
      width: 100%;
      height: 100%;
      min-height: 0;
      object-fit: cover;
      object-position: center;
      pointer-events: none;
      transition: transform .45s ease;
    }

    .na-gallery-slide:hover img {
      transform: scale(1.035);
    }

    .na-gallery-arrow {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 58px;
      height: 58px;
      border: 1px solid rgba(201,164,92,.45);
      border-radius: 999px;
      color: #111;
      background: rgba(255,255,255,.92);
      box-shadow: 0 18px 44px rgba(0,0,0,.16);
      backdrop-filter: blur(14px);
      cursor: pointer;
      transform: translateY(-50%);
      transition: opacity .22s ease, transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .na-gallery-arrow::before {
      content: "";
      position: absolute;
      inset: 8px;
      z-index: -1;
      border-radius: inherit;
      background: rgba(201,164,92,.18);
    }

    .na-gallery-arrow.is-prev {
      left: -29px;
    }

    .na-gallery-arrow.is-next {
      right: -29px;
    }

    .na-gallery-arrow svg {
      width: 25px;
      height: 25px;
    }

    .na-gallery-arrow:hover:not(:disabled) {
      border-color: rgba(201,164,92,.82);
      background: #fff;
      box-shadow: 0 22px 54px rgba(0,0,0,.2), 0 0 0 6px rgba(201,164,92,.12);
    }

    .na-gallery-arrow.is-prev:hover:not(:disabled) {
      transform: translate(-3px, -50%);
    }

    .na-gallery-arrow.is-next:hover:not(:disabled) {
      transform: translate(3px, -50%);
    }

    .na-gallery-arrow:disabled {
      opacity: .34;
      cursor: default;
      box-shadow: 0 10px 28px rgba(0,0,0,.08);
    }

    .na-car-grid {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 48px;
      align-items: center;
    }

    .na-car-media {
      position: relative;
    }

    .na-car-photo-main {
      min-height: 460px;
      border-radius: 34px;
      background:
        linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,0)),
        url("https://navigator-avto.com.ua/image/catalog/transfer/3foto/IMG_4553.jpg") center/cover no-repeat;
      box-shadow: var(--na-shadow);
    }

    .na-car-photo-small {
      position: absolute;
      right: -26px;
      bottom: -34px;
      width: 45%;
      min-height: 220px;
      border: 8px solid #fff;
      border-radius: 28px;
      background:
        linear-gradient(0deg, rgba(0,0,0,.18), rgba(0,0,0,0)),
        url("https://navigator-avto.com.ua/image/catalog/car/V-classNavigator/IMG_6140.JPG") center/cover no-repeat;
      box-shadow: var(--na-shadow-soft);
    }

    .na-car-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin: 28px 0 32px;
    }

    .na-car-list span {
      padding: 14px 15px;
      border-radius: 16px;
      background: #f2f0ec;
      color: rgba(25,25,25,.82);
      font-weight: 700;
      font-size: 14px;
    }

    .na-process {
      --na-parallax-y: 0px;
      background:
        linear-gradient(180deg, rgba(248,246,242,.94), rgba(255,255,255,.92)),
        url("images/3.3.webp") center/cover no-repeat;
      background-position: center, center calc(50% + var(--na-parallax-y));
      background-repeat: no-repeat;
      background-size: auto, cover;
      overflow: hidden;
    }

    .na-process .na-container {
      position: relative;
      z-index: 1;
    }

    .na-steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      counter-reset: steps;
    }

    .na-step {
      position: relative;
      padding: 58px 30px 30px;
      border: 1px solid rgba(201,164,92,.28);
      border-radius: var(--na-radius);
      background: #fff;
      box-shadow: var(--na-shadow-soft);
      overflow: hidden;
    }

    .na-step::before {
      counter-increment: steps;
      content: counter(steps, decimal-leading-zero);
      position: absolute;
      left: -1px;
      top: -1px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      height: 50px;
      border-right: 1px solid rgba(201,164,92,.36);
      border-bottom: 1px solid rgba(201,164,92,.36);
      border-radius: var(--na-radius) 0 18px 0;
      background: linear-gradient(145deg, rgba(201,164,92,.18), rgba(201,164,92,.06));
      color: var(--na-gold);
      font-size: 22px;
      font-weight: 800;
      line-height: 1;
    }

    .na-step h3 {
      margin: 0 0 12px;
      font-size: 21px;
      line-height: 1.15;
    }

    .na-step p {
      margin: 0;
      color: var(--na-muted);
      line-height: 1.65;
    }

    .na-order {
      --na-parallax-y: 0px;
      background:
        radial-gradient(circle at 15% 10%, rgba(201,164,92,.18), transparent 35%),
        linear-gradient(105deg, rgba(0,0,0,.92), rgba(0,0,0,.78) 48%, rgba(0,0,0,.9)),
        url("images/1.3.webp") center/cover no-repeat;
      background-position: center, center, center calc(50% + var(--na-parallax-y));
      background-repeat: no-repeat;
      background-size: auto, auto, cover;
      color: #fff;
      overflow: hidden;
    }

    .na-order .na-container {
      position: relative;
      z-index: 1;
    }

    .na-order h2 {
      color: #fff;
    }

    .na-order .na-lead {
      color: rgba(255,255,255,.72);
    }

    .na-order-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 48px;
      align-items: start;
    }

    .na-order-note {
      margin-top: 28px;
      padding: 24px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 24px;
      background: rgba(255,255,255,.07);
      color: rgba(255,255,255,.78);
      line-height: 1.65;
    }

    .na-order-note strong {
      color: #fff;
    }

    .na-form-box {
      padding: 30px;
      border-radius: 34px;
      background: #fff;
      color: var(--na-text);
      box-shadow: var(--na-shadow);
    }

    .na-form-box.is-success {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .na-form-title {
      margin: 0 0 8px;
      font-size: 24px;
    }

    .na-form-subtitle {
      margin: 0 0 22px;
      color: var(--na-muted);
    }

    .na-form-success {
      width: 100%;
      max-width: 430px;
      padding: 30px 26px;
      border-radius: 24px;
      background: linear-gradient(180deg, rgba(201,164,92,.14), rgba(201,164,92,.06));
      color: var(--na-text);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.45;
      text-align: center;
    }

    .na-form-success::before {
      content: "✓";
      display: flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 52px;
      margin: 0 auto 16px;
      border-radius: 50%;
      background: var(--na-gold);
      color: #111;
      font-size: 28px;
      font-weight: 900;
      box-shadow: 0 16px 34px rgba(201,164,92,.28);
    }

    .na-form-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .na-field {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

    .na-field-full {
      grid-column: 1 / -1;
    }

    .na-field label {
      font-size: 13px;
      font-weight: 700;
      color: rgba(25,25,25,.72);
    }

    .na-field input,
    .na-field textarea,
    .na-field select {
      width: 100%;
      min-height: 50px;
      padding: 13px 14px;
      border: 1px solid rgba(0,0,0,.14);
      border-radius: 16px;
      background: #fafafa;
      color: var(--na-text);
      font: inherit;
      outline: none;
      transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .na-field textarea {
      min-height: 112px;
      resize: vertical;
    }

    .na-field input[type="number"] {
      appearance: auto;
      font-weight: 700;
    }

    .na-number-stepper {
      display: grid;
      grid-template-columns: 46px 1fr 46px;
      align-items: center;
      min-height: 50px;
      border: 1px solid rgba(0,0,0,.14);
      border-radius: 16px;
      background: #fafafa;
      overflow: hidden;
      transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .na-number-stepper:focus-within {
      border-color: rgba(201,164,92,.75);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(201,164,92,.12);
    }

    .na-number-stepper button {
      width: 46px;
      height: 50px;
      border: 0;
      color: var(--na-gold-dark);
      background: transparent;
      font: inherit;
      font-size: 22px;
      font-weight: 800;
      cursor: pointer;
      transition: background .2s ease;
    }

    .na-number-stepper button:hover {
      background: rgba(201,164,92,.12);
    }

    .na-number-stepper input {
      appearance: textfield;
      min-height: 50px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      text-align: center;
      box-shadow: none;
    }

    .na-number-stepper input::-webkit-outer-spin-button,
    .na-number-stepper input::-webkit-inner-spin-button {
      margin: 0;
      appearance: none;
    }

    .na-field input:focus,
    .na-field textarea:focus,
    .na-field select:focus {
      border-color: rgba(201,164,92,.75);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(201,164,92,.12);
    }

    .na-field .na-number-stepper input:focus {
      border-color: transparent;
      background: transparent;
      box-shadow: none;
    }

    .na-comment-toggle {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 16px;
      padding: 0;
      border: 0;
      color: var(--na-gold-dark);
      background: transparent;
      font: inherit;
      font-weight: 800;
      cursor: pointer;
    }

    .na-comment-toggle svg {
      width: 20px;
      height: 20px;
      color: var(--na-gold-dark);
      transition: color .25s ease, transform .25s ease;
    }

    .na-comment-toggle.is-open svg {
      color: var(--na-gold);
      animation: naCommentIconWiggle .34s ease;
    }

    @keyframes naCommentIconWiggle {
      0%, 100% {
        transform: rotate(0);
      }
      35% {
        transform: rotate(-8deg);
      }
      70% {
        transform: rotate(5deg);
      }
    }

    .na-comment-panel {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height .34s ease, opacity .24s ease, padding-top .34s ease;
    }

    .na-comment-panel.is-open {
      max-height: 190px;
      padding-top: 12px;
      opacity: 1;
    }

    .na-form-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
      margin-top: 18px;
    }

    .na-form-actions .na-btn {
      border: 0;
      min-width: 190px;
      font-size: 15px;
      transform: translateZ(0);
      transition: background .28s ease, box-shadow .28s ease, color .28s ease;
    }

    .na-form-actions .na-btn:hover {
      transform: translateZ(0);
      background: #dcb76b;
      box-shadow: 0 16px 40px rgba(201,164,92,.34), 0 0 0 4px rgba(201,164,92,.12);
    }

    .na-form-actions .na-btn:active {
      transform: translateZ(0);
      box-shadow: 0 10px 26px rgba(201,164,92,.28), 0 0 0 3px rgba(201,164,92,.1);
    }

    .na-form-call {
      color: var(--na-gold-dark);
      font-weight: 800;
      text-decoration: none;
    }

    .na-form-privacy {
      margin-top: 14px;
      color: rgba(25,25,25,.54);
      font-size: 12px;
      line-height: 1.55;
    }

    .na-faq-list {
      display: grid;
      gap: 14px;
      max-width: 900px;
      margin: 0 auto;
    }

    .na-faq details {
      border: 1px solid var(--na-line);
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(0,0,0,.05);
      overflow: hidden;
    }

    .na-faq summary {
      list-style: none;
      cursor: pointer;
      padding: 22px 24px;
      font-size: 18px;
      font-weight: 800;
      position: relative;
    }

    .na-faq summary::-webkit-details-marker {
      display: none;
    }

    .na-faq summary::after {
      content: "+";
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--na-gold-dark);
      font-size: 24px;
      line-height: 1;
    }

    .na-faq details[open] summary::after {
      content: "−";
    }

    .na-faq details p {
      margin: -6px 24px 24px;
      color: var(--na-muted);
      line-height: 1.7;
    }

    .na-final {
      --na-parallax-y: 0px;
      padding: 80px 0;
      color: #fff;
      background:
        linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.58)),
        url("images/IMG_6522.webp") center 58%/cover no-repeat;
      background-position: center, center calc(58% + var(--na-parallax-y));
      background-repeat: no-repeat;
      background-size: auto, cover;
    }

    .na-final-box {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center;
    }

    .na-final h2 {
      margin: 0 0 12px;
      color: #fff;
      font-size: clamp(30px, 4vw, 50px);
      line-height: 1.05;
      letter-spacing: -.035em;
    }

    .na-final p {
      margin: 0;
      max-width: 720px;
      color: rgba(255,255,255,.76);
      font-size: 18px;
      line-height: 1.7;
    }

    .na-footer {
      padding: 42px 0;
      background: #070707;
      color: rgba(255,255,255,.72);
      font-size: 14px;
    }

    .na-footer-grid {
      display: grid;
      grid-template-columns: 1fr auto auto;
      gap: 24px;
      align-items: center;
    }

    .na-footer strong {
      color: #fff;
    }

    .na-footer a {
      color: #fff;
      text-decoration: none;
      font-weight: 700;
    }

    .na-mobile-sticky {
      display: none;
    }

    .na-contact-float {
      position: fixed;
      right: 28px;
      bottom: 28px;
      z-index: 1200;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 14px;
      pointer-events: none;
    }

    .na-contact-float .na-contact-toggle,
    .na-contact-float.is-open .na-contact-menu {
      pointer-events: auto;
    }

    .na-contact-menu {
      width: 263px;
      padding: 10px;
      border: 1px solid rgba(201,164,92,.2);
      border-radius: 20px;
      background: rgba(255,255,255,.96);
      box-shadow: 0 24px 64px rgba(0,0,0,.24);
      opacity: 0;
      transform: translate3d(0, 14px, 0) scale(.96);
      transform-origin: right bottom;
      pointer-events: none;
      transition: opacity .22s ease, transform .22s ease;
      backdrop-filter: blur(16px);
    }

    .na-contact-float.is-open .na-contact-menu {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      pointer-events: auto;
    }

    .na-contact-link {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 50px;
      padding: 8px 10px;
      border-radius: 14px;
      color: #141414;
      font-weight: 800;
      text-decoration: none;
      transition: background .2s ease, transform .2s ease;
    }

    .na-contact-link:hover {
      background: rgba(201,164,92,.12);
      transform: translateX(-2px);
    }

    .na-contact-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      flex: 0 0 auto;
      border-radius: 999px;
      color: #111;
      background: var(--na-gold);
    }

    .na-contact-icon svg {
      width: 18px;
      height: 18px;
    }

    .na-contact-icon.viber {
      background: transparent;
    }
    .na-contact-icon.viber img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    .na-contact-icon.telegram {
      background: transparent;
    }
    .na-contact-icon.telegram img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    .na-contact-icon.whatsapp {
      background: transparent;
    }
    .na-contact-icon.whatsapp img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    .na-contact-toggle {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 68px;
      height: 68px;
      border: 0;
      border-radius: 999px;
      color: #111;
      background: var(--na-gold);
      box-shadow: 0 18px 48px rgba(0,0,0,.28), 0 0 0 0 rgba(201,164,92,.46);
      cursor: pointer;
      animation: naContactPulse 1.9s ease-in-out infinite;
      transition: transform .22s ease, background .22s ease;
    }

    .na-contact-toggle:hover {
      transform: translateY(-2px);
      background: #dbb86e;
    }

    .na-contact-toggle svg {
      position: absolute;
      width: 28px;
      height: 28px;
      transition: opacity .18s ease, transform .18s ease;
    }

    .na-contact-toggle .na-contact-close {
      opacity: 0;
      transform: rotate(-45deg) scale(.82);
    }

    .na-contact-float.is-open .na-contact-toggle .na-contact-open {
      opacity: 0;
      transform: rotate(45deg) scale(.82);
    }

    .na-contact-float.is-open .na-contact-toggle .na-contact-close {
      opacity: 1;
      transform: rotate(0) scale(1);
    }

    @keyframes naContactPulse {
      0%, 100% {
        box-shadow: 0 18px 48px rgba(0,0,0,.28), 0 0 0 0 rgba(201,164,92,.42);
      }
      50% {
        box-shadow: 0 18px 48px rgba(0,0,0,.28), 0 0 0 12px rgba(201,164,92,0);
      }
    }

    .na-reveal {
      opacity: 0;
      transform: translate3d(0, 22px, 0);
      transition:
        opacity .62s ease,
        transform .62s cubic-bezier(.2, .8, .2, 1);
      transition-delay: var(--na-reveal-delay, 0s);
      will-change: opacity, transform;
    }

    .na-reveal.na-visible {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

    .na-delay-1 { --na-reveal-delay: .08s; }
    .na-delay-2 { --na-reveal-delay: .16s; }
    .na-delay-3 { --na-reveal-delay: .24s; }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      .na-reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
      }

      .na-btn,
      .na-card,
      .na-route-card {
        transition: none;
      }

      .na-btn-pulse,
      .na-btn-pulse::after,
      .na-scroll-cue,
      .na-scroll-cue::before,
      .na-scroll-cue svg,
      .na-contact-toggle {
        animation: none;
      }
    }


    @media (min-width: 1200px) {
      :root {
        --na-container: min(1360px, calc(100% - 64px));
        --na-radius: 30px;
      }

      .na-section {
        padding: 104px 0;
      }

      .na-fleet {
        padding-bottom: 56px;
      }

      .na-audience {
        padding-top: 56px;
      }

      .na-header-inner {
        gap: 34px;
      }

      .na-nav {
        gap: 30px;
      }

      .na-hero {
        min-height: 760px;
        padding: 128px 0 58px;
      }

      .na-hero-title {
        max-width: 1180px;
        margin-bottom: 36px;
        font-size: clamp(50px, 4.25vw, 70px);
      }

      .na-hero-grid {
        grid-template-columns: minmax(0, 1.38fr) minmax(390px, .72fr);
        gap: 76px;
      }

      .na-hero-content {
        max-width: 820px;
        padding-top: 10px;
      }

      .na-hero-text {
        max-width: 780px;
        font-size: 19px;
      }

      .na-hero-card {
        justify-self: end;
        width: 100%;
        max-width: 500px;
        padding: 28px;
      }

      .na-quick-route {
        padding: 14px 0;
      }

      .na-trust-row {
        margin-top: 42px;
      }

      .na-trust-item {
        padding: 22px 28px;
      }

      .na-section-head {
        max-width: 900px;
        margin-bottom: 52px;
      }

      .na-section-head.center {
        max-width: 980px;
      }

      .na-routes-grid,
      .na-fleet-grid,
      .na-audience-grid,
      .na-benefits-grid {
        gap: 26px;
      }

      .na-route-card {
        min-height: 250px;
        padding: 34px;
      }

      .na-route-link {
        left: 34px;
        bottom: 30px;
      }

      .na-fleet-card {
        min-height: 0;
      }

      .na-fleet-image {
        min-height: 238px;
        padding: 30px 30px 8px;
      }

      .na-fleet-image img {
        height: 208px;
      }

      .na-fleet-body {
        padding: 24px 30px 22px;
      }

      .na-card {
        padding: 34px;
      }

      .na-step {
        padding: 64px 34px 34px;
      }

      .na-car-grid {
        grid-template-columns: minmax(0, 1fr) minmax(460px, .95fr);
        gap: 84px;
      }

      .na-car-photo-main {
        min-height: 540px;
      }

      .na-car-photo-small {
        right: -36px;
        bottom: -42px;
        min-height: 250px;
      }

      .na-car-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .na-steps {
        gap: 22px;
      }

      .na-order-grid {
        grid-template-columns: minmax(0, .88fr) minmax(560px, 1.12fr);
        gap: 84px;
      }

      .na-form-box {
        padding: 38px;
      }

      .na-final-box {
        gap: 52px;
      }
    }

    @media (min-width: 1500px) {
      :root {
        --na-container: min(1480px, calc(100% - 96px));
      }

      .na-section h2 {
        font-size: clamp(38px, 3.45vw, 58px);
      }

      .na-hero-grid {
        grid-template-columns: minmax(0, 1.42fr) minmax(430px, .68fr);
        gap: 96px;
      }

      .na-hero-card {
        margin-top: 34px;
      }

      .na-fleet-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .na-audience-grid,
      .na-benefits-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }



    /* Desktop: keep the main hero title on one line */
    @media (min-width: 1025px) {
      .na-hero-title {
        max-width: none;
        width: 100%;
        white-space: nowrap;
        font-size: clamp(36px, 3.15vw, 60px);
        line-height: 1.04;
        letter-spacing: -.055em;
        margin-bottom: 34px;
      }

      .na-hero-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-height: 430px;
      }

      .na-hero-content > .na-eyebrow {
        align-self: flex-start;
        width: max-content;
        max-width: 100%;
      }

      .na-hero-card {
        margin-top: 8px;
      }

      .na-hero-bottom {
        width: 100%;
        margin-top: auto;
        padding-top: 46px;
      }

      .na-hero-actions {
        justify-content: center;
        margin-top: 0;
      }

      .na-hero-note {
        display: flex;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
      }

      .na-scroll-cue {
        margin-top: 22px;
      }
    }

    @media (min-width: 1025px) and (max-height: 860px) {
      .na-hero {
        min-height: 700px;
        padding: 104px 0 34px;
      }

      .na-hero-title {
        margin-bottom: 24px;
        font-size: clamp(34px, 2.9vw, 54px);
      }

      .na-hero-grid {
        gap: 48px;
      }

      .na-hero-content {
        padding-top: 0;
        min-height: 360px;
      }

      .na-hero-text {
        font-size: 18px;
        line-height: 1.55;
      }

      .na-hero-benefits {
        gap: 8px;
        margin-top: 20px;
      }

      .na-hero-benefits span {
        padding: 8px 12px;
      }

      .na-hero-bottom {
        padding-top: 28px;
      }

      .na-hero-actions {
        justify-content: center;
        margin-top: 0;
      }

      .na-hero-card {
        margin-top: 0;
        padding: 22px;
      }

      .na-card-label {
        margin-bottom: 10px;
      }

      .na-quick-route {
        padding: 10px 0;
      }

      .na-quick-phone-offer {
        margin-top: 14px;
        padding: 14px;
      }

      .na-quick-phone-title {
        font-size: 16px;
      }

      .na-quick-phone-text {
        margin-bottom: 10px;
        line-height: 1.35;
      }

      .na-quick-phone-form input,
      .na-quick-phone-form .na-btn {
        min-height: 44px;
      }

      .na-trust-row {
        margin-top: 28px;
      }

      .na-trust-item {
        padding: 16px 22px;
      }

      .na-trust-item strong {
        font-size: 24px;
      }

      .na-scroll-cue {
        width: 46px;
        height: 46px;
        margin-top: 14px;
      }
    }

    @media (max-width: 1024px) {
      .na-nav {
        display: none;
      }

      .na-hero-grid,
      .na-car-grid,
      .na-order-grid,
      .na-final-box {
        grid-template-columns: 1fr;
      }

      .na-trust-row,
      .na-steps {
        grid-template-columns: repeat(2, 1fr);
      }

      .na-routes-grid,
      .na-fleet-grid,
      .na-audience-grid,
      .na-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .na-gallery-slide {
        flex-basis: calc((100% - 22px) / 2);
      }

      .na-car-photo-small {
        right: 18px;
      }
    }

    @media (max-width: 768px) {
      .na-section {
        padding: 64px 0;
      }

      .na-header {
        padding: 12px 0;
      }

      .na-logo img {
        width: 110px;
      }

      .na-header-phone {
        font-size: 13px;
      }

      .na-hero {
        min-height: auto;
        padding: 118px 0 58px;
      }

      .na-hero-title {
        margin-bottom: 30px;
        font-size: clamp(31px, 9vw, 44px);
        text-align: left;
      }

      .na-hero-content {
        display: block;
        min-height: 0;
        padding-top: 0;
      }

      .na-hero-bottom {
        margin-top: 30px;
        padding-top: 0;
      }

      .na-hero h1 {
        font-size: clamp(31px, 9vw, 44px);
      }

      .na-hero-text,
      .na-section-head p,
      .na-lead,
      .na-final p {
        font-size: 16px;
      }

      .na-hero-actions .na-btn {
        width: 100%;
      }

      .na-hero-note {
        width: 100%;
      }

      .na-hero-card {
        margin-top: 0;
        padding: 24px;
      }

      .na-quick-phone-form {
        grid-template-columns: 1fr;
      }

      .na-quick-phone-form .na-btn {
        width: 100%;
      }

      .na-trust-row,
      .na-routes-grid,
      .na-fleet-grid,
      .na-audience-grid,
      .na-benefits-grid,
      .na-steps,
      .na-form-grid,
      .na-car-list {
        grid-template-columns: 1fr;
      }

      .na-gallery-slide {
        flex-basis: 100%;
        height: 280px;
        min-height: 280px;
      }

      .na-gallery-arrow {
        width: 48px;
        height: 48px;
      }

      .na-gallery-arrow.is-prev {
        left: 10px;
      }

      .na-gallery-arrow.is-next {
        right: 10px;
      }

      .na-gallery-arrow svg {
        width: 21px;
        height: 21px;
      }

      .na-gallery-slide img {
        height: 100%;
        min-height: 0;
      }

      .na-trust-item {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.12);
      }

      .na-trust-item:last-child {
        border-bottom: 0;
      }

      .na-car-photo-main {
        min-height: 330px;
      }

      .na-car-photo-small {
        position: relative;
        right: auto;
        bottom: auto;
        width: 86%;
        min-height: 190px;
        margin: -52px auto 0;
      }

      .na-form-box {
        padding: 22px;
        scroll-margin-top: 24px;
      }

      .na-final-box .na-btn {
        width: 100%;
      }

      .na-footer-grid {
        grid-template-columns: 1fr;
      }

      .na-mobile-sticky {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 12px;
        z-index: 1000;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, 14px, 0);
        pointer-events: none;
        transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
      }

      .na-mobile-sticky.is-visible {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        pointer-events: auto;
      }

      .na-mobile-sticky a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        border-radius: 999px;
        color: #111;
        background: var(--na-gold);
        box-shadow: 0 12px 34px rgba(0,0,0,.24);
        font-weight: 800;
        text-decoration: none;
      }

      .na-mobile-sticky a:first-child {
        background: #fff;
      }

      .na-contact-float {
        right: 18px;
        bottom: 92px;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, 14px, 0);
        transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
      }

      .na-contact-float.is-visible {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
      }

      .na-contact-menu {
        width: min(263px, calc(100vw - 36px));
      }

      .na-contact-toggle {
        width: 60px;
        height: 60px;
      }

      body {
        padding-bottom: 82px;
      }
    }

    .na-lang-switcher {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-left: 18px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .na-lang-switcher a,
    .na-lang-switcher span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 32px;
      height: 28px;
      padding: 0 8px;
      border-radius: 6px;
      text-decoration: none;
      color: var(--na-text);
      transition: background-color .2s ease, color .2s ease;
    }

    .na-lang-switcher a:hover {
      background: var(--na-gold);
      color: var(--na-white);
    }

    .na-lang-switcher .na-lang-current {
      background: var(--na-dark);
      color: var(--na-white);
    }

    .na-footer .na-lang-switcher {
      margin-left: 0;
      color: rgba(255,255,255,.72);
    }

    .na-footer .na-lang-switcher a,
    .na-footer .na-lang-switcher span {
      color: #fff;
    }

    .na-footer .na-lang-switcher a:hover {
      background: var(--na-gold);
      color: var(--na-white);
    }

    .na-footer .na-lang-switcher .na-lang-current {
      background: var(--na-gold);
      color: var(--na-white);
    }