.products-nav{align-self:stretch;display:flex;align-items:center}.products-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--text);padding:18px 0;font-size:12px;font-weight:600;cursor:pointer}.products-toggle span{font-size:13px;transition:transform .15s}.products-toggle[aria-expanded=true] span{transform:rotate(180deg)}.mega-panel[hidden]{display:none!important}.mega-panel{position:absolute;top:100%;left:0;right:0;background:#fdfdfa;border-bottom:1px solid var(--line);box-shadow:0 18px 28px #25312812;padding:32px max(40px,calc((100vw - 1280px)/2));max-height:calc(100dvh - 88px);overflow:auto}.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 180px;gap:30px}.mega-group h2{font-size:13px;font-weight:650;color:var(--accent);margin:0 0 15px;letter-spacing:0}.site-header nav .mega-group a{display:block;font-size:13px;font-weight:400;padding:8px 0;text-decoration:none;line-height:1.4}.site-header nav .mega-group a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.mega-photo img{width:100%;height:auto;display:block;border-radius:4px}.mega-photo p{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 0}.mega-bottom{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.site-header nav .mega-bottom a{display:block;color:var(--accent);font-weight:600;font-size:13px;padding:0}.mega-bottom p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:1100px){.site-header nav.open{max-height:calc(100dvh - 88px);overflow:auto}.products-nav{display:block;align-self:auto}.products-toggle{font-size:14px;justify-content:space-between;width:100%;padding:10px}.mega-panel{position:static;box-shadow:none;padding:20px 10px;max-height:none;overflow:visible;border:0;background:var(--paper);margin:10px 0}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mega-photo{display:none}.site-header nav .mega-group a{font-size:13px;padding:8px 0}.mega-bottom{align-items:flex-start;flex-direction:column}.mega-bottom p{display:none}}
@media(max-width:760px){.site-header nav.open{max-height:calc(100dvh - 72px)}}
@media(max-width:420px){.mega-grid{grid-template-columns:1fr}.mega-group{border-bottom:1px solid var(--line);padding-bottom:15px}.mega-group h2{margin-bottom:8px}}
@media(min-width:1101px){.site-header nav{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.products-toggle span{transition:none}}
.editorial-grid{display:grid;grid-template-columns:1.2fr 1fr 230px;gap:64px;align-items:start}.menu-intro small{color:var(--accent);font-size:10px;letter-spacing:1.5px}.menu-intro h2{font-size:29px;line-height:1.25;font-weight:550;letter-spacing:-.6px;margin:16px 0}.menu-intro p{font-size:14px;line-height:1.7;color:var(--muted);max-width:330px}.menu-components{aspect-ratio:1;background:url('assets/optimized/solutions-web.webp') 33.333% 0/400% 200%;border-radius:4px}.compact-nav{position:relative}.compact-panel{left:auto;right:0;width:310px;padding:27px;border:1px solid var(--line);border-radius:0 0 6px 6px}.menu-disclaimer{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:15px 0 0}
@media(max-width:1100px){.editorial-grid{grid-template-columns:1fr;gap:14px}.menu-intro{display:none}.compact-panel{width:auto;border:0;border-radius:0;padding:20px 10px}.compact-nav{position:static}}
.site-header .brand{display:flex;align-items:center;flex-shrink:0;line-height:1}
.site-header{background:#fff!important}
.menu-icon{display:flex;width:20px;height:18px;flex-direction:column;justify-content:space-between}
.menu-icon i{display:block;width:20px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
.menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-8px) rotate(-45deg)}
@media(max-width:1100px){
 body .site-header{height:80px;gap:20px}
 body .site-header .brand .brand-logo-frame{width:72px;height:57px}
 body .site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:0;border-radius:0;background:transparent;color:#252e28;cursor:pointer}
 body .site-header .menu-toggle .menu-label{display:none}
 body .site-header .menu-toggle:hover,body .site-header .menu-toggle[aria-expanded=true]{background:transparent;color:#405940}
 body .site-header #main-nav{top:80px;padding:18px max(20px,calc((100vw - 720px)/2)) 28px;background:#fff;gap:0;box-shadow:0 18px 24px #25312814}
 body .site-header #main-nav.open{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
 body .site-header #main-nav>.products-nav,body .site-header #main-nav>a:not(.quote){border-bottom:1px solid #e5e9e1}
 body .site-header #main-nav>.products-nav>.products-toggle,body .site-header #main-nav>a:not(.quote){padding:18px 4px;min-height:54px;font-size:16px;font-weight:500}
 body .site-header #main-nav .mega-panel{background:#f5f7f1;margin:0 0 14px;padding:20px;border-radius:8px}
 body .site-header #main-nav .mega-group a{padding:12px 0;min-height:42px}
 body .site-header #main-nav>.quote{margin-top:22px;min-height:48px;border-radius:5px;width:100%;text-align:center}
 body.navigation-open{overflow:hidden}
 body.navigation-open .contact-dock{display:none!important}
 body .contact-quote,body .contact-whatsapp{box-shadow:0 3px 12px #25312820;animation:none}
 body .site-footer{padding-bottom:88px}
 html{scroll-padding-top:96px}
}
@media(prefers-reduced-motion:reduce){.menu-icon i{transition:none}}
.site-header .brand .brand-logo-frame{display:block;position:relative;overflow:hidden;width:100px;height:79px;margin:0}
.brand-logo-frame img{display:block;position:absolute;width:131.3%;max-width:none;height:auto;left:-15.2%;top:-34.7%}
/* B2B navigation: give the full emblem breathing room without adding utility clutter. */
.site-header{height:104px;gap:48px}
.site-header .brand .brand-logo-frame{width:89px;height:70px}
.site-header .products-toggle{font-size:14px;font-weight:550}
.site-header nav{gap:32px}
.site-header nav>.quote{font-size:14px;min-height:46px;padding:12px 24px;align-self:center}
.mega-panel{max-height:calc(100dvh - 104px)}
html{scroll-padding-top:120px}
@media(max-width:1100px){.site-header nav{top:104px;gap:16px}.site-header nav.open{max-height:calc(100dvh - 104px)}.site-header nav>.quote{align-self:stretch}.mega-panel{max-height:none}}
@media(max-width:760px){.site-header{height:80px;gap:24px}.site-header .brand .brand-logo-frame{width:66px;height:52px}.site-header nav{top:80px}.site-header nav.open{max-height:calc(100dvh - 80px)}html{scroll-padding-top:96px}}