/* ============================================================================
   VEKTCORE · CYBER ENHANCE LAYER  v2  (aditivo, no modifica contenido)
   Paleta: AZUL gamer dominante + VERDE hacker secundario.
   Remap de variables base (:root) — se carga última, gana la cascada.
   Todo respeta prefers-reduced-motion y se degrada en touch/móvil.
   ========================================================================== */

@property --cx-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

/* ---------- FUENTE hacker/gamer (self-hosted, CSP-safe) ---------- */
@font-face{ font-family:'Orbitron'; font-style:normal; font-weight:400 900;
  font-display:optional; src:url(/fonts/orbitron.woff2?v=1) format('woff2'); }
@font-face{ font-family:'Exo 2'; font-style:normal; font-weight:100 900;
  font-display:optional; src:url(/fonts/exo2.woff2?v=1) format('woff2'); }

/* ---------- PALETA: azul dominante, verde secundario ---------- */
:root{
  /* fuentes: Orbitron para títulos/logo (gamer), Exo 2 para el cuerpo */
  --font-display: 'Orbitron', system-ui, 'Segoe UI', sans-serif;
  --font-body:    'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* remap del neón primario del sitio (era verde) → AZUL gamer */
  --green:      #1f9dff;
  --green-2:    #4fc3ff;
  --green-3:    #b7e6ff;
  --green-dim:  #0a63c4;
  --green-soft: rgba(31,157,255,.12);
  --green-glow: rgba(31,157,255,.45);
  --line:       rgba(31,157,255,.16);
  --line-2:     rgba(31,157,255,.32);
  --sky:        #37b7ff;
  --sky-soft:   rgba(55,183,255,.14);
  /* mis tokens */
  --neon:       #2fa8ff;   --neon-2: #6fd2ff;   --neon-glow: rgba(47,168,255,.6);
  --hx:         #00ff95;   --hx-2:   #19e39c;   --hx-glow:   rgba(0,255,149,.5);
}

/* ---------- overrides de verdes "hardcoded" del base → azul ---------- */
::-webkit-scrollbar-thumb{ background:rgba(31,157,255,.30) !important;
  border:2px solid var(--navy-950) !important; }
::-webkit-scrollbar-thumb:hover{ background:rgba(31,157,255,.55) !important; }
/* GRID más marcado y visible en casi toda la pantalla */
.bg-grid{ background-image:
  linear-gradient(rgba(47,168,255,.13) 1px,transparent 1px),
  linear-gradient(90deg,rgba(47,168,255,.13) 1px,transparent 1px) !important;
  background-size:52px 52px !important; opacity:1 !important;
  mask-image:radial-gradient(ellipse 130% 105% at 50% 32%,#000 58%,transparent 100%) !important;
  -webkit-mask-image:radial-gradient(ellipse 130% 105% at 50% 32%,#000 58%,transparent 100%) !important; }
/* aurora más intensa (glows azules más grandes/brillantes) */
.bg-aurora{ height:110vh !important; background:
  radial-gradient(54% 58% at 18% 14%,rgba(47,168,255,.30),transparent 70%),
  radial-gradient(50% 54% at 84% 4%,rgba(31,120,220,.4),transparent 72%),
  radial-gradient(46% 46% at 60% 42%,rgba(0,255,149,.10),transparent 74%) !important;
  filter:blur(10px) !important; }
/* matrix un poco más presente (verde secundario) */
.bg-matrix{ opacity:.34 !important; }
/* vignette menos oscuro → deja ver el fondo */
.bg-vignette{ background:radial-gradient(ellipse 125% 85% at 50% 45%,transparent 52%,rgba(4,7,13,.5) 100%) !important; }
/* scanlines un pelín más visibles */
.bg-scanlines{ opacity:.5 !important; }
/* barra de escaneo global recorriendo todo el fondo */
.cx-bgscan{ position:fixed; left:0; right:0; top:0; height:180px; z-index:-2; pointer-events:none;
  background:linear-gradient(180deg,rgba(47,168,255,.14),rgba(47,168,255,.03) 55%,transparent);
  box-shadow:0 0 40px rgba(47,168,255,.15);
  border-top:1px solid rgba(111,210,255,.35);
  animation:cx-bgscan 9s linear infinite; }
@keyframes cx-bgscan{ 0%{transform:translateY(-200px);opacity:0} 6%{opacity:1}
  92%{opacity:1} 100%{transform:translateY(100vh);opacity:0} }
.radar__rings i{ border-color:rgba(31,157,255,.20) !important; }
.radar__sweep{ background:conic-gradient(from 0deg,rgba(31,157,255,.32),transparent 26%) !important; }
.surface__map{ background:
  radial-gradient(circle at 50% 50%,rgba(31,157,255,.08),transparent 62%),
  linear-gradient(180deg,#081420cc,#050c14db) !important; }
.surface__map:before{ background-image:
  linear-gradient(rgba(31,157,255,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(31,157,255,.05) 1px,transparent 1px) !important; }
.surface__link{ stroke:rgba(31,157,255,.28) !important; }
.surface__pulse{ border-color:var(--neon) !important; }

/* fondo hex/circuito azul, muy sutil */
.cx-hex{ position:fixed; inset:0; z-index:-4; pointer-events:none; opacity:.16;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96' viewBox='0 0 56 96'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16z' fill='none' stroke='%232fa8ff' stroke-width='1'/%3E%3Cpath d='M28 64l28 16v32M28 64L0 80v32' fill='none' stroke='%232fa8ff' stroke-width='1'/%3E%3C/svg%3E");
  background-size:56px 96px;
  mask-image:radial-gradient(ellipse 100% 85% at 50% 30%,#000 30%,transparent 88%);
  -webkit-mask-image:radial-gradient(ellipse 100% 85% at 50% 30%,#000 30%,transparent 88%); }

/* red neural (canvas) — más brillante */
.cx-net{ position:fixed; inset:0; z-index:-3; pointer-events:none; opacity:.95; }

/* ============================ CURSOR TÁCTICO ============================ */
@media (pointer:fine){ html.cx-on, html.cx-on *{ cursor:none !important; } }
.cx-cur,.cx-dot,.cx-tag,.cx-trail{ position:fixed; top:0; left:0; z-index:99999;
  pointer-events:none; will-change:transform; }
.cx-cur,.cx-dot{ mix-blend-mode:screen; }
.cx-cur{ width:38px; height:38px; margin:-19px 0 0 -19px; border:1px solid var(--neon);
  border-radius:50%; opacity:.8;
  transition:width .18s,height .18s,margin .18s,opacity .18s,border-color .18s,
    background .18s,border-radius .18s; }
.cx-cur > i{ position:absolute; background:var(--neon); box-shadow:0 0 6px var(--neon);
  transition:all .18s ease; }
.cx-cur > i:nth-child(1){ left:50%; top:-7px;  width:1px; height:6px; transform:translateX(-50%); }
.cx-cur > i:nth-child(2){ left:50%; bottom:-7px;width:1px; height:6px; transform:translateX(-50%); }
.cx-cur > i:nth-child(3){ top:50%; left:-7px;  height:1px; width:6px; transform:translateY(-50%); }
.cx-cur > i:nth-child(4){ top:50%; right:-7px; height:1px; width:6px; transform:translateY(-50%); }
.cx-dot{ width:5px; height:5px; margin:-2.5px 0 0 -2.5px; border-radius:50%;
  background:var(--hx); box-shadow:0 0 10px var(--hx),0 0 4px #fff; }   /* dot VERDE hacker */
.cx-trail{ width:4px; height:4px; margin:-2px 0 0 -2px; border-radius:50%;
  background:var(--neon); opacity:.35; box-shadow:0 0 6px var(--neon); }
/* etiqueta de coordenadas */
.cx-tag{ font-family:var(--mono); font-size:.56rem; letter-spacing:.12em; color:var(--neon-2);
  text-shadow:0 0 8px rgba(0,0,0,.8); white-space:nowrap; opacity:.85;
  transform:translate(-9999px,-9999px); }
.cx-tag b{ color:var(--hx); font-weight:500; }
/* hover: círculo neón suave con anillo de pulso (sin cuadrado) */
.cx-cur.is-hot{ width:52px; height:52px; margin:-26px 0 0 -26px; opacity:1;
  border-radius:50%; border-color:var(--neon-2); background:rgba(47,168,255,.07);
  box-shadow:0 0 30px rgba(47,168,255,.42), inset 0 0 20px rgba(47,168,255,.12); }
.cx-cur.is-hot > i{ background:var(--neon-2) !important; box-shadow:0 0 8px var(--neon-2); }
.cx-cur.is-hot::after{ content:""; position:absolute; inset:-7px; border-radius:50%;
  border:1px solid var(--neon-2); opacity:0; animation:cx-hotpulse 1.4s ease-out infinite; }
@keyframes cx-hotpulse{ 0%{transform:scale(.68);opacity:.55} 100%{transform:scale(1.5);opacity:0} }
.cx-cur.is-down{ width:26px; height:26px; margin:-13px 0 0 -13px; }
.cx-cur.is-text{ width:2px; height:26px; margin:-13px 0 0 -1px; border:0; border-radius:2px;
  background:var(--neon-2); opacity:.95; box-shadow:0 0 8px var(--neon); animation:none; }
.cx-cur.is-text > i{ display:none; }

/* ======================= MARCO / BRACKETS DE PANTALLA ==================== */
.cx-frame{ position:fixed; inset:14px; z-index:96; pointer-events:none; opacity:.45;
  mix-blend-mode:screen; }
.cx-frame > i{ position:absolute; width:22px; height:22px; border:1px solid var(--neon); }
.cx-frame > i:nth-child(1){ top:0;left:0; border-right:0;border-bottom:0; }
.cx-frame > i:nth-child(2){ top:0;right:0; border-left:0;border-bottom:0; }
.cx-frame > i:nth-child(3){ bottom:0;left:0; border-right:0;border-top:0; }
.cx-frame > i:nth-child(4){ bottom:0;right:0; border-left:0;border-top:0; }

/* ============================ HUD rail vertical ========================= */
.cx-rail{ position:fixed; right:7px; top:50%; transform:translateY(-50%); z-index:95;
  pointer-events:none; writing-mode:vertical-rl; text-orientation:mixed;
  font-family:var(--mono); font-size:.58rem; letter-spacing:.26em; line-height:1;
  color:var(--muted-2); opacity:.62; text-transform:uppercase;
  text-shadow:0 0 10px rgba(0,0,0,.6); user-select:none; }
.cx-rail b{ color:var(--neon-2); font-weight:500; }
.cx-rail .cx-live{ color:var(--hx); }
.cx-rail .cx-sep{ color:var(--neon); opacity:.5; margin-block:10px; }
@media (max-width:1180px){ .cx-rail{ display:none; } }

/* indicador SYSTEM ONLINE en el header */
.cx-navstatus{ display:inline-flex; align-items:center; gap:7px; margin-right:4px;
  padding:5px 11px; border:1px solid var(--line-2); border-radius:999px;
  background:rgba(31,157,255,.08); font-family:var(--mono); font-size:.6rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--neon-2); white-space:nowrap; }
.cx-navstatus .cx-blip{ width:6px; height:6px; border-radius:50%; background:var(--hx);
  box-shadow:0 0 9px var(--hx); animation:cx-blink 1.6s steps(2,end) infinite; }
@media (max-width:1180px){ .cx-navstatus{ display:none; } }
@media (max-width:980px){ .cx-frame{ display:none; } }

@keyframes cx-blink{ 0%,60%{opacity:1} 61%,100%{opacity:.2} }

/* ============================ HEADER / CONSOLA ========================== */
.nav{ position:fixed; }
.nav--solid{ background:rgba(4,9,16,.9) !important;
  backdrop-filter:blur(11px) !important;
  -webkit-backdrop-filter:blur(11px) !important;
  border-bottom:1px solid var(--line-2) !important;
  box-shadow:0 10px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(47,168,255,.16) !important; }
.nav--solid::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent,var(--neon-2),transparent);
  opacity:.7; animation:cx-navscan 7s linear infinite; }
@keyframes cx-navscan{ 0%{transform:translateX(-45%);opacity:0} 15%{opacity:.7}
  85%{opacity:.7} 100%{transform:translateX(45%);opacity:0} }
/* links: barrido inferior azul + scramble por JS */
.nav__links a:after{ background:var(--neon) !important; box-shadow:0 0 8px var(--neon-glow); }

/* ============================ TÍTULOS = MÓDULOS ========================= */
.section-title{ position:relative; padding-left:20px; }
.section-title::before{ content:""; position:absolute; left:0; top:.12em; bottom:.12em;
  width:3px; border-radius:2px;
  background:linear-gradient(180deg,var(--neon-2),var(--neon),var(--green-dim));
  box-shadow:0 0 14px var(--neon-glow); }
.section-title::after{ content:""; position:absolute; left:20px; bottom:-11px; width:60px; height:1px;
  background:linear-gradient(90deg,var(--neon-2),transparent); opacity:.75; }
.eyebrow{ position:relative; }
.eyebrow::after{ content:"_"; margin-left:3px; color:var(--hx);
  animation:cx-blink 1.15s steps(2,end) infinite; }
.cx-decoding{ color:var(--neon-2) !important; text-shadow:0 0 12px var(--neon-glow); }
/* mientras el hero decodifica, ocultar el glitch-once base (evita ghosting) */
.hero__title.cx-hero-dec:before,.hero__title.cx-hero-dec:after{ opacity:0 !important; }

/* Orbitron necesita spacing neutro (el negativo del base la aprieta) */
h1,h2,h3,h4,.section-title,.hero__title,.logo__word,.plan__name,.svc__title,
.flow__title,.faq__q{ letter-spacing:0 !important; }
.hero__title{ line-height:1.1 !important; }
.logo__word{ letter-spacing:.02em !important; }

/* glitch RGB al hover de la card sobre su título */
.svc__title,.plan__name,.flow__title,.pillar h3{ position:relative; }
.svc__title[data-text]::before,.svc__title[data-text]::after,
.plan__name[data-text]::before,.plan__name[data-text]::after,
.flow__title[data-text]::before,.flow__title[data-text]::after,
.pillar h3[data-text]::before,.pillar h3[data-text]::after{
  content:attr(data-text); position:absolute; left:0; top:0; width:100%;
  pointer-events:none; opacity:0; overflow:hidden; }
.svc:hover .svc__title::before,.plan:hover .plan__name::before,
.flow__card:hover .flow__title::before,.pillar:hover h3::before{
  opacity:.85; color:var(--neon); transform:translate(-2px,-1px);
  clip-path:inset(0 0 55% 0); animation:cx-gl1 .5s steps(2) 1; }
.svc:hover .svc__title::after,.plan:hover .plan__name::after,
.flow__card:hover .flow__title::after,.pillar:hover h3::after{
  opacity:.85; color:var(--hx); transform:translate(2px,1px);
  clip-path:inset(55% 0 0 0); animation:cx-gl2 .5s steps(2) 1; }
@keyframes cx-gl1{ 0%,100%{transform:none} 40%{transform:translate(-3px,1px)} 70%{transform:translate(2px,-1px)} }
@keyframes cx-gl2{ 0%,100%{transform:none} 40%{transform:translate(3px,-1px)} 70%{transform:translate(-2px,1px)} }

/* ============================ BOTONES ================================== */
.btn{ position:relative; overflow:hidden; isolation:isolate; }
.btn::after{ content:""; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.24),transparent);
  transform:skewX(-18deg); pointer-events:none; z-index:1; }
.btn:hover::after{ animation:cx-sheen .85s ease; }
@keyframes cx-sheen{ to{ left:135%; } }
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)){
  .btn::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
    background:conic-gradient(from var(--cx-a),transparent 0 70%,var(--neon-2) 82%,var(--hx) 90%,transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude; opacity:0; transition:opacity .3s ease; z-index:0; pointer-events:none; }
  .btn:hover::before{ opacity:1; animation:cx-run 1.25s linear infinite; }
}
@keyframes cx-run{ to{ --cx-a:360deg; } }
.btn-primary{ box-shadow:0 12px 30px rgba(31,157,255,.30), inset 0 0 0 1px rgba(47,168,255,.20); }
.btn-primary:hover{ box-shadow:0 18px 46px rgba(31,157,255,.5), 0 0 26px rgba(47,168,255,.4); }

/* ================= CARDS / RECUADROS = MÓDULOS SOC ===================== */
.svc,.plan,.pillar,.flow__card,.scope__item,.platform__assets li,
.techhumans__cols article,.surface__detail{ position:relative; }

/* brackets neón en esquinas */
.svc::before,.plan::before,.pillar::before,.flow__card::before,
.techhumans__cols article::before{
  content:""; position:absolute; inset:9px; pointer-events:none; opacity:.4;
  transition:opacity .3s ease;
  background:
    linear-gradient(var(--neon),var(--neon)) left top/14px 1px no-repeat,
    linear-gradient(var(--neon),var(--neon)) left top/1px 14px no-repeat,
    linear-gradient(var(--neon),var(--neon)) right top/14px 1px no-repeat,
    linear-gradient(var(--neon),var(--neon)) right top/1px 14px no-repeat,
    linear-gradient(var(--neon),var(--neon)) left bottom/14px 1px no-repeat,
    linear-gradient(var(--neon),var(--neon)) left bottom/1px 14px no-repeat,
    linear-gradient(var(--neon),var(--neon)) right bottom/14px 1px no-repeat,
    linear-gradient(var(--neon),var(--neon)) right bottom/1px 14px no-repeat; }
.svc:hover::before,.plan:hover::before,.pillar:hover::before,
.flow__card:hover::before,.techhumans__cols article:hover::before{ opacity:1; }

/* línea escáner recorriendo la card SOLO al hover (sin animación siempre-activa) */
.svc::after,.plan::after,.pillar::after,.flow__card::after{
  content:""; position:absolute; left:6px; right:6px; top:0; height:2px; border-radius:2px;
  pointer-events:none; opacity:0; z-index:1;
  background:linear-gradient(90deg,transparent,var(--neon),transparent); }
.svc:hover::after,.plan:hover::after,.pillar:hover::after,.flow__card:hover::after{
  animation:cx-cardscan 1.4s linear infinite; }
@keyframes cx-cardscan{ 0%{transform:translateY(0);opacity:0} 8%{opacity:.6}
  46%{opacity:.6} 70%{transform:translateY(var(--cx-ch,240px));opacity:0} 100%{opacity:0} }

/* GLOW NEÓN INTENSO al hover de TODOS los recuadros */
.svc,.plan,.pillar,.flow__card,.surface__detail,.techhumans__cols article,
.techhumans__panel,.scope__item,.platform__assets li,.faq__item,.quote,.split,
.split__col,.sample,.finalcta__panel,.console,.riskcard,.modules__table,
.pentest__note,.surface__chip,.footer__social a{
  transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease; }
.svc:hover,.plan:hover,.pillar:hover,.flow__card:hover,.surface__detail:hover,
.techhumans__cols article:hover,.techhumans__panel:hover,.scope__item:hover,
.platform__assets li:hover,.faq__item:hover,.quote:hover,.split:hover,
.split__col:hover,.sample:hover,.finalcta__panel:hover,.console:hover,
.riskcard:hover,.modules__table:hover,.pentest__note:hover{
  border-color:var(--neon-2) !important;
  box-shadow:0 0 0 1px var(--neon),
             0 0 20px var(--neon-glow),
             0 0 44px rgba(47,168,255,.4),
             inset 0 0 24px rgba(47,168,255,.08),
             0 18px 50px rgba(0,0,0,.55) !important; }
.surface__chip:hover,.footer__social a:hover{
  border-color:var(--neon-2) !important;
  box-shadow:0 0 14px var(--neon-glow),0 0 0 1px var(--neon) !important; }

/* íconos con más presencia */
.svc:hover .svc__icon,.pillar:hover .pillar__icon,
.techhumans__cols article:hover .techhumans__icon{
  box-shadow:0 0 26px rgba(47,168,255,.5) !important; border-color:var(--neon-2) !important; }

/* ============================ SCAN POR SECCIÓN ========================= */
.cx-scan{ position:absolute; left:0; right:0; top:0; height:120px; pointer-events:none;
  z-index:3; background:linear-gradient(180deg,rgba(47,168,255,.16),rgba(47,168,255,.03) 60%,transparent);
  border-top:1px solid var(--neon-2); box-shadow:0 0 24px rgba(47,168,255,.3); opacity:0; }
.cx-scan.cx-run{ animation:cx-sectionscan 1.15s cubic-bezier(.4,.1,.3,1) forwards; }
@keyframes cx-sectionscan{ 0%{transform:translateY(0);opacity:0} 12%{opacity:.9}
  100%{transform:translateY(var(--cx-h,600px));opacity:0} }

/* ============================ GLITCH GLOBAL (raro, sutil) ============== */
.cx-glitch{ position:fixed; inset:0; z-index:97; pointer-events:none; opacity:0;
  mix-blend-mode:screen;
  background:linear-gradient(90deg,rgba(47,168,255,.06),transparent 42%,rgba(0,255,149,.05)); }
.cx-glitch.cx-fire{ animation:cx-glitchfire .34s steps(3) 1; }
@keyframes cx-glitchfire{ 0%{opacity:0;transform:translateX(0)} 20%{opacity:.85;transform:translateX(-3px)}
  45%{opacity:.3;transform:translateX(3px)} 65%{opacity:.65;transform:translateX(-2px)} 100%{opacity:0;transform:none} }

/* ============================ WHATSAPP oficial ========================= */
.wa .icon{ display:none !important; }
.cx-wa{ width:27px; height:30px; display:block; position:relative; z-index:2;
  fill:#ffffff; }

/* ============================ FOOTER =================================== */
.footer{ position:relative; }
.footer::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--neon-2),transparent); opacity:.55; }
.footer__status .dot{ box-shadow:0 0 10px var(--hx); }

/* ================= RESPONSIVE (Orbitron es ancha) ===================== */
@media (max-width:1024px){
  .section-title{ padding-left:16px; }
  .section-title::after{ left:16px; }
}
@media (max-width:767px){
  .hero__title{ font-size:clamp(1.55rem,7.2vw,2.15rem) !important; line-height:1.14 !important; }
  .section-title{ font-size:clamp(1.4rem,6.2vw,1.95rem) !important; padding-left:14px; }
  .section-title::before{ width:2px; }
  .section-title::after{ left:14px; width:44px; }
  .plan__price,.sample__price,.plan__name,.svc__title{ overflow-wrap:anywhere; }
  .cx-bgscan{ height:120px; }
  .eyebrow{ font-size:.66rem; letter-spacing:.16em; }
}
@media (max-width:400px){
  .hero__title{ font-size:1.5rem !important; }
  .section-title{ font-size:1.34rem !important; }
}

/* ============================ ACCESIBILIDAD =========================== */
@media (prefers-reduced-motion:reduce){
  .cx-net,.cx-hex,.cx-glitch,.cx-bgscan{ display:none !important; }
  .cx-cur,.cx-dot,.cx-tag,.cx-trail{ display:none !important; }
  html.cx-on, html.cx-on *{ cursor:auto !important; }
  .nav--solid::after,.eyebrow::after,.cx-navstatus .cx-blip,
  .svc::after,.plan::after,.pillar::after,.flow__card::after{ animation:none !important; }
  .btn::before,.btn::after{ display:none !important; }
  .cx-scan{ display:none !important; }
  .svc__title::before,.svc__title::after,.plan__name::before,.plan__name::after,
  .flow__title::before,.flow__title::after,.pillar h3::before,.pillar h3::after{ display:none !important; }
}
@media (hover:none),(pointer:coarse){
  .cx-cur,.cx-dot,.cx-tag,.cx-trail,.cx-frame{ display:none !important; }
  html.cx-on, html.cx-on *{ cursor:auto !important; }
}