@import url('/template/demo-shared/fonts.css');
/* Shared behaviour only; each concept keeps its own original stylesheet. */
html{scroll-behavior:smooth}body{min-width:0}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #278fff;outline-offset:4px}[hidden]{display:none!important}main,section,article,form{min-width:0}input,select,textarea{max-width:100%;min-width:0}h1,h2,h3,p,a{overflow-wrap:break-word}
.mg-demo-return{display:block;padding:10px 18px;background:#0c2237;color:#fff!important;text-align:center;font:600 13px/1.5 Inter,Arial,sans-serif;text-decoration:none}.is-embedded .mg-demo-return{display:none}.mg-demo-notice{clear:both;position:relative;z-index:2;margin:0!important;padding:18px 24px!important;background:#eef2f5;color:#37485a;font:400 13px/1.6 Inter,Arial,sans-serif!important;text-align:center}.mg-demo-form-note,.mg-demo-form-status{grid-column:1/-1;font:400 14px/1.6 Inter,Arial,sans-serif;margin:0 0 12px!important;padding:12px 14px;border:1px solid currentColor;border-radius:6px}.mg-demo-form-status:empty{display:none}.mg-demo-form-status{margin-top:12px!important}form button:disabled{opacity:.65;cursor:default}
.mg-demo-lightbox{border:0;padding:56px 12px 16px;background:#101821;color:#fff;max-width:98vw;max-height:96dvh;overflow:auto;border-radius:12px}.mg-demo-lightbox::backdrop{background:rgba(0,0,0,.88)}.mg-demo-lightbox img{display:block;max-width:92vw;max-height:80dvh;width:auto;height:auto;object-fit:contain;margin:auto}.mg-demo-lightbox button{position:absolute;top:8px;right:8px;min-width:44px;min-height:44px;border:1px solid #fff9;background:#fff;color:#102233;border-radius:22px;padding:8px 16px;cursor:pointer}.mg-demo-lightbox p{margin:10px 0 0;text-align:center;font:14px/1.5 Inter,Arial,sans-serif}.mg-demo-zoom{cursor:zoom-in}html:has(.mg-demo-lightbox[open]){overflow:hidden}
@media(max-width:1100px){header{z-index:50!important}header .nav,header .nav-wrap{position:relative;min-width:0;gap:14px}header nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:auto!important;margin:0!important;max-height:calc(100dvh - 110px);overflow:auto;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:12px 20px!important;box-shadow:0 14px 25px #0003}header nav.open{display:flex!important;background:var(--paper,var(--cream,#fff))}header nav a{padding:13px 8px!important;white-space:normal}header button.mobile-toggle,header button.menu-btn,header button.menu,header button.mobile,header button.menu-toggle{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;flex-shrink:0}header .nav>.btn,header .nav>.cta,header .nav-wrap>.nav-cta{display:none!important}header .brand{min-width:0;flex-shrink:1}header .brand strong{overflow-wrap:anywhere}header .brand small,header .brand span{overflow-wrap:normal}
[data-demo-template="torque-garage"] header nav.open,[data-demo-template="vintage-restore-garage"] header nav.open,[data-demo-template="atelier-legno"] header nav.open,[data-demo-template="techcare-lab"] header nav.open,[data-demo-template="edilprime"] header nav.open,[data-demo-template="queen-moon"] header nav.open{background:#111820;color:#fff}
}
@media(max-width:420px){header .brand strong{font-size:18px}header .brand small,header .brand>div>span{font-size:9px;letter-spacing:.08em}header .brand-mark{width:32px;height:32px;flex-shrink:0}header .brand{gap:8px}.hero h1,.hero-copy h1,.hero-content h1,.page-hero h1,.split-hero h1,.contact-hero h1{font-size:clamp(2rem,10vw,3rem);overflow-wrap:normal}header .nav-wrap{gap:10px}.mg-demo-notice{padding:14px!important}.hero-copy{min-width:0}.metrics{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep the route back visible when the demo is opened outside the viewer. */
body:not(.is-embedded){padding-top:42px}.mg-demo-return{position:fixed;top:0;left:0;right:0;z-index:200;height:42px;padding:10px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body:not(.is-embedded)>header{top:42px}