
/* ============================================================
   LINK SERVICES — PROOF IN ACTION
   WHOBALATION
   ============================================================ */

.link-proof-section {
  padding: 78px 24px;
  background:
    linear-gradient(
      135deg,
      #061a35 0%,
      #0d2c51 100%
    );
  color: #ffffff;
}

.link-proof-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;

  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(0, 1.08fr);

  gap: 54px;
  align-items: center;
}

.link-proof-kicker {
  display: inline-block;

  margin-bottom: 12px;

  color: #83bd43;

  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.link-proof-copy h2 {
  margin:
    0
    0
    20px;

  color: #ffffff;

  font-size: clamp(
    34px,
    4vw,
    58px
  );

  line-height: 0.98;
  letter-spacing: -0.035em;
}

.link-proof-copy h2 span {
  display: block;
  color: #83bd43;
}

.link-proof-lead {
  margin:
    0
    0
    26px;

  color: rgba(
    255,
    255,
    255,
    0.9
  );

  font-size: 18px;
  line-height: 1.65;
}

.link-proof-intro {
  margin:
    0
    0
    28px;

  color: rgba(
    255,
    255,
    255,
    0.78
  );

  font-size: 16px;
  line-height: 1.6;
}

.link-proof-capabilities {
  display: flex;
  flex-wrap: wrap;

  gap: 9px;

  margin:
    0
    0
    30px;

  padding: 0;

  list-style: none;
}

.link-proof-capabilities li {
  padding:
    9px
    13px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.22
    );

  border-radius: 999px;

  background:
    rgba(
      255,
      255,
      255,
      0.07
    );

  color: #ffffff;

  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.link-proof-note {
  padding:
    18px
    20px;

  border-left:
    4px solid
    #83bd43;

  background:
    rgba(
      255,
      255,
      255,
      0.07
    );

  color:
    rgba(
      255,
      255,
      255,
      0.9
    );

  font-size: 15px;
  line-height: 1.55;
}

.link-proof-note strong {
  color: #ffffff;
}

.link-proof-video-shell {
  overflow: hidden;

  border-radius: 22px;

  background: #000000;

  box-shadow:
    0 24px 60px
    rgba(
      0,
      0,
      0,
      0.35
    );
}

.link-proof-video {
  position: relative;

  width: 100%;
  aspect-ratio: 16 / 9;

  background: #000000;
}

.link-proof-video iframe {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  border: 0;
}

.link-proof-video-caption {
  padding:
    18px
    21px;

  background: #ffffff;

  color: #092442;

  font-size: 14px;
  line-height: 1.45;
}

.link-proof-video-caption strong {
  display: block;

  margin-bottom: 3px;

  font-size: 16px;
}

@media (max-width: 850px) {

  .link-proof-section {
    padding:
      56px
      20px;
  }

  .link-proof-wrap {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .link-proof-copy h2 {
    font-size: clamp(
      34px,
      11vw,
      50px
    );
  }

}

/* LINK WHOBALATION PROOF END */

