/* CIMYCO v3.3.2 — Cas d’usage fully integrated with site theme */

/* Do not let legacy use-case header/footer styles affect the shared site chrome */
.usecases-page .site-header,
.usecases-page header:not(.uc-header){
  font-family:inherit;
}

.usecases-page .uc-header,
.usecases-page .uc-brand,
.usecases-page .uc-nav,
.usecases-page .uc-menu-btn{
  display:none !important;
}

/* Hero spacing matches internal pages more closely */
.usecases-page .uc-hero{
  padding-top:110px !important;
  min-height:640px !important;
}

/* Keep page background and typography aligned with the rest of CIMYCO */
.usecases-page{
  background:#031326 !important;
  color:#fff !important;
}

/* Remove any footer override from the old use-case page */
.usecases-page .uc-footer{
  display:none !important;
}

/* Make the use-case content visually blend with existing site sections */
.usecases-page .uc-intro,
.usecases-page .uc-cases,
.usecases-page .uc-cross,
.usecases-page .uc-final{
  background:transparent !important;
}

/* Calm down large vertical dead zones near final CTA */
.usecases-page .uc-cross{
  padding-top:80px !important;
  padding-bottom:72px !important;
}
.usecases-page .uc-final{
  padding-top:82px !important;
  padding-bottom:90px !important;
}

/* Buttons closer to site style */
.usecases-page .uc-btn{
  border-radius:0 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
  font-size:11px !important;
}
.usecases-page .uc-btn.primary{
  background:#258df4 !important;
}
.usecases-page .uc-btn.secondary{
  border:1px solid rgba(171,203,229,.28) !important;
  background:rgba(4,20,39,.34) !important;
}

/* Footer inherited from reference page should start cleanly */
.usecases-page footer{
  margin-top:0 !important;
}

@media(max-width:900px){
  .usecases-page .uc-hero{
    padding-top:88px !important;
  }
}

@media(max-width:620px){
  .usecases-page .uc-hero{
    padding-top:76px !important;
  }
}