:root {
        --blue-950: #062452;
        --blue-900: #0b3d91;
        --blue-800: #1156b3;
        --blue-100: #e8f1ff;
        --blue-050: #f5f9ff;
        --ink: #10233f;
        --muted: #52657d;
        --line: #d7e3f2;
        --white: #ffffff;
        --shadow: 0 22px 56px rgba(9, 48, 104, 0.12);
      }

      * { box-sizing: border-box; }

      html { scroll-behavior: smooth; }
      section[id], #top { scroll-margin-top: 92px; }

      body {
        margin: 0;
        color: var(--ink);
        background: var(--white);
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        font-size: 1rem;
        line-height: 1.6;
      }

      a { color: inherit; }

      .skip-link {
        position: absolute;
        left: 1rem;
        top: -4rem;
        z-index: 10;
        padding: 0.65rem 0.9rem;
        border-radius: 0.5rem;
        color: var(--white);
        background: var(--blue-950);
      }

      .skip-link:focus { top: 1rem; }

      .site-header {
        position: sticky;
        top: 0;
        z-index: 5;
        border-bottom: 1px solid rgba(215, 227, 242, 0.88);
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(16px);
      }

      .nav-wrap,
      .hero,
      .section,
      .footer-wrap {
        width: min(1160px, calc(100% - 3rem));
        margin: 0 auto;
      }

      .nav-wrap {
        display: flex;
        min-height: 78px;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
      }

      .brand {
        display: inline-flex;
        align-items: center;
        gap: 0.8rem;
        color: var(--blue-950);
        text-decoration: none;
        font-weight: 800;
        letter-spacing: 0.02em;
      }

      .brand-mark {
        display: grid;
        width: 2.5rem;
        height: 2.5rem;
        place-items: center;
        border-radius: 0.7rem;
        color: var(--white);
        background: var(--blue-900);
        box-shadow: 0 8px 20px rgba(11, 61, 145, 0.22);
        font-size: 0.95rem;
        letter-spacing: -0.08em;
      }

      .brand-copy { display: grid; line-height: 1.05; }
      .brand-copy strong { font-size: 1rem; }
      .brand-copy span { color: var(--muted); font-size: 0.78rem; font-weight: 600; }

      .nav-links {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        color: var(--muted);
        font-size: 0.95rem;
        font-weight: 700;
      }

      .nav-links a { text-decoration: none; }
      .nav-links a:hover,
      .nav-links a:focus-visible { color: var(--blue-900); }

      .nav-cta {
        padding: 0.65rem 1rem;
        border-radius: 0.6rem;
        color: var(--white) !important;
        background: var(--blue-900);
      }

      .hero-shell {
        overflow: hidden;
        background:
          radial-gradient(circle at 80% 10%, rgba(87, 151, 235, 0.27), transparent 30%),
          linear-gradient(135deg, var(--blue-950), var(--blue-900));
      }

      .hero {
        display: grid;
        min-height: auto;
        grid-template-columns: 1fr;
        align-items: center;
        gap: clamp(2.25rem, 4vw, 3.75rem);
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
      }

      .hero-copy { max-width: 760px; }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        margin: 0 0 1.25rem;
        color: #b9d5ff;
        font-size: 0.84rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .eyebrow::before {
        width: 2.2rem;
        height: 2px;
        content: "";
        background: #6ea7f1;
      }

      h1,
      h2,
      h3,
      p { margin-top: 0; }
      h1, h2, h3 { text-wrap: balance; }

      h1 {
        max-width: 700px;
        margin-bottom: 1.4rem;
        color: var(--white);
        font-size: clamp(2.65rem, 5vw, 5.35rem);
        line-height: 0.98;
        letter-spacing: -0.055em;
      }

      .hero-copy > p:not(.eyebrow) {
        max-width: 570px;
        margin-bottom: 2rem;
        color: #d8e7ff;
        font-size: clamp(1.05rem, 1.7vw, 1.23rem);
      }

      .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.85rem;
        align-items: center;
      }

      .button {
        display: inline-flex;
        min-height: 3.1rem;
        align-items: center;
        justify-content: center;
        padding: 0.7rem 1.15rem;
        border: 1px solid transparent;
        border-radius: 0.65rem;
        font-weight: 800;
        text-decoration: none;
        transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
      }

      .button:hover { transform: translateY(-2px); }
      .button-primary { color: var(--blue-950); background: var(--white); box-shadow: 0 12px 26px rgba(0, 0, 0, 0.15); }
      .button-secondary { border-color: rgba(255, 255, 255, 0.35); color: var(--white); background: rgba(255, 255, 255, 0.07); }
      .button-secondary:hover { background: rgba(255, 255, 255, 0.15); }
      .contact-form-card .button-primary { color: var(--white); background: var(--blue-900); box-shadow: 0 12px 26px rgba(11, 61, 145, 0.2); }
      .contact-form-card .button-primary:hover { background: var(--blue-800); }
      .button:disabled { opacity: 0.68; cursor: wait; transform: none; }

      .hero-visual {
        position: relative;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 0.8rem 0;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        background: rgba(255, 255, 255, 0.13);
        box-shadow: 0 30px 70px rgba(1, 22, 56, 0.3);
      }

      .hero-visual::after {
        position: absolute;
        right: -1.1rem;
        bottom: -1.1rem;
        width: 8rem;
        height: 8rem;
        border-right: 2px solid rgba(151, 194, 250, 0.55);
        border-bottom: 2px solid rgba(151, 194, 250, 0.55);
        border-radius: 0 0 1rem 0;
        content: "";
      }

      .hero-visual img {
        display: block;
        width: 100%;
        aspect-ratio: 1671 / 700;
        border-radius: 0;
        object-fit: cover;
        object-position: center 42%;
        background: var(--white);
      }

      .hero-note {
        display: flex;
        gap: 0.7rem;
        align-items: flex-start;
        margin-top: 1rem;
        color: #d8e7ff;
        font-size: 0.91rem;
      }

      .hero-note strong { display: block; color: var(--white); }

      .section {
        width: 100%;
        margin: 0;
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
      }

      .section > * {
        width: min(1160px, calc(100% - 3rem));
        margin-right: auto;
        margin-left: auto;
      }
      .section-kicker { margin-bottom: 0.8rem; color: var(--blue-800); font-size: 0.83rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }

      .section-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
        align-items: end;
        gap: 3rem;
        margin-bottom: 2.75rem;
      }

      h2 { margin-bottom: 0; color: var(--blue-950); font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.05; letter-spacing: -0.045em; }
      .section-heading p { margin-bottom: 0; color: var(--muted); font-size: 1.05rem; }

      .team-section {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: var(--blue-050);
      }

      .team-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
        gap: clamp(2.5rem, 5vw, 5rem);
        align-items: center;
      }

      .team-intro {
        max-width: 640px;
        margin-bottom: 0;
        color: var(--muted);
        font-size: 1.08rem;
      }

      .team-list {
        display: grid;
        gap: 0.8rem;
        margin: 2rem 0 0;
        padding: 0;
        list-style: none;
      }

      .team-list li {
        display: flex;
        gap: 0.8rem;
        align-items: center;
        color: var(--ink);
        font-weight: 700;
      }

      .team-check {
        display: grid;
        width: 1.65rem;
        height: 1.65rem;
        flex: 0 0 1.65rem;
        place-items: center;
        border-radius: 0.35rem;
        color: var(--white);
        background: var(--blue-900);
        font-size: 0.95rem;
        font-weight: 900;
      }

      .team-quote {
        position: relative;
        max-width: 500px;
        justify-self: end;
        padding: 2.35rem 2.4rem 2.45rem;
        border-left: 5px solid var(--blue-900);
        border-radius: 0 1rem 1rem 0;
        background: var(--white);
        box-shadow: var(--shadow);
      }

      .team-quote::before {
        position: absolute;
        top: 1rem;
        right: 1.4rem;
        color: #dce9fb;
        content: "\201D";
        font-family: Georgia, serif;
        font-size: 4.5rem;
        line-height: 1;
      }

      .team-quote p {
        margin: 0;
        color: var(--blue-950);
        font-size: clamp(1.55rem, 2.35vw, 2.35rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.045em;
      }

      .fleet-section {
        color: var(--white);
        background: var(--blue-950);
      }

      .fleet-section .section-kicker { color: #9fc4f7; }
      .fleet-section h2 { color: var(--white); }
      .fleet-section .section-heading p { color: #c1d6f4; }

      .fleet-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
      }

      .fleet-composition {
        margin-bottom: 1.25rem;
        padding: 1.4rem 1.5rem;
        border: 1px solid var(--line);
        border-radius: 1rem;
        color: var(--ink);
        background: var(--white);
      }

      .fleet-composition h3 { margin-bottom: 0.9rem; color: var(--blue-950); }

      .fleet-composition-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 2rem;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .fleet-composition-list li {
        display: grid;
        grid-template-columns: 3.2rem minmax(0, 1fr);
        gap: 0.75rem;
        align-items: baseline;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--line);
        color: var(--ink);
      }

      .fleet-composition-list li:nth-last-child(-n + 2) { border-bottom: 0; }
      .fleet-quantity { color: var(--blue-800); font-weight: 900; }

      .fleet-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 1.2rem;
        padding: 1.5rem;
        border: 1px solid rgba(179, 211, 249, 0.25);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.07);
      }

      .fleet-number {
        display: grid;
        width: 3rem;
        height: 3rem;
        place-items: center;
        border-radius: 0.35rem;
        color: var(--blue-950);
        background: #b9d5ff;
        font-size: 0.9rem;
        font-weight: 900;
      }

      .fleet-card h3 { margin-bottom: 0.45rem; color: var(--white); }
      .fleet-card p { margin-bottom: 0; color: #c1d6f4; }

      .fleet-compliance {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 1rem;
        align-items: start;
        margin-top: 1.25rem;
        padding: 1.35rem 1.5rem;
        border: 1px solid rgba(179, 211, 249, 0.3);
        border-left: 4px solid #b9d5ff;
        border-radius: 0.85rem;
        background: rgba(255, 255, 255, 0.08);
      }

      .fleet-compliance-mark {
        display: grid;
        width: 2.15rem;
        height: 2.15rem;
        place-items: center;
        border-radius: 50%;
        color: var(--blue-950);
        background: #b9d5ff;
        font-weight: 900;
      }

      .fleet-compliance h3 { margin-bottom: 0.35rem; color: var(--white); font-size: 1.15rem; }
      .fleet-compliance p { margin-bottom: 0; color: #c1d6f4; }

      .jobs-section { border-top: 1px solid var(--line); background: var(--white); }

      .jobs-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr);
        gap: clamp(2rem, 6vw, 5.5rem);
        align-items: stretch;
      }

      .jobs-list {
        display: grid;
        gap: 0.75rem;
        align-content: start;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .jobs-list li {
        display: flex;
        gap: 0.8rem;
        align-items: center;
        padding: 0.95rem 1rem;
        border: 1px solid var(--line);
        border-radius: 0.75rem;
        color: var(--ink);
        background: var(--blue-050);
        font-weight: 800;
      }

      .jobs-check {
        display: grid;
        width: 1.65rem;
        height: 1.65rem;
        flex: 0 0 1.65rem;
        place-items: center;
        border-radius: 0.35rem;
        color: var(--white);
        background: var(--blue-900);
        font-size: 0.95rem;
        font-weight: 900;
      }

      .jobs-callout {
        display: flex;
        align-items: center;
        padding: 2rem 2.1rem;
        border-radius: 1rem;
        color: var(--white);
        background: linear-gradient(135deg, var(--blue-800), #1872d1);
        box-shadow: var(--shadow);
      }

      .jobs-callout p { margin-bottom: 0; color: #dcecff; font-size: 1.13rem; }
      .jobs-phone { display: inline-block; margin-top: 0.65rem; color: var(--white); font-size: clamp(1.35rem, 3vw, 2.15rem); font-weight: 900; letter-spacing: -0.03em; text-decoration: none; }
      .jobs-phone:hover, .jobs-phone:focus-visible { text-decoration: underline; }

      .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }

      .service-card {
        min-height: 260px;
        padding: 1.55rem;
        border: 1px solid var(--line);
        border-radius: 1rem;
        background: var(--white);
        box-shadow: 0 10px 30px rgba(9, 48, 104, 0.04);
      }

      .service-card:first-child { border-color: #aac8ef; background: var(--blue-050); }
      .service-number { display: block; margin-bottom: 2.75rem; color: var(--blue-800); font-size: 0.85rem; font-weight: 900; letter-spacing: 0.1em; }
      h3 { margin-bottom: 0.6rem; color: var(--blue-950); font-size: 1.35rem; line-height: 1.15; }
      .service-card p { margin-bottom: 0; color: var(--muted); }

      .band { color: var(--white); background: var(--blue-950); }
      .band .section-kicker { color: #8fbaf2; }
      .band h2 { color: var(--white); }
      .band .section-heading p { color: #c1d6f4; }

      .facts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
      }

      .fact-card {
        padding: 1.6rem;
        border: 1px solid rgba(179, 211, 249, 0.22);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.08);
      }

      .fact-card dt { margin-bottom: 0.35rem; color: #9fc4f7; font-size: 0.83rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
      .fact-card dd { margin: 0; color: var(--white); font-size: 1.18rem; font-weight: 750; }
      .fact-card dd span { display: block; color: #c1d6f4; font-size: 0.94rem; font-weight: 500; }

      .contact-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 2rem;
        align-items: center;
        padding: 2.4rem;
        border-radius: 1rem;
        color: var(--white);
        background: linear-gradient(135deg, var(--blue-800), #1872d1);
        box-shadow: var(--shadow);
      }

      .contact-panel h2 { color: var(--white); font-size: clamp(1.8rem, 3.5vw, 3rem); }
      .contact-panel p { max-width: 660px; margin-bottom: 0; color: #dcecff; }

      .contact-section { background: var(--blue-050); }

.faq-section { border-top: 1px solid var(--line); background: var(--white); }
.faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.faq-item { padding: 1.35rem 1.5rem; border: 1px solid var(--line); border-radius: 0.85rem; background: var(--blue-050); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--blue-950); font-size: 1.05rem; font-weight: 850; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; color: var(--blue-800); font-size: 1.45rem; font-weight: 500; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { max-width: 62ch; margin: 1rem 2rem 0 0; color: var(--muted); }
.faq-item a { color: var(--blue-800); font-weight: 800; }

      .contact-layout {
        display: grid;
        grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr);
        gap: clamp(2rem, 6vw, 5.5rem);
        align-items: start;
      }

      .contact-intro { max-width: 420px; color: var(--muted); font-size: 1.05rem; }
      .contact-address { margin-top: 2rem; color: var(--ink); font-style: normal; }
      .contact-address strong { display: block; margin-bottom: 0.3rem; color: var(--blue-950); }

      .contact-form-card {
        padding: clamp(1.35rem, 4vw, 2.2rem);
        border: 1px solid var(--line);
        border-radius: 1rem;
        background: var(--white);
        box-shadow: var(--shadow);
      }

      .contact-form-card h3 { margin-bottom: 0.45rem; }
      .form-intro { margin-bottom: 1.5rem; color: var(--muted); }

      .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
      .form-field { display: grid; gap: 0.4rem; }
      .form-field.full { grid-column: 1 / -1; }
      .form-field label { color: var(--blue-950); font-size: 0.95rem; font-weight: 800; }
      .form-field input,
      .form-field textarea {
        width: 100%;
        border: 1px solid #b8cce5;
        border-radius: 0.55rem;
        color: var(--ink);
        background: var(--white);
        font: inherit;
        font-size: 1rem;
      }

      .form-field input { min-height: 3rem; padding: 0.65rem 0.8rem; }
      .form-field textarea { min-height: 9rem; padding: 0.8rem; resize: vertical; }
      .form-field input:focus,
      .form-field textarea:focus { outline: 3px solid rgba(17, 86, 179, 0.18); border-color: var(--blue-800); }
      .hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
      .form-required { color: var(--blue-800); }
      .form-note { margin: 1rem 0 0; color: var(--muted); font-size: 0.88rem; }
      .form-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.25rem; }
      .form-status { flex: 1 1 240px; margin: 0; color: var(--blue-800); font-size: 0.92rem; font-weight: 700; }

      .legal-section { border-top: 1px solid var(--line); background: var(--white); }
      .legal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
      .legal-card { padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--blue-050); }
      .legal-card-wide { grid-column: 1 / -1; }
      .legal-card h3 { margin-bottom: 0.7rem; font-size: 1.15rem; }
      .legal-card-wide h3:not(:first-child) { margin-top: 1.6rem; }
      .legal-card-wide h4 { margin: 1.35rem 0 0.55rem; color: var(--blue-950); font-size: 1rem; line-height: 1.35; }
      .legal-card p { margin-bottom: 0.9rem; color: var(--muted); }
      .legal-card-wide > p { max-width: 88ch; }
      .legal-attribution { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid var(--line); font-size: 0.9rem; }
      .legal-card p:last-child { margin-bottom: 0; }
      .legal-card strong { color: var(--blue-950); }
      .legal-card a { color: var(--blue-800); font-weight: 800; }

      .site-footer { border-top: 1px solid var(--line); background: var(--blue-050); }
      .footer-wrap { display: flex; justify-content: space-between; gap: 2rem; padding-top: 2.2rem; padding-bottom: 2.2rem; }
      .footer-wrap p { margin-bottom: 0; color: var(--muted); font-size: 0.9rem; }
      .footer-wrap strong { color: var(--blue-950); }
      .footer-links { display: flex; flex-wrap: wrap; gap: 1rem; }
      .footer-links a { color: var(--blue-800); font-size: 0.9rem; font-weight: 800; text-decoration: none; }
      .footer-links a:hover, .footer-links a:focus-visible { text-decoration: underline; }

      @media (max-width: 840px) {
        .nav-wrap, .hero, .footer-wrap { width: min(100% - 2rem, 680px); }
        .section > * { width: min(100% - 2rem, 680px); }
        .nav-wrap { min-height: 70px; }
        .nav-links { gap: 0.8rem; font-size: 0.88rem; }
        .nav-links a:not(.nav-cta) { display: none; }
        .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 4.5rem; padding-bottom: 4.5rem; }
        .hero-visual { max-width: none; }
        .section { padding-top: 4rem; padding-bottom: 4rem; }
        .section-heading { grid-template-columns: 1fr; gap: 1rem; }
        .fleet-grid { grid-template-columns: 1fr; }
        .fleet-composition-list { grid-template-columns: 1fr; }
        .fleet-composition-list li:nth-last-child(-n + 2) { border-bottom: 1px solid var(--line); }
        .fleet-composition-list li:last-child { border-bottom: 0; }
        .jobs-layout { grid-template-columns: 1fr; }
        .team-layout { grid-template-columns: 1fr; }
        .team-quote { max-width: none; justify-self: stretch; }
        .service-grid { grid-template-columns: 1fr; }
        .service-card { min-height: auto; }
        .service-number { margin-bottom: 2.5rem; }
        .facts { grid-template-columns: 1fr; }
        .contact-layout { grid-template-columns: 1fr; }
        .faq-list { grid-template-columns: 1fr; }
        .legal-grid { grid-template-columns: 1fr; }
        .contact-panel { grid-template-columns: 1fr; }
        .footer-wrap { flex-direction: column; gap: 0.35rem; }
      }

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

      /* Local refinements: stronger focus states, calmer hover feedback and a usable mobile menu. */
      :focus-visible { outline: 3px solid #6ea7f1; outline-offset: 4px; }
      .nav-toggle { display: none; border: 0; border-radius: 0.55rem; padding: 0.65rem 0.75rem; color: var(--blue-950); background: var(--blue-100); font: inherit; font-weight: 900; cursor: pointer; }
      .mobile-nav { display: none; }
      .service-card, .fleet-card, .fact-card, .jobs-list li { transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
      .service-card:hover, .fleet-card:hover, .fact-card:hover, .jobs-list li:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(9, 48, 104, 0.12); border-color: #8fb6e8; }
      .hero-visual img { image-rendering: auto; }
      .contact-address a { color: var(--blue-800); font-weight: 800; text-decoration: none; }
      .contact-address a:hover { text-decoration: underline; }
      img { max-width: 100%; }
      button, input, textarea { font: inherit; }

      @media (max-width: 840px) {
        .nav-links { display: none; }
        .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
        .mobile-nav { display: grid; max-height: 0; overflow: hidden; width: min(100% - 2rem, 680px); margin: 0 auto; transition: max-height 220ms ease, padding 220ms ease; }
        .mobile-nav.is-open { max-height: 24rem; padding: 0.25rem 0 0.75rem; }
        .mobile-nav a { padding: 0.7rem 0; border-bottom: 1px solid var(--line); color: var(--blue-950); font-weight: 750; text-decoration: none; }
        .mobile-nav a:last-child { color: var(--blue-900); }
        .hero-copy { order: 1; }
        .hero-visual { order: 2; }
        .hero-note { font-size: 0.86rem; }
      }

      @media (prefers-reduced-motion: reduce) {
        .service-card, .fleet-card, .fact-card, .jobs-list li { transition: none; }
        .mobile-nav { transition: none; }
      }