.hero{min-height:820px;align-items:flex-start}
.hero-copy{padding-top:330px;padding-bottom:70px}
@media(max-width:980px) and (min-width:681px){
  .hero{min-height:800px}
  .hero-copy{padding-top:310px;padding-bottom:60px}
}
@media(max-width:680px){
  .hero{min-height:800px;align-items:flex-end}
  .hero-copy{padding:0 0 58px}
}
.motor-card{position:relative;padding:27px 22px;border:1px solid #dce6f2;border-radius:16px;box-shadow:none;min-height:290px}
.motor-card>.motor-icon{width:46px;height:46px;border-radius:12px;background:#2f6fe4;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 8px 18px rgba(47,111,228,.18)}
.motor-card>.motor-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.motor-card h3{font-size:1.14rem;margin:0 0 7px}
.motor-card small{display:block;color:#3478ff;letter-spacing:.025em;line-height:1.35}
.motor-card p{margin:18px 0 0;line-height:1.65}
.motor-card:hover{border-color:#8fb8ff;box-shadow:0 14px 30px rgba(10,36,78,.08)}
.service-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.service-heading .eyebrow{margin:0 0 8px}
.service-icon{width:50px;height:50px;flex:0 0 50px;border-radius:13px;background:#2f6fe4;display:grid;place-items:center;box-shadow:0 8px 18px rgba(47,111,228,.18)}
.service-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:680px){.service-heading{align-items:flex-start}.service-icon{width:46px;height:46px;flex-basis:46px}.service-heading h2{font-size:1.75rem}}
.value{position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.value:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff8c00,#ffc107)}
.value-icon{width:50px;height:50px;border-radius:13px;background:#2f6fe4;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 8px 18px rgba(47,111,228,.18)}
.value-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.value h3{margin-bottom:16px}
.value:hover{transform:translateY(-5px);border-color:#8fb8ff;box-shadow:0 16px 32px rgba(10,36,78,.08)}
.nav{height:96px}
.brand img{width:270px;max-height:82px}
@media(max-width:980px){
  .main-nav{top:96px}
}
@media(max-width:680px){
  .nav{height:80px}
  .brand img{width:195px;max-height:68px}
  .main-nav{top:80px}
}
