/* Shared navigation: full links on desktop, accessible disclosure on mobile. */
.mockup .top{flex-flow:row nowrap;gap:16px;padding:8px 4%;justify-content:space-between}
.mockup .top{position:sticky;top:0;z-index:100;background:#fff}
.mockup .top .simulator-shortcut{display:none}
.mockup .top>.brand{margin:0;order:0}
.mockup .top>nav{order:1;overflow:visible;flex:1 1 auto;width:auto;margin:0;padding:0;gap:18px;font-size:13px}
.mockup .top .header-actions{display:flex;align-items:center;gap:6px;order:2}
.mockup .top .header-actions a,.mockup .top .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid #b5cece;border-radius:9px;background:#fff;color:#086c68;text-decoration:none;flex:none;position:static}
.mockup .top .header-actions svg{width:21px;height:21px}
.mockup .top .menu-toggle svg{display:block;width:24px;height:24px;min-width:24px;flex:0 0 24px;overflow:visible}
.mockup .top .header-actions a:hover,.mockup .top .menu-toggle:hover{background:#eaf4f3}
.mockup .top .menu-toggle{display:none}
.mockup .top nav .nav-free{color:#fff;background:#087b74;border-radius:8px;padding:11px 15px;font-weight:750}
.mockup .top nav a[aria-current=page]{color:#086c68;border-bottom:2px solid #118c87;padding-block:10px}
.mockup .top nav .nav-contact{background:#087b74;color:white;border-radius:8px;padding:11px 15px}
@media(max-width:1250px){
 .mockup .top{flex-wrap:wrap;padding:8px 16px;gap:8px;justify-content:space-between}
 .mockup .top>.brand{margin:0;margin-right:auto}
 .mockup .top>.brand img{height:46px;max-width:128px}
 .mockup .top .header-actions{order:1}
 .mockup .top .menu-toggle{order:2;display:none}
 .mockup .top.nav-ready .menu-toggle{display:inline-flex}
 .mockup .top .simulator-shortcut{display:flex;align-items:center;justify-content:center;gap:12px;order:3;flex:0 0 100%;padding:10px 16px;min-height:44px;border-radius:8px;background:#087b74;color:#fff;font-size:15px;font-weight:750;text-decoration:none}
 .mockup .top>nav{order:4;flex:0 0 100%;width:100%;max-width:100%;display:grid;grid-template-columns:1fr;gap:0;white-space:normal;overflow:auto;max-height:calc(100dvh - 150px);font-size:16px;padding:8px 0}
 .mockup .top.nav-ready>nav:not(.is-open){display:none}
 .mockup .top>nav>a{display:block;padding:13px 12px;border-bottom:1px solid #e6eded}
 .mockup .top>nav>a[aria-current=page]{background:#edf6f5;padding:13px 12px;border-bottom:1px solid #b5cece}
 .mockup .top>nav>.nav-contact{margin-top:8px;text-align:center}
}
@media(max-width:360px){
 .mockup .top{padding-inline:10px;gap:5px}
 .mockup .top>.brand img{max-width:88px;height:38px}
 .mockup .top .header-actions{gap:3px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mockup .top nav .nav-free[aria-current=page]{color:#fff;background:#087b74;border-bottom-color:transparent}
.mockup main [id]{scroll-margin-top:150px}
/* Keep the two contact actions together, including on narrow screens. */
.mockup .bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center}
.mockup .bottom .footer-email-link,.mockup .bottom .footer-linkedin-link{margin:0}
@media(max-width:1000px){
 .mockup .bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .mockup .bottom>.brand,.mockup .bottom>.footer-links{grid-column:1/-1;justify-self:center}
 .mockup .bottom .footer-email-link{justify-self:end}
 .mockup .bottom .footer-linkedin-link{justify-self:start}
}