/* Section 6: IQX Swiper Cards - Adapted to site style */
:root{
  --iqx-cyan:#00c2a8;
  --iqx-purple:#692ac6;
  --iqx-text: rgba(255,255,255,.92);
  --iqx-shadow: 0 18px 60px rgba(0,0,0,.28);
  --r: 22px;
}

.iqx-cards{
  position: relative;
  background: radial-gradient(1200px 500px at 50% 0%, rgba(105,42,198,.18), transparent 55%),
              radial-gradient(900px 600px at 80% 20%, rgba(138,91,248,.18), transparent 60%),
              linear-gradient(180deg, #692ac6 0%, #4a2bd8 100%);
  padding: clamp(24px, 4vw, 48px) 16px 56px;
  overflow:hidden;
  font-family: 'Gilroy-Regular', sans-serif;
}

/* Imagen lateral X */
.iqx-side-image{
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(540px, 66vw, 960px);
  height: auto;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  animation: iqxImageFloat 6s ease-in-out infinite, iqxImageFade 1.2s ease-out forwards, iqxImagePulse 4s ease-in-out infinite;
}

.iqx-side-image::before{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 40%, rgba(47,224,216,0.4) 50%, transparent 60%, transparent 100%);
  filter: blur(2px);
  opacity: 0;
  animation: iqxScanner 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}

.iqx-side-image::after{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 20%, rgba(47,224,216,0.6) 50%, rgba(105,42,198,0.4) 80%, transparent 100%);
  filter: blur(8px);
  animation: iqxLaserScan 4s ease-in-out infinite;
  pointer-events: none;
  z-index: 3;
}

.iqx-side-image img{
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 30px 60px rgba(105,42,198,0.4)) hue-rotate(0deg);
  mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.4) 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.4) 70%, transparent 100%);
  animation: iqxImageGlow 3s ease-in-out infinite, iqxImageScale 5s ease-in-out infinite;
}

@keyframes iqxImageFloat{
  0%, 100%{ transform: translateY(-50%) translateX(0) rotate(0deg); }
  25%{ transform: translateY(-52%) translateX(8px) rotate(1deg); }
  50%{ transform: translateY(-50%) translateX(15px) rotate(0deg); }
  75%{ transform: translateY(-48%) translateX(8px) rotate(-1deg); }
}

@keyframes iqxImageFade{
  0%{ opacity: 0; transform: translateY(-50%) translateX(60px); }
  100%{ opacity: 0.35; transform: translateY(-50%) translateX(0); }
}

@keyframes iqxImagePulse{
  0%, 100%{ opacity: 0.3; filter: brightness(1); }
  50%{ opacity: 0.4; filter: brightness(1.15); }
}

@keyframes iqxScanner{
  0%{ opacity: 0; transform: translateX(-100%); }
  10%{ opacity: 1; }
  90%{ opacity: 1; }
  100%{ opacity: 0; transform: translateX(100%); }
}

@keyframes iqxLaserScan{
  0%{ left: -100%; opacity: 0; }
  15%{ opacity: 1; }
  85%{ opacity: 1; }
  100%{ left: 200%; opacity: 0; }
}

@keyframes iqxImageGlow{
  0%, 100%{ filter: drop-shadow(0 30px 60px rgba(105,42,198,0.4)) drop-shadow(0 0 20px rgba(47,224,216,0.2)); }
  50%{ filter: drop-shadow(0 40px 80px rgba(105,42,198,0.6)) drop-shadow(0 0 40px rgba(47,224,216,0.4)); }
}

@keyframes iqxImageScale{
  0%, 100%{ transform: scale(1); }
  50%{ transform: scale(1.05); }
}

@media (max-width: 900px){
  .iqx-side-image{
    width: 360px;
    opacity: 0.25;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    animation: iqxImageFloatMobile 6s ease-in-out infinite, iqxImageFadeMobile 1s ease-out forwards, iqxImagePulse 4s ease-in-out infinite;
  }
  .iqx-side-image::before{
    animation: iqxScanner 4s ease-in-out infinite;
  }
  .iqx-side-image::after{
    animation: iqxLaserScan 5s ease-in-out infinite;
  }
  .iqx-side-image img{
    mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
    animation: iqxImageGlowMobile 3s ease-in-out infinite, iqxImageScale 5s ease-in-out infinite;
  }
  @keyframes iqxImageFloatMobile{
    0%, 100%{ transform: translateY(-50%) translateX(0) rotate(0deg); }
    50%{ transform: translateY(-52%) translateX(10px) rotate(2deg); }
  }
  @keyframes iqxImageFadeMobile{
    0%{ opacity: 0; transform: translateY(-50%) translateX(40px); }
    100%{ opacity: 0.25; transform: translateY(-50%) translateX(0); }
  }
  @keyframes iqxImageGlowMobile{
    0%, 100%{ filter: drop-shadow(0 20px 40px rgba(105,42,198,0.3)); }
    50%{ filter: drop-shadow(0 30px 60px rgba(105,42,198,0.5)) drop-shadow(0 0 30px rgba(47,224,216,0.3)); }
  }
}

@media (max-width: 480px){
  .iqx-side-image{
    width: 280px;
    right: -60px;
    opacity: 0.2;
  }
}

/* Fondo orbs */
.iqx-bg-orbs{
  position:absolute; inset:-40%;
  background:
    radial-gradient(circle at 30% 30%, rgba(105,42,198,.16), transparent 35%),
    radial-gradient(circle at 70% 55%, rgba(138,91,248,.18), transparent 40%),
    radial-gradient(circle at 45% 75%, rgba(255,255,255,.06), transparent 38%);
  filter: blur(2px);
  opacity:.9;
  pointer-events:none;
  transform: translateZ(0);
}

/* Título mejorado */
.iqx-title-wrapper{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 48px;
  position: relative;
}

.iqx-label{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background: rgba(47,224,216,0.1);
  border: 1px solid rgba(47,224,216,0.25);
  border-radius: 999px;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateX(280px);
  transition: opacity 1.02s ease, transform 1.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.iqx-label-dot{
  width: 8px;
  height: 8px;
  background: #2fe0d8;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(47,224,216,0.8);
  animation: iqxPulse 2s ease-in-out infinite;
}

.iqx-label-text{
  font-family: 'Gilroy-Regular', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
}

.iqx-pro-title{
  margin: 0;
  font-family: 'Gilroy-Regular', sans-serif;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.iqx-pro-line{
  display: block;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 1.02s ease, transform 1.3s cubic-bezier(0.22, 1, 0.36, 1), filter .5s ease;
}

.iqx-pro-line:nth-child(1){
  font-size: clamp(18px, 2.5vw, 28px);
  color: rgba(255,255,255,0.7);
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  transform: translateX(340px);
}

.iqx-pro-line:nth-child(2){
  font-size: clamp(42px, 7vw, 80px);
  font-weight: 900;
  letter-spacing: -2px;
  background: linear-gradient(135deg, #ffffff 0%, #e8e8ff 50%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 4px 12px rgba(105,42,198,0.3));
  transform: translateY(220px);
  position: relative;
}

.iqx-pro-line:nth-child(2)::after{
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, #2fe0d8, #b98cff, #2fe0d8, transparent);
  border-radius: 2px;
  opacity: 0;
  transition: width .9s ease-out .75s, opacity .35s ease .75s;
}

.iqx-pro-line:nth-child(2).accent{
  background: linear-gradient(135deg, #2fe0d8 0%, #b98cff 50%, #2fe0d8 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: iqxGradientShift 4s ease infinite;
}

.iqx-pro-line:nth-child(3){
  font-size: clamp(16px, 2.2vw, 24px);
  color: #2fe0d8;
  font-weight: 700;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-top: 8px;
  transform: translateX(460px);
  text-shadow: 0 0 20px rgba(47,224,216,0.4);
}

.iqx-title-underline{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  opacity: 0;
  transform: translateY(220px) scaleX(.72);
  transition: opacity .95s ease, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.iqx-cards.iqx-title-visible .iqx-label{
  opacity:1;
  transform:translateX(0);
}
.iqx-cards.iqx-title-visible .iqx-pro-line:nth-child(1){
  opacity:1;
  transform:translateX(0);
  transition-delay:.14s;
}
.iqx-cards.iqx-title-visible .iqx-pro-line:nth-child(2){
  opacity:1;
  transform:translateY(0);
  transition-delay:.24s;
}
.iqx-cards.iqx-title-visible .iqx-pro-line:nth-child(3){
  opacity:1;
  transform:translateX(0);
  transition-delay:.34s;
}
.iqx-cards.iqx-title-visible .iqx-title-underline{
  opacity:1;
  transform:translateY(0) scaleX(1);
  transition-delay:.42s;
}
.iqx-cards.iqx-title-visible .iqx-pro-line:nth-child(2)::after{
  width: 80%;
  opacity:1;
}

.iqx-underline-left,
.iqx-underline-right{
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4));
}

.iqx-underline-right{
  background: linear-gradient(90deg, rgba(255,255,255,0.4), transparent);
}

.iqx-underline-center{
  width: 12px;
  height: 12px;
  border: 2px solid rgba(47,224,216,0.6);
  border-radius: 50%;
  position: relative;
  animation: iqxRotate 8s linear infinite;
}

.iqx-underline-center::before{
  content: '';
  position: absolute;
  inset: 2px;
  background: #2fe0d8;
  border-radius: 50%;
  animation: iqxPulse 2s ease-in-out infinite;
}

@keyframes iqxFadeInDown{
  0%{ opacity: 0; transform: translateY(-10px); }
  100%{ opacity: 1; transform: translateY(0); }
}

@keyframes iqxFadeInUp{
  0%{ opacity: 0; transform: translateY(20px); filter: blur(8px); }
  60%{ filter: blur(2px); }
  100%{ opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes iqxFadeIn{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}

@keyframes iqxPulse{
  0%, 100%{ transform: scale(1); opacity: 0.8; }
  50%{ transform: scale(1.2); opacity: 1; }
}

@keyframes iqxLineGrow{
  0%{ width: 0; }
  100%{ width: 80%; }
}

@keyframes iqxGradientShift{
  0%, 100%{ background-position: 0% center; }
  50%{ background-position: 100% center; }
}

@keyframes iqxRotate{
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg); }
}

.iqx-title-wrapper:hover .iqx-pro-line:nth-child(2){
  filter: drop-shadow(0 6px 20px rgba(47,224,216,0.4));
  transition: filter 0.3s ease;
}

.iqx-title-wrapper:hover .iqx-underline-center{
  border-color: #2fe0d8;
  box-shadow: 0 0 20px rgba(47,224,216,0.5);
}

/* Header */
.iqx-head{
  position:relative;
  max-width: 980px;
  margin: 0 auto 18px;
  text-align:center;
  z-index:2;
}
.iqx-head h2{
  margin: 0;
  color: var(--iqx-text);
  font-weight: 800;
  letter-spacing: .2px;
  font-size: clamp(22px, 3.2vw, 38px);
  text-shadow: 0 8px 30px rgba(0,0,0,.22);
  font-family: 'Gilroy-Bold', sans-serif;
}

.iqx-swiper-wrap{
  position:relative;
  max-width: 980px;
  margin: 0 auto;
  z-index:2;
}

.iqx-swiper{
  width: min(900px, 92vw);
  height: clamp(360px, 56vw, 470px);
  margin: 0 auto;
  cursor: grab;
}
.iqx-swiper:active{ cursor: grabbing; }

.iqx-swiper .swiper-slide{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Card */
.iqx-card{
  width: min(340px, 82vw);
  height: clamp(330px, 50vw, 420px);
  border-radius: var(--r);
  box-shadow: var(--iqx-shadow);
  position: relative;
  transform: translateZ(0);
}

@media (min-width: 981px){
  .iqx-swiper{
    width: min(1180px, 96vw);
    overflow: visible;
  }
  .iqx-swiper .swiper-wrapper{ overflow: visible; }
  .iqx-card{
    width: min(300px, 28vw);
  }
}

/* SOLIDA (no transparente) */
.iqx-card-inner{
  position:absolute; inset:0;
  border-radius: var(--r);
  background: #ffffff;
  border: 1px solid rgba(20,20,40,.10);
  overflow:hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.20);
  transition: transform .26s ease, box-shadow .26s ease;
}

.iqx-media{
  height: 58%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px 18px 8px;
}
.iqx-media img{
  width: 78%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 24px rgba(0,0,0,.18));
  transform: translateZ(0);
}

.iqx-body{
  height: 42%;
  padding: 6px 18px 18px;
  display:flex;
  flex-direction:column;
  gap: 12px;
  justify-content: space-between;
  text-align:center;
}

/* Texto oscuro dentro de card blanca */
.iqx-sub{
  margin: 0;
  color: rgba(20, 20, 40, .75);
  font-weight: 700;
  line-height: 1.25;
  font-size: 14.5px;
  font-family: 'Gilroy-Regular', sans-serif;
}

.iqx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  color: #ffffff;
  font-weight: 900;
  text-decoration:none;
  background: linear-gradient(90deg, rgba(105,42,198,.95), rgba(138,91,248,.92));
  box-shadow: 0 14px 40px rgba(105,42,198,.20);
  border: 1px solid rgba(255,255,255,.35);
  transition: transform .18s ease, filter .18s ease;
  will-change: transform, filter;
  font-family: 'Gilroy-Bold', sans-serif;
  font-size: 13px;
}

.iqx-btn:hover{ transform: translateY(-2px) scale(1.01); filter: brightness(1.05); }
/* FX layers */
.iqx-glow{
  position:absolute; inset:-2px;
  border-radius: var(--r);
  opacity: 0;
  pointer-events:none;
  transition: opacity .22s ease;
  background:
    radial-gradient(600px 260px at 30% 20%, rgba(105,42,198,.35), transparent 60%),
    radial-gradient(560px 300px at 70% 80%, rgba(138,91,248,.32), transparent 62%);
  filter: blur(6px);
  mix-blend-mode: screen;
}

.iqx-scan{
  position:absolute;
  inset:-40% -30%;
  opacity:0;
  pointer-events:none;
  transform: rotate(12deg) translateY(-25%);
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(105,42,198,.10) 45%,
    rgba(255,255,255,.14) 50%,
    rgba(138,91,248,.10) 55%,
    transparent 100%
  );
  filter: blur(0.2px);
}

.iqx-particles{
  position:absolute; inset:0;
  opacity:0;
  pointer-events:none;
  border-radius: var(--r);
  overflow:hidden;
}
.iqx-particles i{
  position:absolute;
  width: 2px; height: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 0 14px rgba(105,42,198,.55);
  opacity:0;
}

/* Active slide state simplified */
.iqx-swiper .swiper-slide-active .iqx-glow{ opacity: 0; }
.iqx-swiper .swiper-slide-active .iqx-scan{ opacity: 0; }
.iqx-swiper .swiper-slide-active .iqx-particles{ opacity: 0; }

.iqx-hint{
  margin: 14px auto 0;
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.82);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .2px;
  backdrop-filter: blur(10px);
  font-family: 'Gilroy-Regular', sans-serif;
}

@media (max-width: 420px){
  .iqx-media img{ width: 82%; }
  .iqx-sub{ font-size: 14px; }
}

@media (max-width: 768px){
  .iqx-swiper-wrap{
    padding: 8px 0 20px;
  }
  .iqx-swiper{
    width: min(560px, 100vw);
    height: clamp(390px, 82vw, 500px);
    overflow: visible;
  }
  .iqx-swiper .swiper-wrapper{ overflow: visible; }
  .iqx-card{
    width: min(300px, 74vw);
    height: clamp(350px, 72vw, 440px);
  }
}

@media (prefers-reduced-motion: reduce){
  .iqx-card{
    animation: none !important;
  }
}

/* Section 6 visual refresh: presentation only, Swiper and links remain unchanged */
.iqx-cards{
  min-height: 820px;
  padding: 56px 16px 74px;
  background:
    radial-gradient(720px 520px at 50% 42%, rgba(107,21,236,.42) 0%, transparent 70%),
    radial-gradient(560px 520px at 92% 58%, rgba(83,0,209,.35) 0%, transparent 74%),
    radial-gradient(620px 560px at 2% 45%, rgba(43,14,138,.42) 0%, transparent 72%),
    linear-gradient(135deg,#150052 0%,#270080 42%,#3c00a8 68%,#170052 100%);
  isolation:isolate;
}
.iqx-cards::before{
  content:'';
  position:absolute;
  z-index:0;
  width:620px;
  height:620px;
  left:-330px;
  top:70px;
  border:1px solid rgba(137,86,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(121,67,238,.035),0 0 0 88px rgba(121,67,238,.025),0 0 0 136px rgba(121,67,238,.018);
  pointer-events:none;
}
.iqx-cards::after{
  content:'';
  position:absolute;
  z-index:0;
  width:660px;
  height:300px;
  left:50%;
  bottom:-190px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(22,225,235,.18);
  filter:blur(80px);
  pointer-events:none;
}
.iqx-bg-orbs{
  inset:0;
  background:
    radial-gradient(circle at 50% 38%,rgba(153,58,255,.2),transparent 34%),
    radial-gradient(circle at 77% 65%,rgba(65,12,211,.22),transparent 40%),
    linear-gradient(120deg,transparent 0 46%,rgba(118,45,233,.07) 46% 47%,transparent 47% 100%);
  opacity:1;
}
.iqx-side-image{
  right:-210px;
  top:48%;
  width:clamp(680px,70vw,1040px);
  opacity:.14;
  mix-blend-mode:screen;
}
.iqx-side-image img{
  filter:drop-shadow(0 0 44px rgba(126,53,238,.34));
  mask-image:linear-gradient(to left,rgba(0,0,0,.96) 0%,rgba(0,0,0,.7) 46%,transparent 82%);
  -webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.96) 0%,rgba(0,0,0,.7) 46%,transparent 82%);
}
.iqx-head{
  max-width:1080px;
  margin:0 auto 8px;
}
.iqx-title-wrapper{
  padding:0 36px 26px;
}
.iqx-label{
  padding:9px 19px;
  margin-bottom:24px;
  border-color:rgba(188,94,255,.58);
  background:linear-gradient(90deg,rgba(73,19,167,.58),rgba(97,24,193,.36));
  box-shadow:0 0 24px rgba(143,46,240,.15),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.iqx-label-dot{
  background:#2de4ef;
  box-shadow:0 0 0 5px rgba(45,228,239,.08),0 0 16px rgba(45,228,239,.9);
}
.iqx-label-text{
  color:#f6efff;
  font-size:12px;
  letter-spacing:2.2px;
}
.iqx-pro-title{
  gap:3px;
}
.iqx-pro-line:nth-child(1){
  color:#f4eaff;
  font-size:clamp(19px,2vw,28px);
  font-weight:800;
  letter-spacing:8px;
}
.iqx-pro-line:nth-child(2),
.iqx-pro-line:nth-child(2).accent{
  font-size:clamp(58px,7.5vw,106px);
  line-height:.98;
  letter-spacing:-3.5px;
  background:linear-gradient(90deg,#23e7ee 0%,#80c9ff 30%,#c997ff 66%,#f092ff 100%);
  background-size:180% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 10px 28px rgba(52,204,240,.17));
}
.iqx-pro-line:nth-child(3){
  color:#2ee5ef;
  font-size:clamp(17px,2vw,24px);
  letter-spacing:9px;
  margin-top:11px;
  text-shadow:0 0 22px rgba(46,229,239,.38);
}
.iqx-title-underline{
  margin-top:25px;
}
.iqx-underline-left,
.iqx-underline-right{
  width:100px;
  background:linear-gradient(90deg,transparent,rgba(187,139,255,.72));
}
.iqx-underline-right{
  background:linear-gradient(90deg,rgba(45,225,239,.72),transparent);
}
.iqx-underline-center{
  border-color:rgba(77,231,244,.88);
  box-shadow:0 0 0 5px rgba(107,50,224,.2),0 0 17px rgba(47,225,240,.7);
}
.iqx-swiper-wrap{
  max-width:1220px;
  padding:34px 26px 18px;
  border:1px solid rgba(178,90,255,.52);
  border-radius:40px;
  background:linear-gradient(145deg,rgba(109,22,210,.3),rgba(32,5,104,.38));
  box-shadow:0 30px 80px rgba(8,0,50,.36),inset 0 1px 0 rgba(255,255,255,.09),0 0 36px rgba(130,43,230,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-sizing:border-box;
}
.iqx-swiper{
  width:min(1120px,92vw);
  height:440px;
}
.iqx-card{
  width:min(330px,28vw);
  height:408px;
  border-radius:29px;
  box-shadow:0 22px 48px rgba(8,0,48,.3),0 0 24px rgba(129,47,236,.15);
}
.iqx-card-inner{
  border:1px solid rgba(255,255,255,.92);
  border-radius:29px;
  background:linear-gradient(180deg,#fff 0%,#fbfaff 68%,#f4f0ff 100%);
  box-shadow:0 20px 45px rgba(16,0,70,.24),inset 0 1px 0 rgba(255,255,255,1);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.iqx-card:hover .iqx-card-inner{
  transform:translateY(-8px);
  border-color:rgba(201,154,255,.95);
  box-shadow:0 28px 58px rgba(24,0,89,.32),-7px 0 22px rgba(116,44,235,.2),7px 0 22px rgba(28,206,228,.16);
}
.iqx-media{
  height:61%;
  padding:20px 20px 4px;
}
.iqx-media img{
  width:84%;
  filter:drop-shadow(0 15px 25px rgba(41,10,112,.18));
  transition:transform .5s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.iqx-card:hover .iqx-media img{
  transform:translateY(-4px) scale(1.035);
  filter:drop-shadow(0 18px 28px rgba(67,23,160,.24)) saturate(1.08);
}
.iqx-body{
  height:39%;
  padding:4px 22px 20px;
  gap:13px;
}
.iqx-sub{
  color:#11132d;
  font-size:15px;
  font-weight:800;
  line-height:1.28;
}
.iqx-btn{
  min-height:46px;
  padding:11px 17px;
  border-color:rgba(255,255,255,.52);
  background:linear-gradient(90deg,#5120cb 0%,#7624ee 58%,#8d36f4 100%);
  box-shadow:0 12px 28px rgba(91,28,207,.32),inset 0 1px 0 rgba(255,255,255,.22);
  font-size:14px;
}
.iqx-btn:hover{
  transform:translateY(-3px) scale(1.018);
  filter:brightness(1.1);
  box-shadow:0 16px 34px rgba(91,28,207,.4),0 0 22px rgba(46,218,236,.13);
}
.iqx-hint{
  margin:16px auto -43px;
  padding:10px 18px;
  border-color:rgba(169,87,255,.56);
  color:#f5edff;
  background:linear-gradient(90deg,rgba(49,8,123,.94),rgba(78,16,164,.94));
  box-shadow:0 10px 28px rgba(11,0,55,.3),0 0 18px rgba(119,43,220,.14);
  font-size:13px;
}
@media(max-width:980px) and (min-width:769px){
  .iqx-swiper-wrap{width:min(720px,calc(100% - 24px));padding-inline:20px}
  .iqx-card{width:min(320px,72vw)}
}
@media(max-width:768px){
  .iqx-cards{min-height:auto;padding:50px 12px 66px}
  .iqx-cards::before{width:390px;height:390px;left:-260px;top:160px}
  .iqx-side-image{width:430px;right:-190px;opacity:.1}
  .iqx-title-wrapper{padding:0 8px 22px}
  .iqx-label{margin-bottom:19px;padding:8px 13px}
  .iqx-label-text{font-size:10px;letter-spacing:1.35px}
  .iqx-pro-line:nth-child(1){font-size:16px;letter-spacing:5px}
  .iqx-pro-line:nth-child(2),.iqx-pro-line:nth-child(2).accent{font-size:clamp(46px,15vw,66px);letter-spacing:-2px}
  .iqx-pro-line:nth-child(3){font-size:14px;letter-spacing:5px}
  .iqx-underline-left,.iqx-underline-right{width:58px}
  .iqx-swiper-wrap{width:calc(100% - 8px);padding:24px 0 17px;border-radius:30px}
  .iqx-swiper{width:min(560px,100vw);height:430px}
  .iqx-card{width:min(310px,76vw);height:390px}
  .iqx-media{height:59%;padding:17px 16px 3px}
  .iqx-body{height:41%;padding:4px 18px 18px}
  .iqx-hint{margin:14px auto -38px}
}
@media(max-width:420px){
  .iqx-pro-line:nth-child(2),.iqx-pro-line:nth-child(2).accent{font-size:46px}
  .iqx-pro-line:nth-child(3){letter-spacing:3.7px}
  .iqx-card{width:min(292px,78vw);height:378px}
  .iqx-sub{font-size:14px}
  .iqx-btn{font-size:13px;padding-inline:13px}
}
@media(prefers-reduced-motion:reduce){
  .iqx-card-inner,.iqx-media img{transition:none}
}

/* Alternativa experimental: laboratorio de demostraciones */
.iqx-demo-lab{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:82px max(20px,5vw) 76px;
  color:#fff;
  background:
    radial-gradient(1200px 500px at 50% 0%,rgba(105,42,198,.18),transparent 55%),
    radial-gradient(900px 600px at 80% 20%,rgba(138,91,248,.18),transparent 60%),
    radial-gradient(circle at 12% 72%,rgba(47,224,216,.16),transparent 34%),
    linear-gradient(180deg,#692ac6 0%,#4a2bd8 100%);
}
.iqx-demo-lab::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.3;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
}
.iqx-demo-glow{
  position:absolute;
  z-index:-1;
  width:440px;
  height:440px;
  left:50%;
  top:45%;
  border:1px solid rgba(124,236,255,.3);
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 110px rgba(157,103,255,.28),inset 0 0 90px rgba(68,231,248,.14);
  animation:iqxDemoOrbit 10s linear infinite;
}
.iqx-demo-orbs{
  position:absolute;
  inset:-25%;
  z-index:-2;
  pointer-events:none;
  opacity:.82;
  filter:blur(2px);
  background:
    radial-gradient(circle at 26% 30%,rgba(72,232,241,.2),transparent 25%),
    radial-gradient(circle at 72% 42%,rgba(190,119,255,.25),transparent 31%),
    radial-gradient(circle at 48% 77%,rgba(255,255,255,.1),transparent 27%);
  animation:iqxDemoOrbs 9s ease-in-out infinite alternate;
}
.iqx-demo-side-image{
  position:absolute;
  z-index:-1;
  top:50%;
  right:-115px;
  width:clamp(500px,58vw,880px);
  transform:translateY(-50%);
  opacity:.2;
  pointer-events:none;
  animation:iqxDemoSideFloat 7s ease-in-out infinite;
}
.iqx-demo-side-image::after{
  content:"";
  position:absolute;
  top:0;
  left:-80%;
  width:35%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(106,239,247,.48),transparent);
  filter:blur(8px);
  animation:iqxDemoSideScan 5s ease-in-out infinite;
}
.iqx-demo-side-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 30px 60px rgba(72,31,175,.34)) drop-shadow(0 0 30px rgba(49,220,236,.2));
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.76) 46%,transparent 86%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.76) 46%,transparent 86%);
}
.iqx-demo-head{
  width:min(850px,100%);
  margin:0 auto 42px;
  text-align:center;
}
.iqx-demo-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 17px;
  border:1px solid rgba(123,214,255,.42);
  border-radius:999px;
  color:#edfbff;
  background:rgba(47,224,216,.1);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.iqx-demo-kicker>span:first-child{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#2fe0d8;
  box-shadow:0 0 14px #2fe0d8;
  animation:iqxDemoDot 1.8s ease-in-out infinite;
}
.iqx-demo-head h2{
  margin:20px 0 12px;
  font-size:clamp(38px,5vw,72px);
  line-height:.98;
  letter-spacing:-.045em;
  background:linear-gradient(90deg,#fff 12%,#ded4ff 48%,#2fe0d8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.iqx-demo-head p{
  max-width:690px;
  margin:0 auto;
  color:#c7c9eb;
  font-size:17px;
  line-height:1.55;
}
.iqx-demo-grid{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.iqx-demo-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(220,224,255,.38);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(241,238,255,.1));
  box-shadow:0 22px 50px rgba(16,4,72,.24),inset 0 1px 0 rgba(255,255,255,.3);
  backdrop-filter:blur(13px);
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease;
}
.iqx-demo-card:hover{
  transform:translateY(-9px);
  border-color:rgba(62,226,242,.64);
  box-shadow:0 28px 58px rgba(2,0,30,.42),0 0 28px rgba(96,55,255,.19);
}
.iqx-demo-badge{
  position:absolute;
  z-index:3;
  top:15px;
  left:15px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:#e7e9ff;
  background:rgba(9,5,44,.6);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.iqx-demo-screen{
  position:relative;
  overflow:hidden;
  height:250px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle at 50% 44%,rgba(138,91,248,.42),transparent 55%),linear-gradient(145deg,#27116f,#321788);
}
.iqx-demo-round{
  position:absolute;
  z-index:3;
  top:17px;
  right:17px;
  min-width:48px;
  padding:6px 9px;
  border:1px solid rgba(104,225,240,.34);
  border-radius:999px;
  color:#baf8ff;
  background:rgba(8,5,39,.66);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
}
.iqx-demo-screen::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 25%,rgba(67,229,246,.08) 48%,transparent 70%);
  transform:translateX(-100%);
  animation:iqxDemoScan 4s ease-in-out infinite;
  pointer-events:none;
}
.iqx-demo-copy{
  min-height:225px;
  padding:25px 24px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.iqx-demo-copy h3{
  margin:0 0 9px;
  color:#fff;
  font-size:23px;
  line-height:1.15;
}
.iqx-demo-copy p{
  margin:0 0 22px;
  color:#e0e2f5;
  font-size:14px;
  line-height:1.5;
}
.iqx-demo-copy a{
  width:100%;
  min-height:48px;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 16px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(90deg,#5b27d7,#7837f1 60%,#176fdc);
  box-shadow:0 12px 25px rgba(59,22,164,.34);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.iqx-demo-copy a:hover,.iqx-demo-copy a:focus-visible{
  transform:translateY(-3px);
  filter:brightness(1.12);
  box-shadow:0 16px 30px rgba(72,29,191,.46),0 0 20px rgba(38,220,238,.15);
}
.iqx-demo-copy a:focus-visible{outline:3px solid rgba(42,224,239,.42);outline-offset:3px}
.iqx-demo-copy ion-icon{font-size:20px}
.iqx-demo-note{
  margin:24px auto 0;
  color:#aeb2da;
  font-size:12px;
  text-align:center;
}
.iqx-demo-brain-shape{
  width:150px;
  height:128px;
  display:flex;
  gap:6px;
  filter:drop-shadow(0 0 24px rgba(102,73,255,.48));
}
.iqx-demo-hemi{
  width:50%;
  border:3px solid currentColor;
  background:repeating-radial-gradient(circle at 70% 45%,transparent 0 8px,currentColor 9px 10px,transparent 11px 17px);
}
.iqx-demo-hemi-left{color:#8b4dff;border-radius:72px 24px 24px 72px;animation:iqxDemoBrainLeft 4s ease-in-out infinite}
.iqx-demo-hemi-right{color:#20d7ed;border-radius:24px 72px 72px 24px;animation:iqxDemoBrainRight 4s ease-in-out infinite}
.iqx-demo-brain-labels{width:200px;margin-top:17px;display:flex;justify-content:space-between;color:#cdd1ff;font-size:12px;font-weight:800;text-transform:uppercase}
.iqx-demo-matrix{width:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.iqx-demo-matrix span{aspect-ratio:1;border:1px solid rgba(111,220,255,.5);border-radius:9px;background:linear-gradient(135deg,rgba(91,49,212,.65),rgba(25,171,216,.3));box-shadow:inset 0 0 13px rgba(57,218,239,.12)}
.iqx-demo-matrix .is-target{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8d42ff,#1fd8eb);font-size:22px;font-weight:900;animation:iqxDemoTarget 2s ease-in-out infinite}
.iqx-demo-logic .iqx-demo-screen strong{margin-top:17px;color:#bfc7ef;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.iqx-demo-word-stage{position:relative;width:100%;height:60px;display:grid;place-items:center}
.iqx-demo-word-stage span{position:absolute;color:#fff;font-size:clamp(24px,2.2vw,34px);font-weight:900;letter-spacing:.08em;opacity:0;filter:blur(5px);animation:iqxDemoWords 4.5s linear infinite}
.iqx-demo-word-stage span:nth-child(2){animation-delay:1.5s;color:#8e73ff}
.iqx-demo-word-stage span:nth-child(3){animation-delay:3s;color:#36dce9}
.iqx-demo-ppm{margin-top:23px;display:flex;align-items:baseline;gap:7px;color:#79e9f2}
.iqx-demo-ppm strong{font-size:38px;line-height:1;animation:iqxDemoPpm 2.2s ease-in-out infinite}
.iqx-demo-ppm span{font-size:12px;font-weight:900;letter-spacing:.12em}
@keyframes iqxDemoOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes iqxDemoOrbs{to{transform:translate3d(3%,-2%,0) scale(1.04)}}
@keyframes iqxDemoSideFloat{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-52%) translateX(14px)}}
@keyframes iqxDemoSideScan{0%{left:-80%;opacity:0}18%{opacity:.75}82%{opacity:.75}100%{left:160%;opacity:0}}
@keyframes iqxDemoDot{50%{opacity:.35;transform:scale(.72)}}
@keyframes iqxDemoScan{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@keyframes iqxDemoBrainLeft{0%,45%,100%{opacity:.35;transform:scale(.96)}15%,30%{opacity:1;transform:scale(1.04)}}
@keyframes iqxDemoBrainRight{0%,45%,100%{opacity:.35;transform:scale(.96)}60%,78%{opacity:1;transform:scale(1.04)}}
@keyframes iqxDemoTarget{50%{transform:scale(1.13) rotate(4deg);box-shadow:0 0 24px rgba(42,222,240,.65)}}
@keyframes iqxDemoWords{0%,100%{opacity:0;transform:scale(.88);filter:blur(5px)}12%,24%{opacity:1;transform:scale(1);filter:blur(0)}34%{opacity:0;transform:scale(1.08);filter:blur(3px)}}
@keyframes iqxDemoPpm{50%{color:#fff;text-shadow:0 0 18px #28deed;transform:scale(1.06)}}
@media(max-width:940px){
  .iqx-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iqx-demo-reading{grid-column:1/-1;width:min(440px,100%);justify-self:center}
}
@media(max-width:640px){
  .iqx-demo-lab{padding:62px 16px 58px}
  .iqx-demo-head{margin-bottom:30px}
  .iqx-demo-head h2{font-size:clamp(38px,12vw,54px)}
  .iqx-demo-head p{font-size:15px}
  .iqx-demo-grid{grid-template-columns:1fr;gap:18px}
  .iqx-demo-reading{grid-column:auto;width:100%}
  .iqx-demo-card{width:min(100%,410px);justify-self:center}
  .iqx-demo-screen{height:225px}
  .iqx-demo-copy{min-height:205px;padding:22px 20px 21px}
}
@media(prefers-reduced-motion:reduce){
  .iqx-demo-glow,.iqx-demo-kicker>span:first-child,.iqx-demo-screen::after,.iqx-demo-hemi,.iqx-demo-matrix .is-target,.iqx-demo-word-stage span,.iqx-demo-ppm strong{animation:none}
  .iqx-demo-hemi{opacity:1;transform:none}
  .iqx-demo-word-stage span{display:none;opacity:1;filter:none}
  .iqx-demo-word-stage span:first-child{display:block}
}

/* Interaccion real dentro de las demostraciones */
.iqx-demo-screen{
  height:285px;
  padding:48px 18px 18px;
  box-sizing:border-box;
}
.iqx-demo-task{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.iqx-demo-task>strong,.iqx-demo-task-title,.iqx-demo-reading-question{
  color:#dce3ff;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.06em;
  text-align:center;
  text-transform:uppercase;
}
.iqx-demo-stroop{
  margin:18px 0 17px;
  color:#9a4cff;
  font-size:45px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 0 22px rgba(154,76,255,.58);
  animation:iqxDemoStroop 2.4s ease-in-out infinite;
}
.iqx-demo-options{
  display:flex;
  justify-content:center;
  gap:9px;
  width:100%;
  flex-wrap:wrap;
}
.iqx-demo-options button,.iqx-demo-matrix button{
  appearance:none;
  border:1px solid rgba(123,217,255,.42);
  color:#edf4ff;
  background:rgba(98,67,201,.28);
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.iqx-demo-options button{
  min-width:76px;
  min-height:36px;
  padding:8px 13px;
  border-radius:999px;
}
.iqx-demo-options button:hover,.iqx-demo-options button:focus-visible,.iqx-demo-matrix button:hover,.iqx-demo-matrix button:focus-visible{
  transform:scale(1.06);
  border-color:#42e5ef;
  background:rgba(75,191,221,.28);
  box-shadow:0 0 18px rgba(52,221,237,.2);
  outline:none;
}
.iqx-demo-options button:disabled,.iqx-demo-matrix button:disabled{cursor:default;opacity:.58}
.iqx-demo-feedback{
  min-height:19px;
  margin-top:11px;
  color:#ffb8d2;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.iqx-demo-feedback span{display:none}
.iqx-demo-card.is-wrong .iqx-demo-feedback .is-wrong{display:block}
.iqx-demo-card.is-solved .iqx-demo-feedback .is-right{display:block;color:#65f2c1}
.iqx-demo-card.is-wrong{animation:iqxDemoWrong .38s ease}
.iqx-demo-card.is-solved{border-color:rgba(91,241,194,.7);box-shadow:0 26px 58px rgba(2,0,30,.42),0 0 30px rgba(61,232,190,.14)}
.iqx-demo-card.is-solved .iqx-demo-copy a{animation:iqxDemoSolvedCta 1.4s ease-in-out infinite}
.iqx-demo-card.is-solved:not(.is-complete) .iqx-demo-copy a{animation:none}
.iqx-demo-card.is-complete .iqx-demo-round{color:#071e1a;border-color:#63efc1;background:#63efc1;box-shadow:0 0 18px rgba(99,239,193,.38)}
.iqx-demo-matrix{
  margin-top:15px;
}
.iqx-demo-matrix button{
  aspect-ratio:1;
  padding:0;
  border-radius:9px;
  background:linear-gradient(135deg,rgba(91,49,212,.65),rgba(25,171,216,.3));
  box-shadow:inset 0 0 13px rgba(57,218,239,.12);
}
.iqx-demo-matrix button::before{
  content:"";
  display:block;
  width:12px;
  height:12px;
  margin:auto;
  border:2px solid rgba(235,240,255,.72);
  border-radius:3px;
  transform:rotate(45deg);
}
.iqx-demo-matrix button.is-target{
  animation:none;
  background:linear-gradient(145deg,rgba(91,49,212,.65),rgba(25,171,216,.3));
}
.iqx-demo-matrix button.is-target::before{
  border-radius:50%;
  transform:rotate(45deg) scale(.92);
}
.iqx-demo-reading .iqx-demo-screen{padding-top:35px}
.iqx-demo-reading .iqx-demo-word-stage{height:52px}
.iqx-demo-reading-question{margin:17px 0 12px}
.iqx-demo-reading-options button{min-width:108px;font-size:10px}
@keyframes iqxDemoStroop{50%{transform:scale(1.05);filter:brightness(1.18)}}
@keyframes iqxDemoWrong{25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
@keyframes iqxDemoSolvedCta{50%{transform:translateY(-2px) scale(1.018);box-shadow:0 16px 34px rgba(44,218,175,.3),0 0 0 5px rgba(61,232,190,.07)}}
@media(max-width:640px){
  .iqx-demo-screen{height:278px}
  .iqx-demo-stroop{font-size:40px}
  .iqx-demo-side-image{width:410px;right:-210px;opacity:.13}
}
@media(prefers-reduced-motion:reduce){
  .iqx-demo-stroop,.iqx-demo-card.is-wrong,.iqx-demo-card.is-solved .iqx-demo-copy a{animation:none}
}

/* CTA principales de cada demostracion */
.iqx-demo-copy a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:52px;
  padding:13px 25px;
  border-radius:999px;
  color:#263a74;
  border-color:rgba(105,65,224,.34);
  background:rgba(255,255,255,.94);
  letter-spacing:0;
  box-shadow:0 10px 25px rgba(69,59,137,.12);
  backdrop-filter:blur(8px);
  animation:iqxDemoCtaBreathe 6s ease-in-out infinite;
}
.iqx-demo-logic .iqx-demo-copy a{animation-delay:2s;background:rgba(255,255,255,.94)}
.iqx-demo-reading .iqx-demo-copy a{animation-delay:4s;background:rgba(255,255,255,.94)}
.iqx-demo-copy a::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-65%;
  left:-28%;
  width:18%;
  height:230%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
  transform:rotate(18deg) translateX(-260%);
  animation:iqxDemoCtaShine 6s ease-in-out infinite;
  pointer-events:none;
}
.iqx-demo-logic .iqx-demo-copy a::before{animation-delay:2s}
.iqx-demo-reading .iqx-demo-copy a::before{animation-delay:4s}
.iqx-demo-copy a ion-icon{
  width:auto;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  color:#12a866;
  background:transparent;
  box-shadow:none;
  flex:0 0 auto;
  font-size:23px;
  filter:drop-shadow(0 0 7px rgba(18,168,102,.22));
  transition:transform .25s ease,background .25s ease;
}
.iqx-demo-copy a:hover,.iqx-demo-copy a:focus-visible{
  transform:translateY(-3px);
  animation:none;
  border-color:rgba(105,65,224,.5);
  background:#fff;
  box-shadow:0 16px 32px rgba(82,52,196,.2);
}
.iqx-demo-copy a:hover::before,.iqx-demo-copy a:focus-visible::before{animation:none;transform:rotate(18deg) translateX(850%)}
.iqx-demo-copy a:hover ion-icon,.iqx-demo-copy a:focus-visible ion-icon{transform:scale(1.16) rotate(-5deg);background:transparent}
.iqx-demo-copy a:active{transform:translateY(1px) scale(.975);transition-duration:.08s}
@keyframes iqxDemoCtaBreathe{
  0%,18%,100%{transform:translateY(0) scale(1);filter:brightness(1);box-shadow:0 10px 25px rgba(69,59,137,.12)}
  9%{transform:translateY(-2px) scale(1.03);filter:brightness(1.03);box-shadow:0 16px 36px rgba(18,168,102,.27),0 0 0 7px rgba(18,168,102,.09)}
}
@keyframes iqxDemoCtaShine{
  0%,12%{transform:rotate(18deg) translateX(-260%)}
  24%,100%{transform:rotate(18deg) translateX(850%)}
}
@media(max-width:640px){
  .iqx-demo-copy a{min-height:50px;border-radius:999px;font-size:13px;padding:13px 20px}
}
@media(prefers-reduced-motion:reduce){
  .iqx-demo-copy a,.iqx-demo-copy a::before{animation:none}
}