/* Responsive refinements, isolated from the desktop presentation. */
.cta-label-mobile{display:none}
@media(max-width:1020px){
  .menu-toggle{position:relative;width:46px;min-width:46px;height:46px;gap:0;color:#dfb391;border-color:#9c765659;background:#dfb39108;border-radius:5px;transition:border-color .25s,background .25s,box-shadow .25s}
  .menu-toggle:hover,.menu-toggle[aria-expanded="true"]{border-color:#c99c77;background:#dfb39112;box-shadow:0 0 20px #dfb3910c}
  .menu-toggle span{position:absolute;width:24px;height:4px;border-radius:1px;background:repeating-linear-gradient(125deg,currentColor 0 3px,transparent 3px 5px);transition:transform .28s ease,opacity .2s}
  .menu-toggle span:nth-child(1){transform:translateY(-8px)}
  .menu-toggle span:nth-child(3){transform:translateY(8px)}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.4)}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(1),.menu-toggle[aria-expanded="true"] span:nth-child(3){background:currentColor;height:2px}
  .site-header nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s,transform .22s,visibility .22s;padding:16px var(--side) 24px;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;border-bottom-color:#a87f5759;background:#101516;box-shadow:0 22px 35px #0004;gap:0}
  .site-header nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  .site-header nav>a{align-self:stretch;min-height:57px;font-size:17px;padding:15px 0 20px;border-bottom:1px solid #dfb39116;white-space:normal}
  .site-header nav>a:last-child{border-bottom:0}
  .site-header nav .nav-wave{width:65px;bottom:5px}
}
@media(max-width:760px){
  .header-inner{gap:10px}
  .cta-label-desktop{display:none}
  .cta-label-mobile{display:inline}
  .header-cta{padding:10px 12px;min-height:44px;font-size:11px}
  .header-cta:before{display:none}
  .site-header nav{max-height:calc(100dvh - 76px)}
  .hero-general-grid{text-align:center;justify-items:center;padding-block:32px 28px}
  .hero-general .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.085em;margin-bottom:17px}
  .hero-general h1{font-size:clamp(33px,9vw,48px);line-height:1.16;margin-inline:auto}
  .hero-general-lead{font-size:18px;line-height:1.6;max-width:36ch;margin:20px auto 0;letter-spacing:-.02em}
  .hero-product{width:86%;max-width:310px;margin:4px auto -5px}
  .hero-general .hero-actions{width:100%;max-width:340px;justify-content:center;flex-direction:column;gap:8px;margin-top:0}
  .hero-general .hero-actions .button{width:100%;font-size:13px;min-height:52px;padding:14px 16px}
  .hero-general .hero-actions .text-link{font-size:13px;min-height:44px}
  .hero-general .hero-foot{text-align:center;align-items:center;gap:10px;padding-block:20px;line-height:1.8}
  .hero-foot span:first-child{max-width:350px}
  .overview-heading h2,.ai-editorial h2,.section-intro h2,.language-copy h2,.translator-copy h2,.demo h2{font-size:clamp(29px,8vw,36px);line-height:1.25}
  .overview-heading h2 br,.ai-editorial h2 br,.section-intro h2 br,.language-copy h2 br,.translator-copy h2 br,.configuration-story h3 br,.demo h2 br{display:none}
  .overview-heading>p:last-child,.comparison-heading>p:last-child{font-size:16px;line-height:1.85}
  .overview-steps{gap:24px}
  .overview-steps .index{margin:0}
  .overview-steps h3{font-size:20px}
  .ai-conversation{padding:23px 20px}
  .ai-performance{gap:25px}
  .comparison-heading h2{font-size:clamp(29px,8vw,36px)}
  .cube-choice{padding:24px}
  .cube-choice-top{grid-template-columns:minmax(0,1fr) 125px;gap:0}
  .choice-product{width:125px;height:125px}
  .cube-choice-top span{font-size:12px}
  .cube-choice-lead{font-size:21px;line-height:1.5}
  .cube-choice>.button{align-self:stretch;width:100%;font-size:12px;min-height:52px;padding-inline:12px}
  .assistant-row{grid-template-columns:1fr;gap:17px}
  .assistant-icon-pair{display:flex;gap:10px}
  .assistant-icon{width:54px;height:54px}
  .assistant-icon img{width:45px;height:45px}
  .assistant-software img{width:34px;height:34px}
  .assistant-row .assistant-role{font-size:13px}
  .business-delivery{padding-left:18px;margin-top:10px}
  .use-nav a{font-size:12px;line-height:1.5;white-space:normal;min-height:62px;padding:12px;gap:8px}
  .photo-tag{font-size:10px;letter-spacing:.065em}
  .context-case .feature-copy h2{font-size:clamp(28px,7.5vw,34px);line-height:1.3}
  .context-case .example{padding:18px}
  .context-case .example h3{font-size:22px;line-height:1.4}
  .languages-grid{gap:30px;padding-block:32px}
  .language-copy{order:0}
  .language-number{order:1;border-left:0;border-top:1px solid #ad82684d;border-bottom:1px solid #ad82684d;text-align:center;padding:25px 0 28px}
  .language-number>strong{display:inline;font-size:104px;line-height:1.1}
  .language-number .language-unit{display:inline;font-size:28px;margin-left:12px}
  .language-number>p{margin-top:17px;font-size:14px}
  .language-number>p br{display:none}
  .language-flow{border-top:0;padding-top:0}
  .configuration-story{padding:25px 22px}
  .translator-visual{width:100%;margin:0}
  .translator-visual figcaption{padding:0;font-size:13px}
  .translator-copy .button{width:100%;min-height:52px}
  .faq-list summary{gap:16px;padding-block:22px;font-size:16px}
  .faq-list summary>span{flex-shrink:0}
  .faq-list details>p{padding-right:0;font-size:16px}
  .form-card{padding:27px 22px}
  .form-submit{font-size:13px;padding-inline:10px;gap:8px}
  .footer-bottom>div{gap:10px 24px}
  .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
}
@media(max-width:375px){
  .header-inner{gap:8px;margin-inline:16px}
  .brand>span,.site-header .brand>span{font-size:8px;padding-left:8px}
  .header-cta{padding-inline:10px;font-size:10px}
  .menu-toggle{width:44px;min-width:44px;height:44px}
  .hero-general-lead{font-size:17px}
  .hero-product{width:86%;max-width:280px}
  .cube-choice{padding:20px}
  .cube-choice-top{grid-template-columns:minmax(0,1fr) 108px}
  .choice-product{width:108px;height:108px}
  .cube-choice-top span{font-size:12px}
  .use-nav a{padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){.menu-toggle,.menu-toggle span,.site-header nav{transition:none}}
