:root {
      --yellow:#f5a300;
      --yellow2:#ffc044;
      --orange:#ff7a00;
      --black:#050505;
      --dark:#0c0c0c;
      --panel:#141414;
      --panel2:#1e1e1e;
      --text:#ffffff;
      --muted:#cfcfcf;
      --line:#2b2b2b;
      --blue:#2563eb;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Arial, Helvetica, sans-serif; background:var(--dark); color:var(--text); line-height:1.55; }
    img { max-width:100%; display:block; }
    a { color:inherit; }
    .container { width:min(1180px, 90%); margin:auto; }

    .top-strip {
      background:linear-gradient(90deg,#f5a300,#ffc044,#f5a300);
      color:#111;
      padding:10px 16px;
      text-align:center;
      font-weight:900;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border-bottom:1px solid rgba(0,0,0,.28);
      box-shadow:0 6px 18px rgba(0,0,0,.24);
    }
    .top-strip span { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,.28); background:rgba(255,255,255,.32); border-radius:999px; padding:4px 10px; line-height:1; font-weight:950; }
    .top-strip .top-stars { background:#fff3cf; letter-spacing:1px; }

    header { background:#000; padding:14px 0; border-bottom:1px solid #242424; position:sticky; top:0; z-index:100; }
    .nav { display:grid; grid-template-columns:290px 1fr 290px; align-items:center; gap:18px; }
    .logo { display:flex; align-items:center; justify-self:start; text-decoration:none; }
    .logo img { height:92px; max-width:300px; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(0,0,0,.34)); }
    .nav-links { display:flex; gap:16px; align-items:center; justify-content:center; flex-wrap:nowrap; color:#ddd; font-weight:800; font-size:14px; }
    .nav-links a { text-decoration:none; }
    .nav-links a:hover { color:var(--yellow); }
    .header-actions { display:flex; justify-content:flex-end; gap:12px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border-radius:999px; text-decoration:none; font-weight:900; transition:.2s ease; }
    .btn-primary { background:var(--yellow); color:#111; box-shadow:0 10px 24px rgba(245,163,0,.22); }
    .btn-primary:hover { transform:translateY(-1px); background:var(--yellow2); }
    .btn-dark { background:#0b0b0b; color:#fff; border:1px solid rgba(255,255,255,.2); }
    .btn-dark:hover { color:var(--yellow); border-color:var(--yellow); }
    a.btn-dark[href^="tel:"] { background:linear-gradient(135deg,#f5a300,#ff7a00); color:#111; border-color:rgba(255,184,64,.95); }

    /* Different long-distance layout */
    .ld-hero {
      position:relative;
      min-height:710px;
      display:grid;
      align-items:center;
      background:
        linear-gradient(90deg, rgba(5,5,5,.94) 0%, rgba(5,5,5,.88) 32%, rgba(8,8,8,.56) 55%, rgba(8,8,8,.14) 78%, rgba(8,8,8,.04) 100%),
        radial-gradient(circle at 22% 18%, rgba(245,163,0,.24), transparent 34%),
        url('../images/long-distance-moving-hero.webp') center right/cover no-repeat;
      overflow:hidden;
      border-bottom:1px solid #1d1d1d;
    }
    .ld-hero::after {
      content:"";
      position:absolute;
      left:0; right:0; bottom:0;
      height:180px;
      background:linear-gradient(180deg, rgba(12,12,12,0), var(--dark));
      pointer-events:none;
    }
    .hero-grid {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(0, 620px) minmax(310px, .72fr);
      gap:30px;
      align-items:end;
      padding:72px 0 56px;
    }
    .crumbs { color:#cfcfcf; font-size:14px; margin-bottom:18px; font-weight:700; }
    .crumbs a { text-decoration:none; color:#fff; }
    .crumbs span { color:var(--yellow); }
    .route-pill {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 13px;
      border-radius:999px;
      background:rgba(245,163,0,.12);
      border:1px solid rgba(245,163,0,.36);
      color:var(--yellow);
      font-size:13px;
      font-weight:950;
      margin-bottom:16px;
      text-transform:uppercase;
      letter-spacing:.5px;
    }
    .hero-copy h1 {
      margin:0 0 18px;
      font-size:62px;
      line-height:.98;
      letter-spacing:-1.8px;
      max-width:650px;
    }
    .hero-copy p {
      font-size:19px;
      color:#ebebeb;
      margin:0 0 24px;
      max-width:640px;
    }
    .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin:0 0 24px; }
    .mobile-hero-photo { display:none; }
    .hero-checks {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px 16px;
      margin:0;
      padding:0;
      list-style:none;
    }
    .hero-checks li { position:relative; padding-left:28px; color:#f2f2f2; font-weight:800; }
    .hero-checks li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--yellow); font-weight:950; }
    .flat-rate-card {
      align-self:end;
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.16);
      border-top:4px solid var(--yellow);
      border-radius:28px;
      padding:28px;
      box-shadow:0 26px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06);
      backdrop-filter:blur(4px);
      max-width:420px;
      justify-self:end;
    }
    .flat-rate-card .label { color:var(--yellow); font-weight:950; text-transform:uppercase; letter-spacing:.6px; font-size:13px; margin-bottom:10px; }
    .flat-rate-card h2 { margin:0 0 10px; font-size:34px; line-height:1.05; letter-spacing:-.8px; }
    .flat-rate-card p { margin:0 0 18px; color:#e2e2e2; }
    .mini-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .mini-stats div { background:rgba(0,0,0,.32); border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:13px; }
    .mini-stats strong { display:block; color:#fff; font-size:22px; line-height:1; }
    .mini-stats span { display:block; color:#cfcfcf; font-size:12px; font-weight:800; margin-top:6px; }

    .brand-band {
      background:#060606;
      padding:30px 0;
      border-top:1px solid #171717;
      border-bottom:1px solid #171717;
    }
    .brand-box {
      display:grid;
      grid-template-columns:1.15fr 1fr;
      gap:22px;
      align-items:center;
      background:linear-gradient(135deg,#171717,#0e0e0e);
      border:1px solid #2a2a2a;
      border-radius:26px;
      padding:28px;
      box-shadow:0 20px 54px rgba(0,0,0,.34);
    }
    .brand-box h2 { margin:0 0 10px; font-size:34px; line-height:1.08; letter-spacing:-.9px; }
    .brand-box p { margin:0; color:#d6d6d6; font-size:17px; }
    .provider-note {
      padding:20px;
      border-radius:20px;
      border:1px solid rgba(245,163,0,.32);
      background:rgba(245,163,0,.1);
      color:#f6f6f6;
      font-weight:800;
    }
    .provider-note strong { color:var(--yellow); }

    .section { padding:82px 0; }
    .section.alt { background:#090909; border-top:1px solid #171717; border-bottom:1px solid #171717; }
    .section-head { max-width:820px; margin:0 auto 34px; text-align:center; }
    .kicker { display:inline-flex; color:var(--yellow); border:1px solid rgba(245,163,0,.25); background:rgba(245,163,0,.1); border-radius:999px; padding:7px 12px; font-size:13px; font-weight:950; margin-bottom:14px; text-transform:uppercase; letter-spacing:.5px; }
    .section-head h2 { margin:0 0 12px; font-size:44px; line-height:1.07; letter-spacing:-1.1px; }
    .section-head p { margin:0; color:#cecece; font-size:18px; }

    .split-road {
      display:grid;
      grid-template-columns:.94fr 1.06fr;
      gap:28px;
      align-items:center;
    }
    .photo-stack {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .photo-stack .img-card {
      min-height:260px;
      border-radius:24px;
      overflow:hidden;
      border:1px solid #2a2a2a;
      background:#111;
      box-shadow:0 18px 44px rgba(0,0,0,.28);
    }
    .photo-stack .img-card.large { grid-column:1 / -1; min-height:330px; }
    .img-card img { width:100%; height:100%; object-fit:cover; }
    .content-panel {
      background:linear-gradient(180deg,#171717,#101010);
      border:1px solid #292929;
      border-radius:28px;
      padding:34px;
      box-shadow:0 24px 70px rgba(0,0,0,.34);
    }
    .content-panel h2 { margin:0 0 14px; font-size:38px; line-height:1.08; letter-spacing:-1px; }
    .content-panel p { color:#d7d7d7; margin:0 0 14px; font-size:17px; }
    .check-grid { list-style:none; padding:10px 0 0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; }
    .check-grid li { position:relative; padding-left:28px; color:#f0f0f0; font-weight:800; }
    .check-grid li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--yellow); }

    .pricing-lanes {
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:20px;
    }
    .lane-card {
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 90% 0%, rgba(245,163,0,.18), transparent 34%),
        linear-gradient(180deg,#1a1a1a,#101010);
      border:1px solid rgba(255,255,255,.14);
      border-radius:26px;
      padding:28px 24px;
      box-shadow:0 24px 62px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .lane-card.featured { border-color:rgba(245,163,0,.75); }
    .lane-card h3 { margin:0 0 12px; font-size:25px; line-height:1.1; }
    .lane-card .rate { color:var(--yellow); font-size:48px; line-height:1; font-weight:950; margin:0 0 14px; letter-spacing:-1px; }
    .lane-card p { margin:0 0 16px; color:#d8d8d8; }
    .lane-card span { display:inline-flex; padding:9px 12px; border-radius:999px; background:rgba(245,163,0,.1); border:1px solid rgba(245,163,0,.25); color:#ffd27a; font-size:13px; font-weight:900; }
    .pricing-note {
      margin:22px auto 0;
      max-width:900px;
      padding:20px 22px;
      border-radius:20px;
      border:1px solid rgba(245,163,0,.34);
      background:linear-gradient(180deg, rgba(245,163,0,.12), rgba(255,255,255,.025));
      text-align:center;
      color:#ededed;
      font-weight:800;
    }
    .pricing-note strong { color:var(--yellow); }

    .process-timeline {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      counter-reset:step;
    }
    .step {
      background:linear-gradient(180deg,#171717,#101010);
      border:1px solid #282828;
      border-radius:24px;
      padding:24px;
      box-shadow:0 18px 44px rgba(0,0,0,.24);
    }
    .step .num { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; background:var(--yellow); color:#111; font-weight:950; margin-bottom:16px; }
    .step h3 { margin:0 0 10px; font-size:23px; }
    .step p { margin:0; color:#cfcfcf; }

    .gallery {
      display:grid;
      grid-template-columns:1.2fr 1fr 1fr;
      gap:16px;
    }
    .gallery figure {
      margin:0;
      position:relative;
      overflow:hidden;
      border-radius:24px;
      border:1px solid #2a2a2a;
      min-height:260px;
      background:#111;
      box-shadow:0 16px 38px rgba(0,0,0,.26);
    }
    .gallery figure.tall { grid-row:span 2; min-height:540px; }
    .gallery img { width:100%; height:100%; object-fit:cover; transition:.35s ease; }
    .gallery figure:hover img { transform:scale(1.03); }
    .gallery figcaption {
      position:absolute;
      left:14px; right:14px; bottom:14px;
      padding:10px 12px;
      border-radius:14px;
      background:rgba(0,0,0,.62);
      backdrop-filter:blur(4px);
      font-size:14px;
      font-weight:900;
    }

    .areas { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px; }
    .areas span { background:#171717; border:1px solid #2b2b2b; border-radius:999px; padding:10px 15px; color:#eeeeee; font-weight:850; box-shadow:0 10px 24px rgba(0,0,0,.18); }
    .areas span:first-child { background:rgba(245,163,0,.14); border-color:rgba(245,163,0,.5); color:var(--yellow); }

    .faq-wrap { max-width:900px; margin:0 auto; display:grid; gap:14px; }
    details { border:1px solid #2a2a2a; border-radius:18px; background:linear-gradient(180deg,#171717,#111); overflow:hidden; }
    summary { list-style:none; cursor:pointer; padding:20px 22px; font-size:19px; font-weight:950; display:flex; justify-content:space-between; gap:18px; }
    summary::-webkit-details-marker { display:none; }
    summary::after { content:"+"; color:var(--yellow); font-size:28px; line-height:1; }
    details[open] summary::after { content:"−"; }
    details .answer { padding:0 22px 22px; color:#d4d4d4; }

    .cta {
      padding:76px 0;
      background:linear-gradient(135deg,#f5a300,#ffc044);
      color:#111;
      text-align:center;
    }
    .cta h2 { margin:0 0 10px; font-size:44px; line-height:1.05; letter-spacing:-1px; }
    .cta p { max-width:760px; margin:0 auto 24px; font-weight:800; font-size:18px; }
    .cta .btn { background:#050505; color:#fff; border-radius:16px; }

    footer { background:#000; padding:48px 0 24px; border-top:1px solid #202020; }
    .footer-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr 1fr; gap:28px; }
    footer h3, footer h4 { margin:0 0 14px; color:#fff; }
    footer p, footer a { color:#c7c7c7; text-decoration:none; }
    footer a:hover { color:var(--yellow); }
    .footer-bottom { margin-top:26px; padding-top:18px; border-top:1px solid #1d1d1d; color:#888; text-align:center; }

    @media(max-width:1100px) {
      .nav { grid-template-columns:1fr; }
      .logo, .nav-links, .header-actions { justify-self:center; }
      .hero-grid, .brand-box, .split-road, .footer-grid { grid-template-columns:1fr; }
      .flat-rate-card { justify-self:start; max-width:none; }
      .pricing-lanes, .process-timeline { grid-template-columns:1fr 1fr; }
      .gallery { grid-template-columns:1fr 1fr; }
      .gallery figure.tall { grid-row:auto; min-height:330px; }
    }
    @media(max-width:800px) {
      .top-strip { font-size:12px; padding:8px; gap:6px; }
      header { padding:8px 0; }
      .nav { display:grid; grid-template-columns:minmax(112px, 40%) minmax(0,1fr); grid-template-rows:auto auto; gap:8px 10px; }
      .logo { grid-column:1; grid-row:1; justify-self:start; }
      .logo img { height:70px; max-width:150px; }
      .header-actions { grid-column:2; grid-row:1; display:grid; grid-template-columns:1fr 1fr; gap:7px; width:100%; justify-self:stretch; }
      .header-actions .btn { min-height:38px; padding:8px 7px; border-radius:12px; font-size:11px; white-space:nowrap; }
      .nav-links { grid-column:1 / -1; grid-row:2; flex-wrap:wrap; gap:9px 13px; font-size:13px; }

      .ld-hero {
        min-height:auto;
        background:linear-gradient(180deg, rgba(5,5,5,.96), rgba(7,7,7,.95)) !important;
      }
      .hero-grid { display:block; padding:38px 0 44px; }
      .hero-copy {
        padding:22px 18px;
        border-radius:24px;
        border:1px solid rgba(255,255,255,.13);
        background:linear-gradient(180deg, rgba(16,16,16,.88), rgba(6,6,6,.95));
        box-shadow:0 24px 70px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.06);
      }
      .hero-copy h1 { font-size:36px; line-height:1.03; }
      .hero-copy p { font-size:16.5px; }
      .hero-actions { display:grid; grid-template-columns:1fr; }
      .hero-actions .btn { width:100%; min-height:50px; }
      .mobile-hero-photo {
        display:block;
        margin:18px 0 6px;
        border-radius:20px;
        overflow:hidden;
        border:1px solid rgba(245,163,0,.36);
        box-shadow:0 22px 54px rgba(0,0,0,.46);
      }
      .mobile-hero-photo img { width:100%; height:250px; object-fit:cover; object-position:center center; }
      .hero-checks { grid-template-columns:1fr; }
      .flat-rate-card { margin-top:18px; border-radius:22px; padding:22px; }
      .flat-rate-card h2 { font-size:28px; }
      .mini-stats { grid-template-columns:1fr; }

      .section { padding:60px 0; }
      .section-head h2, .content-panel h2, .cta h2 { font-size:32px; }
      .photo-stack, .pricing-lanes, .process-timeline, .gallery, .footer-grid, .check-grid { grid-template-columns:1fr; }
      .gallery figure, .gallery figure.tall { min-height:260px; }
      .content-panel { padding:26px; }
    }