.concept-demo{--concept-bg:#fff;--concept-ink:#242626;--concept-accent:#242626;--concept-button-ink:#fff;--concept-line:#c8c8c8;background:var(--concept-bg);color:var(--concept-ink);font:400 17px/1.6 'DM Sans',sans-serif}
.concept-shell{width:100%;max-width:var(--layout-max,1800px);margin-inline:auto;padding-inline:clamp(22px,4vw,80px)}
.concept-demo :is(h1,h2,h3,p){overflow-wrap:anywhere}.concept-demo :is(a,button,summary,select,input):focus-visible{outline:3px solid currentColor;outline-offset:5px}.concept-demo img{max-width:100%}.concept-demo button{font:inherit}
.concept-bar{background:var(--concept-bg);border-bottom:1px solid var(--concept-line);font-size:12px;line-height:1.4}.concept-bar>.concept-shell{display:flex;align-items:center;gap:22px;min-height:48px}.concept-bar p{margin:0 auto 0 0}.concept-bar a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.concept-demo .language-form{margin:0;flex:none}.concept-demo .language-form select{background-color:var(--concept-bg);color:var(--concept-ink);min-height:44px;min-width:72px;padding:8px 24px 8px 5px;border-color:var(--concept-line)}
.concept-header{display:flex;align-items:center;gap:24px;min-height:100px}.concept-brand{font:600 30px/1.1 Outfit,sans-serif;letter-spacing:-.04em;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.concept-desktop-nav{margin-left:auto}.concept-desktop-nav nav{display:flex;gap:28px}.concept-desktop-nav a,.concept-menu nav>a{display:flex;align-items:center;min-height:44px}
.concept-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--concept-accent);color:var(--concept-button-ink);border:1px solid transparent;min-height:54px;padding:14px 22px;font:500 15px/1.35 'DM Sans',sans-serif;text-decoration:none;text-align:center;max-width:100%;border-radius:0}.concept-button .icon{flex:none}.concept-header-action{font-size:13px;min-height:48px;padding:11px 15px}.concept-button:focus-visible{outline-color:var(--concept-ink)}
.concept-menu{display:none}.concept-footer{padding-block:32px 36px}.concept-footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--concept-line);padding-top:24px}.concept-footer .concept-brand{margin-right:auto;font-size:24px}.concept-footer a{display:flex;align-items:center;min-height:44px;font-size:14px}.concept-footer>p{font-size:12px;line-height:1.6;max-width:1200px;margin-top:18px}.concept-mobile-cta{display:none}
@media(min-width:1920px){.concept-header{min-height:116px}}
@media(max-width:1100px){.concept-header-action{display:none}}
@media(max-width:900px){.concept-header{min-height:78px}.concept-desktop-nav{display:none}.concept-menu{display:block;position:relative;margin-left:auto}.concept-menu>summary{display:flex;align-items:center;justify-content:center;width:48px;min-height:48px;list-style:none;cursor:pointer}.concept-menu>summary::-webkit-details-marker{display:none}.concept-menu>div{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 44px));max-height:calc(100dvh - 150px);overflow:auto;background:var(--concept-bg);color:var(--concept-ink);border:1px solid var(--concept-line);padding:20px;box-shadow:0 12px 30px #0002}.concept-menu nav{display:grid;gap:10px}.concept-menu .concept-button{margin-top:18px;width:100%}}
@media(max-width:720px){.concept-demo{padding-bottom:var(--concept-contact-space,100px);font-size:16px}.concept-bar>.concept-shell{gap:10px;padding-inline:18px}.concept-bar{font-size:10px}.concept-bar .language-form select{min-width:62px;font-size:11px;padding-right:18px}.concept-brand{font-size:28px}.concept-footer>div{gap:8px 22px}.concept-footer .concept-brand{width:100%;margin-bottom:6px}.concept-mobile-cta{display:flex;position:fixed;z-index:30;inset:auto 0 0;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:var(--concept-bg);border-top:1px solid var(--concept-line)}.concept-mobile-cta .concept-button{width:100%;font-size:14px}.concept-demo :is(a,button,summary){scroll-margin-bottom:var(--concept-contact-space,100px)}}
@media(max-width:1050px) and (max-height:500px){.concept-demo{padding-bottom:var(--concept-contact-space,90px)}.concept-mobile-cta{display:flex;position:fixed;z-index:30;inset:auto 0 0;padding:8px 22px;background:var(--concept-bg);border-top:1px solid var(--concept-line)}.concept-mobile-cta .concept-button{width:100%;min-height:44px;font-size:14px}}
@media(prefers-reduced-motion:no-preference){.concept-button{transition:filter 160ms ease}.concept-button:hover{filter:brightness(.94)}}
@media print{.concept-mobile-cta,.concept-bar,.concept-menu{display:none}.concept-demo{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.concept-button{transition:none}}