:root{--navy:#082d70;--navy-dark:#041f4e;--green:#087342;--green2:#0b8750;--text:#14213d;--muted:#5d6675;--line:#dfe5ed;--white:#fff;--soft:#f6f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--text);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:0 auto}
.topbar{background:var(--navy);color:#fff;font-size:13px}.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.topbar-left a{font-weight:700}.topbar i{width:1px;height:14px;background:rgba(255,255,255,.45);display:inline-block}
.site-header{background:#fff;border-bottom:1px solid #e8edf4}.header-inner{min-height:89px;display:flex;align-items:center;gap:24px}.brand{display:block;flex:0 0 330px}.brand img{display:block;width:100%;height:auto}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:36px;flex:1;font-weight:700;color:var(--navy)}.main-nav a:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:6px;font-weight:800;letter-spacing:.2px;border:2px solid transparent;transition:.2s ease}.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(8,115,66,.14)}.btn-primary:hover{background:#065d36;transform:translateY(-1px)}.header-cta{white-space:nowrap}
.hero{width:100%;background:#fff;overflow:hidden}.hero-image{display:block;width:100%;height:auto}
.section{padding:66px 0}.services{text-align:center;background:#fff}.section-kicker{font-weight:900;color:var(--green);letter-spacing:1.25px;font-size:16px}h2{color:var(--navy);font-size:36px;line-height:1.15;margin:7px 0 28px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{border:1px solid var(--line);border-radius:8px;padding:22px 12px 20px;min-height:198px;background:#fff;box-shadow:0 2px 10px rgba(20,40,70,.03)}.service-card .icon{font-size:36px;color:var(--navy);font-weight:700;height:50px}.service-card:nth-child(1) .icon,.service-card:nth-child(6) .icon{color:var(--green)}.service-card h3{font-size:16px;line-height:1.2;margin:8px 0 9px;color:var(--navy)}.service-card p{font-size:13px;margin:0;color:#333}
.trust-bar{background:linear-gradient(90deg,#092f78,#073d86);color:#fff;border-radius:58px 58px 0 0;padding:29px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.trust-grid div{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.trust-grid b{grid-row:1/3;font-size:38px;text-align:center}.trust-grid strong{font-size:17px}.trust-grid span{opacity:.9}
.info-section{background:var(--soft)}.info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}.info-grid p{font-size:18px;color:var(--muted);max-width:650px}.info-list{display:grid;gap:14px}.info-list div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px}.info-list strong{display:block;color:var(--navy);font-size:18px}.info-list span{color:var(--muted)}
.pickup{background:#f7fafc}.pickup-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 40px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.pickup-box h2{margin-bottom:8px}.pickup-box p{margin:0;color:var(--muted)}.contact-inner{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:center}.contact-card{display:grid;gap:12px;background:var(--navy);color:#fff;padding:30px;border-radius:10px}.contact-card a{font-size:19px;font-weight:700}footer{background:#071e47;color:#fff;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:14px;opacity:.95}
@media(max-width:1050px){.brand{flex-basis:290px}.main-nav{gap:20px}.header-cta{padding:0 16px}.service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.topbar-left span,.topbar-right{display:none}.topbar-inner{justify-content:center}.header-inner{min-height:auto;padding:12px 0;flex-wrap:wrap}.brand{width:min(430px,100%);margin:auto;flex-basis:auto}.main-nav{order:3;width:100%;justify-content:center;gap:18px;flex-wrap:wrap;font-size:14px}.header-cta{margin:auto}.hero-image{width:100%;min-width:760px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}.service-grid{grid-template-columns:repeat(2,1fr)}.info-grid,.contact-inner{grid-template-columns:1fr;gap:30px}.trust-grid{grid-template-columns:1fr}.pickup-box{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column}}
@media(max-width:520px){.service-grid{grid-template-columns:1fr}.main-nav{gap:12px}.btn{width:100%}.hero-image{min-width:680px}}

/* Typography refinement: cleaner, sharper website text */
body, button, input, textarea, select { text-rendering: optimizeLegibility; }
h1, h2, h3, p, a, span, strong, .kicker, .btn { 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn { letter-spacing: .15px; }

/* Final visual refinement */
html { scroll-behavior: smooth; }
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}
h1, h2, h3, p, a, span, strong, .kicker, .btn {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}
.hero h1, h2, h3, .btn, .kicker, .header nav a, .topbar {
  font-weight: 800;
}
.hero p, .cards p, .about p, .about-list span, .contact-grid p, .pickup-box p {
  font-weight: 500;
}
img {
  image-rendering: auto;
}

/* Larger Express Medical Deliveries logo */
.header-inner .brand {
  width: 470px;
  flex: 0 0 470px;
}
.header-inner .brand img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
@media (max-width: 1050px) {
  .header-inner .brand {
    width: 380px;
    flex-basis: 380px;
  }
}
@media (max-width: 800px) {
  .header-inner .brand {
    width: min(470px, 100%);
    flex-basis: auto;
  }
}

/* HERO: live HTML text + real supplied vehicle/skyline artwork */
.hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background: #fff;
}
.hero-inner {
  min-height: 520px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5;
}
.hero-copy {
  width: 53%;
  padding: 48px 0;
  position: relative;
  z-index: 10;
}
.hero-kicker {
  color: var(--green);
  font-weight: 900;
  letter-spacing: 1.35px;
  font-size: 15px;
  margin-bottom: 12px;
}
.hero-copy h1 {
  color: var(--navy);
  font-size: clamp(42px,5vw,68px);
  line-height: 1.03;
  letter-spacing: -1.7px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.hero-copy h1 span { color: var(--green); }
.hero-rule {
  width: 390px;
  max-width: 85%;
  height: 18px;
  margin: 20px 0 15px;
  border-top: 2px solid var(--green);
  position: relative;
}
.hero-rule:after {
  content:"";
  position:absolute;
  left:64%;
  top:-14px;
  width:30px;
  height:25px;
  border-left:3px solid var(--green);
  border-bottom:3px solid var(--green);
  transform:skewX(-22deg) rotate(-10deg);
}
.hero-copy p {
  font-size: 18px;
  max-width: 575px;
  color: #26313f;
  margin: 0 0 27px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.actions {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  position:relative;
  z-index:20;
}
.hero-button {
  position:relative;
  z-index:30;
  pointer-events:auto;
  cursor:pointer;
  min-width:190px;
}
.hero-services-button {
  background:#fff;
  color:var(--navy);
  border:2px solid var(--navy);
}
.hero-services-button:hover { background:#f4f7fb; }

.hero-visual {
  position:absolute;
  left:32%;
  right:0;
  top:0;
  bottom:0;
  z-index:1;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 5%, rgba(255,255,255,0) 28%),
    url("../images/hero-right.png");
  background-size: 100% 100%, cover;
  background-position: center, center;
  background-repeat: no-repeat;
  pointer-events:none;
}

@media(max-width:1050px) {
  .hero-copy { width:58%; }
  .hero-visual { left:40%; }
}
@media(max-width:800px) {
  .hero { min-height:650px; }
  .hero-inner { min-height:650px; }
  .hero-copy {
    width:100%;
    padding:45px 0;
    background:rgba(255,255,255,.84);
    border-radius:12px;
  }
  .hero-visual {
    left:0;
    opacity:.30;
    background-image:url("../images/hero-right.png");
    background-size:cover;
    background-position:center right;
  }
  .hero-copy h1 { font-size:46px; }
}
@media(max-width:520px) {
  .hero-copy h1 { font-size:39px; }
  .hero-button { width:100%; }
}


/* HERO ALIGNMENT FIX — August 2026 */
@media (min-width: 801px) {
  .hero .container.hero-inner {
    width: min(1300px, 94%);
    margin-left: auto;
    margin-right: auto;
  }

  /* Bring the supplied vehicle/NYC hero artwork farther left. */
  .hero-visual {
    left: 27%;
  }

  /* Keep the live copy safely above the artwork. */
  .hero-copy {
    position: relative;
    z-index: 10;
  }
}

/* Remove the decorative arrow/zig-zag that was appearing beneath the headline. */
.hero-rule:after {
  display: none !important;
}