/* FRONTLINE_DOCUMENT_SKIN_BOOKING_ALIGNED_V1 */

/* FRONTLINE_DOC_BOOKING_BACKGROUND_V1 */
/* Match the Book Fact-Find page background exactly. */
body.frontline-doc-page{
  background:#020610 !important;
  color:#fff !important;
  font-family:Inter,Arial,sans-serif !important;
  overflow-x:hidden !important;
}

body.frontline-doc-page:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  background:url('/assets/9.png') center top/cover no-repeat !important;
  opacity:.35 !important;
  pointer-events:none !important;
  z-index:0 !important;
}

body.frontline-doc-page .wrap{
  position:relative !important;
  z-index:1 !important;
}

/* Align migrated framework/document pages with the book fact-find page skin. */

body.frontline-doc-page{
  background:#020610 !important;
  color:#fff !important;
  font-family:Inter,Arial,sans-serif !important;
  overflow-x:hidden;
}

/* Remove the old page-native header. The shared sidebar is the only menu. */
body.frontline-doc-page > header{
  display:none !important;
}

body.frontline-doc-page .wrap{
  position:relative !important;
  z-index:1 !important;
  width:auto !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:34px 26px 70px !important;
}

body.frontline-doc-page main.wrap{
  display:block !important;
}

/* Convert old hero to the same feel as booking page heroIntro. */
body.frontline-doc-page .hero{
  min-height:0 !important;
  margin:0 0 26px !important;
  padding:30px 34px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:30px !important;
  background:
    linear-gradient(90deg,rgba(20,120,255,.17),rgba(255,255,255,.04)) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow:hidden !important;
}

body.frontline-doc-page .hero:before,
body.frontline-doc-page .hero:after{
  display:none !important;
}

body.frontline-doc-page .heroGrid,
body.frontline-doc-page .grid2,
body.frontline-doc-page .grid3,
body.frontline-doc-page .process,
body.frontline-doc-page .proof,
body.frontline-doc-page .handover,
body.frontline-doc-page .commitList{
  gap:18px !important;
}

body.frontline-doc-page .eyebrow,
body.frontline-doc-page .tag{
  color:#77baff !important;
  text-transform:uppercase !important;
  letter-spacing:.22em !important;
  font-weight:900 !important;
}

body.frontline-doc-page h1{
  color:#fff !important;
  font-family:Sora,Inter,Arial,sans-serif !important;
  font-size:50px !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
  margin:0 0 14px !important;
}

body.frontline-doc-page h2{
  color:#fff !important;
  font-family:Sora,Inter,Arial,sans-serif !important;
  letter-spacing:-.045em !important;
}

body.frontline-doc-page h3{
  color:#fff !important;
  font-family:Sora,Inter,Arial,sans-serif !important;
}

body.frontline-doc-page .lead,
body.frontline-doc-page .sectionHead p,
body.frontline-doc-page p,
body.frontline-doc-page li{
  color:#c4d1e4 !important;
}

/* Make old cards match the booking page panels. */
body.frontline-doc-page .card,
body.frontline-doc-page .visual,
body.frontline-doc-page .heroVisual,
body.frontline-doc-page .final,
body.frontline-doc-page .quote,
body.frontline-doc-page .cmd,
body.frontline-doc-page .evidence,
body.frontline-doc-page .proofRow,
body.frontline-doc-page .stage,
body.frontline-doc-page .tile,
body.frontline-doc-page .checkline,
body.frontline-doc-page .mini{
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:30px !important;
  background:rgba(4,12,26,.84) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(18px) !important;
}

body.frontline-doc-page .card{
  padding:26px !important;
}

body.frontline-doc-page .card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(91,183,255,.45) !important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.46),
    0 0 55px rgba(20,120,255,.16),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.frontline-doc-page section{
  padding:34px 0 !important;
}

body.frontline-doc-page .sectionHead{
  margin-bottom:22px !important;
}

body.frontline-doc-page .sectionHead h2{
  font-size:34px !important;
  line-height:1.05 !important;
}

body.frontline-doc-page .btn,
body.frontline-doc-page a.btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:14px !important;
  border:1px solid rgba(91,183,255,.38) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-family:Sora,Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body.frontline-doc-page .btn.primary,
body.frontline-doc-page a.btn.primary{
  background:linear-gradient(135deg,#1478ff,#37a7ff) !important;
  border-color:rgba(116,195,255,.72) !important;
}

body.frontline-doc-page pre,
body.frontline-doc-page code{
  background:rgba(255,255,255,.055) !important;
  color:#eaf4ff !important;
  border-color:rgba(255,255,255,.13) !important;
  border-radius:16px !important;
}

/* Use the same mobile behaviour as booking page. */
@media(max-width:980px){
  body.frontline-doc-page .wrap{
    padding:22px 18px 60px !important;
  }

  body.frontline-doc-page h1{
    font-size:40px !important;
  }

  body.frontline-doc-page .sectionHead{
    display:block !important;
  }

  body.frontline-doc-page .sectionHead p{
    margin-top:12px !important;
  }
}