.service-single--wordpress{
  --wp-orange:#e85b26;
  --wp-orange-dark:#d64f1d;
  --wp-blue:#21759b;
  --wp-ink:#21323b;
  --wp-muted:#68767d;
  --wp-line:#d9e1e4;
  --wp-paper:#f3f6f7;
  --wp-dark:#112630;
  --wp-dark-2:#193844;
  background:#fff;
}

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

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

.wp-service-intro,
.wp-service-benefits,
.wp-service-engineering,
.wp-service-formats{
  position:relative;
  color:var(--wp-ink);
}

.wp-service-intro{
  overflow:hidden;
  padding:48px 0 32px;
  background:
    radial-gradient(circle at 78% 18%,rgba(33,117,155,.10),transparent 29%),
    radial-gradient(circle at 92% 72%,rgba(232,91,38,.06),transparent 24%),
    linear-gradient(180deg,#edf3f5 0%,#f8f9f9 100%);
}

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

.wp-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;
}

.wp-service-intro-copy,
.wp-service-engineering-copy{
  min-width:0;
}

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

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

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

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

.wp-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;
}

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

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

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

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

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

.wp-service-cases-link{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:24px;
  padding:0 22px;
  background:var(--wp-orange);
  color:#fff;
  font-size:15px;
  font-weight:650;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(232,91,38,.19);
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}

.wp-service-cases-link:hover{
  transform:translateY(-3px);
  background:var(--wp-orange-dark);
  color:#fff;
  box-shadow:0 18px 36px rgba(232,91,38,.25);
}

.wp-service-cases-link span{
  font-size:18px;
}

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

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

.wp-service-workspace-title{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:14px;
}

.wp-service-mark{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 52px;
  border:2px solid rgba(255,255,255,.86);
  border-radius:50%;
  background:var(--wp-blue);
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:29px;
  font-weight:700;
  line-height:1;
  box-shadow:0 0 0 7px rgba(33,117,155,.17);
}

.wp-service-workspace-title>div{
  display:grid;
  gap:4px;
  min-width:0;
}

.wp-service-workspace-title strong{
  color:#fff;
  font-size:25px;
  font-weight:450;
  line-height:1.1;
}

.wp-service-workspace-title small{
  color:rgba(255,255,255,.48);
  font-size:8px;
  font-weight:600;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.wp-service-screen{
  position:relative;
  z-index:1;
  margin-top:22px;
  border:1px solid rgba(255,255,255,.14);
  background:#edf1f2;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.wp-service-screen-bar{
  min-height:31px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border-bottom:1px solid #d5dde0;
  background:#fff;
}

.wp-service-screen-bar i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#cbd4d8;
}

.wp-service-screen-bar i:first-child{background:var(--wp-orange)}
.wp-service-screen-bar i:nth-child(2){background:#eab43c}
.wp-service-screen-bar i:nth-child(3){background:#55ad77}

.wp-service-screen-bar span{
  margin-left:auto;
  color:#819096;
  font-size:7px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wp-service-screen-layout{
  padding:16px;
}

.wp-service-screen-nav{
  width:58%;
  height:5px;
  margin-left:auto;
  background:repeating-linear-gradient(90deg,#94a1a6 0 32px,transparent 32px 41px);
  opacity:.72;
}

.wp-service-screen-hero{
  min-height:92px;
  display:grid;
  align-content:center;
  gap:8px;
  margin-top:14px;
  padding:18px;
  background:linear-gradient(120deg,#dbe7eb,#f7f8f8);
  border-left:4px solid var(--wp-orange);
}

.wp-service-screen-hero span{
  width:25%;
  height:5px;
  background:var(--wp-orange);
}

.wp-service-screen-hero strong{
  width:72%;
  height:11px;
  background:#213842;
}

.wp-service-screen-hero i{
  width:49%;
  height:6px;
  background:#93a1a7;
}

.wp-service-screen-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:10px;
}

.wp-service-screen-cards i{
  height:39px;
  background:#fff;
  border-top:2px solid #afbdc2;
}

.wp-service-screen-cards i:nth-child(2){border-color:var(--wp-orange)}
.wp-service-screen-cards i:nth-child(3){border-color:var(--wp-blue)}

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

.wp-service-workspace-grid article{
  min-width:0;
  display:grid;
  gap:5px;
  padding:14px;
  background:var(--wp-dark);
}

.wp-service-workspace-grid small{
  color:rgba(255,255,255,.38);
  font-size:7px;
  font-weight:650;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.wp-service-workspace-grid strong{
  color:#fff;
  font-size:12px;
  font-weight:600;
}

.wp-service-workspace-grid span{
  color:rgba(255,255,255,.48);
  font-size:8px;
  line-height:1.45;
}

.wp-service-workspace-foot{
  position:relative;
  z-index:1;
  padding-top:15px;
  color:rgba(255,255,255,.42);
  font-size:8px;
  font-weight:650;
  line-height:1.5;
  letter-spacing:.075em;
  text-align:center;
  text-transform:uppercase;
}

.wp-service-benefits,
.wp-service-formats{
  padding:32px 0;
  background:#fff;
}

.wp-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;
}

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

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

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

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

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

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

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

.wp-service-engineering{
  overflow:hidden;
  padding:32px 0;
  color:#fff;
  background:
    radial-gradient(circle at 82% 20%,rgba(33,117,155,.18),transparent 30%),
    linear-gradient(135deg,var(--wp-dark),var(--wp-dark-2));
}

.wp-service-engineering::after{
  content:"";
  position:absolute;
  right:-130px;
  bottom:-210px;
  width:500px;
  height:500px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);
  pointer-events:none;
}

.wp-service-engineering-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);
  gap:clamp(48px,7vw,105px);
  align-items:center;
}

.wp-service-engineering h2{
  color:#fff;
}

.wp-service-engineering-copy>p{
  color:rgba(255,255,255,.62);
}

.wp-service-engineering-copy>p:first-of-type{
  margin-top:24px;
  color:rgba(255,255,255,.78);
  font-size:17px;
}

.wp-service-engineering-copy>p+p{
  margin-top:13px;
}

.wp-service-engineering-copy ul{
  display:grid;
  gap:0;
  margin:27px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid rgba(255,255,255,.12);
}

.wp-service-engineering-copy li{
  position:relative;
  padding:14px 0 14px 25px;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.5;
}

.wp-service-engineering-copy li::before{
  content:"";
  position:absolute;
  left:2px;
  top:20px;
  width:8px;
  height:2px;
  background:var(--wp-orange);
}

.wp-service-stack{
  min-width:0;
  padding:24px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(5,18,24,.27);
  box-shadow:0 24px 60px rgba(0,0,0,.16);
}

.wp-service-stack-core{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.11);
}

.wp-service-mark--small{
  width:43px;
  height:43px;
  flex-basis:43px;
  font-size:23px;
  box-shadow:0 0 0 5px rgba(33,117,155,.14);
}

.wp-service-stack-core>div{
  display:grid;
  gap:3px;
}

.wp-service-stack-core small{
  color:rgba(255,255,255,.4);
  font-size:7px;
  font-weight:650;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.wp-service-stack-core strong{
  color:#fff;
  font-size:21px;
  font-weight:450;
}

.wp-service-stack-list{
  display:grid;
  gap:8px;
  margin-top:18px;
}

.wp-service-stack-list article{
  min-width:0;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:11px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}

.wp-service-stack-list article>span{
  display:grid;
  place-items:center;
  height:30px;
  color:var(--wp-orange);
  font-size:9px;
  font-weight:700;
  border:1px solid rgba(232,91,38,.28);
}

.wp-service-stack-list article>div{
  display:grid;
  gap:5px;
  min-width:0;
}

.wp-service-stack-list strong{
  color:#fff;
  font-size:12px;
  font-weight:600;
}

.wp-service-stack-list small{
  color:rgba(255,255,255,.43);
  font-size:8px;
  line-height:1.45;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.wp-service-stack-foot{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  color:rgba(255,255,255,.48);
  font-size:8px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wp-service-stack-foot i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#55b57c;
  box-shadow:0 0 0 5px rgba(85,181,124,.10);
}

.wp-service-formats{
  background:var(--wp-paper);
}

.wp-service-section-head--formats{
  margin-bottom:34px;
}

.wp-service-formats-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.wp-service-formats-grid article{
  min-width:0;
  min-height:270px;
  padding:27px;
  border:1px solid var(--wp-line);
  background:#fff;
  box-shadow:0 12px 34px rgba(24,48,59,.04);
}

.wp-service-formats-grid article:nth-child(2){
  border-top:3px solid var(--wp-orange);
  padding-top:25px;
}

.wp-service-formats-grid article>small{
  display:block;
  margin-bottom:18px;
  color:#829096;
  font-size:9px;
  font-weight:650;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.wp-service-formats-grid ul{
  display:grid;
  gap:8px;
  margin:21px 0 0;
  padding:17px 0 0;
  list-style:none;
  border-top:1px solid var(--wp-line);
}

.wp-service-formats-grid li{
  position:relative;
  padding-left:17px;
  color:#4b5e66;
  font-size:11px;
  line-height:1.45;
}

.wp-service-formats-grid li::before{
  content:"";
  position:absolute;
  left:1px;
  top:.58em;
  width:6px;
  height:2px;
  background:var(--wp-orange);
}

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

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

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

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

  .wp-service-workspace,
  .wp-service-stack{
    max-width:760px;
  }

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

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

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

  .wp-service-formats-grid{
    grid-template-columns:1fr;
  }

  .wp-service-formats-grid article{
    min-height:0;
  }
}

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

  .wp-service-benefits,
  .wp-service-engineering,
  .wp-service-formats,
  .service-single--wordpress .service-single-pricing{
    padding:27px 0;
  }

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

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

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

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

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

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

  .wp-service-workspace{
    padding:18px;
  }

  .wp-service-workspace-grid,
  .wp-service-benefits-grid{
    grid-template-columns:1fr;
  }

  .wp-service-benefits-grid article{
    min-height:0;
  }

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

  .wp-service-engineering-grid{
    gap:34px;
  }
}

@media(max-width:480px){
  .wp-service-workspace-title strong{
    font-size:21px;
  }

  .wp-service-workspace-title small{
    line-height:1.45;
  }

  .wp-service-screen-layout{
    padding:11px;
  }

  .wp-service-stack{
    padding:17px;
  }

  .wp-service-stack-list small{
    text-transform:none;
    letter-spacing:0;
  }
}