.hero{
  position:relative;
  min-height:790px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,25,20,.96) 0%,rgba(4,42,33,.82) 42%,rgba(3,22,18,.28) 100%),
    linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,.08)),
    url("../../img/herbg2.png") center/cover no-repeat;
}
.hero::after{
  content:"";
  position:absolute;
  width:760px;height:760px;
  right:-270px;bottom:-490px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.018);
}
.hero-noise{
  position:absolute;inset:0;
  opacity:.22;
  background-image:radial-gradient(rgba(255,255,255,.3) .6px,transparent .6px);
  background-size:7px 7px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.hero-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);
  gap:90px;
  align-items:center;
  padding-top:70px;
  padding-bottom:70px;
}
.hero-content{max-width:760px}
.hero-title{
  font-size:clamp(4rem,7.6vw,7.6rem);
  line-height:.92;
  letter-spacing:-.065em;
  margin-bottom:28px;
}
.hero-title span{color:var(--orange)}
.hero-subtitle{
  max-width:680px;
  color:rgba(255,255,255,.78);
  font-size:clamp(1rem,1.5vw,1.22rem);
  line-height:1.8;
}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-trust{
  display:flex;
  gap:42px;
  margin-top:52px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.16);
}
.hero-trust div{display:flex;flex-direction:column}
.hero-trust strong{font:700 23px/1 "Space Grotesk",sans-serif}
.hero-trust span{margin-top:7px;color:rgba(255,255,255,.58);font-size:12px}
.hero-card{
  justify-self:end;
  width:min(100%,380px);
  padding:38px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07));
  backdrop-filter:blur(22px);
  box-shadow:0 35px 80px rgba(0,0,0,.23);
}
.hero-card img{width:76px;margin-bottom:28px}
.hero-card-label{font-size:12px;color:#c5eadd;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.hero-card h2{font-size:34px;line-height:1.08;margin:13px 0 17px}
.hero-card p{color:rgba(255,255,255,.7)}
.hero-card a{
  margin-top:28px;
  display:flex;justify-content:space-between;
  color:#fff;text-decoration:none;font-weight:800;
}
.hero-card a span{color:var(--orange)}
@media(max-width:900px){
  .hero{min-height:auto}
  .hero-layout{grid-template-columns:1fr;gap:45px;padding-top:100px;padding-bottom:90px}
  .hero-card{justify-self:start;width:100%;max-width:580px}
}
@media(max-width:600px){
  .hero-layout{padding-top:76px;padding-bottom:70px}
  .hero-title{font-size:52px}
  .hero-buttons{flex-direction:column;align-items:stretch}
  .hero-trust{gap:20px;justify-content:space-between}
  .hero-trust strong{font-size:18px}
  .hero-card{padding:28px}
}