:root{
  --mhd-primary:#19BCBB;--mhd-secondary:#2C3E50;
  --neutral-100:#FFFFFF;--mhd-neutral-200:#F9F9F9;--mhd-neutral-400:#CCCCCC;
  --text:#111827;--muted:#6B7280;
  --btn-h:46px;--btn-x:18px;--btn-r:999px;--btn-w:700;
  --container:1200px;--gutter:20px;
  --shadow-sm:0 2px 6px rgba(17,24,39,.06);
}
*{box-sizing:border-box}html{font-size:16px}
body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.7}
a{color:var(--mhd-primary);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}

.site-header{position:sticky;top:0;z-index:1000;transition:background .25s, box-shadow .25s}
.site-header .container{padding:10px var(--gutter)}
.header-inner{display:flex;align-items:center;gap:32px}
.logo{height:44px;max-height:64px;width:auto;transform-origin:left center;transition:transform .2s}
.logo--light{display:none}.logo--dark{display:block}
.site-header.is-over-hero{background:transparent;box-shadow:none}
.site-header.is-over-hero .logo--light{display:block}
.site-header.is-over-hero .logo--dark{display:none}
.site-header.is-over-hero .nav .menu > li > a{color:#fff}
.site-header.is-over-hero .nav-toggle .burger,
.site-header.is-over-hero .nav-toggle .burger::before,
.site-header.is-over-hero .nav-toggle .burger::after{background:#fff}
.site-header.is-stuck{background:#fff;box-shadow:var(--shadow-sm)}
.site-header.is-stuck .logo--light{display:none}
.site-header.is-stuck .logo--dark{display:block}
.site-header.is-stuck .logo{transform:scale(.88)}

.nav{display:flex;align-items:center;margin-left:auto;gap:20px;position:relative}
.nav .menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.nav .menu > li{position:relative}
.nav .menu > li > a{padding:8px 0;color:var(--mhd-secondary);font-weight:600}
.nav .menu .sub-menu{position:absolute;left:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid var(--mhd-neutral-400);border-radius:10px;box-shadow:var(--shadow-sm);padding:8px 0;display:none}
.nav .menu > li:hover > .sub-menu,
.nav .menu > li:focus-within > .sub-menu{display:block}
.nav .menu .menu-item-has-children > a::after{content:"▾";font-size:.8em;margin-left:4px}
.nav .menu .mhd-cta>a{height:var(--btn-h);padding:0 var(--btn-x);border-radius:var(--btn-r);background:var(--mhd-primary);color:#fff;border:1px solid transparent;display:inline-flex;align-items:center;font-weight:var(--btn-w)}

.nav-toggle{display:none;background:transparent;border:0;width:40px;height:40px;position:relative}
.nav-toggle .burger,.nav-toggle .burger::before,.nav-toggle .burger::after{content:"";position:absolute;left:8px;right:8px;height:2px;background:#111;border-radius:1px}
.nav-toggle .burger{top:50%;transform:translateY(-50%)}.nav-toggle .burger::before{top:-8px}.nav-toggle .burger::after{top:8px}

.footer{background:#1F2937;color:#e5e7eb;padding:40px 0}.footer a{color:var(--mhd-primary)}
.footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer__copyright{background:#111827;color:#e5e7eb;padding:12px 0;text-align:center}
.footer__copy-required a{color:#e5e7eb}

@media (max-width:768px){
  .logo{height:36px}
  .nav .menu{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--mhd-neutral-400);border-radius:10px;box-shadow:var(--shadow-sm);padding:10px;width:min(90vw,320px);flex-direction:column;gap:8px}
  .nav-toggle{display:inline-flex}
  .footer__grid{grid-template-columns:1fr}
}