/* Only the new menu entry and its dialog; existing page sections keep their styles. */
@media(min-width:901px) and (max-width:1320px){
  nav .nav-links{gap:14px;font-size:.72rem;letter-spacing:.6px}
  nav>.cta-btn{padding:10px 14px;font-size:.72rem;letter-spacing:.6px}
  nav{padding-left:24px;padding-right:24px;gap:12px}
}
@media(min-width:901px) and (max-width:1160px){
  nav .nav-toggle{display:block}
  nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:12px 24px 20px;background:var(--bg);border-bottom:1px solid var(--line)}
  nav .nav-links.is-open{display:flex}
  nav .nav-links a{padding:11px 0}
  nav .nav-links .mobile-nav-cta{display:inline-block;text-align:center;margin-top:8px}
  nav>.cta-btn{display:none}
  nav .language-switch{margin-left:auto}
}
.kpi-dialog{width:calc(100vw - 48px);max-width:1640px;height:calc(100dvh - 48px);max-height:1040px;margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);box-shadow:0 24px 100px #0006;overflow:hidden}
.kpi-dialog[open]{display:flex;flex-direction:column}
.kpi-dialog::backdrop{background:rgba(8,14,18,.72);backdrop-filter:blur(5px)}
.kpi-dialog-bar{display:flex;align-items:center;gap:24px;flex:none;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg)}
.kpi-dialog-bar h2{font-family:Inter,'Segoe UI',sans-serif;font-size:14px;letter-spacing:.3px;margin:0;font-weight:600}
.kpi-dialog-bar a{margin-left:auto;font-size:12px;color:var(--cyan)}
.kpi-dialog-bar button{padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:var(--bg-2);color:var(--text);font:600 13px Inter,'Segoe UI',sans-serif;cursor:pointer;min-height:40px}
.kpi-dialog iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:var(--bg)}
@media(max-width:650px){.kpi-dialog{width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.kpi-dialog-bar{gap:10px;padding:8px 12px}.kpi-dialog-bar a{font-size:11px}.kpi-dialog-bar button{padding:8px 10px}}
@media(max-width:440px){
  nav{padding-left:12px;padding-right:12px;gap:6px}
  nav .executive-brand{width:120px;font-size:10px}
  nav .executive-brand img{width:28px;height:28px}
  nav .executive-brand small{font-size:7px}
  nav .brand-logo{width:120px}
  nav .language-switch{grid-template-columns:24px 1px 24px}
  nav .theme-toggle{font-size:9px;padding:5px!important}
}
@media(max-width:380px){
  nav .executive-brand,nav .brand-logo{width:105px}
  nav .nav-toggle{width:38px;height:38px;padding:8px}
}