.hero {
  min-height:720px;
  background:url('../images/site/hero.jpg') center/cover;
  display:flex;
  align-items:center;
  color:#fff
}
.hero-inner {
  padding:90px 0
}
.hero h1 {
  font-size:clamp(48px,7vw,86px);
  max-width:760px;
  letter-spacing:-.06em
}
.hero h1 em {
  font-style:normal;
  color:var(--yellow)
}
.hero-inner>p:not(.eyebrow) {
  max-width:650px;
  font-size:19px;
  color:#dbe5ea
}
.hero-actions {
  display:flex;
  gap:12px;
  margin:30px 0
}
.hero-trust {
  display:grid;
  grid-template-columns:auto 1fr auto 1fr;
  max-width:760px;
  gap:6px 18px;
  margin-top:55px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.3);
  font-size:13px
}
.hero-trust b {
  color:var(--yellow)
}
.intro {
  background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.5) 100%),url('../images/site/intro-bg.jpg');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat
}
.services {
  background:var(--paper)
}
.process-band {
  background-image:linear-gradient(90deg,rgba(7,24,43,.97) 0%,rgba(7,24,43,.9) 58%,rgba(7,24,43,.62) 100%),url('../images/site/process-bg.jpg');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  padding:85px 0
}
.process-band .container {
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:70px
}
.process-band ol {
  list-style:none;
  margin:0;
  padding:0
}
.process-band li {
  display:grid;
  grid-template-columns:55px 1fr;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.15)
}
.process-band li>b {
  color:var(--yellow)
}
.process-band strong {
  display:block;
  font-size:19px
}
.why {
  background:linear-gradient(rgba(7,24,43,.86),rgba(7,24,43,.9)),url('../images/service/04.jpg') center/cover fixed
}
.why-panel {
  color:#fff
}
.why-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px
}
.why-grid>div {
  padding:26px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px
}
.why-grid b {
  color:var(--yellow)
}
.latest {
  background:linear-gradient(135deg,#fff,#edf8f6)
}
@media(max-width:700px) {
  .hero {
    min-height:640px;
    background-position:62% center
  }
  .hero-trust {
    grid-template-columns:auto 1fr
  }
  .process-band .container {
    grid-template-columns:1fr
  }
  .why-grid {
    grid-template-columns:1fr
  }
  .hero-actions {
    align-items:flex-start;
    flex-direction:column
  }
}