*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#050b1f;color:#fff}
a{text-decoration:none}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,11,31,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4fa3 0%,#8b5cf6 55%,#22d3ee 100%);box-shadow:0 0 24px rgba(123,63,242,.24)}
.brand-text{font-weight:800;font-size:15px;line-height:1.05}
.menu{display:flex;gap:38px}
.menu a{font-size:14px;color:#cbd5e1;transition:.2s}
.menu a:hover{color:#fff}
/* (Estilos de botones movidos abajo para evitar conflictos) */
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;padding:56px 0 80px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(139,92,246,.2);background:rgba(255,255,255,.05);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1}
.hero h1{max-width:700px;margin:22px 0 0;font-size:68px;line-height:.95;font-weight:900;letter-spacing:-.04em}
.hero h1 span,.section-title span,.cta-copy h2 span{background:linear-gradient(90deg,#ff4fa3 0%,#9a4dff 55%,#28b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{max-width:640px;margin:26px 0 0;color:#94a3b8;font-size:18px;line-height:1.8}
.hero-badges{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px}
.mini-badge{display:flex;align-items:flex-start;gap:12px}
.mini-icon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,79,163,.22),rgba(40,184,255,.14));color:#c4b5fd;font-weight:700}
.mini-badge strong{display:block;font-size:14px}
.mini-badge span{display:block;font-size:12px;color:#64748b;margin-top:2px}
.social-proof{display:flex;align-items:center;gap:12px;margin-top:22px}
.avatars{display:flex;margin-right:2px}
.avatars img{width:36px;height:36px;border-radius:999px;object-fit:cover;border:2px solid #050b1f;margin-left:-8px;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.avatars img:first-child{margin-left:0}
.social-proof p{font-size:14px;color:#94a3b8}
.dashboard-shell{position:relative}
.dashboard-shell:before,.dashboard-shell:after{content:"";position:absolute;border-radius:999px;filter:blur(56px);z-index:0}
.dashboard-shell:before{width:210px;height:210px;left:-30px;top:40px;background:rgba(236,72,153,.08)}
.dashboard-shell:after{width:210px;height:210px;right:-20px;bottom:10px;background:rgba(34,211,238,.08)}
.dashboard-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:16px;background:linear-gradient(180deg,#0c1435 0%,#081028 100%);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 25px 80px rgba(0,0,0,.45)}
.dashboard-card:before{content:"";position:absolute;inset:16px;border-radius:24px;border:1px solid rgba(236,72,153,.25);pointer-events:none}
.dashboard-head{padding:20px 22px 8px}
.dashboard-head h2{margin:0;font-size:34px;font-weight:900;color:#a78bfa}
.dashboard-head p{margin:10px 0 0;font-size:14px;color:#64748b}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 20px 0}
.kpi,.panel,.feature-card,.phase,.include-card,.testimonial-card,.metric-card,.faq-item,.cta-box{background:#0a1330;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.02)}
.kpi{border-radius:20px;padding:16px}
.kpi-label{font-size:10px;font-weight:600;letter-spacing:.16em;color:#64748b}
.kpi-value{margin-top:16px;font-size:30px;font-weight:900;line-height:1;color:#fff}
.kpi-change{margin-top:18px;font-size:12px;font-weight:600}
.kpi-change span{color:#64748b}
.kpi-change.up{color:#34d399}.kpi-change.down{color:#fb7185}
.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;padding:14px 20px 20px}
.panel{border-radius:22px;padding:20px}
.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.panel-top h3,.quick-panel h3{margin:0;font-size:18px}
.panel-top p{margin:6px 0 0;font-size:14px;color:#64748b}
.tag{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700}
.tag-green{background:rgba(16,185,129,.12);color:#34d399}.tag-violet{background:rgba(139,92,246,.12);color:#c4b5fd}
.chart-box{height:160px;margin-top:22px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(168,85,247,.1),rgba(59,130,246,.02))}
.chart-box>div{height:100%}.chart-box svg{width:100%;height:100%;display:block;background:#080d1f;border:1px solid rgba(255,255,255,.05);border-radius:14px}
.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:160px;margin-top:22px;padding:16px;border-radius:18px;background:#080d1f;border:1px solid rgba(255,255,255,.05)}
.bar-col{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;height:100%}
.bar-col span,.bar-col small{font-size:10px;color:#64748b}
.bar-col i{display:block;width:12px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#7c3aed 0%,#2563eb 100%)}
.quick-actions{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.quick{height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#cbd5e1;font-weight:600}
.quick.primary{border:none;background:linear-gradient(90deg,#ff4fa3 0%,#9a4dff 55%,#ff8a33 100%);color:#fff;box-shadow:0 12px 28px rgba(123,63,242,.18)}
.activity-list{margin-top:12px}
.activity-item{padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}
.activity-item:first-child{border-top:none;padding-top:6px}
.activity-item div{font-size:14px;color:#cbd5e1;line-height:1.5}
.activity-item strong{color:#fff}
.activity-item small{display:block;margin-top:6px;color:#64748b}
.section{padding:96px 0}
.alt{background:#061029;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.section-title{text-align:center;margin:0;font-size:52px;font-weight:900;line-height:1.05;letter-spacing:-.03em}
.section-subtitle{text-align:center;margin:14px auto 0;max-width:760px;color:#94a3b8;font-size:18px}
.features-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-top:42px}
.feature-card{border-radius:22px;padding:20px;text-align:center}
.feature-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;font-size:22px}
.violet{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(217,70,239,.1));color:#a78bfa}
.pink{background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(217,70,239,.1));color:#f472b6}
.amber{background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(249,115,22,.1));color:#fbbf24}
.cyan{background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(34,211,238,.1));color:#38bdf8}
.green{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(20,184,166,.1));color:#34d399}
.lime{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(132,204,22,.1));color:#4ade80}
.feature-card h3{margin:0;font-size:17px;line-height:1.35}
.feature-card p{margin:12px 0 0;color:#94a3b8;font-size:14px;line-height:1.55}
.phases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}
.phase{position:relative;border-radius:28px;padding:28px}
.phase-step{position:absolute;left:28px;top:-18px;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;font-weight:900}
.violet-grad{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.pink-grad{background:linear-gradient(135deg,#ec4899,#d946ef)}.cyan-grad{background:linear-gradient(135deg,#06b6d4,#38bdf8)}
.violet-border{border:1px solid rgba(139,92,246,.35);box-shadow:0 0 0 1px rgba(139,92,246,.25),0 0 35px rgba(139,92,246,.12)}
.pink-border{border:1px solid rgba(236,72,153,.35);box-shadow:0 0 0 1px rgba(236,72,153,.25),0 0 35px rgba(236,72,153,.12)}
.cyan-border{border:1px solid rgba(34,211,238,.35);box-shadow:0 0 0 1px rgba(34,211,238,.25),0 0 35px rgba(34,211,238,.12)}
.phase-label{margin-top:10px;font-size:14px;font-weight:800}
.phase h3{margin:6px 0 0;font-size:40px;line-height:1;font-weight:900}
.phase small{display:block;margin-top:10px;color:#94a3b8}
.phase p{margin:24px 0 0;color:#94a3b8;font-size:15px;line-height:1.8}
.phase ul{margin:24px 0 0;padding:0;list-style:none}
.phase li{margin-top:12px;color:#cbd5e1;font-size:14px}
.badge{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:14px}
.violet-text{color:#a78bfa}.pink-text{color:#f472b6}.cyan-text{color:#38bdf8}.green-text{color:#34d399}
.includes-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-top:42px}
.include-card{border-radius:20px;padding:22px;text-align:center;font-size:14px;line-height:1.6;color:#cbd5e1}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.testimonial-card{border-radius:24px;padding:24px}
.testimonial-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.person{display:flex;align-items:center;gap:14px}
.person img{width:56px;height:56px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 20px rgba(255,255,255,.05)}
.person strong{display:block}.person span{display:block;margin-top:4px;color:#94a3b8;font-size:14px}
.stars{color:#fbbf24}
.testimonial-card p{min-height:108px;color:#cbd5e1;line-height:1.8;font-size:15px}
.tag-pill{display:inline-flex;padding:10px 16px;border-radius:999px;font-size:12px;font-weight:700}
.violet-tag{background:linear-gradient(90deg,rgba(139,92,246,.25),rgba(217,70,239,.1));color:#c4b5fd}
.green-tag{background:linear-gradient(90deg,rgba(16,185,129,.25),rgba(6,182,212,.1));color:#6ee7b7}
.orange-tag{background:linear-gradient(90deg,rgba(249,115,22,.25),rgba(236,72,153,.1));color:#fdba74}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.metric-card{border-radius:20px;padding:28px;text-align:center}
.metric-card strong{display:block;font-size:52px;font-weight:900}
.metric-card span{display:block;margin-top:10px;color:#94a3b8}
.faq-wrap{max-width:1180px}
.faq-list{max-width:980px;margin:36px auto 0;display:grid;gap:14px}
.faq-item{border-radius:22px;overflow:hidden}
.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:transparent;border:0;color:#fff;font-size:18px;font-weight:700;text-align:left;cursor:pointer}
.faq-indicator{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#cbd5e1;font-size:14px}
.faq-icon{display:inline-block;transition:transform .28s ease}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 24px}
.faq-content p{margin:0;color:#94a3b8;line-height:1.8;font-size:15px}
.faq-item.open .faq-content{max-height:220px;padding:0 24px 24px}
.cta-section{padding-top:20px}
.cta-box{position:relative;overflow:hidden;border-radius:28px;padding:42px 48px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;background:linear-gradient(180deg,#08112b 0%,#070f24 100%);box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 50px rgba(0,0,0,.35);border:1px solid rgba(34,211,238,.2)}
.cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(168,85,247,.10),transparent 28%),radial-gradient(circle at 82% 40%,rgba(34,211,238,.10),transparent 26%)}
.cta-copy,.cta-icon{position:relative;z-index:1}
.cta-copy h2{margin:0;font-size:58px;line-height:1.04;font-weight:900;letter-spacing:-.03em}
.cta-copy p{margin:18px 0 0;color:#94a3b8;font-size:20px}
.cta-points{display:flex;flex-wrap:wrap;gap:28px;margin-top:24px;color:#cbd5e1;font-size:15px}
.cta-icon{display:flex;align-items:center;justify-content:center}
.cta-icon{font-size:120px;background:linear-gradient(180deg,#ff4fa3 0%,#9a4dff 45%,#28b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-footer{padding:56px 0 20px;border-top:1px solid rgba(255,255,255,.05)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:40px}
.site-footer h4{margin:0 0 18px;font-size:18px}
.site-footer a{display:block;margin-top:12px;color:#94a3b8;font-size:14px;transition:.2s}
.site-footer a:hover{color:#fff}
.footer-text{max-width:280px;color:#94a3b8;font-size:14px;line-height:1.8}
.copyright{text-align:center;margin-top:30px;color:#64748b;font-size:14px}
@media (max-width:1100px){.menu{display:none}.hero,.cta-box,.footer-grid,.dashboard-grid,.features-grid,.includes-grid,.phases-grid,.testimonials-grid,.metrics-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero h1{font-size:54px}.cta-copy h2{font-size:44px}}
@media (max-width:760px){.container{width:min(100% - 28px,1180px)}.btn-small{display:none}.hero,.kpis,.dashboard-grid,.features-grid,.includes-grid,.phases-grid,.testimonials-grid,.metrics-grid,.footer-grid,.cta-box{grid-template-columns:1fr}.hero h1{font-size:42px}.section-title{font-size:36px}.cta-copy h2{font-size:34px}.btn-lg{min-width:100%;font-size:16px}.faq-trigger{font-size:16px}.faq-label{display:none}.dashboard-head h2{font-size:28px}.kpis{grid-template-columns:1fr 1fr}}



/* === INTEGRACIÓN DE IMAGEN DEL DASHBOARD === */
.integrated-image-shell{
  display:flex;
  align-items:center;
  justify-content:center;
}
.dashboard-image-frame{
  position:relative;
  z-index:1;
  border:1px solid rgba(255,255,255,.1);
  border-radius:28px;
  padding:14px;
  background:linear-gradient(180deg,#0c1435 0%,#081028 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 25px 80px rgba(0,0,0,.45);
  overflow:hidden;
}
.dashboard-image-frame::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:22px;
  border:1px solid rgba(236,72,153,.22);
  pointer-events:none;
}
.dashboard-preview-image{
  position:relative;
  z-index:1;
  display:block;
  width:min(100%, 690px);
  height:auto;
  border-radius:22px;
}
@media (max-width:760px){
  .dashboard-image-frame{
    padding:10px;
    border-radius:22px;
  }
  .dashboard-image-frame::before{
    inset:10px;
    border-radius:16px;
  }
  .dashboard-preview-image{
    border-radius:16px;
  }
}

.hero-copy .btn-lg{
  margin-top: 18px;
}

.hero-badges{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 640px;
  margin-top: 28px;
  margin-bottom: 0;
}

.mini-badge{
  min-width: 0;
  align-items: center;
}

.mini-badge strong{
  font-size: 13px;
  line-height: 1.2;
}

.mini-badge span{
  font-size: 12px;
  line-height: 1.25;
}

.social-proof{
  margin-top: 22px;
}

.cta-copy .btn-lg{
  justify-content: center;
  text-align: center;
}

.site-footer .btn-small{
  justify-content: center;
  text-align: center;
}

@media (max-width: 1100px){
  .hero-badges{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
  }
}

@media (max-width: 760px){
  .hero-badges{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .hero-copy .btn-lg,
  .cta-copy .btn-lg{
    width: 100%;
    min-width: 100%;
  }

  .btn{
    white-space: normal;
  }
}


/* === AJUSTE BOTÓN FOOTER: igualar con los demás botones === */
.site-footer .btn-small{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 0 24px;
  line-height: 1;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
  color: #ffffff !important;
  text-align: center;
  white-space: nowrap;
}

.site-footer .btn-small span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
}


/* === AJUSTE CTA FINAL: separación entre texto y botón === */
.cta-copy .btn-lg{
  margin-top: 26px !important;
}

.cta-copy p{
  margin-bottom: 0;
  max-width: 760px;
}

@media (max-width: 760px){
  .cta-copy .btn-lg{
    margin-top: 22px !important;
  }
}


/* === AJUSTE VISUAL: listados de fases más premium y visuales === */
.phase ul{
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.phase li{
  position: relative;
  margin: 0;
  padding: 14px 16px 14px 46px;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.35;
  color: #eef2ff;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.phase li::before{
  content: "✓";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  box-shadow: 0 0 16px rgba(255,255,255,.08);
}

.phase li:hover{
  transform: translateY(-1px);
}

.violet-border li{
  border-color: rgba(139,92,246,.18);
  background: linear-gradient(90deg, rgba(139,92,246,.12), rgba(255,255,255,.02));
}
.violet-border li::before{
  background: linear-gradient(135deg, #8b5cf6, #d946ef);
}

.pink-border li{
  border-color: rgba(236,72,153,.18);
  background: linear-gradient(90deg, rgba(236,72,153,.12), rgba(255,255,255,.02));
}
.pink-border li::before{
  background: linear-gradient(135deg, #ec4899, #fb7185);
}

.cyan-border li{
  border-color: rgba(34,211,238,.18);
  background: linear-gradient(90deg, rgba(34,211,238,.12), rgba(255,255,255,.02));
}
.cyan-border li::before{
  background: linear-gradient(135deg, #06b6d4, #38bdf8);
}

.phase .badge{
  margin-top: 18px;
}

@media (max-width: 760px){
  .phase li{
    padding: 13px 14px 13px 42px;
    font-size: 14px;
    border-radius: 14px;
  }

  .phase li::before{
    left: 12px;
    width: 18px;
    height: 18px;
    font-size: 11px;
  }
}


/* === RESTAURAR ICONOS EN "TODO LO QUE INCLUYE" === */
.includes-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:16px;
  margin-top:42px;
}

.include-card{
  border-radius:20px;
  padding:20px 18px 18px;
  text-align:center;
  color:#cbd5e1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  min-height:132px;
}

.include-card span{
  display:block;
  font-size:14px;
  line-height:1.55;
}

.include-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 24px rgba(0,0,0,.18);
}

.include-icon.violet{
  background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(217,70,239,.08));
  color:#a78bfa;
}

.include-icon.indigo{
  background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(139,92,246,.08));
  color:#818cf8;
}

.include-icon.cyan{
  background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(34,211,238,.08));
  color:#38bdf8;
}

.include-icon.pink{
  background:linear-gradient(135deg,rgba(236,72,153,.22),rgba(217,70,239,.08));
  color:#f472b6;
}

.include-icon.amber{
  background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(249,115,22,.08));
  color:#fbbf24;
}

.include-icon.gold{
  background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(234,179,8,.08));
  color:#facc15;
}

.include-icon.sky{
  background:linear-gradient(135deg,rgba(56,189,248,.20),rgba(14,165,233,.08));
  color:#38bdf8;
}

@media (max-width:1100px){
  .includes-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (max-width:760px){
  .includes-grid{
    grid-template-columns:1fr 1fr;
  }
  .include-card{
    min-height:118px;
    padding:18px 14px 16px;
  }
  .include-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    font-size:20px;
  }
}

@media (max-width:520px){
  .includes-grid{
    grid-template-columns:1fr;
  }
}


/* === POPUP FORMULARIO === */
.modal-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,6,23,.74);
  backdrop-filter:blur(8px);
  z-index:120;
}

.modal-overlay.active{
  display:flex;
}

.lead-modal{
  position:relative;
  width:min(560px,100%);
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#0c1435 0%,#081028 100%);
  box-shadow:0 25px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.03);
  padding:28px;
  overflow:hidden;
}

.lead-modal::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 10%, rgba(236,72,153,.10), transparent 26%),
    radial-gradient(circle at 85% 20%, rgba(34,211,238,.10), transparent 24%);
  pointer-events:none;
}

.modal-badge{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(139,92,246,.20);
  background:rgba(255,255,255,.05);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#cbd5e1;
}

.lead-modal h2{
  position:relative;
  z-index:1;
  margin:18px 0 0;
  font-size:36px;
  line-height:1.05;
  font-weight:900;
}

.modal-subtitle{
  position:relative;
  z-index:1;
  margin:14px 0 0;
  color:#94a3b8;
  font-size:16px;
  line-height:1.7;
}

.modal-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.lead-form{
  position:relative;
  z-index:1;
  margin-top:24px;
  display:grid;
  gap:16px;
}

.lead-form label{
  display:grid;
  gap:8px;
}

.lead-form span{
  font-size:14px;
  font-weight:600;
  color:#e2e8f0;
}

.lead-form input:not([type="checkbox"]),
.lead-form select{
  width:100%;
  height:52px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#fff;
  padding:0 16px;
  font-size:15px;
  outline:none;
}

.lead-form select option{
  color:#111827;
}

.lead-form input:not([type="checkbox"])::placeholder{
  color:#64748b;
}

.lead-form input:not([type="checkbox"]):focus,
.lead-form select:focus{
  border-color:rgba(139,92,246,.45);
  box-shadow:0 0 0 3px rgba(139,92,246,.14);
}

.terms-label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px !important;
  margin-top: 8px;
}
.terms-label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: #8b5cf6;
}
.terms-label span {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
}
.terms-label a {
  color: #c4b5fd;
  text-decoration: underline;
}

.phone-row{
  display:grid;
  grid-template-columns: 1fr 1.3fr;
  gap:14px;
}

.modal-submit{
  width:100%;
  margin-top:4px;
}

.modal-note{
  margin:0;
  text-align:center;
  color:#64748b;
  font-size:13px;
}

@media (max-width:760px){
  .lead-modal{
    padding:22px 18px;
    border-radius:22px;
  }

  .lead-modal h2{
    font-size:28px;
  }

  .phone-row{
    grid-template-columns:1fr;
  }
}


body.modal-open{
  overflow:hidden;
}


/* === PÁGINA DE GRACIAS === */
.thankyou-page{
  padding:72px 0 100px;
}
.thankyou-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#08112b 0%,#070f24 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 50px rgba(0,0,0,.35);
  padding:38px;
}
.thankyou-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 14%, rgba(236,72,153,.10), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(34,211,238,.10), transparent 24%);
  pointer-events:none;
}
.thankyou-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:34px;
  align-items:center;
}
.thankyou-copy h1{
  margin:18px 0 0;
  font-size:64px;
  line-height:.96;
  letter-spacing:-.04em;
  font-weight:900;
}
.thankyou-copy h1 span{
  background:linear-gradient(90deg,#ff4fa3 0%,#9a4dff 55%,#28b8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.thankyou-text{
  margin:22px 0 0;
  max-width:680px;
  color:#94a3b8;
  font-size:19px;
  line-height:1.8;
}
.thankyou-steps{
  display:grid;
  gap:14px;
  margin-top:28px;
  max-width:680px;
}
.thankyou-step{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.step-number{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#ff4fa3 0%,#9a4dff 55%,#28b8ff 100%);
  flex:none;
}
.thankyou-step strong{
  display:block;
  font-size:15px;
}
.thankyou-step span{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:#94a3b8;
  line-height:1.55;
}
.thankyou-actions{
  margin-top:26px;
}
.thankyou-points{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  margin-top:20px;
  color:#cbd5e1;
  font-size:15px;
}
.thankyou-visual{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:20px;
}
.thankyou-badge{
  width:92px;
  height:92px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:40px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#22c55e 0%,#06b6d4 100%);
  box-shadow:0 0 30px rgba(34,197,94,.18);
}
.thankyou-panel{
  width:100%;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  background:#0a1330;
  padding:24px;
}
.thankyou-panel h3{
  margin:0;
  font-size:28px;
}
.thankyou-mini-list{
  display:grid;
  gap:12px;
  margin-top:20px;
}
.mini-row{
  display:flex;
  align-items:center;
  gap:10px;
  color:#e2e8f0;
  font-size:15px;
}
.mini-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  display:inline-block;
  flex:none;
}
.mini-dot.pink{background:#ff4fa3}
.mini-dot.violet{background:#9a4dff}
.mini-dot.cyan{background:#28b8ff}
.thankyou-box{
  margin-top:22px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.thankyou-box strong{
  display:block;
  margin-bottom:8px;
}
.thankyou-box p{
  margin:0;
  color:#94a3b8;
  line-height:1.7;
  font-size:14px;
}
.thankyou-footer-note{
  margin-top:20px;
  text-align:center;
  color:#64748b;
  font-size:14px;
}
@media (max-width:1100px){
  .thankyou-grid{grid-template-columns:1fr;}
  .thankyou-copy h1{font-size:48px;}
}
@media (max-width:760px){
  .thankyou-page{padding:42px 0 70px;}
  .thankyou-card{padding:20px;border-radius:22px;}
  .thankyou-copy h1{font-size:38px;}
  .thankyou-text{font-size:17px;}
  .thankyou-points{gap:14px;font-size:14px;}
}


/* === BARRA SUPERIOR PÁGINA DE GRACIAS === */
.thankyou-status-wrap{
  padding: 18px 0 0;
}

.thankyou-status-bar{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg,#08112b 0%, #070f24 100%);
  border-radius: 24px;
  padding: 20px 24px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 20px 40px rgba(0,0,0,.22);
}

.thankyou-status-bar::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 10%, rgba(236,72,153,.08), transparent 20%),
    radial-gradient(circle at 88% 20%, rgba(34,211,238,.08), transparent 22%);
  pointer-events:none;
}

.status-kicker,
.status-main,
.status-sub{
  position:relative;
  z-index:1;
}

.status-kicker{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(139,92,246,.22);
  background: rgba(255,255,255,.04);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #cbd5e1;
}

.status-main{
  margin-top: 10px;
  font-size: 28px;
  line-height: 1.05;
  font-weight: 900;
  color: #ffffff;
}

.status-sub{
  margin-top: 8px;
  color: #94a3b8;
  font-size: 16px;
  line-height: 1.6;
}

.status-timer{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  min-width: 78px;
  padding: 6px 12px;
  border-radius: 999px;
  background: linear-gradient(90deg,#ff4fa3 0%,#9a4dff 55%,#28b8ff 100%);
  color: #fff;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 10px 24px rgba(123,63,242,.18);
}

@media (max-width: 760px){
  .thankyou-status-bar{
    padding: 16px 16px;
    border-radius: 18px;
  }

  .status-main{
    font-size: 22px;
  }

  .status-sub{
    font-size: 14px;
  }

  .status-timer{
    margin-left: 0;
    margin-top: 8px;
  }
}


/* === AJUSTE: barra de estado arriba para aprovechar espacio === */
.site-header .thankyou-status-wrap{
  padding: 10px 0 14px;
}

.site-header .thankyou-status-bar{
  margin-top: 0;
}

.thankyou-page{
  padding-top: 34px;
}

@media (max-width: 760px){
  .site-header .thankyou-status-wrap{
    padding: 8px 0 12px;
  }

  .thankyou-page{
    padding-top: 24px;
  }
}


/* === AJUSTE: versión horizontal arriba sin globo === */
.site-header{
  padding-bottom: 10px;
}

.thankyou-status-inline-wrap{
  padding: 6px 0 10px;
}

.thankyou-status-inline-wrap .container{
  padding-top: 0;
}

.thankyou-status-inline{
  display:flex;
  align-items:center;
  gap:18px;
  min-height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.thankyou-status-inline::before,
.thankyou-status-inline::after{
  display:none !important;
  content:none !important;
}

.thankyou-status-inline .status-kicker,
.thankyou-status-inline .status-main,
.thankyou-status-inline .status-sub,
.thankyou-status-inline .status-timer{
  position: static;
}

.thankyou-status-inline .status-kicker{
  margin: 0;
  flex: 0 0 auto;
}

.thankyou-status-inline .status-main{
  margin: 0;
  font-size: 22px;
  line-height: 1;
  white-space: nowrap;
  flex: 0 0 auto;
}

.thankyou-status-inline .status-sub{
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #94a3b8;
  flex: 0 1 auto;
}

.thankyou-status-inline .status-timer{
  margin: 0;
  min-width: 88px;
  padding: 6px 14px;
  font-size: 16px;
  flex: 0 0 auto;
}

.thankyou-page{
  padding-top: 26px;
}

@media (max-width: 1100px){
  .thankyou-status-inline{
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .thankyou-status-inline .status-main{
    font-size: 20px;
  }

  .thankyou-status-inline .status-sub{
    flex-basis: 100%;
  }
}

@media (max-width: 760px){
  .site-header{
    padding-bottom: 8px;
  }

  .thankyou-status-inline-wrap{
    padding: 4px 0 8px;
  }

  .thankyou-status-inline{
    gap: 10px 12px;
    align-items: flex-start;
  }

  .thankyou-status-inline .status-main{
    font-size: 18px;
    white-space: normal;
  }

  .thankyou-status-inline .status-sub{
    font-size: 14px;
    flex-basis: auto;
    width: auto;
  }

  .thankyou-status-inline .status-timer{
    min-width: 78px;
    font-size: 15px;
    padding: 6px 12px;
  }

  .thankyou-page{
    padding-top: 20px;
  }
}


/* === AJUSTE: franja en la misma línea del logo === */
.site-header{
  padding-bottom: 0;
}

.site-header .nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:nowrap;
}

.header-status-inline{
  flex:1 1 auto;
  min-width:0;
}

.site-header .thankyou-status-inline-wrap{
  padding:0;
}

.site-header .thankyou-status-inline{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  min-height:44px;
  width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.site-header .thankyou-status-inline .status-kicker{
  margin:0;
  flex:0 0 auto;
}

.site-header .thankyou-status-inline .status-main{
  margin:0;
  font-size:20px;
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}

.site-header .thankyou-status-inline .status-sub{
  margin:0;
  font-size:15px;
  color:#94a3b8;
  line-height:1.4;
  white-space:nowrap;
  flex:0 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}

.site-header .thankyou-status-inline .status-timer{
  margin:0 0 0 auto;
  flex:0 0 auto;
  min-width:88px;
}

.thankyou-page{
  padding-top:32px;
}

@media (max-width: 1100px){
  .site-header .nav{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .header-status-inline{
    width:100%;
    flex:1 1 100%;
  }

  .site-header .thankyou-status-inline{
    flex-wrap:wrap;
    gap:10px 14px;
    padding-top:4px;
  }

  .site-header .thankyou-status-inline .status-sub{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }

  .site-header .thankyou-status-inline .status-timer{
    margin-left:0;
  }
}

@media (max-width: 760px){
  .site-header .nav{
    gap:16px;
  }

  .site-header .thankyou-status-inline{
    gap:10px 12px;
  }

  .site-header .thankyou-status-inline .status-main{
    font-size:18px;
    white-space:normal;
  }

  .site-header .thankyou-status-inline .status-sub{
    font-size:14px;
  }

  .thankyou-page{
    padding-top:22px;
  }
}


/* === FIX REAL: barra inline en la misma línea del logo === */
.site-header{
  padding-bottom: 0;
}

.site-header .nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:nowrap;
}

.header-status-inline{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
}

.thankyou-status-inline{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  min-height:44px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
}

.thankyou-status-inline .status-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(139,92,246,.22);
  background:rgba(255,255,255,.04);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#cbd5e1;
  flex:0 0 auto;
}

.thankyou-status-inline .status-main{
  margin:0;
  font-size:20px;
  line-height:1;
  font-weight:900;
  color:#fff;
  white-space:nowrap;
  flex:0 0 auto;
}

.thankyou-status-inline .status-sub{
  margin:0;
  font-size:15px;
  line-height:1.4;
  color:#94a3b8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:0 1 auto;
}

.thankyou-status-inline .status-timer{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  min-width:88px;
  padding:6px 14px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff4fa3 0%,#9a4dff 55%,#28b8ff 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 10px 24px rgba(123,63,242,.18);
  flex:0 0 auto;
}

.thankyou-page{
  padding-top:32px;
}

@media (max-width: 1100px){
  .site-header .nav{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .header-status-inline{
    width:100%;
    flex:1 1 100%;
  }

  .thankyou-status-inline{
    flex-wrap:wrap;
    gap:10px 14px;
    padding-top:4px;
  }

  .thankyou-status-inline .status-sub{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }

  .thankyou-status-inline .status-timer{
    margin-left:0;
  }
}

@media (max-width: 760px){
  .site-header .nav{
    gap:16px;
  }

  .thankyou-status-inline{
    gap:10px 12px;
  }

  .thankyou-status-inline .status-main{
    font-size:18px;
    white-space:normal;
  }

  .thankyou-status-inline .status-sub{
    font-size:14px;
  }

  .thankyou-page{
    padding-top:22px;
  }
}


/* === AJUSTE FINAL: bloque superior realmente centrado === */
.site-header .nav{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
}

.header-status-inline{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-header .thankyou-status-inline{
  display: inline-flex;
  width: auto;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 auto;
}

.site-header .thankyou-status-inline .status-sub{
  flex: 0 0 auto;
}

.site-header .thankyou-status-inline .status-timer{
  margin-left: 0;
}

@media (max-width: 1100px){
  .site-header .nav{
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .header-status-inline{
    width: 100%;
    flex: 1 1 100%;
    justify-content: flex-start;
  }

  .site-header .thankyou-status-inline{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin: 0;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding-top: 4px;
  }

  .site-header .thankyou-status-inline .status-sub{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}

@media (max-width: 760px){
  .site-header .thankyou-status-inline{
    gap: 10px 12px;
  }

  .site-header .thankyou-status-inline .status-main{
    font-size: 18px;
    white-space: normal;
  }

  .site-header .thankyou-status-inline .status-sub{
    font-size: 14px;
  }
}

/* === ANIMACIONES SCROLL REVEAL === */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
              transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
}

.reveal.reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }

/* === SISTEMA DE BOTONES PREMIUM === */
.btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(90deg, #ff4fa3 0%, #9a4dff 52%, #28b8ff 100%);
  color: #ffffff;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 15px 35px rgba(123, 63, 242, 0.22);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  text-decoration: none;
  z-index: 5;
}

.btn::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -100%;
  width: 80px;
  height: 200%;
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(35deg);
  transition: left 0.6s ease;
  pointer-events: none;
  z-index: 10;
}

.btn:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 20px 45px rgba(123, 63, 242, 0.4), 0 0 20px rgba(236, 72, 153, 0.3);
  filter: brightness(1.1);
  color: #ffffff;
}

.btn:hover::after {
  left: 150%;
}

.btn:active {
  transform: translateY(-2px) scale(0.98);
}
/* === SECCIÓN HERRAMIENTAS (MARQUEE) === */
.tools-marquee-wrap {
  padding: 40px 0;
  background: rgba(15, 23, 42, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.tools-label {
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2em;
  color: #64748b;
  margin-bottom: 24px;
  text-transform: uppercase;
}

.tools-marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 40px;
}

.tools-track {
  display: flex;
  flex-shrink: 0;
  gap: 60px;
  align-items: center;
  justify-content: space-around;
  min-width: 100%;
  animation: scroll-marquee 30s linear infinite;
}

.tools-track span {
  font-size: 24px;
  font-weight: 800;
  color: #94a3b8;
  opacity: 0.5;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}

.tools-track span:hover {
  opacity: 1;
  color: #fff;
}

@keyframes scroll-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% - 60px)); }
}

/* === BOTÓN FLOTANTE MÓVIL === */
.mobile-floating-cta {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  z-index: 100;
  width: min(90%, 400px);
  padding: 18px 24px;
  background: linear-gradient(90deg, #ff4fa3 0%, #9a4dff 100%);
  color: #fff;
  border-radius: 999px;
  font-weight: 800;
  font-size: 16px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(154, 77, 255, 0.4);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
  display: none; /* Se activa por JS y solo en mobile */
  opacity: 0;
}

.mobile-floating-cta.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.mobile-floating-cta span {
  margin-left: 8px;
}

@media (max-width: 760px) {
  .mobile-floating-cta {
    display: block;
  }
}

.btn-small {
  height: 48px;
  padding: 0 28px;
  border-radius: 14px;
  font-size: 15px;
}

.btn-lg {
  height: 62px;
  padding: 0 32px;
  min-width: 320px;
  font-size: 19px;
}

.hero-copy .btn-lg {
  animation: pulse-glow 3s infinite;
}

@keyframes pulse-glow {
  0% { box-shadow: 0 15px 35px rgba(123, 63, 242, 0.22); }
  50% { box-shadow: 0 15px 45px rgba(123, 63, 242, 0.4), 0 0 25px rgba(236, 72, 153, 0.3); }
  100% { box-shadow: 0 15px 35px rgba(123, 63, 242, 0.22); }
}