:root{--green:#31c46b;--ink:#101820;--deep:#0d211b;--paper:#f7f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.nav{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6.8vw;background:#fff;position:sticky;top:0;z-index:20}.logo img{width:132px;display:block}.nav nav{display:flex;gap:36px}.nav a{text-decoration:none;color:inherit;font-size:13px}.btn{display:inline-block;background:var(--green);padding:16px 25px;border-radius:8px;color:#07140e!important;font-weight:700;text-decoration:none}.btn-small{justify-self:end;padding:12px 27px;color:white!important}.hero{height:520px;position:relative;overflow:hidden;color:white}.hero-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,18,.78) 0%,rgba(5,15,18,.42) 48%,rgba(5,15,18,.08) 80%)}.hero-copy{position:absolute;left:6.8vw;top:87px}.kicker{font-size:13px;letter-spacing:.11em;margin-bottom:14px}.kicker.dark{color:#222}.hero h1{font-size:62px;line-height:.98;letter-spacing:-.04em;margin:0 0 18px}.hero h1 span{color:var(--green)}.hero p{font-size:18px;line-height:1.45;margin:0 0 27px}.hero-side{position:absolute;right:7.2vw;top:105px;font-size:12px;line-height:1.75;letter-spacing:.05em}.hero-location{position:absolute;right:5vw;bottom:21px;font-size:12px;font-weight:700}.section{padding:48px 6.8vw 55px}.services h2,.about h2,.contact h2{font-size:34px;line-height:1.03;letter-spacing:-.035em;margin:0}.services h2{margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{min-height:225px;padding:22px;background:#fff;box-shadow:0 8px 28px rgba(15,25,30,.06);display:flex;flex-direction:column}.cards h3{font-size:18px;margin:15px 0 10px}.cards p{font-size:14px;line-height:1.45;color:#495159;margin:0}.cards b{color:#149849;font-size:22px;margin-top:auto}.ico{height:36px;color:#1fa653;font-size:30px;display:flex;align-items:center}.battery{width:31px;height:36px;border:3px solid #1fa653;border-radius:4px;position:relative}.battery:before{content:"";position:absolute;left:8px;top:-7px;width:11px;height:5px;background:#1fa653;border-radius:2px}.battery i{position:absolute;inset:7px;background:#1fa653}.pin{font-size:27px}.wrench{font-size:31px;transform:rotate(-28deg);transform-origin:left center}.about{display:grid;grid-template-columns:1.05fr .95fr;min-height:385px;background:var(--deep);color:white}.about-copy{padding:44px 6.8vw}.about-copy h2{font-size:36px;margin-bottom:26px}.about-copy p{max-width:510px;font-size:14px;line-height:1.5}.proof{display:flex;gap:38px;margin-top:27px;color:#2ed26f;font-size:27px}.proof span{display:flex;gap:10px;align-items:center}.proof small{font-size:12px;line-height:1.15;color:white}.about-photo{position:relative;overflow:hidden;min-height:385px}.about-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.text-mask{position:absolute;right:0;top:0;width:42%;height:37%;background:linear-gradient(135deg,rgba(228,225,216,.78),rgba(228,225,216,.93));backdrop-filter:blur(5px)}.people{position:absolute;right:6.5%;top:31px;color:#111;font-size:15px;text-transform:uppercase;line-height:1.7;letter-spacing:.06em}.people i{display:block;width:30px;height:2px;background:var(--green);margin-top:13px}.contact{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:160px}.contact h2{margin-bottom:12px}.contact p{margin:0;color:#4b5357}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14px}.contact-info a{color:inherit;text-decoration:none}footer{background:#101a1c;color:white;min-height:140px;padding:34px 6.8vw;display:grid;grid-template-columns:1fr 1.1fr .9fr;align-items:center;font-size:11px}footer img{width:130px;filter:brightness(0) invert(1)}.copyright{text-align:center;color:#ddd}.tag{justify-self:end;line-height:1.55}.tag i{display:block;width:28px;height:2px;background:var(--green);margin-bottom:10px}@media(max-width:850px){.nav{grid-template-columns:1fr auto;padding:0 22px}.nav nav{display:none}.hero{height:640px}.hero-copy{left:24px;top:90px}.hero h1{font-size:53px}.hero-side{right:24px;top:auto;bottom:55px}.cards{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:28px}.contact-info{grid-template-columns:1fr}.section,.about-copy{padding-left:24px;padding-right:24px}footer{grid-template-columns:1fr;gap:25px}.copyright{text-align:left}.tag{justify-self:start}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero p br{display:none}.hero-location{right:20px}.hero-side{font-size:10px}.about-photo{min-height:340px}}








/* Surgical fixes: header alignment + simple E-Vehicles scooter */
.nav .logo{
  height:72px;
  display:flex;
  align-items:center;
}
.nav .logo img{
  width:132px;
  max-height:52px;
  height:auto;
  object-fit:contain;
  display:block;
}
.nav .btn-small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  min-height:40px;
  padding:11px 22px;
  line-height:1;
}
.scooter-icon{
  width:52px;
  height:40px;
}
.scooter-icon svg{
  width:52px;
  height:40px;
  display:block;
  overflow:visible;
}
.scooter-icon circle,
.scooter-icon path{
  fill:none;
  stroke:#1fa653;
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
footer .footer-logo{
  width:150px;
  max-height:64px;
  height:auto;
  object-fit:contain;
  filter:none;
}

/* Requested refinements only */

/* Slightly larger top logo while remaining inside 72px header */
.nav .logo img{
  width:154px;
  max-height:56px;
}

/* Make all service icons the same visual box size */
.cards .ico{
  width:56px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-size:34px;
  margin:0;
}

/* Battery icon scaled to match */
.cards .battery-icon,
.cards .battery{
  width:36px;
  height:42px;
}

/* Route/pin/wrench/text icons normalized */
.cards .pin,
.cards .wrench{
  width:56px;
  height:48px;
  font-size:34px;
  display:flex;
  align-items:center;
}

/* Straight scooter, no bent neck */
.scooter-icon{
  width:56px;
  height:48px;
}
.scooter-icon svg{
  width:56px;
  height:48px;
  display:block;
}
.scooter-icon circle,
.scooter-icon path{
  fill:none;
  stroke:#1fa653;
  stroke-width:3.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Service alignment only */
.cards article{
  display:grid;
  grid-template-rows:58px 54px auto 1fr;
  align-items:start;
}
.cards .ico{
  width:58px;
  height:58px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cards .service-svg svg{
  width:48px;
  height:48px;
  display:block;
}
.cards .service-svg circle,
.cards .service-svg rect,
.cards .service-svg path{
  fill:none;
  stroke:#1fa653;
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cards article h3{
  margin:10px 0 10px;
  min-height:44px;
  display:flex;
  align-items:flex-start;
}
.cards article p{
  margin:0;
}
.cards article b{
  align-self:end;
}

/* VERIFIED SERVICE ALIGNMENT */
.cards .service-card{
  display:grid;
  grid-template-rows:64px 58px minmax(78px,auto) 1fr;
  align-items:start;
}
.cards .service-card .ico{
  width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}
.cards .service-card .service-svg svg{
  width:50px;
  height:50px;
  display:block;
}
.cards .service-card h3{
  min-height:58px;
  margin:0 0 10px;
  display:flex;
  align-items:flex-end;
  line-height:1.15;
}
.cards .service-card p{margin:0;}
.cards .battery-card .ico{transform:translateY(4px);}
.cards .vehicle-card .service-svg svg{width:52px;height:52px;}


/* FINAL HEADER SCALE FIX
   Logo and CTA occupy comparable visual height inside the existing 72px header. */
.nav .logo{
  height:72px;
  display:flex;
  align-items:center;
}
.nav .logo img{
  width:auto !important;
  height:42px !important;
  max-width:180px !important;
  max-height:42px !important;
  object-fit:contain;
  display:block;
}
.nav .btn-small{
  height:42px !important;
  min-height:42px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  line-height:1 !important;
}

/* FINAL SERVICE ALIGNMENT FIX
   Every card uses identical icon, title, and description rows.
   Text starts at exactly the same vertical position in all four cards. */
.cards article{
  display:grid !important;
  grid-template-rows:58px 64px 1fr 28px !important;
  align-items:start !important;
}
.cards article .ico{
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.cards article h3{
  margin:0 !important;
  padding-top:14px !important;
  height:64px !important;
  min-height:64px !important;
  display:block !important;
  line-height:1.18 !important;
}
.cards article p{
  margin:0 !important;
  padding:0 !important;
  align-self:start !important;
  line-height:1.45 !important;
}
.cards article b{
  margin:0 !important;
  align-self:end !important;
}

/* Requested change only: enlarge top-left VNM logo */
.nav .logo img{
  width:auto !important;
  height:54px !important;
  max-height:54px !important;
  max-width:220px !important;
}

/* Requested change only: make top-left VNM logo approximately 2x larger */
.nav .logo{
  overflow:visible !important;
  position:relative !important;
  z-index:2 !important;
}
.nav .logo img{
  width:auto !important;
  height:108px !important;
  max-height:none !important;
  max-width:360px !important;
  object-fit:contain !important;
  transform-origin:left center !important;
}