@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/inter-latin.woff2') format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url('/assets/fonts/bricolage-latin.woff2') format('woff2')}
.verification-dialog{width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid #E6E6E1;border-radius:18px;background:#fff;color:#15161C;box-shadow:0 20px 60px #15161C40;font-family:Inter,system-ui,sans-serif;line-height:1.6}
.verification-dialog::backdrop{background:#15161C80}.verification-dialog h2{font-size:21px;margin:0 0 10px}.verification-dialog p{font-size:14px;color:#4A4D57}.verification-widget{min-height:65px;width:100%;margin:14px 0}.verification-dialog button{width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:#4338CA;color:white;font:inherit;cursor:pointer}
.demo-disclosure{padding:10px 14px;margin:0;background:#EEEDFC;color:#3B3E48;font-size:12px;line-height:1.5}.storage-notice{margin:0;font-size:13px;color:#4A4D57;line-height:1.5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.btn{transition:none!important}.btn:hover{transform:none!important}}

/* Mobile layout repair: keep existing desktop presentation above the header breakpoint. */
.site-menu-panel{display:contents}
.site-menu-panel[hidden],.site-menu-toggle[hidden]{display:none!important}
.site-menu-toggle{align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 12px;border:1px solid #CFCFC8;border-radius:10px;background:#fff;color:#15161C;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.site-menu-toggle:focus-visible{outline:3px solid #A5B4FC;outline-offset:2px}
section[id]{scroll-margin-top:calc(var(--site-header-height,76px) + 12px)!important}
@media(max-width:1150px){
 .site-header{position:sticky!important;top:0;z-index:20;background:rgba(250,250,247,.97)!important}
 .site-header__inner{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:10px 16px!important}
 html.navigation-ready .site-header__inner{flex-wrap:nowrap!important}
 .site-brand{min-width:0;gap:8px!important;padding:0!important}
 .site-brand>span:first-child{width:30px!important;height:30px!important;flex-shrink:0}
 .site-brand>span:last-child{font-size:16px!important;white-space:nowrap;letter-spacing:0!important}
 .site-menu-toggle:not([hidden]){display:inline-flex;flex-shrink:0}
 html.navigation-ready .site-menu-panel:not([hidden]){position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;padding:12px 16px 20px;background:#FAFAF7;border-bottom:1px solid #E6E6E1;box-shadow:0 14px 18px #15161C12;max-height:calc(100dvh - var(--site-header-height,64px));overflow:auto;overscroll-behavior:contain}
 html.navigation-ready .site-menu-panel nav:not(.site-language){display:flex!important;flex-direction:column;gap:0!important}
 html.navigation-ready .site-menu-panel nav:not(.site-language)>a{display:flex;align-items:center;min-height:44px;padding:6px 10px;box-sizing:border-box;border-radius:8px}
 .site-menu-actions{display:flex!important;flex-direction:column;align-items:stretch!important;gap:14px!important}
 .site-language{display:flex!important;flex-wrap:wrap;gap:6px!important;padding:0!important;font-size:14px!important}
 .site-language>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px!important;box-sizing:border-box;padding:8px 12px!important;white-space:nowrap}
 .site-menu-actions>.btn{justify-content:center;min-height:46px!important}
}
@media(max-width:767px){
 .hero{padding:32px 16px 48px!important;gap:32px!important}
 .hero-copy{gap:16px!important;min-width:0}
 .hero-title{font-size:clamp(32px,8.5vw,38px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
 .hero-lead{font-size:17px!important;line-height:1.6!important}
 html[lang=de] .hero-title{hyphens:auto;overflow-wrap:break-word}
 html[lang=ja] .hero-title{font-size:clamp(28px,7.5vw,34px)!important;line-height:1.4!important;word-break:normal;overflow-wrap:normal}
 html[lang=ja] .hero-lead{font-size:16px!important;line-height:1.85!important;word-break:normal}
 .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important}
 .hero-actions>.btn{justify-content:center;font-size:15px!important;padding:12px 16px!important;min-height:48px!important;box-sizing:border-box;text-align:center}
 .hero-actions>.btn+ .btn{min-height:44px!important;background:transparent!important;border:1px solid #CFCFC8!important;font-weight:500!important}
 .hero-badges{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .hero-badges>li{padding:12px 16px!important}
 .hero-badges>li>div:first-child{font-size:19px!important}
 .hero-example{min-width:0}
 #demo,#process,#contact{padding:56px 16px!important;gap:28px!important}
 .pricing-inner,.faq-inner{padding:56px 16px!important}
 .problem-strip-inner{padding:40px 16px!important;gap:24px!important}
 .launch-partner{padding:0 16px 56px!important}
 .launch-partner-panel{padding:24px 20px!important;gap:24px!important;border-radius:20px!important}
 .final-cta-inner{padding:48px 16px!important}
 .footer-inner{padding:24px 16px!important;gap:16px!important}
 .demo-card{min-width:0;max-width:100%}
 .demo-card-header{padding:14px!important;gap:10px!important;flex-wrap:wrap}
 .demo-card-heading{min-width:0;flex:1}
 .demo-card-heading>div{overflow-wrap:normal;word-break:normal}
 #chat-reset{flex-shrink:0;white-space:nowrap;padding:8px 10px!important}
 #demo-languages{padding:12px 14px!important;gap:6px!important}
 #demo-languages button{padding:8px 10px!important}
 .demo-compose{padding:14px!important}
 .demo-messages{height:280px!important}
 .demo-messages-inner{padding:14px!important}
 #live-chat-form{min-width:0;gap:8px!important}
 #live-chat-input{font-size:16px!important;min-width:0;padding:10px 12px!important}
 #live-chat-send{min-height:44px!important;padding:0 14px!important}
 #proposal-form input,#proposal-form textarea,#proposal-form select{font-size:16px!important;max-width:100%}
 .proposal-card{padding:24px 20px!important;min-width:0}
 .contact-grid{gap:20px!important}
 .demo-disclosure{padding:10px 12px;overflow-wrap:break-word}
 main.wrap{padding-left:16px;padding-right:16px}
 main.wrap h1{margin-top:32px;font-size:32px}
 main.wrap h2{font-size:21px;overflow-wrap:break-word}
}
@media(max-width:359px){
 .site-header__inner{padding-left:12px!important;padding-right:12px!important;gap:8px!important}
 .site-brand>span:last-child{font-size:15px!important}
 .site-menu-toggle{min-width:56px;padding:8px}
 #live-chat-form{flex-wrap:wrap}
 #live-chat-input{flex:1 1 100%!important;width:100%}
 #live-chat-send{width:100%;min-height:44px}
 .hero-title{font-size:30px!important}
}