/* Shared responsive rules load last so every marketing template has the same
   navigation, readable forms and small-screen spacing. No overflow masking. */
.nav-mobile-cta{display:none}
body>footer .footer-top>*{min-width:0}
body>footer a{overflow-wrap:anywhere}

@media(max-width:1100px){
  html{scroll-padding-top:90px}
  .site-header{max-height:none;overflow:visible}
  .nav,.home-page .nav{position:relative;min-height:72px;gap:16px;padding-block:10px;flex-wrap:wrap}
  .nav .logo,.home-page .nav .logo{font-size:23px;gap:9px}
  .nav .conversation-mark,.home-page .nav .conversation-mark{width:32px;height:32px;flex-shrink:0}
  .menu-toggle,.home-page .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;min-width:86px;min-height:44px;padding:10px 12px;border:1px solid var(--cm-border);border-radius:7px;background:var(--cm-surface);color:var(--cm-petrol);font-size:14px;font-weight:600;cursor:pointer}
  .menu-toggle::before{content:"";width:16px;height:12px;background:linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat}
  .menu-toggle[aria-expanded=true]::before{height:16px;background:linear-gradient(45deg,transparent 44%,currentColor 46% 54%,transparent 56%),linear-gradient(-45deg,transparent 44%,currentColor 46% 54%,transparent 56%)}
  .nav>.button,.home-page .nav>.button{display:none}
  #site-nav,.home-page #site-nav{width:100%;order:4;margin:0;padding:12px 0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;font-size:16px}
  html.enhanced #site-nav{position:absolute;top:100%;left:0;right:0;z-index:30;padding:12px 16px 18px;background:var(--cm-paper);border:1px solid var(--cm-border);border-radius:0 0 12px 12px;box-shadow:0 16px 28px color-mix(in srgb,var(--cm-petrol) 12%,transparent);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
  html.enhanced #site-nav:not(.open){display:none}
  #site-nav>*{flex-shrink:0}
  #site-nav>a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:6px}
  #site-nav>a:hover{background:var(--cm-soft)}
  #site-nav .nav-mobile-cta{display:flex;justify-content:center;background:var(--cm-apricot);border-color:var(--cm-apricot);color:var(--cm-on-apricot);font-size:15px;margin-top:8px}
  #site-nav .industry-menu{width:100%;margin:0}
  #site-nav .industry-menu>summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;min-height:46px;font-size:16px;list-style:none}
  .industry-menu[open]>summary{background:var(--cm-soft);border-radius:6px}
  #site-nav .industry-flyout{position:static;display:block;box-shadow:none;padding:8px 12px 14px;margin:0;border:0;background:transparent}
  .industry-flyout>div:first-child>p,.industry-flyout .eyebrow,.menu-categories small{display:none}
  .industry-flyout .menu-all{font:600 14px/1.5 "Segoe UI",sans-serif;display:flex;align-items:center;min-height:44px;margin:0 0 4px;padding:8px 0}
  .menu-categories{grid-template-columns:1fr;gap:2px}
  .menu-categories>a{align-items:center;min-height:48px;padding:10px 0;gap:12px}
  .menu-categories strong{font-size:14px}
  .menu-categories svg{width:24px;height:24px;flex-shrink:0}
  .nav-pilot{display:none}
  .nav-pilot+.button{display:inline-flex;margin-left:auto;min-height:44px;gap:8px;padding:10px 12px;font-size:13px}
  html:not(.enhanced) .site-header{position:static}
}

@media(max-width:800px){
  body{-webkit-text-size-adjust:100%}
  .wrap,.home-page .wrap,.industry-detail .wrap,.industry-hub .wrap{width:calc(100% - 36px)}
  main :is(input,select,textarea){font-size:16px;min-height:46px}
  main input[type=checkbox],main input[type=radio]{min-height:0;width:20px;height:20px}
  .interest-form label,.pricing-estimator label,.import-choice>label{font-size:14px;line-height:1.5}
  .check{min-height:44px}
  .button{min-height:46px;white-space:normal}
  main summary{min-height:44px;line-height:1.5}
  .page-hero,.pricing-intro,.setup-intro{padding-top:30px;padding-bottom:30px}
  .page-hero h1,.pricing-intro h1,.setup-intro h1{font-size:clamp(34px,7.7vw,48px);line-height:1.1;overflow-wrap:break-word}
  .breadcrumbs{display:flex;flex-wrap:wrap;row-gap:7px;font-size:12px;line-height:1.5}
  .home-intro h1{font-size:clamp(35px,9.8vw,48px);line-height:1.1;margin-bottom:20px}
  .home-intro .home-definition{font-size:19px;line-height:1.45;margin-bottom:14px}
  .home-support{font-size:16px;line-height:1.65;margin-bottom:18px}
  .home-hero{padding-top:24px}
  .home-kicker{margin-bottom:18px}
  .home-activation{font-size:13px;line-height:1.6}
  .demo-panes>*{min-width:0}
  .demo-fields dd,.proof-facts dd,.workflow-request dd{overflow-wrap:anywhere}
  .home-steps h3{font-size:22px}
  .home-plan-grid article>.button{width:100%;min-width:0}
  .plan-description,.plan-overage,.trial-offer p,.included-list p{font-size:15px;line-height:1.65}
  .plan-promo,.pricing-preview{font-size:13px;line-height:1.65}
  .pricing-faq details p{font-size:15px;line-height:1.7}
  .setup-layout{gap:24px}
  .setup-summary{padding:24px}
  .setup-identity .micro,.setup-import .micro,.setup-form .micro{font-size:13px;line-height:1.6}
  .language-options{min-width:0;gap:8px 16px;padding:14px}
  .language-options .check{align-items:center}
  .interest-form :is(input,select,textarea){max-width:100%}
  .tour-controls button{min-height:48px}
  body>footer{padding-top:32px}
  body>footer .footer-top,.home-page>footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  body>footer .footer-top>div:first-child{grid-column:1/-1}
  body>footer .footer-top nav{gap:2px;font-size:14px}
  body>footer .footer-top nav>a{min-height:44px;display:flex;align-items:center;line-height:1.45}
  body>footer .footer-top strong{font-size:14px}
  body>footer .footer-top p{font-size:14px;margin:10px 0;line-height:1.6}
  body>footer .footer-top>div:last-child{grid-column:1/-1}
  body>footer .footer-top>div:last-child>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
  body>footer .footer-bottom{font-size:12px;line-height:1.6;align-items:center}
  body>footer .footer-bottom>a{min-height:44px;display:inline-flex;align-items:center}
}

@media(max-width:600px){
  .hero-actions,.home-intro .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .hero-actions>.button{width:100%;font-size:15px}
  .demo-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px}
  .demo-choices button{min-width:0;min-height:48px;font-size:13px;line-height:1.4}
  .demo-conversation,.demo-request{padding:20px}
  .demo-fields>div{grid-template-columns:90px minmax(0,1fr);gap:12px}
  .proof-facts{grid-template-columns:1fr 1fr}
  .industry-page .category-selector>a{font-size:14px;padding:12px;min-height:54px}
  .industry-page .category-selector svg{width:24px;height:24px;min-width:24px}
  .industry-jump-links>a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
  .industry-section-heading p{font-size:16px}
  .industry-detail-hero h1{font-size:clamp(34px,8.5vw,44px)}
  .flow-incoming blockquote{font-size:20px;line-height:1.45}
  .landing-copy,.interest-form,.setup-form{padding:22px}
}

@media(max-width:380px){
  .wrap,.home-page .wrap,.industry-detail .wrap,.industry-hub .wrap{width:calc(100% - 32px)}
  .nav .logo,.home-page .nav .logo{font-size:20px;gap:7px}
  .nav .conversation-mark,.home-page .nav .conversation-mark{width:28px;height:28px}
  .nav,.home-page .nav{gap:8px}
  .menu-toggle,.home-page .menu-toggle{min-width:78px;padding-inline:9px}
  .nav-pilot+.button{font-size:12px;padding-inline:10px}
  .demo-choices{grid-template-columns:1fr}
  .demo-choices button{min-height:44px}
  .demo-fields>div,.proof-facts{grid-template-columns:1fr;gap:5px}
  .proof-facts{gap:18px}
  .industry-page .category-selector{grid-template-columns:1fr}
  .home-plan-grid article>div{flex-direction:column;align-items:flex-start}
  .plan-card{padding:22px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.card{transition:none}}
