/**
 * Section components shared by industry pages (single-industry.php) and the How We Work and Industries page templates.
 * Generated from the Chapter247 Insurance v7 design.
 */
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .hm-sec.alt {
  background: #f8f4fd;
  border-top: 1px solid #f0e9f8;
  border-bottom: 1px solid #f0e9f8;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .cr-eyebrow {
  font-family: var(--font-head);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--purple);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .cr-grad {
  background: linear-gradient(
  90deg,
  var(--purple),
  var(--pink) 70%,
  #e9575a
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs {
  position: relative;
  padding: clamp(72px, 8vw, 112px) 0;
  background: #fff;
  color: var(--ink);
  scroll-margin-top: 130px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs.alt {
  background: #fcf9ff;
  border-top: 1px solid #f2ebf9;
  border-bottom: 1px solid #f2ebf9;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs-wrap {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 20px clamp(32px, 5vw, 90px);
  align-items: end;
  margin-bottom: clamp(36px, 4vw, 56px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs h2 {
  margin-top: 14px;
  font-family: var(--font-head);
  font-size: clamp(2rem, 3.4vw, 3.1rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-wrap: balance;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs-sub {
  font-size: 16px;
  line-height: 1.7;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs.dk {
  color: #fff;
  background:
  radial-gradient(
  900px 420px at 85% 0%,
  rgba(218, 120, 176, 0.22),
  transparent 60%
  ),
  linear-gradient(135deg, #2a0e5e 0%, #4a1d84 52%, #5e2490 100%);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs.dk .cr-eyebrow {
  color: #f7abb2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs.dk .fs-sub {
  color: rgba(255, 255, 255, 0.75);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .en-after .cr-eyebrow {
  color: #f7abb2;
}
@media (max-width: 1100px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs-head {
    grid-template-columns: minmax(0, 1fr);
  }
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb {
  display: grid;
  gap: 10px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-r {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
  align-items: stretch;
  border-radius: 14px;
  border: 1px solid #efe7f8;
  overflow: hidden;
  transition:
  box-shadow 0.35s,
  border-color 0.35s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-r:hover {
  border-color: #d9c8ee;
  box-shadow: 0 24px 50px -36px rgba(46, 12, 120, 0.6);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-q {
  padding: 18px 22px;
  background: #faf8fc;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-q b {
  display: block;
  font-family: var(--font-head);
  font-size: 16.5px;
  font-weight: 600;
  color: #3a3850;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-q span {
  display: block;
  margin-top: 4px;
  font-size: 13.5px;
  color: #8c88a0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-ar {
  display: grid;
  place-items: center;
  background: linear-gradient(90deg, #faf8fc 50%, #fff 50%);
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-ar svg {
  width: 20px;
  height: 20px;
  padding: 8px;
  box-sizing: content-box;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eae1f5;
  transition:
  transform 0.35s,
  background 0.35s,
  color 0.35s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-r:hover .pb-ar svg {
  transform: translateX(3px);
  background: #5e3895;
  color: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-c {
  padding: 18px 22px;
  background: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-c small {
  font-family: var(--font-head);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #3bb38a;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-c p {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #ece4f5;
  overflow: hidden;
  transition:
  transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
  box-shadow 0.4s,
  border-color 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, #5e3895, #da78b0);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c:hover {
  transform: translateY(-4px);
  border-color: #d9c8ee;
  box-shadow: 0 30px 60px -40px rgba(46, 12, 120, 0.6);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c:hover::before {
  transform: none;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-n {
  position: absolute;
  right: 20px;
  top: 20px;
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #c9c2da;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-ic {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #f6f0fc;
  transition: background 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-ic svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: #5e3895;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c:hover .of-ic {
  background: linear-gradient(135deg, #5e3895, #da78b0);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c:hover .of-ic svg {
  stroke: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c h3 {
  margin-top: 18px;
  font-family: var(--font-head);
  font-size: 18px;
  font-weight: 600;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-c p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-get {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #faf7fd;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-get small {
  display: block;
  font-family: var(--font-head);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-get span {
  display: block;
  margin-top: 3px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  position: relative;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 23px;
  height: 2px;
  background: linear-gradient(90deg, #5e3895, #da78b0);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv li {
  position: relative;
  padding: 0 18px 0 0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-n {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-family: var(--font-head);
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #5e3895, #da78b0);
  box-shadow: 0 0 0 6px #fcf9ff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv h3 {
  margin-top: 18px;
  font-family: var(--font-head);
  font-size: 16.5px;
  font-weight: 600;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv p {
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv em {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 9px;
  border-radius: 5px;
  font-style: normal;
  font-family: var(--font-head);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #5e3895;
  background: #f0e8fa;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-3 {
  margin-top: clamp(28px, 3vw, 40px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv::before {
    left: 23px;
    right: auto;
    top: 24px;
    bottom: 24px;
    width: 2px;
    height: auto;
    background: linear-gradient(#5e3895, #da78b0);
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv li {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 18px;
    padding: 0;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv li > *:not(.dv-n) {
    grid-column: 2;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv h3 {
    margin-top: 0;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-n {
    grid-row: 1 / 4;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-3 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-r {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-ar {
    display: none;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of {
    grid-template-columns: minmax(0, 1fr);
  }
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) #clear + .fs {
  padding-top: clamp(56px, 6vw, 80px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-c small {
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) main > .fs {
  padding: clamp(52px, 5vw, 72px) 0 !important;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .fs-head {
  margin-bottom: clamp(24px, 2.6vw, 36px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-3 {
  margin-top: clamp(22px, 2.4vw, 32px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-3.dy {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c {
  position: relative;
  padding: 22px 22px 10px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #ece4f5;
  box-shadow: 0 24px 50px -40px rgba(46, 12, 120, 0.6);
  overflow: hidden;
  transition:
  transform 0.35s,
  box-shadow 0.35s,
  border-color 0.35s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, #5e3895, #da78b0);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c:hover {
  transform: translateY(-3px);
  border-color: #d9c8ee;
  box-shadow: 0 30px 60px -40px rgba(46, 12, 120, 0.75);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-hd {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid #f1ebf7;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-ic {
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #5e3895, #da78b0);
  box-shadow: 0 10px 20px -10px rgba(94, 56, 149, 0.7);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-ic svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-hd small {
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-hd h3 {
  margin-top: 2px;
  font-family: var(--font-head);
  font-size: 16.5px;
  font-weight: 600;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-hd p {
  margin-top: 3px;
  font-size: 13px;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c ul {
  list-style: none;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px dashed #eee6f6;
  font-size: 14px;
  line-height: 1.4;
  color: #5f5b73;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c li:last-child {
  border-bottom: 0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c li b {
  font-weight: 600;
  color: var(--ink);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-li {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: #f6f0fc;
  transition: background 0.3s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-li svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: #5e3895;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dy-c li:hover .dy-li {
  background: #ede2fa;
}
@media (max-width: 1100px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv-3.dy {
    grid-template-columns: minmax(0, 1fr);
  }
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-grp {
  margin: 0 0 14px;
  font-family: var(--font-head);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of.of4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of4 + .ins-grp {
  margin-top: clamp(28px, 3vw, 40px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) a.of-c {
  text-decoration: none;
  color: inherit;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) a.of-c:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 3px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-go {
  margin-top: auto;
  padding-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-head);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--purple);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of-go svg {
  width: 14px;
  height: 14px;
  transition: transform 0.25s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) a.of-c:hover .of-go svg {
  transform: translateX(4px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) a.of-c .ai-offerings__technologies {
  margin-top: 0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-acc {
  margin-top: clamp(24px, 3vw, 36px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-acc-p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-cmp-h {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
  padding: 0 2px 2px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-cmp-h span {
  padding: 0 22px;
  font-family: var(--font-head);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8c88a0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-cmp-h span:last-child {
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-cmp .pb-q span {
  margin-top: 0;
  font-size: 14.5px;
  color: #5f5b73;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-cmp .pb-c p {
  margin-top: 0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-note {
  margin: 14px 0 clamp(36px, 4vw, 52px);
  font-size: 13.5px;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv.dv4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .pb-k {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-head);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b04f9b;
}
@media (max-width: 1100px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of.of4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .dv.dv4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .of.of4 {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ins-cmp-h {
    display: none;
  }
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-sec {
  padding-block: clamp(64px, 7vw, 96px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-eb {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-eb svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #da78b0;
  stroke-width: 2;
  stroke-linejoin: round;
  animation: ind-aixSpin 6s linear infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-p {
  margin-top: 16px;
  max-width: 30em;
  font-size: 16px;
  line-height: 1.65;
  color: var(--muted);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs {
  margin-top: 24px;
  display: grid;
  gap: 6px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs button {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid transparent;
  transition:
  background 0.25s,
  border-color 0.25s,
  box-shadow 0.25s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs button:hover {
  background: #faf7fd;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs button[aria-selected="true"] {
  background: #fff;
  border-color: #ece4f5;
  box-shadow: 0 18px 36px -28px rgba(46, 12, 120, 0.55);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs button[aria-selected="true"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(#5e3895, #da78b0);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs button:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tn {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-family: var(--font-head);
  font-size: 11.5px;
  font-weight: 700;
  color: #8c88a0;
  background: #f4eefb;
  transition:
  background 0.25s,
  color 0.25s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs button[aria-selected="true"] .aix-tn {
  color: #fff;
  background: linear-gradient(135deg, #5e3895, #da78b0);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs b {
  display: block;
  font-family: var(--font-head);
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tabs small {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  color: #8c88a0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-more {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--purple);
  text-decoration: none;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-more svg {
  width: 14px;
  height: 14px;
  transition: transform 0.25s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-more:hover svg {
  transform: translateX(4px);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-more:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 4px;
  border-radius: 6px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage {
  position: relative;
  aspect-ratio: 720/420;
  max-width: 100%;
  border-radius: 22px;
  overflow: hidden;
  background:
  radial-gradient(
  420px 260px at 82% 22%,
  rgba(218, 120, 176, 0.14),
  transparent 70%
  ),
  linear-gradient(170deg, #fcf9ff, #f4eefb);
  border: 1px solid #ece4f5;
  box-shadow: 0 40px 80px -56px rgba(46, 12, 120, 0.6);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-grid circle {
  fill: #d9cdeb;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-ground {
  stroke: #d9cdeb;
  stroke-width: 2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-body {
  fill: #fff;
  stroke: #5e3895;
  stroke-width: 2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-roof,
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-awn {
  fill: none;
  stroke: #5e3895;
  stroke-width: 2;
  stroke-linecap: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-awn {
  stroke: #da78b0;
  stroke-width: 3;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-fl {
  stroke: #ede4f7;
  stroke-width: 1.5;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-w {
  fill: #f4eefb;
  stroke: #d9cdeb;
  stroke-width: 1.2;
  transition:
  fill 0.4s,
  stroke 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-w.on {
  fill: url(#aixLine);
  stroke: #5e3895;
  animation: ind-aixGlow 1.6s ease-in-out infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-tree {
  fill: #f1e9fa;
  stroke: #c9b8e2;
  stroke-width: 1.5;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-trunk {
  stroke: #c9b8e2;
  stroke-width: 2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-beam {
  animation: ind-aixScan 4.2s cubic-bezier(0.45, 0, 0.35, 1) infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-link {
  fill: none;
  stroke: url(#aixLine);
  stroke-width: 1.8;
  stroke-dasharray: 5 6;
  animation: ind-aixDash 1.2s linear infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin {
  position: absolute;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #b9a6d6;
  transition:
  border-color 0.3s,
  transform 0.3s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(218, 120, 176, 0.35);
  transform: scale(0);
  opacity: 0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin.on i {
  border-color: #da78b0;
  transform: scale(1.15);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin.on::before {
  animation: ind-aixPulse 1.8s ease-out infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin:focus-visible {
  outline: 2px solid var(--purple);
  outline-offset: 2px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-card {
  position: absolute;
  right: 2.5%;
  top: 7%;
  width: 39%;
  padding: 16px 16px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #ece4f5;
  box-shadow: 0 30px 60px -36px rgba(46, 12, 120, 0.7);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-ch {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-ch svg {
  width: 13px;
  height: 13px;
  fill: #da78b0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-card h3 {
  margin-top: 6px;
  font-family: var(--font-head);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--ink);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-card h3 small {
  display: block;
  margin-top: 2px;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 400;
  color: #8c88a0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-steps {
  list-style: none;
  margin-top: 12px;
  display: grid;
  gap: 8px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-steps li {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.4;
  color: #3a3850;
  opacity: 0;
  transform: translateY(6px);
  animation: ind-aixIn 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: calc(0.25s + var(--k) * 0.45s);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-steps small {
  font-family: var(--font-head);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8c88a0;
  padding-top: 2px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf {
  margin-top: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  font-size: 11.5px;
  color: #8c88a0;
  opacity: 0;
  animation: ind-aixIn 0.4s forwards 1.6s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf i {
  height: 6px;
  border-radius: 6px;
  background: #f1ebf8;
  overflow: hidden;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf i::after {
  content: "";
  display: block;
  height: 100%;
  width: calc(var(--c) * 100%);
  border-radius: 6px;
  background: linear-gradient(90deg, #5e3895, #da78b0);
  transform-origin: left;
  animation: ind-aixBar 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) both 1.7s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf.low i::after {
  background: linear-gradient(90deg, #e39a3b, #f0b86a);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf b {
  font-family: var(--font-head);
  font-size: 13px;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-v {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 10px;
  font-family: var(--font-head);
  font-size: 12.5px;
  font-weight: 600;
  opacity: 0;
  animation: ind-aixIn 0.4s forwards 2.1s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-v.p {
  color: #4a1d84;
  background: #f3ecfc;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-v.a {
  color: #1f7a5a;
  background: #e7f7f0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-v svg {
  width: 15px;
  height: 15px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-note {
  position: absolute;
  left: 16px;
  bottom: 10px;
  font-size: 11px;
  color: #9a95ae;
}
@media (max-width: 1100px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage {
    aspect-ratio: auto;
    padding-bottom: 12px;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-svg {
    position: relative;
    height: auto;
    aspect-ratio: 720/420;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin {
    display: none;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-link {
    display: none;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-card {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    margin: 0 12px 22px;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-note {
    bottom: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-beam,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-eb svg,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-link,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-w.on,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-pin.on::before {
    animation: none;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-steps li,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-v {
    animation: none;
    opacity: 1;
    transform: none;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-conf i::after {
    animation: none;
  }
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-doc {
  fill: #fff;
  stroke: #5e3895;
  stroke-width: 1.8;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-t {
  font-family: "Montserrat", system-ui, sans-serif;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  fill: #5e3895;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-hr {
  stroke: #ede4f7;
  stroke-width: 1.5;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-ln {
  stroke: #e3d8f1;
  stroke-width: 4;
  stroke-linecap: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-th {
  fill: #f4eefb;
  stroke: #d9cdeb;
  stroke-width: 1;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-bx {
  fill: #fff;
  stroke: #c9b8e2;
  stroke-width: 1.4;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-car {
  fill: none;
  stroke: #b9a6d6;
  stroke-width: 1.8;
  stroke-linejoin: round;
  transition: stroke 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-w.on ~ .aix-car,
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-w[data-u="B"].on + .aix-car {
  stroke: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-sig {
  fill: none;
  stroke: #5e3895;
  stroke-width: 1.6;
  stroke-linecap: round;
}

@keyframes ind-aixSpin { to { transform: rotate(360deg); } }
@keyframes ind-aixGlow { 50% { opacity: 0.75; } }
@keyframes ind-aixScan { 0% { transform: translateY(0); } 100% { transform: translateY(450px); } }
@keyframes ind-aixDash { to { stroke-dashoffset: -22; } }
@keyframes ind-aixPulse { 0% { transform: scale(0.4); opacity: 0.9; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes ind-aixIn { to { opacity: 1; transform: none; } }
@keyframes ind-aixBar { from { transform: scaleX(0); } }

/* ---------- Proof · single client story ---------- */
/* Deck height comes from the global case-study.css rule, same as the home page. */
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .case-deck__nav[hidden] {
  display: none;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .cs-story {
  padding: 20px 22px 18px;
  color: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .cs-story .st-k {
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f7abb2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .cs-story .st-k + * {
  margin-top: 6px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .cs-story .st-p {
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  margin-bottom: 14px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .st-did {
  list-style: none;
  display: grid;
  gap: 7px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .st-did li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.9);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .st-did b {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  color: #4a1d84;
  background: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .case-card__impact .st-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .case-card__impact .st-facts span {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: #f1ebf8;
  color: #4a1d84;
}
@media (max-width: 900px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .ind-proof .cs-story {
    padding: 14px;
  }
}

:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-amt {
  font-family: var(--font);
  font-size: 9px;
  font-weight: 600;
  fill: #5f5b73;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-chip {
  fill: #e3d8f1;
  stroke: #c9b8e2;
  stroke-width: 1;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .aix-chip {
  fill: #fff;
  stroke-width: 1.2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .aix-c {
  font-size: 8.5px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .aix-play {
  fill: #b9a6d6;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .aix-spark {
  fill: none;
  stroke: #b9a6d6;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .g-edu .ed-p0 {
  fill: none;
  stroke: rgba(255, 255, 255, 0.18);
  stroke-width: 2;
  stroke-dasharray: 4 8;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .g-edu .ed-p {
  fill: none;
  stroke: #f7abb2;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: ind-edP 4s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .g-edu .ed-n {
  fill: #2a0e5e;
  stroke: rgba(255, 255, 255, 0.5);
  stroke-width: 2;
  animation: ind-edN 0.5s forwards;
  animation-delay: calc(0.6s + var(--i) * 0.45s);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .g-edu .ed-cap {
  fill: rgba(247, 171, 178, 0.25);
  stroke: #f7abb2;
  stroke-width: 2;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .aix-sm {
  font-size: 8.5px;
  font-weight: 600;
  fill: #8c88a0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .aix-bar {
  stroke: #b9a6d6;
  stroke-width: 5;
  stroke-linecap: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .aix-w[data-u="A"].on ~ .aix-bar {
  stroke: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .g-fx .fx-wk {
  stroke: rgba(255, 255, 255, 0.35);
  stroke-width: 1.5;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .g-fx .fx-c {
  fill: rgba(255, 255, 255, 0.08);
  stroke: rgba(255, 255, 255, 0.45);
  stroke-width: 1.2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .g-fx .fx-c.up {
  fill: rgba(247, 171, 178, 0.35);
  stroke: #f7abb2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .g-fx .fx-tr {
  fill: none;
  stroke: #f7abb2;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: ind-fxTr 3.5s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.4s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--healthtech .aix-box,
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--logistics .aix-box {
  fill: #fff;
  stroke: #c9b8e2;
  stroke-width: 1.2;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--healthtech .aix-tk {
  fill: none;
  stroke: #5e3895;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--manufacturing .aix-pl {
  fill: none;
  stroke: #b04f9b;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .aix-w.on ~ .aix-car {
  stroke: #fff;
}

@keyframes ind-edP {
  to { stroke-dashoffset: 0; }
}
@keyframes ind-edN {
  to {
    fill: #f7abb2;
    stroke: #fff;
  }
}
@keyframes ind-fxTr {
  to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .g-edu .ed-p,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--fintech .g-fx .fx-tr {
    animation: none;
    stroke-dashoffset: 0;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .aix-stage--edtech .g-edu .ed-n {
    animation: none;
    fill: #f7abb2;
  }
}

:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-stage {
  min-width: 0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-con {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  height: clamp(470px, 62vh, 540px);
  border-radius: 20px;
  background: #fff;
  border: 1px solid #ece4f5;
  box-shadow: 0 40px 80px -50px rgba(46, 12, 120, 0.55);
  overflow: hidden;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #2a0f5c, #5e3895 60%, #9b4c9e);
  color: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-ch {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-family: var(--font-head);
  font-size: 13.5px;
  font-weight: 600;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-ch svg {
  flex: none;
  width: 30px;
  height: 30px;
  padding: 7px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.14);
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-ch small {
  display: block;
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 22px;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.3s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave.on {
  opacity: 1;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave i {
  width: 3px;
  height: 30%;
  border-radius: 2px;
  background: #f7abb2;
  animation: ind-laWave 1s ease-in-out infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave i:nth-child(2n) {
  animation-delay: -0.3s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave i:nth-child(3n) {
  animation-delay: -0.6s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-live {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: none;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 11.5px;
  font-weight: 600;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave:not(.on) + .la-live {
  margin-left: auto;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3bd69a;
  animation: ind-laPulse 1.8s infinite;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 18px 10px;
  background: #faf8fc;
  overflow: hidden;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-body::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 40px;
  background: linear-gradient(#faf8fc, rgba(250, 248, 252, 0));
  z-index: 1;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-msgs {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-m {
  max-width: 82%;
  padding: 9px 13px;
  border-radius: 14px;
  font-size: 13.5px;
  line-height: 1.45;
  white-space: pre-line;
  animation: ind-laIn 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-m small {
  display: block;
  margin-bottom: 2px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.65;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-m.them {
  align-self: flex-start;
  background: #fff;
  border: 1px solid #ece4f5;
  color: var(--ink);
  border-bottom-left-radius: 4px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-m.ai {
  align-self: flex-end;
  background: linear-gradient(135deg, #5e3895, #8a4aa8);
  color: #fff;
  border-bottom-right-radius: 4px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-tms {
  padding: 12px 18px 10px;
  border-top: 1px solid #efe7f8;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-th {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #b04f9b;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-th svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #b04f9b;
  stroke-width: 1.8;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-th span {
  margin-left: auto;
  letter-spacing: 0.04em;
  text-transform: none;
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 600;
  color: #8c88a0;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-f {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 9px;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-f div {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 9px;
  background: #faf8fc;
  border: 1px solid #efe7f8;
  opacity: 0.35;
  transition: opacity 0.3s, background 0.3s, border-color 0.3s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-f div.on {
  opacity: 1;
  background: #fff;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-f dt {
  font-size: 10.5px;
  color: #8c88a0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-f dd {
  margin-top: 2px;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-v {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 18px 14px;
  padding: 10px 13px;
  border-radius: 11px;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 600;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.35s, transform 0.35s;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-v.on {
  opacity: 1;
  transform: none;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-v.a {
  color: #0e6b4a;
  background: #e3f7ee;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-v.p {
  color: #5e3895;
  background: #f3ecfb;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-v svg {
  flex: none;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-note {
  margin-top: 10px;
  font-size: 12px;
  color: #8c88a0;
}
@keyframes ind-laWave {
  50% { height: 100%; }
}
@keyframes ind-laPulse {
  50% { opacity: 0.35; }
}
@keyframes ind-laIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (max-width: 1000px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-con {
    height: auto;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-body {
    min-height: 300px;
  }
}
@media (max-width: 640px) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-f {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-m {
    max-width: 92%;
    font-size: 13px;
  }
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-wave i,
  :is(body.single-industry, body.page-template-templateshow-we-work-php, body.page-template-templatesindustries-php) .la-live i {
    animation: none;
  }
}