/* =====================================================
   RESPONSIVE — breakpoints 1440 / 1024 / 768 / 420px
   ===================================================== */

@media(min-width:1440px){
  .cnt{max-width:1320px;padding:0 64px}
  nav{padding:0 64px}
  .hi{gap:96px;padding:100px 0 80px}
  .htitle{font-size:72px}
  .hsub{font-size:18px;max-width:520px}
  #agentes,#precios,#impl,#demo{padding:130px 0}
  #int,#svc{padding:120px 0}
  .sh h2{font-size:54px}
  .pintro h2,.aintro h2,.democ h2,.ic h2,.intc h2{font-size:50px}
  .agrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
  .pcg{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
  .scg{gap:18px}
  .fg{gap:72px}
  .pmaster{padding:44px;gap:48px}
  .pmprice{font-size:56px}
  .wf-node{width:320px}
  .master-node{width:380px}
  .child-node.left-node{margin-right:240px}
  .child-node.right-node{margin-left:240px}
  .htitle{font-size:clamp(52px,4.5vw,72px)}
}

@media(max-width:1024px){
  .cnt{padding:0 28px}
  nav{padding:0 24px;height:64px}
  .mobile-nav{top:64px}
  .nlinks{display:none !important}
  .nav-login{display:none}
  .hamburger{display:flex}
  .nav-controls{gap:8px}
  .hi{grid-template-columns:1fr;gap:48px;padding:70px 0 60px}
  .mgrid{grid-template-columns:1fr;gap:48px}
  .igrid{grid-template-columns:1fr;gap:48px}
  .ivg{grid-template-columns:1fr 1fr;gap:12px}
  .demoinner{grid-template-columns:1fr;gap:48px}
  .intg{grid-template-columns:1fr;gap:48px}
  .ccg{grid-template-columns:repeat(2,1fr)}
  .tgrid{grid-template-columns:1fr}
  .addg{grid-template-columns:repeat(2,1fr)}
  .scg{grid-template-columns:repeat(2,1fr)}
  .fg{grid-template-columns:repeat(2,1fr);gap:40px}
  .agrid{grid-template-columns:repeat(2,1fr)}
  .pmaster{grid-template-columns:1fr}
  .pmr{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
  .ilg{grid-template-columns:repeat(3,1fr)}
  #agentes,#precios,#impl,#casos,#int,#svc,#demo{padding:90px 0}
  .hleft{position:static;padding-bottom:0}
  .htitle{font-size:clamp(36px,5vw,52px)}
}

@media(max-width:768px){
  .cnt{padding:0 16px}
  nav{padding:0 16px;height:60px}
  .mobile-nav{top:60px}
  section{position:relative;z-index:10}
  #hero{padding-top:60px;min-height:auto}
  .hi{padding:40px 0 32px;grid-template-columns:1fr;gap:28px}
  .htitle{font-size:clamp(32px,8vw,46px);line-height:1.05}
  .hsub{font-size:15px;margin-bottom:24px}
  .hact{flex-direction:column;gap:10px}
  .btnp,.btns{width:100%;justify-content:center;font-size:13px;padding:13px 18px}
  .hbadge{font-size:10px}
  #agentes,#precios,#impl,#casos,#int,#svc,#demo{padding:64px 0}
  .agrid{grid-template-columns:1fr;gap:12px}
  .aintro h2{font-size:clamp(24px,7vw,34px)}
  .aintro{margin-bottom:40px}
  .aph{height:150px}
  .pintro h2{font-size:clamp(24px,7vw,34px)}
  .pmaster{padding:22px;grid-template-columns:1fr;gap:18px}
  .pml h3{font-size:18px}
  .pmprice{font-size:36px}
  .pmr{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
  .pcg{grid-template-columns:repeat(2,1fr);gap:8px}
  .pcc{padding:12px}
  .addg{grid-template-columns:1fr;gap:10px}
  .igrid{grid-template-columns:1fr;gap:32px}
  .ivg{display:none}
  .ic h2{font-size:clamp(24px,7vw,34px)}
  .ccg{grid-template-columns:1fr;gap:12px}
  .tgrid{grid-template-columns:1fr;gap:12px}
  .sh h2{font-size:clamp(24px,7vw,34px)}
  .sh{margin-bottom:40px}
  .intg{grid-template-columns:1fr;gap:32px}
  .intc h2{font-size:clamp(24px,7vw,34px)}
  .ilg{grid-template-columns:repeat(2,1fr);gap:8px}
  .il{padding:10px 8px}
  .ilname{font-size:10px}
  .scg{grid-template-columns:1fr;gap:10px}
  .demoinner{grid-template-columns:1fr;gap:32px}
  .democ h2{font-size:clamp(24px,7vw,34px)}
  .btndemo{width:100%;justify-content:center;font-size:13px;padding:14px 18px}
  .vplayer{display:none}
  .fg{grid-template-columns:1fr;gap:24px}
  .fbot{flex-direction:column;gap:10px;text-align:center}
  .pch,.atitle{font-size:9px}
  .stag{font-size:10px;padding:5px 12px}
  .pintro,.aintro{margin-bottom:36px}
  .child-node.left-node,.child-node.right-node{margin-left:0;margin-right:0}
  .wf-node{width:100%;max-width:340px}
  .master-node{max-width:100%}
}

@media(max-width:640px){
  .ap-content{padding:0 18px}
  .ap-close-row{padding:60px 18px;justify-content:flex-start;background:var(--bg2);border-bottom:1px solid var(--b)}
  .ap-close-btn{font-size:12px;padding:10px 18px;width:100%;text-align:left}
  #svc-panel-inner,#int-panel-inner{padding:32px 20px 60px}
  .sp-close{padding:14px 0;border-bottom:1px solid var(--b)}
  .sp-close-btn{width:100%;justify-content:flex-start}
}

@media(max-width:420px){
  .cnt{padding:0 12px}
  nav{padding:0 12px}
  .htitle{font-size:30px}
  .pcg{grid-template-columns:1fr}
  .agrid{grid-template-columns:1fr}
  .ilg{grid-template-columns:1fr}
  .cwin{width:calc(100vw - 24px)}
  #cw{bottom:14px;right:12px}
  #agent-panel,#svc-panel,#int-panel{width:100vw;border-left:none}
  .ap-close-row{padding:60px 14px 10px}
  .ap-content{padding:0 14px}
  .mobile-nav a{font-size:16px;padding:12px 14px}
  .btndemo,.btnp,.btns{font-size:12px;padding:12px 16px}
}

@media(max-width:380px){.nav-theme .nav-theme-ico{display:none}}