/* Baliga redesign — palette sampled directly from the live site's own
   assets: brand blue #166DB7 from baliga_subhdg.gif, hazard yellow/black
   #EAC214 / #1D1D1D from the Ex certification badge (ex_logo.gif). */

:root{
  --navy-900:#0A2F52;
  --navy-800:#0E3A63;
  --blue-700:#0E4C86;
  --blue-600:#166DB7;
  --blue-500:#2677BC;
  --blue-100:#E8F1FB;
  --ink-900:#16232F;
  --muted-600:#55697C;
  --paper:#FFFFFF;
  --bg:#F5F8FB;
  --rule:#DDE6EE;
  --hazard-yellow:#EAC214;
  --hazard-black:#1D1D1D;

  --font-display: Georgia, "Times New Roman", "Noto Serif", serif;
  --font-body: "Segoe UI", Arial, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", monospace;
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0A121C;
    --paper:#101B29;
    --ink-900:#E8EEF4;
    --muted-600:#93A6B8;
    --rule:#223244;
    --blue-600:#4C97DD;
    --blue-500:#6FB0EA;
    --blue-100:#16283C;
    --navy-900:#071F38;
    --navy-800:#0A2A4C;
  }
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink-900);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
}
img,svg{display:block; max-width:100%;}
a{color:inherit;}
h1,h2,h3{font-family:var(--font-display); text-wrap:balance; margin:0; font-weight:700; color:var(--ink-900);}
p{margin:0;}
.container{max-width:1180px; margin:0 auto; padding-inline:24px;}
:focus-visible{outline:2px solid var(--blue-500); outline-offset:3px;}

.eyebrow{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue-600);
  display:flex; align-items:center; gap:10px;
}
.eyebrow::before{content:""; width:22px; height:2px; background:var(--hazard-yellow); display:inline-block;}
.eyebrow-light{color:#BEDBF7;}
.eyebrow-light::before{background:var(--hazard-yellow);}

.btn{
  font-family:var(--font-body);
  font-weight:600;
  font-size:.92rem;
  padding:13px 24px;
  border-radius:3px;
  border:1px solid transparent;
  cursor:pointer;
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none;
  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--blue-600); color:#fff;}
.btn-primary:hover{background:var(--blue-500);}
.btn-outline{border-color:rgba(255,255,255,.4); color:#fff;}
.btn-outline:hover{border-color:var(--hazard-yellow); color:var(--hazard-yellow);}
.btn-outline-dark{border-color:var(--rule); color:var(--ink-900);}
.btn-outline-dark:hover{border-color:var(--blue-600); color:var(--blue-600);}

/* ---------- Utility bar + header ---------- */
.utility-bar{background:var(--navy-900); color:#B9D3EC; font-size:.78rem;}
.utility-row{display:flex; justify-content:space-between; padding-block:8px; gap:12px; flex-wrap:wrap;}

.site-header{
  position:sticky; top:0; z-index:40;
  background:var(--paper);
  border-bottom:1px solid var(--rule);
}
.header-row{display:flex; align-items:center; gap:20px; padding-block:14px;}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; margin-right:auto;}
.brand-badge{width:38px; height:38px; flex:none;}
.brand-word{
  font-family:var(--font-display); font-weight:700; font-size:1.28rem;
  letter-spacing:.01em; color:var(--blue-600); line-height:1;
}
.brand-caption{
  display:block; font-family:var(--font-mono); font-size:.6rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--muted-600); margin-top:3px;
}
.main-nav{display:flex; align-items:center; gap:28px; font-size:.95rem;}
.main-nav a{text-decoration:none; color:var(--muted-600); padding:6px 2px; border-bottom:2px solid transparent;}
.main-nav a:hover{color:var(--ink-900);}
.main-nav a.active{color:var(--blue-600); border-color:var(--blue-600); font-weight:600;}
.header-cta{white-space:nowrap;}
.nav-toggle{
  display:none; width:38px; height:38px; place-items:center;
  background:none; border:1px solid var(--rule); color:var(--ink-900);
  border-radius:3px; cursor:pointer;
}

/* ---------- Page banner (non-home pages) ---------- */
.page-banner{
  background:linear-gradient(135deg, var(--navy-900), var(--blue-700));
  color:#fff; padding-block:52px;
}
.breadcrumb{font-size:.82rem; color:#BEDBF7; margin-top:12px;}
.breadcrumb a{color:#BEDBF7; text-decoration:none;}
.breadcrumb a:hover{color:#fff;}
.page-banner h1{color:#fff; font-size:clamp(1.9rem,3.4vw,2.6rem); margin-top:6px;}
.page-banner p{color:#CFE2F6; max-width:60ch; margin-top:12px; font-size:1.02rem;}

/* ---------- Hero (home) ---------- */
.hero{
  position:relative; overflow:hidden;
  background:linear-gradient(160deg, var(--navy-900) 0%, var(--blue-700) 62%, var(--blue-600) 100%);
  color:#fff; padding-block:88px 76px;
}
.hero::before{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(circle at 82% 18%, rgba(234,194,20,.16), transparent 45%),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:100% 100%, 64px 64px, 64px 64px;
  -webkit-mask-image:linear-gradient(180deg, black, transparent 92%);
          mask-image:linear-gradient(180deg, black, transparent 92%);
  pointer-events:none;
}
.hero-inner{position:relative; max-width:700px; display:grid; gap:22px;}
.hero h1{color:#fff; font-size:clamp(2.1rem,4.4vw,3.3rem); line-height:1.12;}
.hero-tagline{
  font-family:var(--font-display); font-style:italic; font-size:1.12rem;
  color:#DCEBFA; border-left:3px solid var(--hazard-yellow); padding-left:16px;
}
.hero-sub{color:#CFE2F6; max-width:56ch; font-size:1.02rem;}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-top:6px;}

/* ---------- Trust / stats strip ---------- */
.stats{background:var(--navy-800); border-top:1px solid rgba(255,255,255,.08);}
.stats-row{display:grid; grid-template-columns:repeat(4,1fr); color:#fff;}
.stat{padding:26px 20px; border-left:1px solid rgba(255,255,255,.12);}
.stat:first-child{border-left:none;}
.stat-num{font-family:var(--font-display); font-weight:700; font-size:1.8rem; color:var(--hazard-yellow); font-variant-numeric:tabular-nums;}
.stat-label{font-size:.8rem; color:#BEDBF7; margin-top:4px;}

/* ---------- Sections ---------- */
section{padding-block:76px;}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:38px;}
.section-head h2{font-size:clamp(1.6rem,2.6vw,2.15rem); margin-top:10px;}
.section-note{color:var(--muted-600); max-width:48ch; font-size:.96rem;}
.alt-bg{background:var(--paper); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}

/* ---------- Category teaser grid (home) ---------- */
.cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:30px;}
.cat-card{
  background:var(--paper); border:1px solid var(--rule); border-radius:4px;
  padding:22px; text-decoration:none; color:inherit;
  display:flex; flex-direction:column; gap:12px;
  transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.cat-card:hover{border-color:var(--blue-600); transform:translateY(-2px); box-shadow:0 10px 24px -16px rgba(14,76,134,.4);}
.cat-icon{
  width:42px; height:42px; border-radius:4px; display:grid; place-items:center;
  background:var(--blue-100); color:var(--blue-600);
}
.cat-card h3{font-size:1.02rem;}
.cat-card span{font-size:.84rem; color:var(--muted-600);}
.cat-count{font-family:var(--font-mono); font-size:.72rem; color:var(--blue-600); letter-spacing:.04em;}

/* ---------- Industries ---------- */
.ind-grid{display:grid; grid-template-columns:repeat(6,1fr);}
.ind-item{padding:28px 16px; text-align:center; border-left:1px solid var(--rule); display:flex; flex-direction:column; align-items:center; gap:10px;}
.ind-item:first-child{border-left:none;}
.ind-item svg{color:var(--blue-600);}
.ind-item span{font-size:.82rem; color:var(--muted-600);}

/* ---------- Pull quote ---------- */
.pull-block{
  background:var(--blue-100); border-radius:4px; padding:44px;
  display:grid; gap:14px; border-left:4px solid var(--hazard-yellow);
}
.pull-block p{font-family:var(--font-display); font-style:italic; font-size:1.3rem; color:var(--navy-900); line-height:1.4;}
.pull-block span{font-size:.85rem; color:var(--muted-600); font-family:var(--font-mono);}

/* ---------- CTA banner ---------- */
.cta-banner{
  background:linear-gradient(120deg, var(--navy-900), var(--blue-700));
  color:#fff; border-radius:6px; padding:48px; text-align:center;
  display:grid; gap:16px; justify-items:center;
}
.cta-banner h2{color:#fff;}
.cta-banner p{color:#CFE2F6; max-width:52ch;}

/* ---------- Search & filters (products) ---------- */
.search-bar{display:flex; align-items:center; gap:12px; border:1px solid var(--rule); border-radius:4px; padding:14px 16px; background:var(--paper);}
.search-bar svg{flex:none; color:var(--muted-600);}
.search-bar input{border:none; outline:none; background:none; font:inherit; font-size:1rem; color:var(--ink-900); width:100%;}
.search-bar input::placeholder{color:var(--muted-600);}
.search-meta{display:flex; justify-content:space-between; align-items:center; margin-top:14px; flex-wrap:wrap; gap:10px;}
#result-count{font-family:var(--font-mono); font-size:.78rem; color:var(--muted-600); letter-spacing:.03em;}
.chips{display:flex; flex-wrap:wrap; gap:8px;}
.chip{
  font-family:var(--font-body); font-size:.82rem; padding:8px 14px; border:1px solid var(--rule);
  border-radius:20px; background:var(--paper); color:var(--muted-600); cursor:pointer; transition:all .15s ease;
}
.chip:hover{border-color:var(--blue-600); color:var(--blue-600);}
.chip[aria-pressed="true"]{background:var(--blue-600); border-color:var(--blue-600); color:#fff; font-weight:600;}

.grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(270px,1fr)); gap:18px; margin-top:30px;}
.card{
  border:1px solid var(--rule); background:var(--paper); padding:22px; border-radius:4px;
  display:flex; flex-direction:column; gap:12px;
  opacity:0; transform:translateY(10px); animation:rise .45s ease forwards;
}
@media (prefers-reduced-motion: reduce){ .card{animation:none; opacity:1; transform:none;} }
@keyframes rise{ to{opacity:1; transform:translateY(0);} }
.card-top{display:flex; align-items:center; justify-content:space-between;}
.card-icon{width:38px; height:38px; border-radius:4px; display:grid; place-items:center; background:var(--blue-100); color:var(--blue-600);}
.card-tag{font-family:var(--font-mono); font-size:.64rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted-600);}
.card h3{font-family:var(--font-body); font-size:1.02rem; font-weight:700; line-height:1.3;}
.card p{font-size:.88rem; color:var(--muted-600); font-family:var(--font-body);}
.card-spec{margin-top:auto; padding-top:12px; border-top:1px dashed var(--rule); display:flex; gap:8px; flex-wrap:wrap;}
.spec-tag{font-family:var(--font-mono); font-size:.68rem; color:var(--blue-700); background:var(--blue-100); padding:4px 8px; border-radius:3px;}
.empty-state{display:none; text-align:center; padding:60px 20px; color:var(--muted-600); border:1px dashed var(--rule); border-radius:4px; margin-top:30px;}
.empty-state.show{display:block;}

/* ---------- About page ---------- */
.about-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start;}
.about-grid p+p{margin-top:14px;}
.about-grid p{color:var(--muted-600);}
.cert-list{list-style:none; margin:0; padding:0; display:grid; gap:14px;}
.cert-list li{border:1px solid var(--rule); padding:16px 18px; border-radius:4px; display:flex; gap:14px; align-items:flex-start; background:var(--paper);}
.cert-list .cert-badge{width:30px; height:30px; flex:none; margin-top:2px;}
.cert-list b{font-family:var(--font-body); font-size:.95rem; display:block;}
.cert-list span{font-size:.84rem; color:var(--muted-600);}
.timeline{list-style:none; margin:24px 0 0; padding:0; display:grid; gap:22px; border-left:2px solid var(--rule); padding-left:24px;}
.timeline li{position:relative;}
.timeline li::before{content:""; position:absolute; left:-30px; top:4px; width:10px; height:10px; border-radius:50%; background:var(--blue-600); border:2px solid var(--paper); box-shadow:0 0 0 2px var(--blue-600);}
.timeline b{font-family:var(--font-mono); color:var(--blue-600); font-size:.85rem;}
.timeline p{color:var(--muted-600); margin-top:4px;}

/* ---------- Contact page ---------- */
.contact-wrap{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px;}
.contact-info p{color:var(--muted-600);}
.contact-info dl{display:grid; gap:16px; margin-top:24px;}
.contact-info dt{font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--blue-600);}
.contact-info dd{margin:4px 0 0; font-size:.95rem;}
form{display:grid; gap:14px; background:var(--paper); border:1px solid var(--rule); border-radius:4px; padding:28px;}
.field{display:grid; gap:6px;}
.field label{font-size:.8rem; color:var(--muted-600);}
.field input, .field select, .field textarea{
  font:inherit; font-size:.95rem; padding:12px 14px; border:1px solid var(--rule); border-radius:3px;
  background:var(--bg); color:var(--ink-900);
}
.field textarea{resize:vertical; min-height:96px;}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.form-note{font-size:.85rem; color:var(--blue-700); background:var(--blue-100); border-radius:3px; padding:12px 14px; display:none;}
.form-note.show{display:block;}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy-900); color:#B9D3EC; padding-block:52px 24px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px;}
.footer-brand .brand-word{color:#fff;}
.footer-tagline{font-family:var(--font-display); font-style:italic; color:#DCEBFA; margin-top:14px; font-size:.95rem; max-width:34ch;}
.footer-since{font-size:.82rem; color:#8DAFCC; margin-top:10px;}
.footer-col h4{font-family:var(--font-body); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color:#fff; margin-bottom:14px;}
.footer-col{display:flex; flex-direction:column; gap:10px; font-size:.88rem;}
.footer-col a{text-decoration:none; color:#B9D3EC;}
.footer-col a:hover{color:var(--hazard-yellow);}
.footer-fine{
  margin-top:36px; padding-top:22px; border-top:1px solid rgba(255,255,255,.12);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
  font-family:var(--font-mono); font-size:.72rem; color:#7397B9;
}
.proto-badge{
  display:inline-flex; align-items:center; gap:8px; color:var(--hazard-yellow);
  border:1px solid rgba(234,194,20,.4); padding:5px 11px; border-radius:20px;
}
.proto-badge::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--hazard-yellow);}

@media (max-width: 900px){
  .main-nav{
    position:fixed; inset:64px 0 auto 0; flex-direction:column; align-items:flex-start;
    background:var(--paper); padding:18px 24px 24px; gap:14px;
    border-bottom:1px solid var(--rule);
    transform:translateY(-120%); transition:transform .2s ease; z-index:39;
  }
  .main-nav.open{transform:translateY(0);}
  .nav-toggle{display:grid;}
  .header-cta{display:none;}
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(3){border-left:none;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .ind-grid{grid-template-columns:repeat(3,1fr);}
  .ind-item:nth-child(4){border-left:none;}
  .about-grid, .contact-wrap{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr; row-gap:32px;}
}
@media (max-width: 560px){
  .cat-grid{grid-template-columns:1fr;}
  .ind-grid{grid-template-columns:repeat(2,1fr);}
  .ind-item:nth-child(3){border-left:none;}
  .footer-grid{grid-template-columns:1fr;}
}