/* ==========================================================
   APPOINTMENT SETTING PAGE
========================================================== */

.appointment-page {

  --ap-bg: #05090d;
  --ap-bg-two: #07121e;
  --ap-card: #0e1a29;

  --ap-white: #f3f6f9;
  --ap-text: #9aacbc;
  --ap-muted: #718699;

  --ap-blue: #65c8fa;
  --ap-purple: #8b87ff;
  --ap-teal: #5dd9c8;

  --ap-border:
    rgba(125,170,207,.13);

  --ap-blue-border:
    rgba(101,200,250,.25);

  overflow: hidden;

  background: var(--ap-bg);

}


/* COMMON */

.ap-section {

  position: relative;

  padding: 105px 0;

  overflow: hidden;

}


.ap-eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: var(--ap-blue);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;

}


.ap-eyebrow > span {

  width: 20px;

  height: 1px;

  background: var(--ap-blue);

}


.ap-glow {

  position: absolute;

  width: 650px;

  height: 650px;

  border-radius: 50%;

  filter: blur(135px);

  pointer-events: none;

}


.ap-glow-one {

  left: -420px;

  bottom: -330px;

  background:
    rgba(28,119,187,.2);

}


.ap-glow-two {

  right: -400px;

  top: -180px;

  background:
    rgba(93,72,200,.15);

}


.ap-glow-three {

  right: -420px;

  top: -40px;

  background:
    rgba(78,68,180,.09);

}



/* HERO */

.ap-hero {

  position: relative;

  padding: 165px 0 96px;

  overflow: hidden;

  background:

    radial-gradient(
      circle at 7% 20%,
      rgba(23,102,166,.24),
      transparent 35%
    ),

    radial-gradient(
      circle at 90% 18%,
      rgba(96,74,199,.15),
      transparent 34%
    ),

    linear-gradient(
      135deg,
      #071422 0%,
      #04080d 51%,
      #091421 100%
    );

}


.ap-grid-bg {

  position: absolute;

  inset: 0;

  opacity: .045;

  background-image:

    linear-gradient(
      rgba(101,200,250,.11) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(101,200,250,.11) 1px,
      transparent 1px
    );

  background-size: 72px 72px;

}


.ap-hero-layout {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 70px;

  align-items: center;

}


.ap-hero-copy h1 {

  max-width: 800px;

  min-height: 215px;

  margin: 20px 0 0;

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    clamp(50px, 5vw, 72px);

  line-height: 1.01;

  letter-spacing: -4.1px;

}


.ap-static-title {

  display: block;

  color: var(--ap-white);

}


.ap-type-line {

  display: block;

  min-height: 2.05em;

}


.ap-type-text {

  color: transparent;

  background:

    linear-gradient(
      90deg,
      #65c8fa,
      #73b8ff 45%,
      #9185ff
    );

  -webkit-background-clip: text;

  background-clip: text;

}


.ap-type-cursor {

  display: inline-block;

  width: 3px;

  height: .87em;

  margin-left: 5px;

  vertical-align: -.04em;

  border-radius: 10px;

  background: var(--ap-blue);

  box-shadow:
    0 0 14px
    rgba(101,200,250,.5);

  animation:
    apCursor .75s
    steps(1)
    infinite;

}


@keyframes apCursor {

  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }

}


.ap-hero-lead {

  max-width: 670px;

  margin: 13px 0 0;

  color: #a6b6c4;

  font-size: 16px;

  line-height: 1.75;

}


.ap-hero-lead strong {

  color: #e1ebf2;

}


.ap-hero-features {

  display: flex;

  flex-wrap: wrap;

  gap: 10px 20px;

  margin-top: 23px;

}


.ap-hero-features span {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: #92a5b6;

  font-size: 11px;

}


.ap-hero-features svg {

  width: 14px;

  color: var(--ap-teal);

}


.ap-hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 11px;

  margin-top: 30px;

}


.ap-primary-btn,
.ap-secondary-btn {

  min-height: 52px;

  padding: 0 21px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  border-radius: 10px;

  text-decoration: none;

  font-size: 13px;

  font-weight: 700;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;

}


.ap-primary-btn {

  color: #06131d;

  background:

    linear-gradient(
      135deg,
      #afe5ff,
      #65c8fa
    );

}


.ap-primary-btn:hover {

  transform:
    translateY(-3px);

  box-shadow:
    0 20px 45px
    rgba(101,200,250,.22);

}


.ap-secondary-btn {

  color: #e3ebf1;

  border:
    1px solid
    var(--ap-border);

  background:
    rgba(255,255,255,.015);

}


.ap-primary-btn svg,
.ap-secondary-btn svg {

  width: 14px;

}



/* HERO MEETING CARD */

.ap-meeting-card {

  position: relative;

  padding: 27px;

  border-radius: 22px;

  border:
    1px solid
    rgba(101,200,250,.18);

  background:

    radial-gradient(
      circle at 92% 0%,
      rgba(95,78,210,.11),
      transparent 32%
    ),

    linear-gradient(
      145deg,
      #14243b,
      #09131f
    );

  box-shadow:
    0 45px 100px
    rgba(0,0,0,.38);

  transition:
    border-color .25s ease,
    transform .18s ease;

}


.ap-meeting-card:hover {

  border-color:
    rgba(101,200,250,.31);

}


.ap-meeting-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 15%;

  width: 42%;

  height: 1px;

  background:

    linear-gradient(
      90deg,
      transparent,
      var(--ap-blue),
      var(--ap-purple),
      transparent
    );

}


.ap-meeting-head {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding-bottom: 19px;

  border-bottom:
    1px solid var(--ap-border);

}


.ap-meeting-head small {

  color: var(--ap-blue);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1.4px;

}


.ap-meeting-head h3 {

  margin: 6px 0 0;

  color: #edf3f7;

  font-size: 22px;

}


.ap-live {

  display: flex;

  align-items: center;

  gap: 7px;

  color: var(--ap-teal);

  font-size: 8px;

  font-weight: 700;

}


.ap-live i {

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: var(--ap-teal);

  animation:
    apPulse 1.8s infinite;

}


@keyframes apPulse {

  0% {
    box-shadow:
      0 0 0 0
      rgba(93,217,200,.32);
  }

  70% {
    box-shadow:
      0 0 0 10px
      rgba(93,217,200,0);
  }

  100% {
    box-shadow:
      0 0 0 0
      rgba(93,217,200,0);
  }

}


.ap-meeting-summary {

  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 9px;

  padding: 20px 0;

}


.ap-meeting-summary article {

  padding: 14px;

  border-radius: 11px;

  border:
    1px solid
    rgba(140,180,212,.09);

  background:
    rgba(255,255,255,.014);

}


.ap-meeting-summary span {

  display: block;

  color: #6f8396;

  font-size: 7px;

}


.ap-meeting-summary strong {

  display: block;

  margin-top: 6px;

  color: #edf3f7;

  font-size: 19px;

}


.ap-calendar-card {

  padding: 20px;

  border-radius: 15px;

  border:
    1px solid
    rgba(101,200,250,.12);

  background:
    rgba(3,10,17,.42);

}


.ap-calendar-top {

  display: flex;

  justify-content: space-between;

  align-items: center;

}


.ap-calendar-top small {

  color: var(--ap-blue);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1px;

}


.ap-calendar-top strong {

  display: block;

  margin-top: 5px;

  color: #eaf1f6;

  font-size: 13px;

}


.ap-calendar-top > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  border-radius: 10px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.14);

}


.ap-buyer-row {

  margin-top: 20px;

  padding:
    17px 0;

  display: grid;

  grid-template-columns:
    43px 1fr auto;

  gap: 12px;

  align-items: center;

  border-top:
    1px solid
    var(--ap-border);

  border-bottom:
    1px solid
    var(--ap-border);

}


.ap-avatar {

  width: 43px;

  height: 43px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  color: #071522;

  background:

    linear-gradient(
      145deg,
      #66cdfc,
      #878aff
    );

  font-size: 11px;

  font-weight: 700;

}


.ap-buyer-row strong {

  display: block;

  color: #eaf1f6;

  font-size: 11px;

}


.ap-buyer-row small {

  display: block;

  margin-top: 4px;

  color: #718599;

  font-size: 8px;

}


.ap-buyer-row > span {

  color: #8499aa;

  font-size: 8px;

}


.ap-context-grid {

  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 8px;

  margin-top: 15px;

}


.ap-context-grid article {

  padding: 12px;

  border-radius: 9px;

  background:
    rgba(255,255,255,.015);

}


.ap-context-grid small {

  color: #667b8e;

  font-size: 6px;

}


.ap-context-grid strong {

  display: block;

  margin-top: 4px;

  color: #e1eaf1;

  font-size: 9px;

}


.ap-meeting-ready {

  margin-top: 15px;

  padding: 14px;

  display: grid;

  grid-template-columns:
    36px 1fr;

  gap: 11px;

  align-items: center;

  border-radius: 10px;

  border:
    1px solid
    rgba(93,217,200,.13);

  background:
    rgba(93,217,200,.03);

}


.ap-meeting-ready svg {

  width: 34px;

  height: 34px;

  padding: 8px;

  color: var(--ap-teal);

}


.ap-meeting-ready small {

  color: var(--ap-teal);

  font-size: 7px;

}


.ap-meeting-ready strong {

  display: block;

  margin-top: 3px;

  color: #e9f1f5;

  font-size: 10px;

}


.ap-float {

  position: absolute;

  z-index: 5;

  padding: 8px 12px;

  display: flex;

  align-items: center;

  gap: 7px;

  border-radius: 100px;

  color: #93dcff;

  border:
    1px solid
    rgba(101,200,250,.16);

  background:
    rgba(5,12,20,.95);

  font-size: 8px;

  box-shadow:
    0 15px 35px
    rgba(0,0,0,.3);

  animation:
    apFloat
    4s
    ease-in-out
    infinite;

}


.ap-float svg {

  width: 13px;

}


.ap-float-one {

  right: -25px;

  top: 92px;

}


.ap-float-two {

  left: -24px;

  bottom: 75px;

  animation-delay: 1s;

}


@keyframes apFloat {

  50% {
    transform:
      translateY(-7px);
  }

}



/* VALUE STRIP */

.ap-value-strip {

  border-top:
    1px solid
    rgba(130,170,205,.07);

  border-bottom:
    1px solid
    rgba(130,170,205,.07);

  background:

    linear-gradient(
      90deg,
      #05090d,
      #0b1827,
      #05090d
    );

}


.ap-value-grid {

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

}


.ap-value-grid article {

  min-height: 115px;

  padding: 23px 24px;

  display: grid;

  grid-template-columns:
    38px 1fr;

  gap: 13px;

  align-items: center;

  border-right:
    1px solid
    rgba(130,170,205,.08);

}


.ap-value-grid article:last-child {

  border-right: 0;

}


.ap-value-grid svg {

  width: 36px;

  height: 36px;

  padding: 9px;

  border-radius: 9px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

  background:
    rgba(101,200,250,.035);

}


.ap-value-grid strong {

  display: block;

  color: #eaf1f6;

  font-size: 13px;

}


.ap-value-grid span {

  display: block;

  margin-top: 4px;

  color: #778b9e;

  font-size: 9px;

}



/* HEADINGS */

.ap-heading-grid {

  display: grid;

  grid-template-columns:
    1.05fr .95fr;

  gap: 70px;

  align-items: end;

  margin-bottom: 48px;

}


.ap-heading-grid h2,
.ap-center-heading h2,
.ap-handoff-copy h2,
.ap-multi-copy h2,
.ap-outcome-copy h2,
.ap-fit-copy h2,
.ap-why-copy h2,
.ap-faq-intro h2 {

  margin: 15px 0 0;

  color: var(--ap-white);

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    clamp(36px,4vw,54px);

  line-height: 1.06;

  letter-spacing: -2.3px;

}


.ap-heading-grid h2 span,
.ap-center-heading h2 span,
.ap-handoff-copy h2 span,
.ap-multi-copy h2 span,
.ap-outcome-copy h2 span,
.ap-fit-copy h2 span,
.ap-why-copy h2 span,
.ap-faq-intro h2 span {

  display: block;

  color: transparent;

  background:

    linear-gradient(
      90deg,
      var(--ap-blue),
      var(--ap-purple)
    );

  -webkit-background-clip: text;

  background-clip: text;

}


.ap-heading-grid > p {

  margin: 0;

  max-width: 560px;

  color: var(--ap-text);

  font-size: 15px;

  line-height: 1.78;

}


.ap-center-heading {

  max-width: 830px;

  margin:
    0 auto 50px;

  text-align: center;

}


.ap-center-heading
.ap-eyebrow {

  justify-content: center;

}


.ap-center-heading > p {

  max-width: 680px;

  margin:
    16px auto 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}



/* QUALITY */

.ap-quality {

  background:

    linear-gradient(
      180deg,
      #07121e,
      #05090d
    );

}


.ap-quality-layout {

  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 70px;

  align-items: center;

}


.ap-quality-card {

  padding: 30px;

  border-radius: 20px;

  border:
    1px solid
    rgba(101,200,250,.16);

  background:

    radial-gradient(
      circle at 100% 0%,
      rgba(87,70,187,.08),
      transparent 34%
    ),

    linear-gradient(
      145deg,
      #14243b,
      #09131f
    );

}


.ap-quality-head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 17px;

  border-bottom:
    1px solid
    var(--ap-border);

}


.ap-quality-head small {

  color: var(--ap-blue);

  font-size: 8px;

  letter-spacing: 1.2px;

}


.ap-quality-head span {

  color: var(--ap-teal);

  font-size: 8px;

  font-weight: 700;

}


.ap-quality-profile {

  display: grid;

  grid-template-columns:
    64px 1fr;

  gap: 15px;

  align-items: center;

  padding: 25px 0;

}


.ap-large-avatar {

  width: 64px;

  height: 64px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  color: #071522;

  background:

    linear-gradient(
      145deg,
      #65c8fa,
      #8b87ff
    );

  font-weight: 700;

}


.ap-quality-profile h3 {

  margin: 0;

  color: #edf3f7;

  font-size: 20px;

}


.ap-quality-profile p {

  margin:
    5px 0 0;

  color: #788da0;

  font-size: 9px;

}


.ap-quality-checks {

  display: grid;

  gap: 10px;

}


.ap-quality-checks article {

  padding: 13px;

  display: flex;

  align-items: center;

  gap: 10px;

  border-radius: 9px;

  background:
    rgba(255,255,255,.014);

}


.ap-quality-checks svg {

  width: 16px;

  color: var(--ap-teal);

}


.ap-quality-checks span {

  color: #a7b6c2;

  font-size: 10px;

}


.ap-quality-points {

  border-top:
    1px solid
    var(--ap-border);

}


.ap-quality-points article {

  min-height: 135px;

  padding: 25px 5px;

  display: grid;

  grid-template-columns:
    45px 1fr;

  gap: 20px;

  align-items: center;

  border-bottom:
    1px solid
    var(--ap-border);

}


.ap-quality-points > article > span {

  color: var(--ap-blue);

  font-size: 8px;

}


.ap-quality-points h3 {

  margin: 0;

  color: #edf3f7;

  font-size: 18px;

}


.ap-quality-points p {

  margin: 7px 0 0;

  color: #7f93a6;

  font-size: 11px;

  line-height: 1.65;

}



/* PROCESS */

.ap-process {

  background: #05090d;

}


.ap-process-flow {

  display: grid;

  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr auto
    1fr;

  gap: 13px;

}


.ap-process-flow article {

  min-height: 230px;

  padding: 22px;

  border-radius: 15px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2c,
      #080f16
    );

  transition:
    transform .3s ease,
    border-color .3s ease;

}


.ap-process-flow article:hover {

  transform:
    translateY(-6px);

  border-color:
    var(--ap-blue-border);

}


.ap-process-flow article > span {

  color: #53697c;

  font-size: 8px;

}


.ap-process-flow article > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  display: block;

  margin-top: 26px;

  border-radius: 10px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

}


.ap-process-flow strong {

  display: block;

  margin-top: 26px;

  color: #edf3f7;

  font-size: 14px;

}


.ap-process-flow p {

  margin:
    8px 0 0;

  color: #8195a8;

  font-size: 10px;

  line-height: 1.6;

}


.ap-process-arrow {

  display: grid;

  place-items: center;

  color: #4f718c;

}


.ap-process-arrow svg {

  width: 15px;

}



/* PROBLEMS */

.ap-problems {

  background:

    radial-gradient(
      circle at 85% 35%,
      rgba(77,65,170,.08),
      transparent 34%
    ),

    #07111c;

}


.ap-problem-grid {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 14px;

}


.ap-problem-grid article {

  position: relative;

  min-height: 275px;

  padding: 27px;

  border-radius: 17px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2b,
      #080e15
    );

  transition:
    transform .3s ease,
    border-color .3s ease;

}


.ap-problem-grid article:hover {

  transform:
    translateY(-7px);

  border-color:
    var(--ap-blue-border);

}


.ap-problem-grid article > span {

  position: absolute;

  right: 20px;

  top: 20px;

  color: #52697c;

  font-size: 8px;

}


.ap-problem-icon {

  width: 46px;

  height: 46px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 11px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.15);

  background:

    linear-gradient(
      145deg,
      rgba(101,200,250,.07),
      rgba(101,200,250,.025)
    );

}


.ap-problem-icon svg {

  width: 20px;

  height: 20px;

}


.ap-problem-grid h3 {

  margin:
    42px 0 0;

  color: #edf3f7;

  font-size: 18px;

}


.ap-problem-grid p {

  margin:
    9px 0 0;

  color: #8195a8;

  font-size: 11px;

  line-height: 1.68;

}


.ap-problem-callout {

  margin-top: 15px;

  padding: 22px;

  display: grid;

  grid-template-columns:
    44px 1fr;

  gap: 15px;

  align-items: center;

  border-radius: 13px;

  border:
    1px solid
    rgba(93,217,200,.13);

  background:

    linear-gradient(
      90deg,
      rgba(93,217,200,.04),
      rgba(101,200,250,.02)
    );

}


.ap-problem-callout > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  color: var(--ap-teal);

}


.ap-problem-callout small {

  color: var(--ap-teal);

  font-size: 8px;

  letter-spacing: 1.2px;

}


.ap-problem-callout strong {

  display: block;

  margin-top: 5px;

  color: #e5edf3;

  font-size: 16px;

}



/* SERVICES */

.ap-services {

  background: #05090d;

}


.ap-service-grid {

  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 14px;

}


.ap-service-grid article {

  position: relative;

  min-height: 300px;

  padding: 27px;

  border-radius: 17px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2b,
      #080e15
    );

  transition:
    transform .3s ease,
    border-color .3s ease;

}


.ap-service-grid article:hover {

  transform:
    translateY(-7px);

  border-color:
    var(--ap-blue-border);

}


.ap-service-grid article > span {

  position: absolute;

  top: 20px;

  right: 20px;

  color: #52697c;

  font-size: 8px;

}


.ap-service-icon {

  width: 46px;

  height: 46px;

  display: grid;

  place-items: center;

  border-radius: 11px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

  background:
    rgba(101,200,250,.04);

}


.ap-service-icon svg {

  width: 19px;

}


.ap-service-grid h3 {

  margin:
    44px 0 0;

  color: #edf3f7;

  font-size: 18px;

}


.ap-service-grid p {

  margin:
    9px 0 0;

  color: #8094a7;

  font-size: 11px;

  line-height: 1.68;

}


.ap-service-grid small {

  display: block;

  margin-top: 23px;

  padding-top: 17px;

  border-top:
    1px solid
    rgba(130,170,205,.07);

  color: #63798d;

  font-size: 8px;

}



/* HANDOFF */

.ap-handoff {

  background:

    radial-gradient(
      circle at 8% 30%,
      rgba(30,109,171,.11),
      transparent 33%
    ),

    #07111c;

}


.ap-handoff-layout {

  display: grid;

  grid-template-columns:
    .82fr 1.18fr;

  gap: 70px;

  align-items: center;

}


.ap-handoff-copy > p {

  margin:
    17px 0 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}


.ap-handoff-checks {

  display: flex;

  flex-wrap: wrap;

  gap: 9px;

  margin-top: 24px;

}


.ap-handoff-checks span {

  padding: 8px 11px;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  border-radius: 100px;

  color: #93a7b8;

  border:
    1px solid
    rgba(101,200,250,.13);

  font-size: 8px;

}


.ap-handoff-checks svg {

  width: 12px;

  color: var(--ap-teal);

}


.ap-handoff-card {

  padding: 27px;

  border-radius: 19px;

  border:
    1px solid
    rgba(101,200,250,.17);

  background:

    radial-gradient(
      circle at 100% 0%,
      rgba(89,74,195,.09),
      transparent 35%
    ),

    linear-gradient(
      145deg,
      #14243b,
      #09131f
    );

}


.ap-handoff-card-top {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding-bottom: 18px;

  border-bottom:
    1px solid
    var(--ap-border);

}


.ap-handoff-card-top small {

  color: var(--ap-blue);

  font-size: 8px;

}


.ap-handoff-card-top h3 {

  margin:
    5px 0 0;

  color: #edf3f7;

  font-size: 19px;

}


.ap-handoff-card-top > span {

  color: var(--ap-teal);

  font-size: 7px;

  font-weight: 700;

}


.ap-handoff-buyer {

  display: grid;

  grid-template-columns:
    48px 1fr;

  gap: 13px;

  align-items: center;

  padding: 21px 0;

}


.ap-handoff-avatar {

  width: 48px;

  height: 48px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  color: #071522;

  background:

    linear-gradient(
      145deg,
      #65c8fa,
      #8b87ff
    );

  font-size: 11px;

  font-weight: 700;

}


.ap-handoff-buyer strong {

  display: block;

  color: #eaf1f6;

  font-size: 12px;

}


.ap-handoff-buyer small {

  display: block;

  margin-top: 4px;

  color: #718599;

  font-size: 8px;

}


.ap-handoff-context {

  display: grid;

  gap: 9px;

}


.ap-handoff-context article {

  padding: 15px;

  border-radius: 10px;

  background:
    rgba(255,255,255,.013);

  border:
    1px solid
    rgba(125,170,207,.07);

}


.ap-handoff-context small {

  color: var(--ap-blue);

  font-size: 7px;

  letter-spacing: .8px;

}


.ap-handoff-context p {

  margin: 6px 0 0;

  color: #8da0b1;

  font-size: 9px;

  line-height: 1.6;

}



/* MULTI CHANNEL */

.ap-multichannel {

  background:

    linear-gradient(
      180deg,
      #05090d,
      #07111c
    );

}


.ap-multi-layout {

  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 70px;

  align-items: center;

}


.ap-multi-copy > p {

  max-width: 550px;

  margin:
    17px 0 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}


.ap-channel-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 9px;

  margin-top: 25px;

}


.ap-channel-tags span {

  padding: 9px 12px;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  border-radius: 100px;

  color: #9cb0c1;

  border:
    1px solid
    rgba(101,200,250,.14);

  background:
    rgba(101,200,250,.025);

  font-size: 9px;

}


.ap-channel-tags svg {

  width: 13px;

  height: 13px;

  color: var(--ap-blue);

}


.ap-channel-visual {

  position: relative;

  min-height: 470px;

  display: grid;

  place-items: center;

  border-radius: 20px;

  border:
    1px solid
    var(--ap-border);

  background:

    radial-gradient(
      circle at 50% 50%,
      rgba(101,200,250,.08),
      transparent 32%
    ),

    linear-gradient(
      145deg,
      #111f31,
      #080f16
    );

}


.ap-channel-ring {

  position: absolute;

  left: 50%;

  top: 50%;

  transform:
    translate(-50%,-50%);

  border-radius: 50%;

  border:
    1px solid
    rgba(101,200,250,.12);

}


.ap-channel-ring.ring-one {

  width: 220px;

  height: 220px;

}


.ap-channel-ring.ring-two {

  width: 340px;

  height: 340px;

}


.ap-channel-center {

  position: relative;

  z-index: 5;

  width: 120px;

  height: 120px;

  display: grid;

  place-items: center;

  text-align: center;

  border-radius: 50%;

  color: #dff4ff;

  background:

    linear-gradient(
      145deg,
      #0d2947,
      #07172a
    );

}


.ap-channel-center svg {

  width: 27px;

  color: var(--ap-blue);

}


.ap-channel-center strong {

  font-size: 11px;

}


.ap-channel-center small {

  color: #7895aa;

  font-size: 7px;

}


.ap-channel-node {

  position: absolute;

  z-index: 6;

  width: 54px;

  height: 54px;

  display: grid;

  place-items: center;

  border-radius: 14px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.18);

  background:
    rgba(10,29,47,.95);

  box-shadow:
    0 16px 35px
    rgba(0,0,0,.25);

  animation:
    apFloat
    4s
    ease-in-out
    infinite;

}


.ap-channel-node svg {

  width: 20px;

  height: 20px;

}


.ap-channel-phone {

  left: 14%;

  top: 21%;

}


.ap-channel-mail {

  right: 14%;

  top: 21%;

  animation-delay: .7s;

}


.ap-channel-linkedin {

  left: 14%;

  bottom: 21%;

  animation-delay: 1.2s;

}


.ap-channel-follow {

  right: 14%;

  bottom: 21%;

  animation-delay: 1.7s;

}



/* OUTCOMES */

.ap-outcomes {

  background: #05090d;

}


.ap-outcome-layout {

  display: grid;

  grid-template-columns:
    .72fr 1.28fr;

  gap: 70px;

}


.ap-outcome-copy p {

  max-width: 490px;

  margin:
    17px 0 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}


.ap-inline-link {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: 25px;

  color: var(--ap-blue);

  text-decoration: none;

  font-size: 11px;

  font-weight: 700;

}


.ap-inline-link svg {

  width: 14px;

}


.ap-outcome-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}


.ap-outcome-grid article {

  min-height: 220px;

  padding: 25px;

  border-radius: 15px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2c,
      #080f16
    );

}


.ap-outcome-grid small {

  color: var(--ap-blue);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1.2px;

}


.ap-outcome-grid strong {

  display: block;

  margin-top: 34px;

  color: #edf3f7;

  font-size: 17px;

  line-height: 1.35;

}


.ap-outcome-grid p {

  margin:
    9px 0 0;

  color: #7f93a5;

  font-size: 10px;

  line-height: 1.6;

}



/* ENGAGEMENT */

.ap-engagement {

  background:

    linear-gradient(
      180deg,
      #07111c,
      #05090d
    );

}


.ap-engagement-grid {

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  overflow: hidden;

  border-radius: 18px;

  border:
    1px solid
    var(--ap-border);

}


.ap-engagement-grid article {

  position: relative;

  min-height: 270px;

  padding: 27px;

  border-right:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2c,
      #080f16
    );

}


.ap-engagement-grid article:last-child {

  border-right: 0;

}


.ap-engagement-grid article > span {

  position: absolute;

  top: 20px;

  right: 20px;

  color: #52697c;

  font-size: 8px;

}


.ap-engagement-grid article > svg {

  width: 45px;

  height: 45px;

  padding: 12px;

  border-radius: 11px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

}


.ap-engagement-grid h3 {

  margin:
    42px 0 0;

  color: #edf3f7;

  font-size: 17px;

}


.ap-engagement-grid p {

  margin:
    9px 0 0;

  color: #8094a7;

  font-size: 10px;

  line-height: 1.65;

}



/* FIT */

.ap-fit {

  background: #05090d;

}


.ap-fit-layout {

  display: grid;

  grid-template-columns:
    .78fr 1.22fr;

  gap: 75px;

}


.ap-fit-copy > p {

  max-width: 500px;

  margin:
    17px 0 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}


.ap-fit-list {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}


.ap-fit-list article {

  min-height: 210px;

  padding: 23px;

  border-radius: 15px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2c,
      #080f16
    );

}


.ap-fit-list article > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  border-radius: 10px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

}


.ap-fit-list h3 {

  margin:
    29px 0 0;

  color: #edf3f7;

  font-size: 16px;

}


.ap-fit-list p {

  margin:
    8px 0 0;

  color: #7f93a5;

  font-size: 10px;

  line-height: 1.62;

}



/* WHY */

.ap-why {

  background:

    linear-gradient(
      180deg,
      #07111c,
      #05090d
    );

}


.ap-why-layout {

  display: grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap: 75px;

}


.ap-why-copy p {

  max-width: 580px;

  margin:
    17px 0 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}


.ap-why-copy strong {

  color: #dce9f2;

}


.ap-why-callout {

  margin-top: 25px;

  padding: 18px;

  display: grid;

  grid-template-columns:
    30px 1fr;

  gap: 12px;

  align-items: center;

  border-left:
    2px solid
    var(--ap-blue);

  background:

    linear-gradient(
      90deg,
      rgba(101,200,250,.045),
      transparent
    );

}


.ap-why-callout svg {

  width: 17px;

  color: var(--ap-blue);

}


.ap-why-callout strong {

  color: #e2ebf2;

  font-size: 14px;

  line-height: 1.5;

}


.ap-why-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}


.ap-why-grid article {

  position: relative;

  min-height: 220px;

  padding: 24px;

  border-radius: 15px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #101c2c,
      #080f16
    );

  transition:
    transform .3s ease,
    border-color .3s ease;

}


.ap-why-grid article:hover {

  transform:
    translateY(-5px);

  border-color:
    var(--ap-blue-border);

}


.ap-why-grid article > span {

  position: absolute;

  top: 18px;

  right: 18px;

  color: #52687a;

  font-size: 8px;

}


.ap-why-grid article > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  border-radius: 10px;

  color: var(--ap-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

}


.ap-why-grid h3 {

  margin:
    32px 0 0;

  color: #edf3f7;

  font-size: 16px;

}


.ap-why-grid p {

  margin:
    7px 0 0;

  color: #7f93a5;

  font-size: 10px;

  line-height: 1.62;

}



/* SEO */

.ap-seo {

  padding-top: 50px;

  background: #05090d;

}


.ap-seo-panel {

  padding: 40px;

  display: grid;

  grid-template-columns:
    .78fr 1.22fr;

  gap: 70px;

  border-radius: 19px;

  border:
    1px solid
    var(--ap-border);

  background:

    radial-gradient(
      circle at 100% 0%,
      rgba(86,73,188,.08),
      transparent 34%
    ),

    linear-gradient(
      145deg,
      #111f32,
      #09131f
    );

}


.ap-seo-panel h2 {

  margin:
    15px 0 0;

  color: #edf3f7;

  font-family:
    "Manrope",
    sans-serif;

  font-size: 31px;

  line-height: 1.15;

  letter-spacing: -1.2px;

}


.ap-seo-copy p {

  margin: 0;

  color: #91a3b4;

  font-size: 13px;

  line-height: 1.8;

}


.ap-seo-copy p + p {

  margin-top: 16px;

}


.ap-seo-copy strong {

  color: #dce9f2;

}


.ap-seo-links {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 22px;

}


.ap-seo-links a {

  padding: 9px 11px;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  border-radius: 100px;

  color: #9cdcff;

  border:
    1px solid
    rgba(101,200,250,.15);

  text-decoration: none;

  font-size: 9px;

}


.ap-seo-links svg {

  width: 12px;

}



/* FAQ */

.ap-faq {

  background:

    radial-gradient(
      circle at 85% 10%,
      rgba(46,94,162,.07),
      transparent 30%
    ),

    #05090d;

}


.ap-faq-layout {

  display: grid;

  grid-template-columns:
    .67fr 1.33fr;

  gap: 72px;

  align-items: start;

}


.ap-faq-intro {

  position: sticky;

  top: 120px;

}


.ap-faq-intro > p {

  max-width: 430px;

  margin:
    17px 0 0;

  color: var(--ap-text);

  font-size: 14px;

  line-height: 1.75;

}


.ap-faq-list {

  display: grid;

  gap: 10px;

}


.ap-faq-item {

  overflow: hidden;

  border-radius: 13px;

  border:
    1px solid
    var(--ap-border);

  background:

    linear-gradient(
      145deg,
      #111d2d,
      #080f17
    );

}


.ap-faq-item.active {

  border-color:
    rgba(101,200,250,.24);

  background:

    radial-gradient(
      circle at 100% 0%,
      rgba(85,72,187,.07),
      transparent 35%
    ),

    linear-gradient(
      145deg,
      #14243a,
      #09121d
    );

}


.ap-faq-item button {

  width: 100%;

  min-height: 76px;

  padding:
    20px 22px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  border: 0;

  color: #edf3f7;

  background: transparent;

  font-family: inherit;

  text-align: left;

  cursor: pointer;

}


.ap-faq-item button span {

  flex: 1;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.45;

}


.ap-faq-item button svg {

  flex: 0 0 18px;

  width: 18px;

  color: #74889b;

  transition:
    transform .3s ease,
    color .3s ease;

}


.ap-faq-item.active
button svg {

  transform:
    rotate(45deg);

  color: var(--ap-blue);

}


.ap-faq-answer {

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  transition:
    max-height .42s ease,
    opacity .3s ease;

}


.ap-faq-item.active
.ap-faq-answer {

  opacity: 1;

}


.ap-faq-answer p {

  margin: 0;

  padding:
    0 22px 23px;

  color: #879aab;

  font-size: 12px;

  line-height: 1.75;

}



/* FINAL */

.ap-final {

  padding: 95px 0;

  background:

    linear-gradient(
      180deg,
      #05090d,
      #07111c
    );

}


.ap-final-shell {

  min-height: 410px;

  display: grid;

  grid-template-columns:
    1fr .78fr;

  overflow: hidden;

  border-radius: 24px;

  background:

    radial-gradient(
      circle at 82% 45%,
      rgba(93,86,216,.22),
      transparent 32%
    ),

    linear-gradient(
      135deg,
      #b8e2ff,
      #8fcfff 50%,
      #a0a8ff
    );

}


.ap-final-copy {

  padding: 56px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}


.ap-final-copy small {

  color: #27547d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.4px;

}


.ap-final-copy h2 {

  margin:
    15px 0 0;

  color: #07192d;

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    clamp(38px,4vw,54px);

  line-height: 1.05;

  letter-spacing: -2.3px;

}


.ap-final-copy h2 span {

  display: block;

  color: #205b8e;

}


.ap-final-copy p {

  max-width: 590px;

  margin:
    17px 0 0;

  color: #315c80;

  font-size: 14px;

  line-height: 1.72;

}


.ap-final-btn {

  width: fit-content;

  min-height: 50px;

  margin-top: 27px;

  padding: 0 20px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  border-radius: 10px;

  color: #f3f7fa;

  background: #07192d;

  text-decoration: none;

  font-size: 12px;

  font-weight: 700;

}


.ap-final-btn svg {

  width: 14px;

}


.ap-final-visual {

  position: relative;

  min-height: 410px;

  display: grid;

  place-items: center;

}


.ap-final-ring {

  position: absolute;

  left: 50%;

  top: 50%;

  transform:
    translate(-50%,-50%);

  border-radius: 50%;

  border:
    1px solid
    rgba(14,55,91,.14);

}


.ap-final-ring.final-ring-one {

  width: 210px;

  height: 210px;

}


.ap-final-ring.final-ring-two {

  width: 315px;

  height: 315px;

}


.ap-final-center {

  position: relative;

  z-index: 3;

  width: 120px;

  height: 120px;

  display: grid;

  place-items: center;

  text-align: center;

  border-radius: 50%;

  color: #dff4ff;

  background:

    linear-gradient(
      145deg,
      #0d2947,
      #07172a
    );

}


.ap-final-center svg {

  width: 27px;

}


.ap-final-center strong {

  font-size: 12px;

}


.ap-final-center span {

  color: #82b6dc;

  font-size: 7px;

}


.ap-final-node {

  position: absolute;

  z-index: 4;

  padding: 9px 11px;

  display: flex;

  align-items: center;

  gap: 7px;

  border-radius: 10px;

  color: #143f65;

  border:
    1px solid
    rgba(14,55,91,.14);

  background:
    rgba(241,249,255,.8);

  font-size: 8px;

  animation:
    apFloat
    4s
    ease-in-out
    infinite;

}


.ap-final-node svg {

  width: 14px;

}


.ap-final-node.final-node-one {

  left: 8%;

  top: 27%;

}


.ap-final-node.final-node-two {

  right: 8%;

  top: 31%;

  animation-delay: .8s;

}


.ap-final-node.final-node-three {

  right: 17%;

  bottom: 19%;

  animation-delay: 1.4s;

}



/* FOOTER */

.ap-footer {

  border-top:
    1px solid
    rgba(130,170,205,.08);

  background:

    radial-gradient(
      circle at 8% 0%,
      rgba(34,101,160,.11),
      transparent 30%
    ),

    linear-gradient(
      180deg,
      #08131f,
      #030608
    );

}


.ap-footer-main {

  padding:
    60px 0 48px;

  display: grid;

  grid-template-columns:
    1.45fr .72fr .72fr 1fr;

  gap: 55px;

}


.ap-footer-brand img {

  max-width: 145px;

  max-height: 55px;

}


.ap-footer-brand p {

  max-width: 390px;

  margin:
    21px 0 0;

  color: #8799aa;

  font-size: 13px;

  line-height: 1.75;

}


.ap-footer-heading {

  position: relative;

  display: block;

  margin-bottom: 23px;

  padding-bottom: 12px;

  color: #65c8fa;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1.5px;

}


.ap-footer-heading::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 28px;

  height: 1px;

  background:

    linear-gradient(
      90deg,
      #65c8fa,
      transparent
    );

}


.ap-footer-column {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}


.ap-footer-column a {

  margin-bottom: 14px;

  color: #93a5b5;

  text-decoration: none;

  font-size: 12px;

}


.ap-footer-sales > p {

  color: #899bab;

  font-size: 12px;

  line-height: 1.65;

}


.ap-footer-sales-card {

  width: 100%;

  margin-top: 20px;

  padding: 16px;

  display: grid;

  grid-template-columns:
    42px 1fr auto;

  gap: 13px;

  align-items: center;

  border-radius: 12px;

  border:
    1px solid
    rgba(101,200,250,.14);

  color: inherit;

  background:
    rgba(101,200,250,.035);

  text-decoration: none;

}


.ap-footer-sales-icon {

  width: 42px;

  height: 42px;

  display: grid;

  place-items: center;

  color: #65c8fa;

  border-radius: 10px;

  border:
    1px solid
    rgba(101,200,250,.16);

}


.ap-footer-sales-card strong {

  display: block;

  color: #edf3f7;

  font-size: 12px;

}


.ap-footer-sales-card small {

  display: block;

  margin-top: 4px;

  color: #73879a;

  font-size: 8px;

}


.ap-footer-sales-card > svg {

  width: 15px;

  color: #65c8fa;

}


.ap-footer-contact {

  display: grid;

  grid-template-columns:
    .78fr 1fr 1.55fr 1fr;

  border-top:
    1px solid
    rgba(130,170,205,.09);

  border-bottom:
    1px solid
    rgba(130,170,205,.09);

}


.ap-contact-item {

  min-height: 150px;

  padding: 25px;

  display: grid;

  grid-template-columns:
    44px 1fr;

  gap: 15px;

  align-items: center;

  border-right:
    1px solid
    rgba(130,170,205,.08);

}


.ap-contact-item:last-child {

  border-right: 0;

}


.ap-contact-icon {

  width: 44px;

  height: 44px;

  display: grid;

  place-items: center;

  border-radius: 11px;

  color: #65c8fa;

  border:
    1px solid
    rgba(101,200,250,.14);

}


.ap-contact-icon svg {

  width: 18px;

}


.ap-contact-label {

  display: block;

  margin-bottom: 8px;

  color: #65c8fa;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1.4px;

}


.ap-contact-item a,
.ap-contact-item address {

  color: #d7e1e9;

  font-size: 11px;

  line-height: 1.7;

  text-decoration: none;

  font-style: normal;

}


.ap-social {

  display: flex;

  gap: 7px;

}


.ap-social a {

  width: 39px;

  height: 39px;

  display: grid;

  place-items: center;

  border-radius: 9px;

  color: #9cb0c1;

  border:
    1px solid
    rgba(130,170,205,.14);

  text-decoration: none;

}


.ap-social svg {

  width: 16px;

  height: 16px;

}


.ap-footer-bottom {

  min-height: 76px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #667a8d;

  font-size: 9px;

}


.ap-footer-bottom div {

  display: flex;

  gap: 20px;

}


.ap-footer-bottom a {

  color: #6f8497;

  text-decoration: none;

}



/* REVEAL */

[data-ap-reveal] {

  opacity: 0;

  transform:
    translateY(25px);

  transition:
    opacity .72s
    cubic-bezier(.2,.7,.2,1),
    transform .72s
    cubic-bezier(.2,.7,.2,1);

}


[data-ap-reveal="left"] {

  transform:
    translateX(-32px);

}


[data-ap-reveal="right"] {

  transform:
    translateX(32px);

}


[data-ap-reveal].ap-visible {

  opacity: 1;

  transform:
    translate3d(0,0,0);

}



/* TABLET */

@media
(max-width: 1100px) {

  .ap-hero-layout,
  .ap-heading-grid,
  .ap-quality-layout,
  .ap-handoff-layout,
  .ap-multi-layout,
  .ap-outcome-layout,
  .ap-fit-layout,
  .ap-why-layout,
  .ap-seo-panel,
  .ap-faq-layout {

    grid-template-columns: 1fr;

  }


  .ap-process-flow {

    grid-template-columns:
      repeat(5,1fr);

  }


  .ap-process-arrow {

    display: none;

  }


  .ap-value-grid,
  .ap-problem-grid,
  .ap-engagement-grid {

    grid-template-columns:
      repeat(2,1fr);

  }


  .ap-service-grid {

    grid-template-columns:
      repeat(2,1fr);

  }


  .ap-footer-main {

    grid-template-columns:
      repeat(2,1fr);

  }


  .ap-footer-contact {

    grid-template-columns:
      repeat(2,1fr);

  }


  .ap-faq-intro {

    position: static;

  }

}



/* MOBILE */

@media
(max-width: 768px) {

  .ap-section {

    padding: 72px 0;

  }


  .ap-hero {

    padding:
      132px 0 72px;

  }


  .ap-hero-copy h1 {

    min-height: 205px;

    font-size:
      clamp(41px,12vw,58px);

    letter-spacing: -3px;

  }


  .ap-hero-lead {

    font-size: 14px;

  }


  .ap-hero-features {

    display: grid;

  }


  .ap-hero-actions {

    flex-direction: column;

  }


  .ap-hero-actions a {

    width: 100%;

  }


  .ap-meeting-card {

    padding: 20px;

  }


  .ap-meeting-summary {

    grid-template-columns:
      1fr 1fr;

  }


  .ap-meeting-summary
  article:last-child {

    grid-column:
      1 / -1;

  }


  .ap-context-grid {

    grid-template-columns: 1fr;

  }


  .ap-float {

    display: none;

  }


  .ap-value-grid,
  .ap-process-flow,
  .ap-problem-grid,
  .ap-service-grid,
  .ap-outcome-grid,
  .ap-engagement-grid,
  .ap-fit-list,
  .ap-why-grid,
  .ap-footer-main,
  .ap-footer-contact {

    grid-template-columns: 1fr;

  }


  .ap-value-grid article {

    border-right: 0;

    border-bottom:
      1px solid
      rgba(130,170,205,.08);

  }


  .ap-process-flow article,
  .ap-service-grid article {

    min-height: auto;

  }


  .ap-engagement-grid article {

    border-right: 0;

    border-bottom:
      1px solid
      var(--ap-border);

  }


  .ap-channel-visual {

    min-height: 400px;

  }


  .ap-seo-panel {

    padding:
      29px 22px;

    gap: 30px;

  }


  .ap-final-shell {

    grid-template-columns: 1fr;

  }


  .ap-final-copy {

    padding:
      39px 24px 10px;

  }


  .ap-final-visual {

    min-height: 330px;

  }


  .ap-contact-item {

    min-height: auto;

    padding:
      24px 4px;

    border-right: 0;

    border-bottom:
      1px solid
      rgba(130,170,205,.08);

  }


  .ap-footer-bottom {

    padding: 22px 0;

    flex-direction: column;

    align-items: flex-start;

    gap: 15px;

  }

}



/* SMALL MOBILE */

@media
(max-width: 480px) {

  .ap-buyer-row {

    grid-template-columns:
      43px 1fr;

  }


  .ap-buyer-row > span {

    display: none;

  }


  .ap-channel-visual {

    min-height: 350px;

  }


  .ap-channel-ring.ring-two {

    width: 290px;

    height: 290px;

  }


  .ap-channel-phone {

    left: 3%;

  }


  .ap-channel-mail {

    right: 3%;

  }


  .ap-channel-linkedin {

    left: 3%;

  }


  .ap-channel-follow {

    right: 3%;

  }


  .ap-final-node.final-node-one {

    left: 1%;

  }


  .ap-final-node.final-node-two {

    right: 1%;

  }

}



/* REDUCED MOTION */

@media
(prefers-reduced-motion: reduce) {

  [data-ap-reveal] {

    opacity: 1;

    transform: none;

    transition: none;

  }


  .ap-type-cursor,
  .ap-live i,
  .ap-float,
  .ap-channel-node,
  .ap-final-node {

    animation: none;

  }

}