/* Services page 02 */
.services-page .hero{
  padding-top:62px;
  padding-bottom:10px;
}
.services-page .services-eyebrow{
  color:#075cff;
}
.services-page h1{
  max-width:680px;
}
.services-page .hero-visual{
  min-height:455px;
}
.services-page .hero-art{
  width:min(100%,610px);
}
.services-stats-strip{
  padding:4px 0 0;
}
.services-stats-inner{
  width:min(390px,calc(100% - 44px));
  margin-left:auto;
  margin-right:calc((100% - min(var(--container),calc(100% - 44px))) / 2 + 24px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  padding:16px 18px;
  border:1px solid rgba(220,230,255,.98);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 40px rgba(25,51,120,.08);
  backdrop-filter:blur(16px);
}
.services-offer{padding-top:18px}
.services-offer .section-head,
.services-solves .section-head,
.services-process .section-head{
  margin-bottom:12px;
}
.services-offer-grid{
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.icon-card .icon,
.solve-icon,
.services-process-icon,
.small-icon{
  color:#075cff;
  background:linear-gradient(135deg,#eef5ff,#fff);
  border:1px solid #dce7ff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
  position:relative;
}
.icon-card .icon:before,
.solve-icon:before,
.services-process-icon:before,
.small-icon:before{
  content:"";
  position:absolute;
  inset:11px;
  background:linear-gradient(135deg,#075cff,#6420ff);
  -webkit-mask:center/contain no-repeat;
  mask:center/contain no-repeat;
}
.small-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:inline-block;
  border-radius:10px;
}
.small-icon:before{inset:8px}
.icon-desktop:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm5 12h4l.8 2H18v2H6v-2h3.2l.8-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm5 12h4l.8 2H18v2H6v-2h3.2l.8-2Z'/%3E%3C/svg%3E")}
.icon-wordpress:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM5.2 9.6a7.6 7.6 0 0 1 1.6-2.9l3.6 9.8-1.8.1-3.4-7Zm6.7 8.1 2.2-6.4 2.1 5.7a7.5 7.5 0 0 1-4.3.7Zm6.1-2.1-2.9-8c.6 0 1-.5 1-1s-.4-1-1-1h-5.5c-.6 0-1 .4-1 1s.4 1 1 1l1 2.8-1.3 3.8-2.5-6.6c.6 0 1-.5 1-1v-.1A7.6 7.6 0 0 1 18 15.6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM5.2 9.6a7.6 7.6 0 0 1 1.6-2.9l3.6 9.8-1.8.1-3.4-7Zm6.7 8.1 2.2-6.4 2.1 5.7a7.5 7.5 0 0 1-4.3.7Zm6.1-2.1-2.9-8c.6 0 1-.5 1-1s-.4-1-1-1h-5.5c-.6 0-1 .4-1 1s.4 1 1 1l1 2.8-1.3 3.8-2.5-6.6c.6 0 1-.5 1-1v-.1A7.6 7.6 0 0 1 18 15.6Z'/%3E%3C/svg%3E")}
.icon-search:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 0 1 5.2 10.4l4 4-1.4 1.4-4-4A6.5 6.5 0 1 1 10.5 4Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 0 1 5.2 10.4l4 4-1.4 1.4-4-4A6.5 6.5 0 1 1 10.5 4Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z'/%3E%3C/svg%3E")}
.icon-pen:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8 10.9-11 3.3 3.3L7.3 20H4v-3.2Zm12.4-12.4 1-1a2 2 0 0 1 2.8 0l.4.4a2 2 0 0 1 0 2.8l-1 1-3.2-3.2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 16.8 10.9-11 3.3 3.3L7.3 20H4v-3.2Zm12.4-12.4 1-1a2 2 0 0 1 2.8 0l.4.4a2 2 0 0 1 0 2.8l-1 1-3.2-3.2Z'/%3E%3C/svg%3E")}
.icon-robot:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v3h3a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h3V2Zm-3 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 21h10v2H7v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2h2v3h3a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h3V2Zm-3 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 21h10v2H7v-2Z'/%3E%3C/svg%3E")}
.icon-chart:before,.icon-growth:before,.icon-scale:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16v2H2V3h2v16Zm3-3 4-5 3 3 5-7 1.6 1.2-6.4 9-3-3L8.6 17 7 16Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16v2H2V3h2v16Zm3-3 4-5 3 3 5-7 1.6 1.2-6.4 9-3-3L8.6 17 7 16Z'/%3E%3C/svg%3E")}
.icon-support:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a8 8 0 0 1 8 8v4a3 3 0 0 1-3 3h-2v-6h3v-1a6 6 0 0 0-12 0v1h3v6H7a3 3 0 0 1-3-3v-4a8 8 0 0 1 8-8Zm-1 15h3v2h-3v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a8 8 0 0 1 8 8v4a3 3 0 0 1-3 3h-2v-6h3v-1a6 6 0 0 0-12 0v1h3v6H7a3 3 0 0 1-3-3v-4a8 8 0 0 1 8-8Zm-1 15h3v2h-3v-2Z'/%3E%3C/svg%3E")}
.icon-target:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2h2v3.2a7 7 0 1 1-7.2 7.2H10a4 4 0 1 0 4-4V12h-2V2Zm4 2h6v2h-3.6l-3.7 3.7-1.4-1.4L17 4.6V4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2h2v3.2a7 7 0 1 1-7.2 7.2H10a4 4 0 1 0 4-4V12h-2V2Zm4 2h6v2h-3.6l-3.7 3.7-1.4-1.4L17 4.6V4Z'/%3E%3C/svg%3E")}
.icon-funnel:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18l-7 8v6l-4 2v-8L3 4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18l-7 8v6l-4 2v-8L3 4Z'/%3E%3C/svg%3E")}
.icon-gear:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13.5 2 1.5-2 3.5-2.4-1a7 7 0 0 1-2 1.2L14.7 21h-4l-.4-2.3a7 7 0 0 1-2-1.2l-2.3 1-2-3.5 2-1.5a6.4 6.4 0 0 1 0-2.4L4 9.6 6 6.1l2.4 1a7 7 0 0 1 2-1.2l.3-2.3h4l.4 2.3a7 7 0 0 1 2 1.2l2.3-1 2 3.5-2 1.5a6.4 6.4 0 0 1 0 2.4ZM12.7 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19.4 13.5 2 1.5-2 3.5-2.4-1a7 7 0 0 1-2 1.2L14.7 21h-4l-.4-2.3a7 7 0 0 1-2-1.2l-2.3 1-2-3.5 2-1.5a6.4 6.4 0 0 1 0-2.4L4 9.6 6 6.1l2.4 1a7 7 0 0 1 2-1.2l.3-2.3h4l.4 2.3a7 7 0 0 1 2 1.2l2.3-1 2 3.5-2 1.5a6.4 6.4 0 0 1 0 2.4ZM12.7 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E")}
.icon-crown:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17 3 7l5 4 4-7 4 7 5-4-2 10H5Zm0 2h14v2H5v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17 3 7l5 4 4-7 4 7 5-4-2 10H5Zm0 2h14v2H5v-2Z'/%3E%3C/svg%3E")}
.icon-bolt:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-9 12h7l-1 8 10-13h-7l0-7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-9 12h7l-1 8 10-13h-7l0-7Z'/%3E%3C/svg%3E")}
.icon-rocket:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3c3 0 6 0 8 0 0 2 0 5-3 8l-2 2 1 5-4 3-2-6-2-2-6-2 3-4 5 1 2-2c1-1 1-2 0-3Zm3 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM5 15l4 4-5 1 1-5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3c3 0 6 0 8 0 0 2 0 5-3 8l-2 2 1 5-4 3-2-6-2-2-6-2 3-4 5 1 2-2c1-1 1-2 0-3Zm3 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM5 15l4 4-5 1 1-5Z'/%3E%3C/svg%3E")}
.icon-nodes:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a3 3 0 0 1 1 5.83V11h2.17a3 3 0 1 1 0 2H13v2.17a3 3 0 1 1-2 0V13H8.83a3 3 0 1 1 0-2H11V8.83A3 3 0 0 1 12 3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a3 3 0 0 1 1 5.83V11h2.17a3 3 0 1 1 0 2H13v2.17a3 3 0 1 1-2 0V13H8.83a3 3 0 1 1 0-2H11V8.83A3 3 0 0 1 12 3Z'/%3E%3C/svg%3E")}
.icon-build:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v14H4V4Zm2 2v10h12V6H6Zm3 14h6v2H9v-2Zm-1-9 3-3 1.4 1.4L10.8 11l1.6 1.6L11 14l-3-3Zm8 0-3 3-1.4-1.4 1.6-1.6-1.6-1.6L13 8l3 3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v14H4V4Zm2 2v10h12V6H6Zm3 14h6v2H9v-2Zm-1-9 3-3 1.4 1.4L10.8 11l1.6 1.6L11 14l-3-3Zm8 0-3 3-1.4-1.4 1.6-1.6-1.6-1.6L13 8l3 3Z'/%3E%3C/svg%3E")}
.icon-optimize:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m11 4 2 0v7l4.2 4.2-1.4 1.4L11 12V4Zm1 18a10 10 0 1 1 7.1-2.9l-1.4-1.4A8 8 0 1 0 12 20v2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m11 4 2 0v7l4.2 4.2-1.4 1.4L11 12V4Zm1 18a10 10 0 1 1 7.1-2.9l-1.4-1.4A8 8 0 1 0 12 20v2Z'/%3E%3C/svg%3E")}
.solve-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.solve-card{
  min-height:150px;
  text-align:center;
  padding:20px 14px 17px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 30px rgba(19,55,120,.045);
}
.solve-icon{
  width:50px;
  height:50px;
  margin:0 auto 11px;
  border-radius:16px;
}
.solve-card h3{
  margin:0 0 9px;
  font-size:13px;
  line-height:1.15;
}
.solve-card p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.services-process{padding-top:8px;padding-bottom:18px}
.services-process-line{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.services-process-step{
  position:relative;
  display:grid;
  grid-template-columns:55px minmax(0,1fr);
  gap:12px;
}
.services-process-step:not(:last-child):after{
  content:"→";
  position:absolute;
  right:-18px;
  top:25px;
  color:#075cff;
  font-weight:950;
}
.services-process-icon{
  width:52px;
  height:52px;
  border-radius:50%;
}
.services-process-icon:before{inset:13px}
.services-process-step b{
  display:block;
  margin:3px 0 5px;
  font-size:12px;
  font-weight:950;
}
.services-process-step p{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}
.services-workflow{
  position:relative;
  padding-top:24px;
  padding-bottom:34px;
  border-top:1px solid rgba(222,232,248,.72);
  border-bottom:1px solid rgba(222,232,248,.72);
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.74));
  overflow:hidden;
}
.services-workflow-grid{
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  gap:28px;
  align-items:center;
}
.workflow-info h2,
.packages-info h2,
.services-faq h2{
  margin:0 0 12px;
  font-size:clamp(26px,2.35vw,34px);
  line-height:1.04;
  letter-spacing:-.055em;
}
.workflow-info p,
.packages-info p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.workflow-info .learn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#075cff;
  font-size:13px;
  font-weight:950;
}
.workflow-map{
  position:relative;
  display:flex;
  gap:28px;
  align-items:stretch;
  padding:0 0 43px;
  min-width:0;
  overflow:visible;
}
.workflow-map:before{
  content:"";
  position:absolute;
  left:11%;
  right:8%;
  bottom:18px;
  height:34px;
  border-left:2px solid rgba(7,92,255,.36);
  border-right:2px solid rgba(7,92,255,.36);
  border-bottom:2px solid rgba(7,92,255,.36);
  border-radius:0 0 5px 5px;
  pointer-events:none;
}
.workflow-card{
  position:relative;
  z-index:1;
  flex:1 1 0;
  min-width:0;
  padding:17px 16px 15px;
  border:1px solid rgba(220,230,255,.96);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 45px rgba(30,60,140,.09);
  backdrop-filter:blur(12px);
}
.workflow-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.workflow-top b{
  display:block;
  color:#071026;
  font-size:14px;
  line-height:1.12;
  font-weight:950;
}
.workflow-top small{
  display:block;
  margin-top:2px;
  color:#53617f;
  font-size:10px;
  line-height:1.15;
  font-weight:850;
}
.workflow-card ul{list-style:none;margin:0;padding:0}
.workflow-card li{
  position:relative;
  padding-left:17px;
  margin:8px 0;
  color:#52607a;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}
.workflow-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#075cff;
  font-weight:950;
}
.workflow-arrow{
  position:relative;
  z-index:2;
  flex:0 0 18px;
  align-self:center;
  display:grid;
  place-items:center;
  margin:0 -23px;
  color:#075cff;
  font-size:20px;
  line-height:1;
  font-weight:950;
  text-shadow:0 0 0 #fff;
}
.workflow-band{
  position:absolute;
  z-index:2;
  left:22%;
  right:22%;
  bottom:0;
  min-height:36px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#075cff,#6420ff);
  font-size:13px;
  font-weight:950;
  box-shadow:0 18px 34px rgba(49,91,255,.26);
}
/* Pricing section */
.packages-wrap{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:34px;
  align-items:start;
}
.services-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
  align-items:stretch;
}
.services-pricing-grid .price-card{
  position:relative;
  min-height:318px;
  padding:32px 30px 28px;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  border:2px solid rgba(201,216,255,.92);
  box-shadow:0 18px 46px rgba(30,60,140,.08);
  overflow:visible;
}
.services-pricing-grid .price-card.popular{
  padding-top:32px;
  border-color:rgba(115,145,255,.74);
  transform:translateY(-8px);
  box-shadow:0 24px 62px rgba(49,91,255,.16);
}
.services-pricing-grid .badge{
  position:absolute;
  top:-19px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:auto;
  min-width:154px;
  padding:8px 24px;
  border-radius:999px;
  text-align:center;
  color:#fff;
  background:linear-gradient(135deg,#075cff,#6420ff);
  box-shadow:0 14px 30px rgba(49,91,255,.32);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  white-space:nowrap;
}
.services-pricing-grid .price-name{
  display:flex;
  align-items:center;
  gap:17px;
  margin:0;
  color:#071026;
  font-size:22px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.035em;
}
.services-pricing-grid .price-name .small-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:15px;
  background:linear-gradient(135deg,#f0f6ff,#fff);
  border:1px solid rgba(220,230,255,.98);
  box-shadow:0 10px 24px rgba(20,70,180,.08), inset 0 0 0 1px rgba(255,255,255,.72);
}
.services-pricing-grid .price-name .small-icon:before{
  inset:11px;
}
.services-pricing-grid .price-card > small{
  display:block;
  min-height:0;
  margin:-15px 0 28px 71px;
  color:#293553;
  font-size:15px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:-.015em;
}
.services-pricing-grid .price-card ul{
  min-height:110px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
}
.services-pricing-grid .price-card li{
  position:relative;
  margin:12px 0;
  padding-left:27px;
  color:#53617f;
  font-size:14px;
  line-height:1.35;
  font-weight:750;
}
.services-pricing-grid .price-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#075cff;
  font-weight:950;
}
.services-pricing-grid .price{
  margin:18px 0 18px;
  color:#071026;
  font-size:36px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.055em;
}
.services-pricing-grid .price span{
  color:#5c6680;
  font-size:14px;
  font-weight:850;
  letter-spacing:0;
}
.services-pricing-grid .price-card .btn{
  width:100%;
  min-height:44px;
  justify-content:center;
  border-radius:11px;
}
@media (max-width:1180px){
  .services-pricing-grid .price-card.popular{
    transform:none;
  }
}
@media (max-width:820px){
  .services-pricing-grid{
    gap:22px;
  }
  .services-pricing-grid .price-card{
    min-height:0;
    padding:28px 24px 24px;
  }
  .services-pricing-grid .badge{
    top:-15px;
  }
  .services-pricing-grid .price-name{
    font-size:20px;
  }
  .services-pricing-grid .price-card > small{
    margin:-13px 0 22px 68px;
    font-size:14px;
  }
}
.services-faq{padding-top:6px}
.services-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 50px;
}
.services-faq details{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.services-faq summary{
  list-style:none;
  cursor:pointer;
  padding:12px 16px;
  color:#1238c6;
  font-size:14px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.services-faq summary::-webkit-details-marker{display:none}
.services-faq summary:after{content:"›";font-size:18px;color:#1238c6}
.services-faq details[open] summary:after{transform:rotate(90deg)}
.services-faq p{
  margin:0;
  padding:0 16px 13px;
  color:var(--muted);
  font-size:14px;
}
.services-cta{padding-top:0}
.services-cta-card{
  min-height:112px;
}
.services-cta-card h2{color:#eef5ff !important;}
.services-cta-card .btn{
  min-width:230px;
  margin-right:10px;
  margin-top:8px;
}
.calendar-icon{
  width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  border-radius:6px;
  font-size:11px;
  border:1px solid rgba(7,92,255,.22);
}
@media (max-width:1180px){
  .services-offer-grid{grid-template-columns:repeat(4,1fr)}
  .solve-grid{grid-template-columns:repeat(3,1fr)}
  .services-process-line{grid-template-columns:repeat(3,1fr)}
  .services-process-step:not(:last-child):after{display:none}
  .services-workflow-grid,.packages-wrap{grid-template-columns:1fr}
  .workflow-map{overflow-x:auto;padding-bottom:42px}
  .workflow-card{min-width:188px}
  .workflow-arrow{display:none}
  .workflow-band{left:25%;right:25%}
}
@media (max-width:820px){
  .services-stats-inner{margin-inline:auto;width:min(100%,calc(100% - 44px))}
  .services-offer-grid,.solve-grid,.services-process-line,.services-pricing-grid,.services-faq-grid{grid-template-columns:1fr}
  .workflow-map{display:flex;gap:14px;padding-bottom:50px}
  .workflow-map:before{display:none}
  .workflow-card{min-width:210px}
  .workflow-band{left:0;right:0}
  .services-cta-card .btn{width:100%;margin-right:0}
}
/* Services CSS is now isolated. It depends on page-common.css for shared hero/card/CTA primitives. */


/* Uploaded ACF image/SVG icons for Services and Case Studies */
.service-card__icon,
.case-card__icon,
.card-icon {
  width: 100%;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 14px;
  /* background: linear-gradient(135deg,#eef5ff,#fff); */
  /* border: 1px solid #dce7ff; */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
  overflow: hidden;
}

.service-card__icon-img,
.case-card__icon-img,
.card-icon__img {
  /* width: 42px; */
  /* height: 42px; */
  object-fit: contain;
  display: block;
}

.card-icon__fallback {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  line-height: 1;
  color: #075cff;
}

/* ===== 3Q services card icon normalization v2.2.5 ===== */

.services-offer .service-card,
#services .service-card{
  min-height:226px;
  padding:22px 16px;
  border-radius:16px;
}
.services-offer .service-card__icon,
.services-offer .icon,
#services .service-card__icon,
#services .icon{
  width:76px!important;
  height:62px!important;
  min-width:76px!important;
  margin:0 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.services-offer .service-card__icon-img,
.services-offer .card-icon__img,
#services .service-card__icon-img,
#services .card-icon__img{
  width:76px!important;
  height:62px!important;
  max-width:76px!important;
  max-height:62px!important;
  object-fit:contain!important;
}
.services-stats-strip{display:none}

/* JS FAQ accordion */
.faq-accordion details,
.faq-accordion .faq-accordion-item{
  overflow:hidden;
}
.faq-accordion details > summary,
.faq-accordion .faq-accordion-item > summary{
  user-select:none;
}
.faq-accordion details > summary::after,
.faq-accordion .faq-accordion-item > summary::after{
  content:"+" !important;
  transform:none !important;
  transition:transform .22s ease, color .22s ease;
}
.faq-accordion details.is-open > summary::after,
.faq-accordion .faq-accordion-item.is-open > summary::after{
  content:"−" !important;
  transform:none !important;
}
.faq-accordion-panel{
  display:block;
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height .3s ease, opacity .22s ease;
  will-change:max-height,opacity;
}
.faq-accordion details.is-open .faq-accordion-panel,
.faq-accordion .faq-accordion-item.is-open .faq-accordion-panel{
  opacity:1;
}
@media (prefers-reduced-motion: reduce){
  .faq-accordion-panel{
    transition:none;
  }
}



/* FAQ accordion fix 2.2.10: one card opens without stretching the paired grid card; use arrows instead of plus/minus. */
.faq-grid,
.services-faq-grid{
  align-items:start !important;
}
.faq-grid > details,
.services-faq-grid > details,
.faq details,
.faq-accordion details{
  align-self:start !important;
}
.faq-accordion details > summary::after,
.faq-accordion .faq-accordion-item > summary::after{
  content:"›" !important;
  font-size:18px !important;
  line-height:1 !important;
  transform:none !important;
  transition:transform .22s ease,color .22s ease !important;
}
.faq-accordion details.is-open > summary::after,
.faq-accordion .faq-accordion-item.is-open > summary::after,
.faq-accordion details[open] > summary::after{
  content:"⌄" !important;
  transform:none !important;
}

/* Get a Growth Plan button - screenshot match */
.services-page .btn-growth-plan{
  min-width:220px;
  min-height:54px;
  padding:0 26px;
  border-radius:13px;
  gap:14px;
  color:#143BEB;
  background:#fff;
  border:1px solid #D4DFFF;
  box-shadow:0 10px 28px rgba(18,54,124,.06);
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.services-page .btn-growth-plan:hover{
  background:#fff;
  border-color:#C7D6FF;
  color:#143BEB;
}
.services-page .btn-growth-plan .calendar-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#143BEB;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.services-page .btn-growth-plan .calendar-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.services-cta-card .btn-growth-plan-dark{
  color:#fff;
  background:transparent;
  border:1px solid rgba(139,163,255,.72);
  box-shadow:none;
}
.services-cta-card .btn-growth-plan-dark:hover{
  color:#fff;
  background:rgba(255,255,255,.06);
  border-color:rgba(178,195,255,.86);
}
.services-cta-card .btn-growth-plan-dark .calendar-icon{
  color:#fff;
}

/* Services compact trust + stats strip - match screenshot */
.services-compact-trust{
  position:relative;
  z-index:3;
  padding:0 0 16px;
  margin-top:-2px;
  background:transparent;
  border:0;
}
.services-compact-trust-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,350px);
  align-items:center;
  gap:34px;
}
.services-compact-trust .trust-strip.logos-left{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:0;
  min-width:0;
  margin:0;
  padding:0;
  color:#53617f;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.services-compact-trust .trust-strip.logos-left span{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:18px;
  margin:0 18px 0 0;
  padding:0 18px 0 0;
  color:#53617f;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.015em;
  white-space:nowrap;
}
.services-compact-trust .trust-strip.logos-left span::before{
  display:none!important;
}
.services-compact-trust .trust-strip.logos-left span:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:16px;
  transform:translateY(-50%);
  background:rgba(210,218,236,.9);
}
.services-compact-trust .trust-strip.logos-left span:last-child{
  margin-right:0;
  padding-right:0;
}
.services-compact-trust .trust-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:block;
  object-fit:contain;
  opacity:.86;
}
.services-compact-trust .stats-card{
  justify-self:end;
  width:350px;
  min-height:58px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  padding:11px 14px;
  border-radius:15px;
  border:1px solid rgba(211,223,255,.95);
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 34px rgba(30,60,140,.07);
  backdrop-filter:blur(14px);
}
.services-compact-trust .stat{
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  min-width:0;
}
.services-compact-trust .stat-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#eef3ff,#fbfcff);
  border:0;
  box-shadow:inset 0 0 0 6px rgba(88,83,255,.05);
}
.services-compact-trust .stat-icon:before{
  inset:9px;
}
.services-compact-trust .stat b{
  margin-bottom:3px;
  font-size:17px;
  line-height:.95;
  font-weight:950;
  color:#071026;
}
.services-compact-trust .stat small{
  font-size:8px;
  line-height:1.05;
  font-weight:850;
  color:#536079;
}
@media (max-width:1180px){
  .services-compact-trust-inner{
    grid-template-columns:1fr;
    gap:14px;
  }
  .services-compact-trust .stats-card{
    justify-self:start;
  }
}
@media (max-width:820px){
  .services-compact-trust{
    padding-bottom:18px;
  }
  .services-compact-trust .trust-strip.logos-left{
    flex-wrap:wrap;
    gap:10px 16px;
  }
  .services-compact-trust .trust-strip.logos-left span{
    margin:0;
    padding:0;
  }
  .services-compact-trust .trust-strip.logos-left span::after{
    display:none!important;
  }
  .services-compact-trust .stats-card{
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
    padding:16px;
  }
}

/* Trust strip admin-editable icons */
.services-compact-trust .stat-icon.has-media{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.services-compact-trust .stat-icon.has-media:before{
  display:none!important;
}
.services-compact-trust .stat-icon-img{
  width:18px;
  height:18px;
  object-fit:contain;
  display:block;
}


/* ===== Services icons 1:1 clean line style (no background) v2.2.15 ===== */
.services-solves .solve-icon,
.services-process .services-process-icon,
.services-workflow .small-icon,
.services-pricing-grid .price-name .small-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.services-solves .solve-icon:before,
.services-process .services-process-icon:before,
.services-workflow .small-icon:before,
.services-pricing-grid .price-name .small-icon:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  background:#075cff !important;
  -webkit-mask:center/contain no-repeat !important;
  mask:center/contain no-repeat !important;
}
.services-solves .solve-icon{
  width:42px !important;
  height:42px !important;
  margin:0 auto 12px !important;
  border-radius:0 !important;
}
.services-process .services-process-icon{
  width:42px !important;
  height:42px !important;
  border-radius:0 !important;
}
.services-workflow .small-icon{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  border-radius:0 !important;
}
.services-pricing-grid .price-name .small-icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:0 !important;
}
.services-pricing-grid .price-card > small{
  margin:-8px 0 28px 59px !important;
}

/* FontAwesome-style outline SVG masks */
.services-page .icon-target:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='30' cy='34' r='20'/%3E%3Ccircle cx='30' cy='34' r='10'/%3E%3Cpath d='M30 34 49 15M43 15h6v6M30 8v5M8 34h5M30 56v-5M52 34h4'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='30' cy='34' r='20'/%3E%3Ccircle cx='30' cy='34' r='10'/%3E%3Cpath d='M30 34 49 15M43 15h6v6M30 8v5M8 34h5M30 56v-5M52 34h4'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-growth:before,
.services-page .icon-chart:before,
.services-page .icon-scale:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 54h44M15 47V33M31 47V23M47 47V14'/%3E%3Cpath d='m18 27 10-10 10 8 14-16M44 9h8v8'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 54h44M15 47V33M31 47V23M47 47V14'/%3E%3Cpath d='m18 27 10-10 10 8 14-16M44 9h8v8'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-funnel:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 14h42L37 33v13l-10 5V33L11 14Z'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 14h42L37 33v13l-10 5V33L11 14Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-gear:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='9'/%3E%3Cpath d='M32 8v8M32 48v8M8 32h8M48 32h8M15 15l6 6M43 43l6 6M49 15l-6 6M21 43l-6 6'/%3E%3Cpath d='M24 11h16l3 8 8 3v20l-8 3-3 8H24l-3-8-8-3V22l8-3 3-8Z'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='9'/%3E%3Cpath d='M32 8v8M32 48v8M8 32h8M48 32h8M15 15l6 6M43 43l6 6M49 15l-6 6M21 43l-6 6'/%3E%3Cpath d='M24 11h16l3 8 8 3v20l-8 3-3 8H24l-3-8-8-3V22l8-3 3-8Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-crown:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 45 5-25 13 12 8-18 8 18 13-12 5 25H10Z'/%3E%3Cpath d='M14 52h44'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 45 5-25 13 12 8-18 8 18 13-12 5 25H10Z'/%3E%3Cpath d='M14 52h44'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-bolt:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36 6 14 36h16l-2 22 22-32H35l1-20Z'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36 6 14 36h16l-2 22 22-32H35l1-20Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-rocket:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 9c6-2 12-2 17 0 2 5 2 11 0 17L39 42l-17-17L38 9Z'/%3E%3Ccircle cx='44' cy='20' r='5'/%3E%3Cpath d='M25 26 13 30l-4 12 16-5M38 39l-5 16 12-4 4-12M20 44l-9 9M27 48l-6 6'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 9c6-2 12-2 17 0 2 5 2 11 0 17L39 42l-17-17L38 9Z'/%3E%3Ccircle cx='44' cy='20' r='5'/%3E%3Cpath d='M25 26 13 30l-4 12 16-5M38 39l-5 16 12-4 4-12M20 44l-9 9M27 48l-6 6'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-nodes:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='18' r='7'/%3E%3Ccircle cx='46' cy='18' r='7'/%3E%3Ccircle cx='32' cy='46' r='7'/%3E%3Cpath d='M25 18h14M21 25l8 15M43 25l-8 15'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='18' r='7'/%3E%3Ccircle cx='46' cy='18' r='7'/%3E%3Ccircle cx='32' cy='46' r='7'/%3E%3Cpath d='M25 18h14M21 25l8 15M43 25l-8 15'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-build:before,
.services-page .icon-desktop:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='12' width='44' height='30' rx='3'/%3E%3Cpath d='M24 52h16M32 42v10M18 22h28'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='12' width='44' height='30' rx='3'/%3E%3Cpath d='M24 52h16M32 42v10M18 22h28'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-optimize:before,
.services-page .icon-search:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='28' cy='28' r='17'/%3E%3Cpath d='m41 41 13 13'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='28' cy='28' r='17'/%3E%3Cpath d='m41 41 13 13'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-pen:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 47 45 15l7 7-32 32H13v-7Z'/%3E%3Cpath d='m39 21 7 7'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 47 45 15l7 7-32 32H13v-7Z'/%3E%3Cpath d='m39 21 7 7'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.services-page .icon-robot:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='22' width='36' height='26' rx='6'/%3E%3Cpath d='M32 22V10M24 10h16M9 32h5M50 32h5M25 35h.1M39 35h.1M26 43h12'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='22' width='36' height='26' rx='6'/%3E%3Cpath d='M32 22V10M24 10h16M9 32h5M50 32h5M25 35h.1M39 35h.1M26 43h12'/%3E%3C/g%3E%3C/svg%3E") !important;
}


/* ===== Font Awesome CDN service icons v2.2.16 ===== */
.services-fa-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#143BEB;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  flex:0 0 auto;
}
.services-fa-wrap i{
  display:block;
  color:inherit;
  line-height:1;
}
.solve-fa-icon{
  width:54px;
  height:44px;
  margin:0 auto 11px;
  font-size:34px;
}
.process-fa-icon{
  width:52px;
  height:52px;
  font-size:31px;
}
.workflow-fa-icon{
  width:36px;
  height:36px;
  font-size:26px;
}
.pricing-fa-icon{
  width:54px;
  height:54px;
  font-size:29px;
}
.workflow-top .services-fa-wrap,
.services-pricing-grid .price-name .services-fa-wrap{
  margin:0;
}
.services-pricing-grid .price-name{
  gap:17px;
}
@media (max-width:820px){
  .solve-fa-icon{font-size:32px;}
  .process-fa-icon{font-size:29px;}
}


/* Admin-editable services blocks: match screenshot, no heavy card background/border on solve grid */
.services-solves .solve-card .services-fa-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.workflow-card .workflow-fa-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* ===== Services admin icons + process spacing v2.2.18 ===== */
.services-solves .solve-card:hover{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
.sg-admin-icon-img.solve-fa-icon,
.sg-admin-icon-img.process-fa-icon,
.sg-admin-icon-img.workflow-fa-icon,
.sg-admin-icon-img.pricing-fa-icon{
  object-fit:contain !important;
  display:block !important;
}
.sg-admin-icon-img.solve-fa-icon{
  width:54px !important;
  height:44px !important;
  margin:0 auto 11px !important;
}
.sg-admin-icon-img.process-fa-icon{
  width:50px !important;
  height:50px !important;
  max-width:50px !important;
  max-height:50px !important;
}
.sg-admin-icon-img.workflow-fa-icon{
  width:32px !important;
  height:32px !important;
}
.sg-admin-icon-img.pricing-fa-icon{
  width:34px !important;
  height:34px !important;
}
.services-process-line{
  display:flex !important;
  justify-content:space-between !important;
  gap:0 !important;
  align-items:start !important;
}
.services-process-step{
  flex:0 1 188px !important;
  grid-template-columns:55px minmax(0,1fr) !important;
}
.services-process-step:not(:last-child):after{
  right:-20px !important;
}
.services-process .process-fa-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
@media (max-width:1180px){
  .services-process-line{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:24px !important;}
  .services-process-step{flex:initial !important;}
}
@media (max-width:820px){
  .services-process-line{grid-template-columns:1fr !important;}
}


/* ===== Growth Packages single admin source v2.2.21 =====
   Growth Packages cards use only Package Fields: Price, Features, Most Popular, Icon.
   Subtitle comes from Excerpt. */
.services-pricing-grid .price-name .price-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#143BEB;
  background:transparent;
  border:0;
  box-shadow:none;
}
.services-pricing-grid .price-name .price-icon-img{
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
}
.services-pricing-grid .price-name .price-icon .services-fa-wrap{
  width:42px;
  height:42px;
  font-size:29px;
}


/* Services editable section titles/subtitles v2.2.22 */
.services-page .section-head p{
  max-width:760px;
  margin:8px auto 0;
  color:#53617f;
  font-size:14px;
  line-height:1.55;
  font-weight:650;
}
.services-page .services-offer .section-head p,
.services-page .services-solves .section-head p,
.services-page .services-process .section-head p{
  text-align:center;
}
.services-page .workflow-info p{
  white-space:normal;
}

/* FAQ accordion click/open fix 2.2.43 */
.services-faq-grid.faq-accordion > details[open] > .faq-accordion-panel,
.faq-accordion > details[open] > .faq-accordion-panel{
  opacity:1;
  max-height:1200px;
}
.services-faq-grid.faq-accordion > details > summary{
  cursor:pointer;
}
