/* ===== IntelliXty responsive layer (loaded last on every page) ===== */
html{-webkit-text-size-adjust:100%}img,svg,video{max-width:100%}
.hero,.page-hero,.hx{max-width:100vw}
@media(max-width:1280px){
  .logos,.feat,.steps,.mc,.tests,.nl,.fl,.fb,.vals,.team,.g3,.ribbon,.frow,.cmp,.g6,.certs,.apim,.faqw,.dl,.sw2,.pn2,.cbx,.g4,.g3b,.tbl,.bn,.sh,.hin,
  [style*="width:1200px"],[style*="width:900px"],[style*="width:1000px"]{width:100%!important;max-width:1200px}
  .sbar,.c3{width:calc(100% - 80px)!important;max-width:1200px}
  .ribbon{position:relative!important;left:auto!important;top:auto!important}
  .hero,.page-hero,.split,.met,.cta,.trust,.sec,.sx,.fl-wrap,.faqw,.dk,.hin{padding-left:40px!important;padding-right:40px!important}
  .fl2{padding-left:40px;padding-right:40px}.fl2 .frow{width:100%!important}
  .lg{width:100%!important;padding:48px 40px 80px!important}
  .fimg{width:48%!important;max-width:560px}
  .mock{width:100%!important;max-width:1120px}
  .met{height:auto!important}
}
@media(max-width:1100px){
  .g3,.g3b,.g4,.team,.certs,.vals,.g6,.feat,.tests,.steps,.mc,.ribbon .row,[style*="grid-template-columns:repeat(4"],[style*="grid-template-columns:repeat(3"],[style*="grid-template-columns:repeat(6"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
  .g6>[style*="span"]{grid-column:span 1!important}
  .cert{width:auto!important;height:auto!important}
  .mc{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .frow,.split,.apim,.cbx,.nl,.lg,.cf-row,[class*=frow]{flex-direction:column!important;align-items:stretch!important;gap:36px!important}
  .frow .fimg,.fimg{width:100%!important;max-width:none;height:300px!important}
  .img-r{width:100%!important;height:300px}
  .zt,.cf,.json,[style*="width:560px"],[style*="width:520px"],[style*="width:460px"],[style*="width:500px"]{width:100%!important;max-width:none}
  .cbx{padding:28px!important}.cbx .row{flex-wrap:wrap}
  .nl{padding:32px!important;gap:24px!important}.nl .row{flex-wrap:wrap}
  .toc{position:static!important;width:100%!important}
  .lg{gap:24px!important}
  .fl{flex-wrap:wrap!important;gap:40px!important}
  .fb{flex-direction:column!important;gap:8px}
  .hx{min-height:0!important}.hx .hin{padding-top:56px}
  .hx h1,.page-hero h1,.hero h1{font-size:clamp(34px,6vw,52px)!important;line-height:1.1!important}
  .sub,.sub2,.hx .sub2,.page-hero .sub,.sh,.pc{width:100%!important;max-width:680px}
  .sh h2,.h2c,.split h2{font-size:clamp(28px,4.5vw,40px)!important}
  .tbl .r,.cmp .tr{padding-left:16px;padding-right:16px}
  .tr span,.tr b:not(:first-child){width:auto!important;flex:1!important}
  .mh{gap:16px!important;flex-wrap:wrap}.ws{flex-direction:column!important}.mock{height:auto!important}.mock .json,.json{width:100%!important}
  .logos{flex-wrap:wrap;gap:16px 24px;justify-content:center!important}
  .faqw{width:100%!important}.tabs{flex-wrap:wrap;border-radius:20px}
  .c3{margin-bottom:-40px!important}
  .sbar{flex-wrap:wrap;gap:24px}.sbar>div{flex:1 1 40%}
  .cc,.fc,.ic2{min-width:0}
  .met{padding-top:56px!important;padding-bottom:56px!important}
}
@media(max-width:640px){
  .hero,.page-hero,.split,.met,.cta,.trust,.sec,.sx,.fl-wrap,.faqw,.dk,.hin,.fl2,.lg{padding-left:20px!important;padding-right:20px!important}
  .sec,.sx{padding-top:64px!important;padding-bottom:64px!important;gap:36px!important}
  .sx{gap:36px!important}
  .sbar,.c3{width:calc(100% - 40px)!important}
  .g3,.g3b,.g4,.team,.certs,.vals,.g6,.feat,.tests,.steps,[style*="grid-template-columns:repeat(2"],[style*="grid-template-columns:repeat(4"],[style*="grid-template-columns:repeat(3"],[style*="grid-template-columns:repeat(6"],.fm,.fg{grid-template-columns:1fr!important}
  .mc{grid-template-columns:1fr 1fr!important;gap:16px!important}.mc b{font-size:28px!important}
  .sbar>div{flex:1 1 100%}
  .btns,.acts,.hin .row,.cta .row,.dk .row,.cbx .row{flex-direction:column;align-items:stretch!important}
  .hin .row a,.cta .row a,.dk .row a,.cbx .row a{justify-content:center;text-align:center}
  .nl{padding:24px!important}.nl .row{flex-direction:column;align-items:stretch!important}.nl .inp{width:100%}
  .nl h4{font-size:22px}
  .fimg,.frow .fimg{height:220px!important}
  .frow{gap:28px!important}.fl2{gap:56px!important}
  .cf{padding:24px!important}.fm{gap:12px}
  .fl>div{width:calc(50% - 20px)!important}.fl>div:first-child{width:100%!important}
  .tbl .r{flex-wrap:wrap;gap:6px;padding:14px 16px}.tbl .r>*:first-child{flex:1 1 100%}
  .tb2{flex-wrap:wrap;gap:8px}
  .cmp{overflow-x:auto}.cmp .tr{min-width:520px}
  .pn2{padding:8px 18px!important}
  .bn{padding:18px 20px!important;font-size:17px!important}
  .tm .ph{height:220px!important}
  .lc{padding:18px!important}
  .faqw{padding-top:24px;padding-bottom:56px}.aq{font-size:16px;padding:18px}
  .mock{padding:10px!important;border-radius:12px}.mh>*:nth-child(n+3){display:none}
  .sw2{flex-wrap:wrap}.sw2>div{flex:1 1 40%}
  .hx h1,.page-hero h1,.hero h1{font-size:34px!important}
}
/* ---- fixes ---- */
.mm,.mc>*,.sbar>div,.c3>div{min-width:0}
pre,.json pre,.kc code,.snip code{max-width:100%}.json pre,pre{white-space:pre-wrap!important;word-break:break-word;overflow-wrap:anywhere}
@media(max-width:900px){
  .c3{flex-direction:column!important;margin-bottom:-24px!important}
  [style*="gap:56px"]{flex-wrap:wrap!important;gap:16px 28px!important;justify-content:center}
  .col{width:100%!important;max-width:100%!important}
}
@media(max-width:640px){
  .mc{grid-template-columns:1fr!important}
  h1,h2,h3{overflow-wrap:anywhere}
}
/* mock header: never wrap labels */
.mh{gap:24px!important;justify-content:space-between}.mh *{white-space:nowrap}
@media(max-width:1100px){.mh{flex-wrap:wrap}.mh *{white-space:normal}}