.pillar-page main > .hero {
  position: relative;
  min-height: max(720px, 100svh);
  padding: 145px clamp(1.25rem, 7vw, 8rem) 82px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  color: #fff;
}

.pillar-page main > .hero .hero-motion,
.pillar-page main > .hero .hero-motion i,
.pillar-page main > .hero .hero-signal,
.pillar-page main > .hero .hero-signal i {
  display: none !important;
  animation: none !important;
}

.pillar-page main > .hero::before,
.pillar-page main > .hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: auto;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  pointer-events: none;
  animation: none !important;
}

.pillar-page--technology main > .hero {
  background: radial-gradient(circle at 88% 34%,rgba(211,32,49,.11),transparent 30%),linear-gradient(118deg,#080808,#141011 67%,#210b0e);
}
.pillar-page--technology main > .hero::before {
  inset: -12% -8% -12% 40%;
  background:
    linear-gradient(116deg,transparent 0 28%,rgba(211,32,49,.32) 28.08% 28.22%,transparent 28.32%),
    linear-gradient(123deg,transparent 0 47%,rgba(255,255,255,.13) 47.08% 47.2%,transparent 47.3%),
    linear-gradient(130deg,transparent 0 66%,rgba(211,32,49,.2) 66.08% 66.2%,transparent 66.3%);
  transform: skewX(-5deg);
}
.pillar-page--technology main > .hero::after {
  width: 62%;
  height: 56%;
  right: -9%;
  top: 16%;
  border-top: 1px solid rgba(211,32,49,.34);
  border-radius: 58% 42% 0 0;
  transform: rotate(10deg);
}

.pillar-page--marketing main > .hero {
  background: radial-gradient(circle at 78% 48%,rgba(211,32,49,.1),transparent 32%),linear-gradient(132deg,#080808,#151011 64%,#20090c);
}
.pillar-page--marketing main > .hero::before {
  inset: -20% -10% -20% 36%;
  background:
    linear-gradient(137deg,transparent 0 34%,rgba(211,32,49,.34) 34.08% 34.22%,transparent 34.32%),
    linear-gradient(128deg,transparent 0 50%,rgba(255,255,255,.12) 50.08% 50.2%,transparent 50.3%),
    linear-gradient(119deg,transparent 0 67%,rgba(211,32,49,.21) 67.08% 67.2%,transparent 67.3%);
  transform: rotate(3deg);
}
.pillar-page--marketing main > .hero::after {
  width: 58%;
  height: 42%;
  right: -4%;
  bottom: 10%;
  border-top: 1px solid rgba(211,32,49,.3);
  border-radius: 72% 28% 0 0;
  transform: rotate(-9deg);
}

.pillar-page--application main > .hero {
  background: radial-gradient(circle at 84% 30%,rgba(211,32,49,.1),transparent 29%),linear-gradient(120deg,#070707,#161011 62%,#20090c);
}
.pillar-page--application main > .hero::before {
  inset: -8% -8% -8% 42%;
  background:
    linear-gradient(146deg,transparent 0 39%,rgba(211,32,49,.32) 39.08% 39.22%,transparent 39.32%),
    linear-gradient(34deg,transparent 0 56%,rgba(255,255,255,.12) 56.08% 56.2%,transparent 56.3%),
    linear-gradient(154deg,transparent 0 71%,rgba(211,32,49,.18) 71.08% 71.2%,transparent 71.3%);
}
.pillar-page--application main > .hero::after {
  width: 52%;
  height: 36%;
  right: -2%;
  top: 15%;
  border-top: 1px solid rgba(211,32,49,.26);
  border-radius: 35% 65% 0 0;
  transform: rotate(-16deg);
}

.pillar-page--voice main > .hero {
  background: radial-gradient(circle at 82% 48%,rgba(211,32,49,.09),transparent 31%),linear-gradient(122deg,#080808,#131011 64%,#200a0d);
}
.pillar-page--voice main > .hero::before {
  inset: 5% -8% 5% 40%;
  background:
    linear-gradient(101deg,transparent 0 34%,rgba(211,32,49,.3) 34.08% 34.2%,transparent 34.3%),
    linear-gradient(101deg,transparent 0 50%,rgba(255,255,255,.12) 50.08% 50.2%,transparent 50.3%),
    linear-gradient(101deg,transparent 0 66%,rgba(211,32,49,.18) 66.08% 66.2%,transparent 66.3%);
  transform: rotate(-8deg);
}
.pillar-page--voice main > .hero::after {
  width: 56%;
  height: 48%;
  right: -7%;
  bottom: 3%;
  border-top: 1px solid rgba(211,32,49,.3);
  border-radius: 68% 32% 0 0;
  transform: rotate(14deg);
}

.pillar-page--insurance main > .hero {
  background: radial-gradient(circle at 86% 40%,rgba(211,32,49,.1),transparent 31%),linear-gradient(116deg,#080808,#141011 66%,#210b0e);
}
.pillar-page--insurance main > .hero::before {
  width: 68%;
  height: 48%;
  right: -12%;
  top: 8%;
  border-top: 1px solid rgba(211,32,49,.34);
  border-radius: 62% 38% 0 0;
  transform: rotate(-7deg);
}
.pillar-page--insurance main > .hero::after {
  inset: -8% -8% -8% 44%;
  background:
    linear-gradient(111deg,transparent 0 37%,rgba(255,255,255,.13) 37.08% 37.2%,transparent 37.3%),
    linear-gradient(119deg,transparent 0 56%,rgba(211,32,49,.27) 56.08% 56.2%,transparent 56.3%),
    linear-gradient(127deg,transparent 0 72%,rgba(211,32,49,.16) 72.08% 72.2%,transparent 72.3%);
}

.pillar-page--cyber main > .hero {
  background: radial-gradient(circle at 84% 34%,rgba(85,133,207,.2),transparent 29%),radial-gradient(circle at 67% 67%,rgba(108,41,130,.2),transparent 36%),linear-gradient(120deg,#10002f,#180344 58%,#091b4b);
}
.pillar-page--cyber main > .hero::before {
  inset: -10% -10% -10% 38%;
  background:
    linear-gradient(124deg,transparent 0 31%,rgba(117,166,240,.38) 31.08% 31.22%,transparent 31.32%),
    linear-gradient(132deg,transparent 0 50%,rgba(255,255,255,.14) 50.08% 50.2%,transparent 50.3%),
    linear-gradient(140deg,transparent 0 68%,rgba(168,103,194,.25) 68.08% 68.2%,transparent 68.3%);
  transform: skewX(-4deg);
}
.pillar-page--cyber main > .hero::after {
  width: 60%;
  height: 46%;
  right: -8%;
  bottom: 8%;
  border-top: 1px solid rgba(117,166,240,.34);
  border-radius: 70% 30% 0 0;
  transform: rotate(9deg);
}

.pillar-page--emergency main > .hero {
  background: radial-gradient(circle at 76% 28%,rgba(85,133,207,.16),transparent 27%),linear-gradient(128deg,#10002f,#2d1255 56%,#15144b);
}
.pillar-page--emergency main > .hero::before {
  inset: -12% -8% -12% 35%;
  background:
    linear-gradient(142deg,transparent 0 33%,rgba(117,166,240,.4) 33.08% 33.22%,transparent 33.32%),
    linear-gradient(142deg,transparent 0 49%,rgba(255,255,255,.14) 49.08% 49.2%,transparent 49.3%),
    linear-gradient(142deg,transparent 0 65%,rgba(168,103,194,.25) 65.08% 65.2%,transparent 65.3%);
  transform: skewX(-7deg);
}
.pillar-page--emergency main > .hero::after {
  width: 58%;
  height: 38%;
  right: -5%;
  top: 7%;
  border-top: 1px solid rgba(132,173,240,.32);
  border-radius: 42% 58% 0 0;
  transform: rotate(-13deg);
}

.pillar-page main > .hero .hero-copy {
  position: relative;
  z-index: 2;
  width: min(1120px, 100%);
  max-width: 1120px;
}

.pillar-page main > .hero .kicker {
  margin: 0;
  font: 700 .8rem/1.4 var(--body, "Open Sans", sans-serif);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pillar-page main > .hero h1 {
  max-width: 1120px;
  margin: 1.6rem 0 0;
  font: 600 clamp(3.8rem, 7.2vw, 7.8rem)/.88 var(--display, "Raleway", sans-serif) !important;
  letter-spacing: -.06em !important;
}

.pillar-page main > .hero .hero-bottom {
  max-width: 900px;
  margin-top: clamp(2.3rem, 5vh, 4rem);
  display: flex;
  align-items: flex-end;
  gap: clamp(1.5rem, 3vw, 3rem);
}

.pillar-page main > .hero .hero-bottom p,
.pillar-page--emergency main > .hero .hero-intro {
  max-width: 610px;
  margin: 0;
  color: #dedede;
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.65;
}

.pillar-page--emergency main > .hero .hero-intro { margin: clamp(2.3rem, 5vh, 4rem) 0 2rem; }
.pillar-page main > .hero .hero-bottom .button { flex: 0 0 auto; }

.pillar-page main > .hero .hero-bottom .button-light {
  background: rgba(34,30,31,.96);
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

.pillar-page main > .hero .hero-status {
  position: absolute;
  z-index: 2;
  right: clamp(1.25rem, 4vw, 4.5rem);
  bottom: 3rem;
  display: flex !important;
  flex-direction: row !important;
  border-top: 1px solid rgba(255,255,255,.28);
  border-left: 0;
}

.pillar-page main > .hero .hero-status span {
  padding: .8rem 1.25rem;
  color: #ddd;
  font: 700 .72rem/1.4 var(--body, "Open Sans", sans-serif);
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.2);
}

.pillar-page main > .hero .hero-status span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: .55rem;
  border-radius: 50%;
  background: var(--red, #d32031);
}

.pillar-page--cyber main > .hero .hero-status span::before,
.pillar-page--emergency main > .hero .hero-status span::before { background: #75a6f0; }

.pillar-page main > .hero .scroll-cue { display: none !important; }

@media (max-width: 1180px) {
  .pillar-page main > .hero {
    min-height: max(680px, 100svh) !important;
    padding: 132px clamp(1.25rem, 6vw, 4.5rem) 118px !important;
    align-items: center;
  }

  .pillar-page main > .hero .hero-bottom {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.4rem;
  }

  .pillar-page main > .hero .hero-bottom > p { order: 1; }
  .pillar-page main > .hero .hero-bottom .button { order: 2; }

  .pillar-page main > .hero .hero-status {
    right: clamp(1.25rem, 4vw, 3rem);
    bottom: 1.4rem;
    display: flex !important;
  }
}

@media (max-width: 650px) {
  .pillar-page main > .hero {
    min-height: max(640px, 100svh) !important;
    padding: 126px 1.25rem 112px !important;
    align-items: center;
  }

  .pillar-page main > .hero h1 {
    max-width: 100%;
    margin-top: 1.35rem;
    font-size: clamp(2.45rem, 10vw, 3.3rem) !important;
    line-height: .94 !important;
    letter-spacing: -.05em !important;
    text-wrap: balance;
    overflow-wrap: normal;
  }

  .pillar-page main > .hero .hero-bottom {
    width: 100%;
    margin-top: 1.8rem;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.4rem;
  }

  .pillar-page main > .hero .hero-bottom p,
  .pillar-page--emergency main > .hero .hero-intro {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.6;
  }

  .pillar-page--emergency main > .hero .hero-intro { margin: 1.8rem 0 1.4rem; }

  .pillar-page main > .hero .hero-bottom .button {
    width: min(100%, 360px);
    min-height: 54px;
  }

  .pillar-page main > .hero .hero-status {
    right: 4.5rem;
    bottom: 1rem;
  }

  .pillar-page main > .hero .hero-status span {
    padding: .58rem .72rem;
    font-size: .62rem;
    letter-spacing: .06em;
  }

  .pillar-page main > .hero::before,
  .pillar-page main > .hero::after { opacity: .82; }

  .pillar-page--emergency main > .hero .emergency-call {
    width: min(100%, 630px);
  }
}

@media (max-width: 390px) {
  .pillar-page main > .hero {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .pillar-page main > .hero h1 { font-size: clamp(2.3rem, 10vw, 3rem) !important; }
}