.service-single--support{
  --support-orange:#e85b26;
  --support-orange-dark:#d64f1d;
  --support-green:#4fb477;
  --support-ink:#21323b;
  --support-muted:#68767d;
  --support-line:#d9e1e4;
  --support-paper:#f3f6f7;
  --support-dark:#112630;
  --support-dark-2:#193844;
  background:#fff;
}

.service-single--support .service-single-hero-side{
  justify-content:center;
}

.service-single--support .service-single-hero-side p{
  max-width:465px;
  margin:0;
}

.support-service-intro,
.support-service-coverage{
  position:relative;
  color:var(--support-ink);
}

.support-service-intro{
  overflow:hidden;
  padding:48px 0 32px;
  background:
    radial-gradient(circle at 80% 18%,rgba(79,180,119,.10),transparent 28%),
    radial-gradient(circle at 91% 73%,rgba(232,91,38,.06),transparent 23%),
    linear-gradient(180deg,#eef3f4 0%,#f8f9f9 100%);
}

.support-service-intro::before{
  content:"";
  position:absolute;
  top:-190px;
  right:-130px;
  width:560px;
  height:560px;
  border:1px solid rgba(45,82,72,.07);
  border-radius:50%;
  box-shadow:0 0 0 78px rgba(45,82,72,.025),0 0 0 154px rgba(45,82,72,.016);
  pointer-events:none;
}

.support-service-intro-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.76fr);
  gap:clamp(48px,6vw,92px);
  align-items:center;
  margin-top:18px;
}

.support-service-intro-copy{
  min-width:0;
}

.support-service-intro h2,
.support-service-section-head h2{
  margin:0;
  font-size:clamp(34px,3.4vw,56px);
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.045em;
}

.support-service-intro-copy>p{
  max-width:790px;
  margin:0;
  color:var(--support-muted);
  font-size:15px;
  line-height:1.75;
}

.support-service-intro-copy>p+p{
  margin-top:13px;
}

.support-service-intro-copy .support-service-lead{
  margin-top:25px;
  color:#33464f;
  font-size:18px;
  line-height:1.62;
}

.support-service-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:31px;
  border-top:1px solid #cfd9dd;
  border-bottom:1px solid #cfd9dd;
}

.support-service-stats>div{
  min-width:0;
  padding:18px 15px 17px 0;
}

.support-service-stats>div+div{
  padding-left:16px;
  border-left:1px solid #cfd9dd;
}

.support-service-stats strong,
.support-service-stats span{
  display:block;
}

.support-service-stats strong{
  color:#253942;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
}

.support-service-stats span{
  margin-top:7px;
  color:#78868c;
  font-size:9px;
  font-weight:600;
  line-height:1.55;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.support-service-console{
  position:relative;
  min-width:0;
  padding:25px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),transparent 36%),
    var(--support-dark);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 70px rgba(18,38,48,.20);
}

.support-service-console::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}

.support-service-console-title{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.11);
}

.support-service-console-title>div{
  display:grid;
  gap:5px;
}

.support-service-console-title small{
  color:rgba(255,255,255,.42);
  font-size:7px;
  font-weight:650;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.support-service-console-title strong{
  color:#fff;
  font-size:24px;
  font-weight:450;
  line-height:1.12;
}

.support-service-console-title>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid rgba(79,180,119,.22);
  color:#a5d2b6;
  font-size:7px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.support-service-console-title>span i,
.support-service-console-main .support-service-pulse>i{
  width:7px;
  height:7px;
  display:block;
  border-radius:50%;
  background:var(--support-green);
  box-shadow:0 0 0 5px rgba(79,180,119,.11);
}

.support-service-console-main{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:17px;
  margin-top:19px;
  padding:18px;
  border:1px solid rgba(79,180,119,.20);
  background:rgba(79,180,119,.055);
}

.support-service-pulse{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border:1px solid rgba(79,180,119,.24);
  border-radius:50%;
}

.support-service-console-main .support-service-pulse>i{
  width:9px;
  height:9px;
  box-shadow:0 0 0 7px rgba(79,180,119,.10);
}

.support-service-console-main>div{
  display:grid;
  gap:5px;
  min-width:0;
}

.support-service-console-main strong{
  color:#fff;
  font-size:13px;
  font-weight:600;
}

.support-service-console-main small{
  color:rgba(255,255,255,.43);
  font-size:8px;
  font-weight:600;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.support-service-checks{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  margin-top:14px;
}

.support-service-checks article{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}

.support-service-checks article>div{
  display:grid;
  gap:5px;
  min-width:0;
}

.support-service-checks strong{
  color:#fff;
  font-size:12px;
  font-weight:600;
}

.support-service-checks small{
  color:rgba(255,255,255,.42);
  font-size:8px;
  line-height:1.4;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.support-service-checks article>span{
  padding:5px 7px;
  border:1px solid rgba(79,180,119,.19);
  color:#9bc9ae;
  font-size:7px;
  font-weight:650;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.support-service-console-metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.08);
}

.support-service-console-metrics>div{
  display:grid;
  gap:5px;
  min-width:0;
  padding:12px;
  background:var(--support-dark);
}

.support-service-console-metrics small{
  color:rgba(255,255,255,.35);
  font-size:7px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.support-service-console-metrics strong{
  color:#fff;
  font-size:10px;
  font-weight:600;
}

.support-service-coverage{
  padding:32px 0;
  background:#fff;
}

.support-service-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.55fr);
  gap:clamp(40px,6vw,92px);
  align-items:end;
  margin-bottom:38px;
}

.support-service-section-head>p{
  max-width:610px;
  margin:0 0 3px;
  color:var(--support-muted);
  font-size:15px;
  line-height:1.68;
}

.support-service-coverage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--support-line);
  border-left:1px solid var(--support-line);
}

.support-service-coverage-grid article{
  position:relative;
  min-width:0;
  min-height:270px;
  padding:27px;
  border-right:1px solid var(--support-line);
  border-bottom:1px solid var(--support-line);
  background:#fff;
  transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.support-service-coverage-grid article:hover{
  z-index:1;
  transform:translateY(-3px);
  background:#f8faf9;
  box-shadow:0 18px 42px rgba(25,48,59,.09);
}

.support-service-card-mark{
  width:34px;
  height:4px;
  display:block;
  margin-bottom:30px;
  background:linear-gradient(90deg,var(--support-orange) 0 50%,var(--support-green) 50% 100%);
}

.support-service-coverage-grid h3{
  margin:0;
  color:var(--support-ink);
  font-size:21px;
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.025em;
}

.support-service-coverage-grid p{
  margin:15px 0 0;
  color:var(--support-muted);
  font-size:13px;
  line-height:1.7;
}

.support-service-coverage-grid article>small{
  display:block;
  margin-top:19px;
  padding-top:14px;
  border-top:1px solid var(--support-line);
  color:#89969b;
  font-size:8px;
  font-weight:650;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.support-service-section-head--pricing{
  grid-template-columns:1fr;
  margin-bottom:38px;
}

.service-single--support .service-single-pricing{
  padding:32px 0;
}

.service-single--support .service-single-pricing-grid{
  margin-top:0;
}

@media(max-width:1120px){
  .support-service-intro-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .support-service-console{
    max-width:760px;
  }

  .support-service-coverage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:860px){
  .support-service-section-head{
    grid-template-columns:1fr;
    gap:19px;
  }

  .support-service-section-head>p{
    max-width:760px;
  }

}

@media(max-width:700px){
  .support-service-intro{
    padding:34px 0 27px;
  }

  .support-service-coverage,
.service-single--support .service-single-pricing{
    padding:27px 0;
  }

  .support-service-intro-grid{
    margin-top:10px;
    gap:34px;
  }

  .support-service-intro h2,
.support-service-section-head h2{
    font-size:clamp(30px,9vw,42px);
  }

  .support-service-intro-copy .support-service-lead{
    font-size:16px;
  }

  .support-service-stats{
    grid-template-columns:1fr;
  }

  .support-service-stats>div,
  .support-service-stats>div+div{
    padding:14px 0;
    border-left:0;
    border-top:1px solid #cfd9dd;
  }

  .support-service-stats>div:first-child{
    border-top:0;
  }

  .support-service-console{
    padding:18px;
  }

  .support-service-coverage-grid{
    grid-template-columns:1fr;
  }

  .support-service-coverage-grid article{
    min-height:0;
  }

  .support-service-section-head{
    margin-bottom:27px;
  }

}

@media(max-width:480px){
  .support-service-console-title{
    display:grid;
  }

  .support-service-console-title>span{
    justify-self:start;
  }

  .support-service-console-metrics{
    grid-template-columns:1fr;
  }

}