/* ==========================================================
   DAWN LEAD GENERATION PAGE
========================================================== */

.lead-generation-page {

  --lg-bg: #05090d;
  --lg-bg-two: #07121e;

  --lg-card: #0e1a29;

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

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

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

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

  overflow: hidden;

  background: var(--lg-bg);

}


/* ==========================================================
   COMMON
========================================================== */

.lg-section {

  position: relative;

  padding: 105px 0;

  overflow: hidden;

}


.lg-eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: var(--lg-blue);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;

}


.lg-eyebrow > span {

  width: 20px;

  height: 1px;

  background: var(--lg-blue);

}


.lg-glow {

  position: absolute;

  width: 650px;

  height: 650px;

  border-radius: 50%;

  filter: blur(135px);

  pointer-events: none;

}


.lg-glow-one {

  left: -420px;

  bottom: -330px;

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

}


.lg-glow-two {

  right: -400px;

  top: -180px;

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

}


.lg-glow-three {

  right: -400px;

  top: 0;

  background:
    rgba(72,70,185,.09);

}


.lg-glow-four {

  left: -420px;

  top: 15%;

  background:
    rgba(34,119,177,.11);

}



/* ==========================================================
   HERO
========================================================== */

.lg-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%
    );

}


.lg-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;

}


.lg-hero-layout {

  position: relative;

  z-index: 2;

  display: grid;

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

  gap: 70px;

  align-items: center;

}


.lg-hero-copy h1 {

  max-width: 790px;

  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;

}


.lg-static-title {

  display: block;

  color: var(--lg-white);

}


.lg-type-line {

  display: block;

  min-height: 2.05em;

}


.lg-type-text {

  color: transparent;

  background:

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

  -webkit-background-clip: text;

  background-clip: text;

}


.lg-type-cursor {

  display: inline-block;

  width: 3px;

  height: .87em;

  margin-left: 5px;

  vertical-align: -.04em;

  border-radius: 10px;

  background: var(--lg-blue);

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

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

}


@keyframes lgCursor {

  0%,
  49% {

    opacity: 1;

  }

  50%,
  100% {

    opacity: 0;

  }

}


.lg-hero-lead {

  max-width: 680px;

  margin: 13px 0 0;

  color: #a6b6c4;

  font-size: 16px;

  line-height: 1.75;

}


.lg-hero-lead strong {

  color: #e1ebf2;

}


.lg-hero-features {

  display: flex;

  flex-wrap: wrap;

  gap: 10px 20px;

  margin-top: 23px;

}


.lg-hero-features span {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: #92a5b6;

  font-size: 11px;

}


.lg-hero-features svg {

  width: 14px;

  color: var(--lg-teal);

}


.lg-hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 11px;

  margin-top: 30px;

}


.lg-primary-btn,
.lg-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;

}


.lg-primary-btn {

  color: #06131d;

  background:

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

}


.lg-primary-btn:hover {

  transform: translateY(-3px);

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

}


.lg-secondary-btn {

  color: #e3ebf1;

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

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

}


.lg-secondary-btn:hover {

  transform: translateY(-3px);

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

}


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

  width: 14px;

}



/* ==========================================================
   LEAD ENGINE
========================================================== */

.lg-engine {

  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);

  transform-style: preserve-3d;

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

}


.lg-engine:hover {

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

}


.lg-engine::before {

  content: "";

  position: absolute;

  top: 0;

  left: 14%;

  width: 42%;

  height: 1px;

  background:

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

}


.lg-engine-head {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding-bottom: 19px;

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

}


.lg-engine-head small {

  color: var(--lg-blue);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1.4px;

}


.lg-engine-head h3 {

  margin: 6px 0 0;

  color: #edf3f7;

  font-size: 22px;

}


.lg-live {

  display: flex;

  align-items: center;

  gap: 7px;

  color: var(--lg-teal);

  font-size: 8px;

  font-weight: 700;

}


.lg-live i {

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: var(--lg-teal);

  animation:
    lgPulse
    1.8s infinite;

}


@keyframes lgPulse {

  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);

  }

}


.lg-engine-stats {

  display: grid;

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

  gap: 9px;

  padding: 20px 0;

}


.lg-engine-stats article {

  padding: 14px;

  border-radius: 11px;

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

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

}


.lg-engine-stats span {

  display: block;

  color: #6f8396;

  font-size: 7px;

}


.lg-engine-stats strong {

  display: block;

  margin-top: 6px;

  color: #edf3f7;

  font-size: 18px;

}


.lg-engine-flow {

  position: relative;

}


.lg-flow-line {

  position: absolute;

  left: 20px;

  top: 30px;

  bottom: 30px;

  width: 1px;

  background:

    linear-gradient(
      var(--lg-blue),
      rgba(101,200,250,.05)
    );

}


.lg-engine-flow article {

  position: relative;

  z-index: 2;

  min-height: 69px;

  padding: 10px;

  display: grid;

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

  gap: 13px;

  align-items: center;

  border-radius: 10px;

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

}


.lg-engine-flow article.active {

  transform: translateX(4px);

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

}


.lg-flow-icon {

  width: 40px;

  height: 40px;

  display: grid;

  place-items: center;

  border-radius: 10px;

  color: var(--lg-blue);

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

  background:
    #0c1c2d;

}


.lg-flow-icon svg {

  width: 16px;

}


.lg-engine-flow strong {

  display: block;

  color: #dfe8ef;

  font-size: 11px;

}


.lg-engine-flow small {

  display: block;

  margin-top: 4px;

  color: #708497;

  font-size: 8px;

}


.lg-flow-status {

  color: #61778b;

  font-size: 7px;

  font-weight: 700;

}


.lg-engine-flow article.active
.lg-flow-status {

  color: var(--lg-teal);

}


.lg-engine-footer {

  padding-top: 17px;

  display: flex;

  justify-content: space-between;

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

}


.lg-engine-footer span {

  display: flex;

  align-items: center;

  gap: 6px;

  color: #73879a;

  font-size: 8px;

}


.lg-engine-footer svg {

  width: 12px;

  color: var(--lg-blue);

}


.lg-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:
    lgFloat 4s
    ease-in-out infinite;

}


.lg-float svg {

  width: 13px;

}


.lg-float-one {

  right: -25px;

  top: 82px;

}


.lg-float-two {

  left: -24px;

  bottom: 74px;

  animation-delay: 1s;

}


@keyframes lgFloat {

  50% {

    transform:
      translateY(-7px);

  }

}



/* ==========================================================
   VALUE STRIP
========================================================== */

.lg-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
    );

}


.lg-value-grid {

  display: grid;

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

}


.lg-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);

}


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

  border-right: 0;

}


.lg-value-grid svg {

  width: 36px;

  height: 36px;

  padding: 9px;

  border-radius: 9px;

  color: var(--lg-blue);

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

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

}


.lg-value-grid strong {

  display: block;

  color: #eaf1f6;

  font-size: 13px;

}


.lg-value-grid span {

  display: block;

  margin-top: 4px;

  color: #778b9e;

  font-size: 9px;

}



/* ==========================================================
   SHARED HEADINGS
========================================================== */

.lg-heading-grid {

  display: grid;

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

  gap: 70px;

  align-items: end;

  margin-bottom: 48px;

}


.lg-heading-grid h2,
.lg-center-heading h2,
.lg-outcome-copy h2,
.lg-qualified-copy h2,
.lg-fit-copy h2,
.lg-why-copy h2,
.lg-faq-intro h2 {

  margin: 15px 0 0;

  color: var(--lg-white);

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

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

  line-height: 1.06;

  letter-spacing: -2.3px;

}


.lg-heading-grid h2 span,
.lg-center-heading h2 span,
.lg-outcome-copy h2 span,
.lg-qualified-copy h2 span,
.lg-fit-copy h2 span,
.lg-why-copy h2 span,
.lg-faq-intro h2 span {

  display: block;

  color: transparent;

  background:

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

  -webkit-background-clip: text;

  background-clip: text;

}


.lg-heading-grid > p {

  margin: 0;

  max-width: 560px;

  color: var(--lg-text);

  font-size: 15px;

  line-height: 1.78;

}


.lg-center-heading {

  max-width: 830px;

  margin:
    0 auto 50px;

  text-align: center;

}


.lg-center-heading
.lg-eyebrow {

  justify-content: center;

}


.lg-center-heading > p {

  max-width: 680px;

  margin:
    16px auto 0;

  color: var(--lg-text);

  font-size: 14px;

  line-height: 1.75;

}



/* ==========================================================
   PROCESS
========================================================== */

.lg-process {

  background:

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

}


.lg-process-flow {

  display: grid;

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

  gap: 13px;

}


.lg-process-flow article {

  min-height: 230px;

  padding: 22px;

  border-radius: 15px;

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

  background:

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

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

}


.lg-process-flow article:hover {

  transform:
    translateY(-6px);

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

}


.lg-process-flow article > span {

  color: #53697c;

  font-size: 8px;

}


.lg-process-flow article > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  display: block;

  margin-top: 26px;

  border-radius: 10px;

  color: var(--lg-blue);

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

}


.lg-process-flow strong {

  display: block;

  margin-top: 26px;

  color: #edf3f7;

  font-size: 14px;

}


.lg-process-flow p {

  margin: 8px 0 0;

  color: #8195a8;

  font-size: 10px;

  line-height: 1.6;

}


.lg-process-arrow {

  display: grid;

  place-items: center;

  color: #4f718c;

}


.lg-process-arrow svg {

  width: 15px;

}



/* ==========================================================
   PROBLEMS
========================================================== */

.lg-problems {

  background:

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

    #05090d;

}


.lg-problem-grid {

  position: relative;

  z-index: 2;

  display: grid;

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

  gap: 14px;

}


.lg-problem-grid article {

  position: relative;

  min-height: 275px;

  padding: 27px;

  border-radius: 17px;

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

  background:

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

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

}


.lg-problem-grid article:hover {

  transform:
    translateY(-7px);

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

}


.lg-problem-grid article > span {

  position: absolute;

  right: 20px;

  top: 20px;

  color: #52697c;

  font-size: 8px;

}


.lg-problem-grid article > svg {

  width: 46px;

  height: 46px;

  padding: 12px;

  border-radius: 11px;

  color: var(--lg-blue);

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

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

}


.lg-problem-grid h3 {

  margin: 42px 0 0;

  color: #edf3f7;

  font-size: 18px;

}


.lg-problem-grid p {

  margin: 9px 0 0;

  color: #8195a8;

  font-size: 11px;

  line-height: 1.68;

}


.lg-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)
    );

}


.lg-problem-callout > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  border-radius: 10px;

  color: var(--lg-teal);

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

}


.lg-problem-callout small {

  display: block;

  color: var(--lg-teal);

  font-size: 8px;

  letter-spacing: 1.2px;

}


.lg-problem-callout strong {

  display: block;

  margin-top: 5px;

  color: #e5edf3;

  font-size: 16px;

}



/* ==========================================================
   SERVICE GRID
========================================================== */

.lg-services {

  background:

    radial-gradient(
      circle at 90% 5%,
      rgba(82,70,180,.08),
      transparent 31%
    ),

    #05090d;

}


.lg-service-grid {

  display: grid;

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

  gap: 14px;

}


.lg-service-grid article {

  position: relative;

  min-height: 300px;

  padding: 27px;

  border-radius: 17px;

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

  background:

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

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

}


.lg-service-grid article:hover {

  transform:
    translateY(-7px);

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

  box-shadow:
    0 25px 60px
    rgba(0,0,0,.22);

}


.lg-service-grid article > span {

  position: absolute;

  top: 20px;

  right: 20px;

  color: #52697c;

  font-size: 8px;

}


.lg-service-icon {

  width: 46px;

  height: 46px;

  display: grid;

  place-items: center;

  border-radius: 11px;

  color: var(--lg-blue);

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

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

}


.lg-service-icon svg {

  width: 19px;

}


.lg-service-grid h3 {

  margin: 44px 0 0;

  color: #edf3f7;

  font-size: 18px;

}


.lg-service-grid p {

  margin: 9px 0 0;

  color: #8094a7;

  font-size: 11px;

  line-height: 1.68;

}


.lg-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;

}



/* ==========================================================
   OUTCOMES
========================================================== */

.lg-outcomes {

  background:

    radial-gradient(
      circle at 12% 30%,
      rgba(34,114,177,.1),
      transparent 35%
    ),

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

}


.lg-outcome-layout {

  display: grid;

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

  gap: 70px;

}


.lg-outcome-copy p {

  max-width: 490px;

  margin: 17px 0 0;

  color: var(--lg-text);

  font-size: 14px;

  line-height: 1.75;

}


.lg-inline-link {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: 25px;

  color: var(--lg-blue);

  text-decoration: none;

  font-size: 11px;

  font-weight: 700;

}


.lg-inline-link svg {

  width: 14px;

}


.lg-outcome-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}


.lg-outcome-grid article {

  min-height: 220px;

  padding: 25px;

  border-radius: 15px;

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

  background:

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

}


.lg-outcome-grid small {

  color: var(--lg-blue);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1.2px;

}


.lg-outcome-grid strong {

  display: block;

  margin-top: 34px;

  color: #edf3f7;

  font-size: 17px;

  line-height: 1.35;

}


.lg-outcome-grid p {

  margin: 9px 0 0;

  color: #7f93a5;

  font-size: 10px;

  line-height: 1.6;

}



/* ==========================================================
   QUALIFIED FLOW
========================================================== */

.lg-qualified {

  background:

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

    #07111c;

}


.lg-qualified-shell {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    .85fr 1.15fr;

  gap: 70px;

  padding: 50px;

  border-radius: 22px;

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

  background:

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

}


.lg-qualified-copy p {

  margin: 17px 0 0;

  color: var(--lg-text);

  font-size: 14px;

  line-height: 1.75;

}


.lg-qualified-note {

  margin-top: 28px;

  padding: 18px;

  display: grid;

  grid-template-columns:
    40px 1fr;

  gap: 13px;

  border-radius: 12px;

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

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

}


.lg-qualified-note > svg {

  width: 38px;

  height: 38px;

  padding: 9px;

  color: var(--lg-teal);

}


.lg-qualified-note strong {

  color: #e5eef4;

  font-size: 12px;

}


.lg-qualified-note p {

  margin: 5px 0 0;

  font-size: 10px;

}


.lg-qualified-flow {

  display: flex;

  flex-direction: column;

  gap: 8px;

}


.lg-qualified-flow article {

  min-height: 82px;

  padding: 16px;

  display: grid;

  grid-template-columns:
    30px 44px 1fr;

  gap: 13px;

  align-items: center;

  border-radius: 12px;

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

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

}


.lg-qualified-flow
.qualified-active {

  border-color:
    rgba(93,217,200,.22);

  background:

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

}


.lg-qualified-flow article > span {

  color: #61778a;

  font-size: 8px;

}


.lg-qualified-flow article > svg {

  width: 40px;

  height: 40px;

  padding: 10px;

  border-radius: 10px;

  color: var(--lg-blue);

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

}


.lg-qualified-flow small {

  color: #6d8295;

  font-size: 7px;

}


.lg-qualified-flow strong {

  display: block;

  margin-top: 4px;

  color: #e9f0f5;

  font-size: 13px;

}


.lg-qualified-arrow {

  width: 14px;

  margin: 0 auto;

  color: #4c718d;

}



/* ==========================================================
   ENGAGEMENT
========================================================== */

.lg-engagement {

  background:

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

}


.lg-engagement-grid {

  display: grid;

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

  overflow: hidden;

  border-radius: 18px;

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

}


.lg-engagement-grid article {

  position: relative;

  min-height: 270px;

  padding: 27px;

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

  background:

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

}


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

  border-right: 0;

}


.lg-engagement-grid article > span {

  position: absolute;

  top: 20px;

  right: 20px;

  color: #52697c;

  font-size: 8px;

}


.lg-engagement-grid article > svg {

  width: 45px;

  height: 45px;

  padding: 12px;

  border-radius: 11px;

  color: var(--lg-blue);

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

}


.lg-engagement-grid h3 {

  margin: 42px 0 0;

  color: #edf3f7;

  font-size: 17px;

}


.lg-engagement-grid p {

  margin: 9px 0 0;

  color: #8094a7;

  font-size: 10px;

  line-height: 1.65;

}



/* ==========================================================
   FIT
========================================================== */

.lg-fit {

  background:

    radial-gradient(
      circle at 10% 25%,
      rgba(36,110,168,.08),
      transparent 35%
    ),

    #05090d;

}


.lg-fit-layout {

  display: grid;

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

  gap: 75px;

}


.lg-fit-copy > p {

  max-width: 500px;

  margin: 17px 0 0;

  color: var(--lg-text);

  font-size: 14px;

  line-height: 1.75;

}


.lg-fit-list {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}


.lg-fit-list article {

  min-height: 210px;

  padding: 23px;

  border-radius: 15px;

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

  background:

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

}


.lg-fit-list article > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  border-radius: 10px;

  color: var(--lg-blue);

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

}


.lg-fit-list h3 {

  margin: 29px 0 0;

  color: #edf3f7;

  font-size: 16px;

}


.lg-fit-list p {

  margin: 8px 0 0;

  color: #7f93a5;

  font-size: 10px;

  line-height: 1.62;

}



/* ==========================================================
   WHY DAWN
========================================================== */

.lg-why {

  background:

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

}


.lg-why-layout {

  display: grid;

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

  gap: 75px;

}


.lg-why-copy p {

  max-width: 580px;

  margin: 17px 0 0;

  color: var(--lg-text);

  font-size: 14px;

  line-height: 1.75;

}


.lg-why-copy strong {

  color: #dce9f2;

}


.lg-why-callout {

  margin-top: 25px;

  padding: 18px;

  display: grid;

  grid-template-columns:
    30px 1fr;

  gap: 12px;

  align-items: center;

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

  background:

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

}


.lg-why-callout svg {

  width: 17px;

  color: var(--lg-blue);

}


.lg-why-callout strong {

  color: #e2ebf2;

  font-size: 14px;

}


.lg-why-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}


.lg-why-grid article {

  position: relative;

  min-height: 220px;

  padding: 24px;

  border-radius: 15px;

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

  background:

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

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

}


.lg-why-grid article:hover {

  transform:
    translateY(-5px);

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

}


.lg-why-grid article > span {

  position: absolute;

  top: 18px;

  right: 18px;

  color: #52687a;

  font-size: 8px;

}


.lg-why-grid article > svg {

  width: 42px;

  height: 42px;

  padding: 11px;

  border-radius: 10px;

  color: var(--lg-blue);

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

}


.lg-why-grid h3 {

  margin: 32px 0 0;

  color: #edf3f7;

  font-size: 16px;

}


.lg-why-grid p {

  margin: 7px 0 0;

  color: #7f93a5;

  font-size: 10px;

  line-height: 1.62;

}



/* ==========================================================
   SEO PANEL
========================================================== */

.lg-seo {

  padding-top: 50px;

  background:
    #05090d;

}


.lg-seo-panel {

  padding: 40px;

  display: grid;

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

  gap: 70px;

  border-radius: 19px;

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

  background:

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

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

}


.lg-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;

}


.lg-seo-copy p {

  margin: 0;

  color: #91a3b4;

  font-size: 13px;

  line-height: 1.8;

}


.lg-seo-copy p + p {

  margin-top: 16px;

}


.lg-seo-copy strong {

  color: #dce9f2;

}


.lg-seo-links {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 22px;

}


.lg-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;

}


.lg-seo-links svg {

  width: 12px;

}



/* ==========================================================
   FAQ
========================================================== */

.lg-faq {

  background:

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

    #05090d;

}


.lg-faq-layout {

  display: grid;

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

  gap: 72px;

  align-items: start;

}


.lg-faq-intro {

  position: sticky;

  top: 120px;

}


.lg-faq-intro > p {

  max-width: 430px;

  margin: 17px 0 0;

  color: var(--lg-text);

  font-size: 14px;

  line-height: 1.75;

}


.lg-faq-list {

  display: grid;

  gap: 10px;

}


.lg-faq-item {

  overflow: hidden;

  border-radius: 13px;

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

  background:

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

}


.lg-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
    );

}


.lg-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;

}


.lg-faq-item button span {

  flex: 1;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.45;

}


.lg-faq-item button svg {

  flex: 0 0 18px;

  width: 18px;

  color: #74889b;

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

}


.lg-faq-item.active
button svg {

  transform: rotate(45deg);

  color: var(--lg-blue);

}


.lg-faq-answer {

  max-height: 0;

  overflow: hidden;

  opacity: 0;

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

}


.lg-faq-item.active
.lg-faq-answer {

  opacity: 1;

}


.lg-faq-answer p {

  margin: 0;

  padding:
    0 22px 23px;

  color: #879aab;

  font-size: 12px;

  line-height: 1.75;

}



/* ==========================================================
   FINAL CTA
========================================================== */

.lg-final {

  padding: 95px 0;

  background:

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

}


.lg-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
    );

}


.lg-final-copy {

  padding: 56px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}


.lg-final-copy small {

  color: #27547d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.4px;

}


.lg-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;

}


.lg-final-copy h2 span {

  display: block;

  color: #205b8e;

}


.lg-final-copy p {

  max-width: 590px;

  margin: 17px 0 0;

  color: #315c80;

  font-size: 14px;

  line-height: 1.72;

}


.lg-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;

}


.lg-final-btn svg {

  width: 14px;

}


.lg-final-visual {

  position: relative;

  min-height: 410px;

  display: grid;

  place-items: center;

}


.lg-orbit {

  position: absolute;

  left: 50%;

  top: 50%;

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

  border-radius: 50%;

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

}


.lg-orbit-one {

  width: 210px;

  height: 210px;

}


.lg-orbit-two {

  width: 315px;

  height: 315px;

}


.lg-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
    );

  box-shadow:
    0 22px 50px
    rgba(18,58,96,.28);

}


.lg-final-center svg {

  width: 27px;

}


.lg-final-center strong {

  font-size: 12px;

}


.lg-final-center span {

  color: #82b6dc;

  font-size: 7px;

}


.lg-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:
    lgFloat 4s
    ease-in-out infinite;

}


.lg-final-node svg {

  width: 14px;

}


.lg-node-one {

  left: 8%;

  top: 27%;

}


.lg-node-two {

  right: 8%;

  top: 31%;

  animation-delay: .8s;

}


.lg-node-three {

  right: 17%;

  bottom: 19%;

  animation-delay: 1.4s;

}



/* ==========================================================
   FOOTER
========================================================== */

.lg-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
    );

}


.lg-footer-main {

  padding:
    60px 0 48px;

  display: grid;

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

  gap: 55px;

}


.lg-footer-brand img {

  max-width: 145px;

  max-height: 55px;

}


.lg-footer-brand p {

  max-width: 390px;

  margin: 21px 0 0;

  color: #8799aa;

  font-size: 13px;

  line-height: 1.75;

}


.lg-footer-heading {

  position: relative;

  display: block;

  margin-bottom: 23px;

  padding-bottom: 12px;

  color: #65c8fa;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 1.5px;

}


.lg-footer-heading::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 28px;

  height: 1px;

  background:

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

}


.lg-footer-column {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}


.lg-footer-column a {

  margin-bottom: 14px;

  color: #93a5b5;

  text-decoration: none;

  font-size: 12px;

}


.lg-footer-sales > p {

  color: #899bab;

  font-size: 12px;

  line-height: 1.65;

}


.lg-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;

}


.lg-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);

}


.lg-footer-sales-card strong {

  display: block;

  color: #edf3f7;

  font-size: 12px;

}


.lg-footer-sales-card small {

  display: block;

  margin-top: 4px;

  color: #73879a;

  font-size: 8px;

}


.lg-footer-sales-card > svg {

  width: 15px;

  color: #65c8fa;

}


.lg-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);

}


.lg-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);

}


.lg-contact-item:last-child {

  border-right: 0;

}


.lg-contact-icon {

  width: 44px;

  height: 44px;

  display: grid;

  place-items: center;

  border-radius: 11px;

  color: #65c8fa;

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

}


.lg-contact-icon svg {

  width: 18px;

}


.lg-contact-label {

  display: block;

  margin-bottom: 8px;

  color: #65c8fa;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1.4px;

}


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

  color: #d7e1e9;

  font-size: 11px;

  line-height: 1.7;

  text-decoration: none;

  font-style: normal;

}


.lg-social {

  display: flex;

  gap: 7px;

}


.lg-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;

}


.lg-social svg {

  width: 16px;

  height: 16px;

}


.lg-footer-bottom {

  min-height: 76px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #667a8d;

  font-size: 9px;

}


.lg-footer-bottom div {

  display: flex;

  gap: 20px;

}


.lg-footer-bottom a {

  color: #6f8497;

  text-decoration: none;

}



/* ==========================================================
   REVEAL
========================================================== */

[data-lg-reveal] {

  opacity: 0;

  transform: translateY(25px);

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

}


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

  transform: translateX(-32px);

}


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

  transform: translateX(32px);

}


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

  opacity: 1;

  transform: translate3d(0,0,0);

}



/* ==========================================================
   TABLET
========================================================== */

@media
(max-width: 1100px) {

  .lg-hero-layout,
  .lg-heading-grid,
  .lg-outcome-layout,
  .lg-qualified-shell,
  .lg-fit-layout,
  .lg-why-layout,
  .lg-seo-panel,
  .lg-faq-layout {

    grid-template-columns: 1fr;

  }


  .lg-process-flow {

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

  }


  .lg-process-arrow {

    display: none;

  }


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

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

  }


  .lg-service-grid {

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

  }


  .lg-footer-main {

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

  }


  .lg-footer-contact {

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

  }


  .lg-faq-intro {

    position: static;

  }

}



/* ==========================================================
   MOBILE
========================================================== */

@media
(max-width: 768px) {

  .lg-section {

    padding:
      72px 0;

  }


  .lg-hero {

    padding:
      132px 0 72px;

  }


  .lg-hero-copy h1 {

    min-height: 205px;

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

    letter-spacing: -3px;

  }


  .lg-hero-lead {

    font-size: 14px;

  }


  .lg-hero-features {

    display: grid;

  }


  .lg-hero-actions {

    flex-direction: column;

  }


  .lg-hero-actions a {

    width: 100%;

  }


  .lg-engine {

    padding: 20px;

  }


  .lg-engine-stats {

    grid-template-columns:
      1fr 1fr;

  }


  .lg-engine-stats
  article:last-child {

    grid-column:
      1 / -1;

  }


  .lg-float {

    display: none;

  }


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

    grid-template-columns: 1fr;

  }


  .lg-value-grid article {

    border-right: 0;

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

  }


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

    min-height: auto;

  }


  .lg-qualified-shell {

    padding:
      32px 23px;

  }


  .lg-engagement-grid article {

    border-right: 0;

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

  }


  .lg-seo-panel {

    padding:
      29px 22px;

    gap: 30px;

  }


  .lg-final-shell {

    grid-template-columns: 1fr;

  }


  .lg-final-copy {

    padding:
      39px 24px 10px;

  }


  .lg-final-visual {

    min-height: 330px;

  }


  .lg-contact-item {

    min-height: auto;

    padding:
      24px 4px;

    border-right: 0;

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

  }


  .lg-footer-bottom {

    padding: 22px 0;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 15px;

  }

}



/* ==========================================================
   SMALL MOBILE
========================================================== */

@media
(max-width: 480px) {

  .lg-engine-flow article {

    grid-template-columns:
      40px 1fr;

  }


  .lg-flow-status {

    display: none;

  }


  .lg-engine-footer {

    flex-direction: column;

    gap: 8px;

  }


  .lg-final-node {

    font-size: 7px;

  }


  .lg-node-one {

    left: 1%;

  }


  .lg-node-two {

    right: 1%;

  }

}



/* ==========================================================
   REDUCED MOTION
========================================================== */

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

  [data-lg-reveal] {

    opacity: 1;

    transform: none;

    transition: none;

  }


  .lg-type-cursor,
  .lg-live i,
  .lg-float,
  .lg-final-node {

    animation: none;

  }

}