:root{
  /* New ilminate Brand Palette */
  --brand-navy:#2F3E4E;
  --brand-navy-hover:#243543;
  --brand-gold:#D4B06A;
  --text:#1A1A1A;
  --text-muted:#4A5568;
  --bg:#FFFFFF;
  --surface:#F8F9FA;
  --border:#E5E7EB;
  --focus-ring:rgba(47,62,78,0.12);
  
  /* Legacy variables for compatibility */
  --ilmi-bg:#ffffff;
  --ilmi-panel:#f8f9fa;
  --ilmi-line:#E5E7EB;
  --ilmi-text:#1A1A1A;
  --ilmi-muted:#4A5568;
  --ilmi-teal:#2F3E4E;       /* Navy replaces teal */
  --ilmi-teal-soft:#2F3E4E;  /* Navy replaces teal */
  --ilmi-black:#1A1A1A;
  
  /* Logo Colors */
  --logo-light-beam:#D4B06A; /* Gold accent */
  --logo-shield-body:#2F3E4E; /* Navy */
  
  /* Brand Text Colors - Unified navy (removed teal split) */
  --brand-ilm:#2F3E4E; /* Navy - unified brand color */
  --brand-inate:#2F3E4E; /* Navy - unified brand color */
}

/* Style ilminate text with different colors - ULTRA AGGRESSIVE SELECTORS */
.brand-ilm,
h2 .brand-ilm,
h2 span.brand-ilm,
.section-header h2 .brand-ilm,
.section-header h2 span.brand-ilm,
.our-story-heading .brand-ilm,
.our-story-heading span.brand-ilm,
.our-story-heading h2 .brand-ilm,
.our-story-heading h2 span.brand-ilm,
h1 .brand-ilm,
h1 span.brand-ilm,
#about .brand-ilm,
#about h2 .brand-ilm,
#about h2 span.brand-ilm,
.about .brand-ilm,
.about h2 .brand-ilm,
.about h2 span.brand-ilm,
.why-choose .brand-ilm,
.why-choose h2 .brand-ilm,
.why-choose h2 span.brand-ilm,
.what-ilminate-does .brand-ilm,
.what-ilminate-does h2 .brand-ilm,
.what-ilminate-does h2 span.brand-ilm {
  color:#2F3E4E !important; /* Navy - unified brand color */
}

.brand-inate,
h2 .brand-inate,
h2 span.brand-inate,
.section-header h2 .brand-inate,
.section-header h2 span.brand-inate,
.our-story-heading .brand-inate,
.our-story-heading span.brand-inate,
.our-story-heading h2 .brand-inate,
.our-story-heading h2 span.brand-inate,
h1 .brand-inate,
h1 span.brand-inate,
#about .brand-inate,
#about h2 .brand-inate,
#about h2 span.brand-inate,
.about .brand-inate,
.about h2 .brand-inate,
.about h2 span.brand-inate,
.why-choose .brand-inate,
.why-choose h2 .brand-inate,
.why-choose h2 span.brand-inate,
.what-ilminate-does .brand-inate,
.what-ilminate-does h2 .brand-inate,
.what-ilminate-does h2 span.brand-inate {
  color:#2F3E4E !important; /* Navy - unified brand color */
}

.navbar{
  position:sticky;
  top:0;
  z-index:60;
  background:#ffffff;
  backdrop-filter:none;
  transition:all .25s ease;
}

.navbar.is-compact{
  transform:translateY(0); 
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.navbar .nav-link{
  color:#000000 !important;
  font-weight:700 !important;
  transition:color .15s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus{
  color:var(--brand-navy-hover);
}

.btn{
  transition:transform .08s ease, box-shadow .2s ease;
}

.btn:hover,
.btn:focus{
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}

.btn-primary{
  background:var(--brand-navy);
  color:#FFFFFF;
  font-weight:700;
  border:0;
}

.btn-primary:hover,
.btn-primary:focus{
  background:var(--brand-navy-hover);
  box-shadow:0 0 0 3px var(--focus-ring);
}

.btn-secondary{
  border:1px solid var(--brand-navy);
  color:var(--brand-navy);
  background:transparent;
}

.btn-secondary:hover,
.btn-secondary:focus{
  border-color:var(--brand-navy-hover);
  color:var(--brand-navy-hover);
  box-shadow:0 0 0 3px var(--focus-ring);
}

.section-header h2{
  letter-spacing:.01em;
}

.card,
.service-card{
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:12px;
}

.service-card:hover{
  transform:translateY(-2px);
  transition:transform .12s ease, box-shadow .2s ease;
  box-shadow:0 14px 36px rgba(0,0,0,.22);
}

.alt-row:nth-child(odd){
  background:rgba(255,255,255,.02);
}

.alt-row:nth-child(even){
  background:transparent;
}

.footer{
  border-top:1px solid var(--ilmi-line);
}

.hidden-on-load{
  opacity:0;
  transform:translateY(12px);
}

.revealed{
  opacity:1;
  transform:none;
  transition:opacity .5s ease, transform .5s ease;
}