/* Glass surfaces (preview): frosted top bar, glass cards on the royal-blue
   panels and dark sections, frosted menu, and fuller glass in night mode.
   Article text, service-page copy and forms stay solid for easy reading.
   Only shades of #002366 are used for the light behind the glass. */
:root{
  --glass-nav:rgba(250,250,247,.62);
  --glass-edge:rgba(0,35,102,.08);
  --glass-blur:blur(20px) saturate(1.8);
}
html[data-theme=dark]{
  --glass-nav:rgba(10,14,25,.58);
  --glass-edge:rgba(143,176,234,.12);
}

/* ---------- top bar: page content shows softly through it ---------- */
.topnav,body::before,.home-theme{
  background:var(--glass-nav);
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
}
.topnav,body::before{border-bottom-color:var(--glass-edge);box-shadow:inset 0 -1px 0 rgba(255,255,255,.35)}
html[data-theme=dark] .topnav,html[data-theme=dark] body::before{box-shadow:inset 0 -1px 0 rgba(255,255,255,.03)}
.home-theme{border-color:var(--glass-edge)}

/* ---------- royal-blue panel: a second soft light so the glass has depth ---------- */
.brand-panel{
  background:
    radial-gradient(110% 80% at 90% 0%,#1f4f9e 0%,transparent 55%),
    radial-gradient(70% 60% at 0% 100%,rgba(63,106,181,.55) 0%,transparent 60%),
    linear-gradient(150deg,var(--blue) 0%,var(--blue-dark) 100%);
}
.bp-stat,.bp-chips span{
  background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 100%);
  border-color:rgba(255,255,255,.26);
  backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 28px rgba(0,12,40,.18);
}
.bp-stat:hover{background:linear-gradient(135deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.1) 100%);border-color:rgba(255,255,255,.38)}
/* light cards inside the panel (contact, about, service pages) */
.bp-actions a,.bp-feature{
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.6);
  backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(0,12,40,.16);
}
html[data-theme=dark] .bp-actions a,html[data-theme=dark] .bp-feature{
  background:rgba(17,24,41,.66);border-color:rgba(143,176,234,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.3);
}

/* ---------- menu: frosted royal blue over the page ---------- */
.menu-overlay{
  background:rgba(0,35,102,.9);
  backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);
}

/* ---------- dark sections (process): soft blue light behind glass cards ---------- */
.sec-dark{
  background-image:
    radial-gradient(55% 65% at 88% 8%,rgba(31,79,158,.42) 0%,transparent 62%),
    radial-gradient(50% 60% at 6% 96%,rgba(0,35,102,.65) 0%,transparent 62%);
}
.step-card{
  background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);
  border-color:rgba(255,255,255,.14);
  backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.step-card:hover{background:linear-gradient(135deg,rgba(143,176,234,.16) 0%,rgba(0,35,102,.14) 100%);border-color:rgba(143,176,234,.5)}

/* ---------- night mode: tinted sections get faint blue light, cards turn to glass ---------- */
html[data-theme=dark] .sec-tint{
  background-image:
    radial-gradient(45% 55% at 92% 12%,rgba(31,79,158,.22) 0%,transparent 65%),
    radial-gradient(40% 50% at 4% 92%,rgba(0,35,102,.32) 0%,transparent 65%);
}
html[data-theme=dark] :is(.svc-card,.cs-card,.post-card,.ind-card){
  background:linear-gradient(140deg,rgba(23,33,58,.72) 0%,rgba(14,20,36,.6) 100%);
  border-color:rgba(143,176,234,.13);
  backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme=dark] :is(.svc-card,.cs-card,.post-card,.ind-card):hover{border-color:rgba(143,176,234,.32)}

/* browsers without blur, or visitors who ask for less transparency: solid surfaces */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topnav,body::before,.home-theme{background:var(--nav-bg)}
  .menu-overlay{background:var(--blue)}
  .bp-actions a,.bp-feature{background:var(--card)}
}
@media (prefers-reduced-transparency: reduce){
  .topnav,body::before,.home-theme{background:var(--nav-bg);backdrop-filter:none;-webkit-backdrop-filter:none}
  .menu-overlay{background:var(--blue);backdrop-filter:none;-webkit-backdrop-filter:none}
  .bp-actions a,.bp-feature{background:var(--card)}
}
/* phones: lighter blur keeps scrolling smooth */
@media (max-width:640px){
  :root{--glass-blur:blur(14px) saturate(1.6)}
  .step-card,html[data-theme=dark] :is(.svc-card,.cs-card,.post-card,.ind-card){backdrop-filter:none;-webkit-backdrop-filter:none}
}