/* Reference header: 76px desktop from1200px;60px tablet/mobile. SEO links remain canonical. */
@font-face{font-family:"Milling Duplex 1mm";src:url('/_assets/framerusercontent.com/assets/8I5HWpItJbV4MCFgD7QkryfFGqE.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f4f3f3;--ink:#1d1c1b;--line:#d2d1d1;--gutter:40px;font-family:"Milling Duplex 1mm",Arial,sans-serif;background:var(--paper)}
html{scrollbar-gutter:stable}
body{background:var(--paper);font-family:"Milling Duplex 1mm",Arial,sans-serif}
.header{display:flex;height:76px;min-height:76px;padding:16px max(40px,calc((100% - 1600px)/2));border:0;gap:0;flex-wrap:nowrap;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:20}
.header>.brand{display:block;width:159px;height:32px;flex:0 0 159px}
.header>.brand img{display:block;width:159px;height:32px;object-fit:contain}
.seo-navigation-panel{display:contents}
.header nav{display:flex;flex:1 1 auto;justify-content:center;align-items:center;font-size:16px;line-height:20px;gap:20px;margin:0;order:0;width:auto;min-width:0;flex-wrap:nowrap}
.header nav a{display:block;border:0;padding:0;white-space:nowrap;font-size:16px;line-height:20px;letter-spacing:0}
.header nav a:hover,.header nav .active{border:0;color:#686867}
.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-left:12px}
.header .language{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:16px;line-height:20px;letter-spacing:0;margin-right:0;white-space:nowrap}
.header .language svg{display:block;flex:none;width:20px;height:20px}
.button,.header .button{font-family:inherit;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0;border-radius:14px;min-height:44px;padding:11px 16px;gap:16px;border:1px solid transparent}
.button span{font-size:16px;line-height:20px}
.header .button{justify-content:center;flex:none;white-space:nowrap}
.header .seo-cta-filled{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.header .seo-cta-outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.header .seo-cta-filled:hover{background:#44413c}
.header .seo-cta-outline:hover{background:#e9e8e8}
.seo-menu-toggle{display:none}
@media(min-width:1200px) and (max-width:1279.98px){.header nav{gap:10px}.header .button{padding-left:12px;padding-right:12px}.header-actions{padding-left:8px}}
@media(max-width:1199.98px){
 .header{height:60px;min-height:60px;padding:14px 20px;gap:0;position:sticky;top:0;z-index:100;flex-wrap:nowrap}
 .header>.brand{width:159px;height:32px;flex-basis:159px}
 .seo-navigation-panel{display:none}
 .header nav,.header-actions{display:none}
 .seo-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:24px;height:28px;padding:2px;border:0;margin-left:auto;background:transparent;color:var(--ink);cursor:pointer;flex:none}
 .seo-menu-toggle span{display:block;width:20px;height:1px;background:currentColor;transition:transform .18s,opacity .18s}
 .header.is-open{height:60px;min-height:60px;flex-wrap:nowrap;gap:0;padding:14px 20px}
 .header.is-open .seo-navigation-panel{display:flex;flex-direction:column;position:fixed;inset:60px 0 0;height:calc(100vh - 60px);height:calc(100dvh - 60px);z-index:99;background:var(--paper);overflow:auto;overscroll-behavior:contain;padding:35px 20px 32px}
 .header.is-open nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:none;width:100%;order:0;margin:0;padding:0;gap:50px}
 .header.is-open nav a{display:flex;align-items:center;width:100%;height:24px;min-height:24px;padding:0;border:0;font-size:16px;line-height:24px;letter-spacing:0;white-space:normal}
 .header.is-open .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;flex:none;width:100%;order:0;gap:8px;padding:36px 0 0;margin:0}
 .header.is-open .language{display:flex;width:100%;height:24px;min-height:24px;margin:0 0 31px}
 .header.is-open .button{font-size:16px;line-height:20px;min-height:44px;padding:11px 16px}
 .seo-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}
 .seo-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .seo-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
 html.seo-navigation-open,body.seo-navigation-open{overflow:hidden;overscroll-behavior:none}
}
@media(max-width:1199.98px){.header.is-open nav a:nth-child(-n+2){margin-bottom:-15px}.header.is-open nav a:last-child{display:none}.header.is-open .header-actions .button{width:calc((100% - 8px)/2);padding-left:8px;padding-right:8px}}

.seo-footer{display:block;background:var(--paper);color:var(--ink);padding:0;position:relative;overflow:hidden}
.seo-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:40px;row-gap:80px}
.seo-footer-column{border-left:1px solid var(--line);padding:40px;min-height:280px}
.seo-footer-column:nth-child(4n){border-right:1px solid var(--line)}
.seo-footer-column>p{font-size:16px;line-height:20px;font-weight:400;color:var(--ink);margin:0 0 32px}
.seo-footer-column nav{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.seo-footer-column nav a{font-size:16px;line-height:20px;color:var(--ink);border:0;overflow-wrap:anywhere}
.seo-footer-column nav a:hover{opacity:.65;text-decoration:none}
.seo-footer-brand{background:radial-gradient(ellipse at 22% 110%,#b7ec70 0,transparent 62%),radial-gradient(ellipse at 88% 95%,#f8dfc2 0,transparent 55%);padding:40px 40px 38px;text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:36px}
.seo-footer-brand img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}
.seo-footer-brand p{font-size:14px;line-height:20px;color:#727171;margin:0}
@media(min-width:810px) and (max-width:1199.98px){.seo-footer-grid{padding:40px 20px;row-gap:60px}.seo-footer-column{padding:32px 20px}}
@media(max-width:809.98px){
 :root{--gutter:20px}
 .seo-footer-grid{grid-template-columns:1fr 1fr;padding:40px 20px;row-gap:48px}
 .seo-footer-column{padding:0 20px;min-height:220px}
 .seo-footer-column:nth-child(2n){border-right:1px solid var(--line)}
 .seo-footer-column>p{margin-bottom:28px;font-size:14px}
 .seo-footer-column nav{gap:24px}
 .seo-footer-column nav a{font-size:14px;line-height:20px}
 .seo-footer-brand{padding:24px 20px;min-height:200px;gap:28px}
 .seo-footer-brand p{font-size:12px;line-height:17px}
}
@media(prefers-reduced-motion:reduce){.seo-menu-toggle span{transition:none}}
