:root{
  --brand-gray:#2e2f33;
  --brand-orange:#e57659;
}
/* add any extra overrides here */
    :root{
      --brand-gray:#2e2f33;
      --brand-orange:#e57659;
    }
    body{color:#333;}
    .navbar-brand span{font-weight:700; letter-spacing:.5px;}
    .bg-hero{
      background: url('../images/bg.png') center/cover no-repeat, linear-gradient(120deg, #1f2430, #2c3350);
      position: relative;
    }
    .bg-hero:before{
      content:""; position:absolute; inset:0; background:rgba(0,0,0,.45);
    }
    .hor{width: 70%;align-items: center; text-align: center;}
   .vert {width: 50%;height: auto;display: inline-block;border-radius: 1rem;}
    .hero-content{position:relative; z-index:2; color:#fff;}
    .brand-pill{background:var(--brand-orange); color:#fff; border:none;}
    .section-title .title{font-weight:700;}
    .feature-icon{
      width:64px; height:64px; border-radius:16px; 
      background:#f2f4f7; display:flex; align-items:center; justify-content:center; 
      margin:0 auto;
    }
    .footer{background:#0f1218; color:#b9c0ce;}
    .footer a{color:#dfe6f3; text-decoration:none;}
    .footer a:hover{text-decoration:underline;}