/* ============================================================
   LINK BUSINESS V63
   Direct Business page presentation
   ============================================================ */

:root{
  --b63-navy:#082746;
  --b63-blue:#0b4268;
  --b63-green:#628d47;
  --b63-lime:#95d152;
  --b63-teal:#147f86;
  --b63-line:#d9e4e8;
  --b63-soft:#f5f8f8;
  --b63-muted:#607486;
}

.b63-hero,
.b63-hero *,
.b63-services,
.b63-services *{
  box-sizing:border-box!important;
}

/* ------------------------------------------------------------
   HERO — CONTROLLED, NOT A BILLBOARD
   ------------------------------------------------------------ */

.b63-hero{
  width:100%!important;

  padding:30px 24px!important;

  background:#f5f8f8!important;

  border-bottom:
    1px solid var(--b63-line)!important;
}

.b63-hero-inner{
  width:min(1400px,100%)!important;

  margin:0 auto!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(390px,.92fr)!important;

  gap:22px!important;

  align-items:stretch!important;
}

.b63-hero-copy{
  display:flex!important;

  flex-direction:column!important;
  justify-content:center!important;

  min-height:355px!important;

  padding:40px!important;

  border-radius:17px!important;

  background:
    linear-gradient(
      135deg,
      #061f3b 0%,
      #0b4268 100%
    )!important;

  color:#fff!important;
}

.b63-kicker{
  display:block!important;

  margin:0 0 7px!important;

  color:var(--b63-green)!important;

  font-size:12px!important;
  line-height:1.2!important;

  font-weight:900!important;

  letter-spacing:.11em!important;

  text-transform:uppercase!important;
}

.b63-hero .b63-kicker{
  color:#9bd95e!important;
}

.b63-hero h1{
  max-width:770px!important;

  margin:0 0 15px!important;

  color:#fff!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:
    clamp(38px,4vw,58px)!important;

  line-height:1.01!important;

  letter-spacing:-.028em!important;
}

.b63-hero-copy > p{
  max-width:760px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.84)!important;

  font-size:17px!important;
  line-height:1.55!important;
}

.b63-actions{
  display:flex!important;
  flex-wrap:wrap!important;

  gap:8px!important;

  margin-top:21px!important;
}

.b63-btn{
  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  min-height:43px!important;

  padding:9px 15px!important;

  border-radius:999px!important;

  text-decoration:none!important;

  font-size:12px!important;
  line-height:1.15!important;

  font-weight:900!important;
}

.b63-btn.primary{
  border:
    1px solid var(--b63-lime)!important;

  background:
    var(--b63-lime)!important;

  color:
    var(--b63-navy)!important;
}

.b63-btn.secondary,
.b63-btn.tertiary{
  border:
    1px solid
    rgba(255,255,255,.32)!important;

  background:
    rgba(255,255,255,.07)!important;

  color:#fff!important;
}

/* ------------------------------------------------------------
   HERO VALUE PANEL
   ------------------------------------------------------------ */

.b63-hero-value{
  display:flex!important;
  flex-direction:column!important;

  justify-content:center!important;

  min-height:355px!important;

  padding:25px!important;

  border:
    1px solid var(--b63-line)!important;

  border-radius:17px!important;

  background:#fff!important;

  box-shadow:
    0 7px 22px
    rgba(8,39,70,.06)!important;
}

.b63-hero-value > a{
  display:block!important;

  padding:14px 0!important;

  border-bottom:
    1px solid var(--b63-line)!important;

  color:
    var(--b63-navy)!important;

  text-decoration:none!important;
}

.b63-hero-value > a strong{
  display:block!important;

  margin-bottom:3px!important;

  color:
    var(--b63-navy)!important;

  font-size:18px!important;
  line-height:1.2!important;
}

.b63-hero-value > a span{
  display:block!important;

  color:
    var(--b63-muted)!important;

  font-size:13px!important;
  line-height:1.45!important;
}

.b63-free-note{
  margin-top:15px!important;

  padding:13px!important;

  border-radius:10px!important;

  background:#eef6ea!important;

  color:#46643b!important;

  font-size:12px!important;
  line-height:1.45!important;
}

.b63-free-note strong{
  display:block!important;

  margin-bottom:3px!important;
}

/* ------------------------------------------------------------
   PAID VALUE — FIRST SECTION IN MAIN
   ------------------------------------------------------------ */

.b63-services{
  width:100%!important;

  padding:44px 0 34px!important;

  background:#fff!important;
}

.b63-wrap{
  width:min(
    1400px,
    calc(100% - 48px)
  )!important;

  margin:0 auto!important;
}

.b63-section-heading{
  display:flex!important;

  align-items:flex-end!important;
  justify-content:space-between!important;

  gap:30px!important;

  margin-bottom:19px!important;
}

.b63-section-heading h2{
  max-width:760px!important;

  margin:0!important;

  color:
    var(--b63-navy)!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:
    clamp(30px,3vw,44px)!important;

  line-height:1.04!important;
}

.b63-section-heading > p{
  max-width:590px!important;

  margin:0!important;

  color:
    var(--b63-muted)!important;

  font-size:14px!important;
  line-height:1.5!important;
}

.b63-service-grid{
  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:12px!important;
}

.b63-service-card{
  display:flex!important;
  flex-direction:column!important;

  min-height:228px!important;

  padding:20px!important;

  border:
    1px solid var(--b63-line)!important;

  border-radius:14px!important;

  background:#fff!important;

  color:
    var(--b63-navy)!important;

  text-decoration:none!important;

  box-shadow:
    0 4px 14px
    rgba(8,39,70,.05)!important;
}

.b63-service-card:hover,
.b63-service-card:focus-visible{
  transform:
    translateY(-2px)!important;

  border-color:
    #83ae62!important;
}

.b63-service-card small{
  color:
    var(--b63-green)!important;

  font-size:10px!important;

  font-weight:900!important;

  letter-spacing:.09em!important;

  text-transform:uppercase!important;
}

.b63-service-card h3{
  margin:
    7px 0 9px!important;

  color:
    var(--b63-navy)!important;

  font-size:22px!important;
  line-height:1.15!important;
}

.b63-service-card p{
  flex:1!important;

  margin:
    0 0 14px!important;

  color:
    var(--b63-muted)!important;

  font-size:14px!important;
  line-height:1.48!important;
}

.b63-service-card strong{
  color:
    var(--b63-green)!important;

  font-size:12px!important;
}

.b63-utility{
  display:flex!important;

  flex-wrap:wrap!important;

  align-items:center!important;

  gap:8px!important;

  margin-top:15px!important;

  padding:12px 14px!important;

  border:
    1px solid var(--b63-line)!important;

  border-radius:11px!important;

  background:
    var(--b63-soft)!important;
}

.b63-utility > span{
  margin-right:auto!important;

  color:
    var(--b63-muted)!important;

  font-size:12px!important;
}

.b63-utility > span strong{
  color:
    var(--b63-navy)!important;
}

.b63-utility a{
  display:inline-flex!important;

  min-height:34px!important;

  align-items:center!important;

  padding:7px 10px!important;

  border:
    1px solid var(--b63-line)!important;

  border-radius:999px!important;

  background:#fff!important;

  color:
    var(--b63-navy)!important;

  text-decoration:none!important;

  font-size:10px!important;
  font-weight:900!important;
}

/* ------------------------------------------------------------
   EXISTING BUSINESS CONTENT — TIGHTER
   ------------------------------------------------------------ */

body
main
.link-simple-band{
  padding-top:32px!important;
  padding-bottom:32px!important;
}

body
main
.link-simple-title{
  font-size:
    clamp(28px,3vw,42px)!important;

  line-height:1.04!important;
}

body
main
.link-simple-card{
  padding:17px!important;

  border-radius:12px!important;
}

body
main
.link-simple-card strong{
  font-size:16px!important;
}

body
main
.link-simple-card p{
  font-size:13px!important;
  line-height:1.45!important;
}

/*
  Hard stop for the old injected blue-card block
  if a cached copy somehow survives.
*/
#linkBusinessVisualFinal,
.link-business-visual-final,
.lbvf-section,
.lbvf-pathway-grid{
  display:none!important;
}

/* ------------------------------------------------------------
   APPROVED EXISTING FOOTER
   ------------------------------------------------------------ */

body > footer.link-v396-footer.link-launch-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  width:100%!important;

  margin:0!important;

  background:
    linear-gradient(
      135deg,
      #061f3b 0%,
      #073655 70%,
      #07536a 100%
    )!important;

  color:#fff!important;
}

body
footer.link-v396-footer
.link-v396-footer-inner{
  width:min(
    1400px,
    calc(100% - 48px)
  )!important;

  margin:0 auto!important;

  padding:
    38px 0 22px!important;
}

body
footer.link-v396-footer
.link-v396-footer-grid{
  display:grid!important;

  grid-template-columns:
    minmax(0,1.4fr)
    minmax(180px,.7fr)
    minmax(240px,.9fr)!important;

  gap:42px!important;
}

body
footer.link-v396-footer
h2,
body
footer.link-v396-footer
h3,
body
footer.link-v396-footer
a{
  color:#fff!important;
}

body
footer.link-v396-footer
p{
  color:
    rgba(255,255,255,.8)!important;
}

@media(max-width:950px){

  .b63-hero-inner{
    grid-template-columns:1fr!important;
  }

  .b63-service-grid{
    grid-template-columns:1fr!important;
  }

  .b63-section-heading{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

}

@media(max-width:620px){

  .b63-hero{
    padding:
      18px 14px!important;
  }

  .b63-hero-copy,
  .b63-hero-value{
    min-height:0!important;

    padding:23px!important;
  }

  .b63-wrap{
    width:
      calc(100% - 28px)!important;
  }

}
