:root{
  --bg:#ffffff;
  --ink:#0b1b2b;
  --muted:#4a647d;
  --primary:#00adef; /* logo cyan */
  --card:#f6f9fc;
  --ring: rgba(0,173,239,0.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;
}
.container{width:min(1100px,92%);margin-inline:auto}
/* Header */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #e6ecf2;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:800}
.brand img{width:34px;height:34px;display:block}
.nav-links{display:flex;gap:1rem;align-items:center}
.nav-links a{color:var(--muted);text-decoration:none;font-weight:600}
.nav-links a:hover{color:var(--ink)}
.nav-links .btn{padding:.55rem .9rem;border-radius:.8rem;border:1px solid #dfe7ee}
.nav-toggle{display:none;background:transparent;border:none;font-size:1.5rem}

/* Inline Divisions menu */
.nav-sub {display:flex;gap:.8rem;align-items:center;font-weight:600}
.nav-sub span {color: var(--muted);margin-right:.4rem}
.nav-sub a {color: var(--ink);text-decoration:none}
.nav-sub a:hover {color: var(--primary)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;border-radius:1rem;padding:.85rem 1.1rem;transition:.2s ease;border:1px solid transparent}
.btn.primary{background:var(--primary);color:white}
.btn.primary:hover{filter:brightness(1.03)}
.btn.ghost{border-color:#dfe7ee;color:var(--ink)}
.btn.ghost:hover{background:#f2f7fb}

/* Hero */
.hero{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:center;padding:4.5rem 0}
.hero-logo{width:100%;height:auto}
.hero-copy h1{font-size:2rem;letter-spacing:.2px;margin:0 0 .2rem}
.tagline{font-size:1.35rem;color:var(--primary);font-weight:800;margin:.3rem 0 1rem}
.lede{color:var(--muted);max-width:62ch}
.cta{display:flex;gap:.8rem;margin-top:1rem}

/* Sections */
.section{padding:3.2rem 0;border-top:1px solid #eef3f7}
.section h2{font-size:2rem;margin:0 0 1rem}
.highlights{display:grid;gap:.5rem;padding-left:1.1rem}
.grid{display:grid;gap:1.2rem}
.values{grid-template-columns:repeat(4,1fr)}
.values h4{margin:.2rem 0 .2rem}
.news{display:grid;gap:.6rem;padding-left:0;list-style:none}
.badge{display:inline-block;background:var(--ring);color:var(--ink);padding:.2rem .5rem;border-radius:.5rem;margin-right:.5rem;font-size:.8rem}

/* Footer */
.site-footer{border-top:1px solid #e8eef4;padding:2rem 0;margin-top:2rem;background:#fbfdff}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;align-items:center}
.brandline{display:flex;gap:.8rem;align-items:center}
.brandline img{width:40px;height:40px}
.foot-links{display:flex;gap:1rem;justify-content:center}
.legal{text-align:right;color:var(--muted)}

/* Responsive */
@media (max-width: 900px){
  .hero{grid-template-columns:1fr; text-align:center}
  .hero-media{order:2}
  .hero-copy{order:1}
  .values{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr; text-align:center}
  .legal{text-align:center}
}
@media (max-width: 720px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:60px;right:4%;background:#fff;border:1px solid #e6ecf2;border-radius:.8rem;padding:.8rem;flex-direction:column;min-width:200px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
  .nav-links.open{display:flex}
}


/* Allow divisions nav to wrap neatly */
.nav-sub { flex-wrap: wrap; row-gap: .4rem }
.nav-sub a { white-space: nowrap }


/* Professional refinements */
body { letter-spacing: 0.1px }
.site-header { border-bottom: 1px solid #e3ebf2 }
.nav-links a, .nav-dropbtn { font-weight: 600 }
.hero { padding: 3.2rem 0 }
.hero-copy h1 { font-size: 1.8rem }
.tagline { font-size: 1.1rem }
.lede { font-size: 1rem }
.section h2 { font-size: 1.6rem }
.card { background: #ffffff; border:1px solid #e8eef4 }
.btn { border-radius: .6rem }
.site-footer small { color: var(--muted) }

/* Dropdown menu */
.nav-dropdown { position: relative }
.nav-dropbtn {
  background: transparent; border: 1px solid #dfe7ee; border-radius: .6rem;
  padding: .45rem .7rem; cursor: pointer; color: var(--ink);
}
.nav-dropbtn:hover { background: #f3f7fb }
.nav-dropmenu {
  display: none; position: absolute; right: 0; top: calc(100% + .4rem);
  background: #fff; border:1px solid #e3ebf2; border-radius: .8rem; min-width: 260px;
  box-shadow: 0 10px 30px rgba(0,0,0,.07); padding: .4rem;
}
.nav-dropmenu a { display:block; padding: .5rem .6rem; color: var(--ink); text-decoration:none }
.nav-dropmenu a:hover { background:#f6f9fc }
.nav-dropmenu .nav-dropheader { display:block; padding:.5rem .6rem; color: var(--muted); font-size:.8rem; text-transform:uppercase; letter-spacing:.6px }
.nav-dropdown.open .nav-dropmenu { display:block }