:root{
  --navy:#061a31;
  --navy-2:#0a2746;
  --blue:#154f86;
  --red:#e6232d;
  --ink:#142337;
  --muted:#687789;
  --line:#cfd8e2;
  --soft:#eef3f7;
  --soft-2:#e5edf4;
  --white:#ffffff;
}
body{
  background:#eef3f7!important;
  color:var(--ink);
}
.topbar{
  background:#041424!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
header{
  background:var(--navy)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 24px rgba(3,18,34,.14);
}
.brand strong,
.brand small,
.links a{
  color:#fff!important;
}
.brand small{opacity:.75}
.links a.active{color:#ff5b63!important}
.toggle{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  color:#fff!important;
}
@media(max-width:900px){
  .links{
    background:var(--navy)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
}
.hero{
  background:
    radial-gradient(circle at 72% 30%, rgba(34,93,145,.38), transparent 34%),
    linear-gradient(125deg,#061a31 0%,#0b2949 55%,#12395d 100%)!important;
  color:#fff;
}
.hero h1{color:#fff!important}
.hero h1 span{color:#ff4e59!important}
.hero p{color:#d7e2ed!important}
.hero .eyebrow{color:#ff5962!important}
.outline{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.4)!important;
  color:#fff!important;
}
.officer:after{
  background:linear-gradient(145deg,var(--red),#b71220)!important;
  opacity:.9;
}
.trust-grid{
  background:#f8fafc!important;
  border-color:#cfd8e2!important;
  box-shadow:0 16px 40px rgba(5,27,49,.12)!important;
}
.trust-grid strong{color:var(--navy)!important}
section{
  background:#eef3f7;
}
.services{
  background:#e5edf4!important;
}
.services .card,
.client,
.team-card,
.management-head{
  background:#f9fbfc!important;
  border-color:#cfd8e2!important;
  box-shadow:0 9px 24px rgba(7,30,54,.06)!important;
}
.card h3,
section h2{
  color:var(--navy)!important;
}
.card p,
.intro,
.management-note{
  color:#677789!important;
}
#about{
  background:#f3f6f9!important;
}
.metrics{
  background:linear-gradient(135deg,#071b35,#0d3157)!important;
  box-shadow:0 16px 34px rgba(7,27,53,.13);
}
.clients{
  background:#e8eef4!important;
  border-color:#ccd6e0!important;
}
.uploaded-brands .real-logo-card{
  background:#f9fbfd!important;
}
.logo-frame,
.text-logo{
  background:#fff!important;
  border:1px solid #e0e6ec;
}
.management-banner{
  background:linear-gradient(130deg,#061a31,#103f6d)!important;
  box-shadow:0 18px 38px rgba(5,25,45,.16);
}
#contact{
  background:#f1f5f8!important;
}
#contact .btn{
  box-shadow:0 9px 22px rgba(230,35,45,.18);
}
.footer{
  background:#031120!important;
  color:#c6d1dc!important;
  border-top:3px solid var(--red);
}
.footer h4{color:#fff!important}
.footer a{color:#cdd8e3!important}
.footer .btn{color:#fff!important}
.page.management-page{
  background:#eaf0f5!important;
}
.btn{
  border-radius:10px!important;
  box-shadow:0 7px 18px rgba(15,35,55,.08);
}
.platform{
  background:#0a2746!important;
}
.eyebrow{
  color:#d81f2a!important;
}
@media(max-width:560px){
  body{background:#edf2f6!important}
  .hero-grid{padding-top:42px}
  .hero{
    background:
      radial-gradient(circle at 50% 82%, rgba(35,94,146,.25), transparent 30%),
      linear-gradient(145deg,#061a31 0%,#0a2746 66%,#10395f 100%)!important;
  }
  .trust-grid{
    transform:translateY(-18px)!important;
  }
  .uploaded-brands .real-logo-card{
    background:#f8fafc!important;
  }
}