:root{
  /* Premium international palette (Navy + Gold base, with modern teal/sky accents) */
  --bg:#f6f8fc;
  --card:#ffffff;
  --text:#0b1220;
  --muted:rgba(11,18,32,.72);
  --line:rgba(11,18,32,.10);

  --navy:#071a33;
  --navy2:#0b2a55;
  --gold:#d4af37;
  --gold2:#f2d06b;

  --sky:#18a0fb;
  --teal:#00c7b7;
  --red:#b22234;

  --primary: var(--navy2);
  --primary2: var(--gold);
}

*{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
body{
  background:
    radial-gradient(1000px 550px at 12% -10%, rgba(11,42,85,.14), transparent 62%),
    radial-gradient(900px 520px at 100% 0%, rgba(212,175,55,.14), transparent 58%),
    radial-gradient(850px 520px at 60% 10%, rgba(24,160,251,.10), transparent 60%),
    linear-gradient(180deg, var(--bg), #ffffff);
  color:var(--text);
}

a{color:inherit}
.text-muted{color:var(--muted)!important}

/* Navbar */
.nav-glass{
  background: rgba(7,26,51,.92);
  backdrop-filter: blur(12px);
  border-bottom:1px solid var(--line);
}
.navbar .nav-link{
  color: rgba(11,18,32,.78) !important;
  font-weight: 650;
}
.navbar .nav-link.active{
  color: var(--navy2) !important;
  position: relative;
}
.navbar .nav-link.active::after{
  content:"";
  position:absolute;
  left: .25rem;
  right: .25rem;
  bottom: .25rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--navy2), var(--gold), var(--teal));
}

.brand-logo{ height: 34px; width: auto; }

/* Hero */
.hero{
  border-bottom:1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-120px -120px auto -120px;
  height: 380px;
  background: radial-gradient(closest-side, rgba(24,160,251,.12), transparent 70%),
              radial-gradient(closest-side, rgba(0,199,183,.10), transparent 70%),
              radial-gradient(closest-side, rgba(212,175,55,.12), transparent 70%);
  pointer-events:none;
}
.hero-surface{
  background: rgba(255,255,255,.90);
  border:1px solid var(--line);
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(11,18,32,.11);
}

.section{padding: 72px 0;}
@media (max-width: 991px){
  .section{padding:56px 0;}
  .brand-logo{height: 30px;}
}

/* Cards */
.cardx{
  background: var(--card);
  border:1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(11,18,32,.08);
}

.badge.tech{
  background: rgba(11,42,85,.06);
  border:1px solid rgba(11,42,85,.14);
  color: rgba(11,18,32,.90);
  font-weight: 750;
  padding: .5rem .7rem;
  border-radius: 999px;
}
.badge.soft{
  background: rgba(212,175,55,.16);
  border:1px solid rgba(212,175,55,.24);
  color: rgba(11,18,32,.90);
  font-weight: 850;
  padding: .5rem .7rem;
  border-radius: 999px;
}
.badge.quality{
  background: rgba(0,199,183,.10);
  border:1px solid rgba(0,199,183,.22);
  color: rgba(11,18,32,.92);
  font-weight: 850;
  padding: .5rem .7rem;
  border-radius: 999px;
}

/* Buttons */
.btn-primary{
  background: linear-gradient(90deg, var(--navy2), var(--gold));
  border:0;
  box-shadow: 0 14px 36px rgba(11,42,85,.20);
}
.btn-primary:hover{ filter: brightness(0.99); }
.btn-outline-dark{ border-color: rgba(11,42,85,.28); }

/* Icon pills: subtle color variety */
.icon-pill{
  width:46px;height:46px;border-radius: 14px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  background: linear-gradient(135deg, rgba(24,160,251,.12), rgba(0,199,183,.10));
}

.kpi{
  border:1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.82);
}

.trustbar{
  border:1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.80)),
    radial-gradient(900px 260px at 10% 10%, rgba(212,175,55,.10), transparent 60%),
    radial-gradient(900px 260px at 90% 20%, rgba(0,199,183,.08), transparent 60%);
}

/* Forms */
.form-control, .form-select, textarea{
  background: rgba(255,255,255,.98) !important;
  border:1px solid var(--line) !important;
  color: var(--text) !important;
}
.form-control::placeholder, textarea::placeholder{color: rgba(11,18,32,.45);}
.form-control:focus, textarea:focus, .form-select:focus{
  box-shadow: 0 0 0 .25rem rgba(24,160,251,.18) !important;
  border-color: rgba(24,160,251,.30) !important;
}

.footer{
  border-top:1px solid var(--line);
  background: #ffffff;
}
.footer-link{
  color: rgba(11,18,32,.70);
  text-decoration:none;
}
.footer-link:hover{color: rgba(11,18,32,1);}

.hr-soft{border-color: rgba(11,18,32,.10) !important;}
h1,h2,h3,h4,h5,h6{ letter-spacing: -0.02em; }

/* Dark navbar overrides */
.navbar.navbar-dark .nav-link{ color: rgba(255,255,255,.82) !important; }
.navbar.navbar-dark .nav-link:hover{ color: rgba(255,255,255,.95) !important; }
.navbar.navbar-dark .navbar-brand{ color:#fff !important; }
.navbar.navbar-dark .navbar-toggler{ border-color: rgba(255,255,255,.18); }