/* ── Animaciones ── */
  @keyframes vc-fadeUp   {from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  @keyframes vc-glow     {0%,100%{opacity:.4}50%{opacity:1}}
  @keyframes vc-pulse    {0%,100%{box-shadow:0 0 0 0 rgba(0,194,255,.35)}50%{box-shadow:0 0 0 10px rgba(0,194,255,.0)}}
  @keyframes vc-dot      {0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}
  @keyframes vc-shimmer  {0%{background-position:-200% center}100%{background-position:200% center}}
  @keyframes vc-blink    {0%,100%{opacity:1}50%{opacity:.15}}
  @keyframes vc-scan     {from{transform:translateY(-100%);opacity:0}15%{opacity:.7}85%{opacity:.7}to{transform:translateY(1800%);opacity:0}}
  @keyframes shimmer     {0%{background-position:-200% center}100%{background-position:200% center}}

  /* ══════════════════════════════════════
     HERO
  ══════════════════════════════════════ */
  .cs-hero{
    position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;
    background:var(--vc-bg);
  }
  .cs-hero__grid{
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(0,194,255,.03) 1px,transparent 1px),
      linear-gradient(90deg,rgba(0,194,255,.03) 1px,transparent 1px);
    background-size:48px 48px;pointer-events:none;z-index:1;
  }
  .cs-hero__line{
    position:absolute;left:0;top:0;bottom:0;z-index:3;width:3px;
    background:linear-gradient(to bottom,transparent,var(--vc-blue) 30%,var(--vc-cyan) 65%,transparent);
    opacity:.55;
  }
  .cs-hero__scan{
    position:absolute;left:0;top:0;width:100%;height:1px;z-index:3;
    background:linear-gradient(90deg,transparent,rgba(0,194,255,.4),rgba(0,194,255,.6),transparent);
    animation:vc-scan 7s ease-in-out 1s infinite;pointer-events:none;
  }
  .cs-hero__glow-tl{
    position:absolute;top:-15%;left:-10%;width:660px;height:660px;
    background:radial-gradient(ellipse,rgba(30,144,255,.11) 0%,transparent 65%);
    pointer-events:none;animation:vc-glow 9s ease-in-out infinite;z-index:1;
  }
  .cs-hero__glow-br{
    position:absolute;bottom:-10%;right:-5%;width:480px;height:380px;
    background:radial-gradient(ellipse,rgba(0,194,255,.08) 0%,transparent 65%);
    pointer-events:none;animation:vc-glow 6s ease-in-out 2.5s infinite;z-index:1;
  }
  .cs-hero__inner{
    position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;
    padding:clamp(5rem,10vw,8rem) clamp(1.5rem,5vw,4rem);
    display:grid;grid-template-columns:1fr 1fr;align-items:center;
    gap:clamp(3rem,6vw,5rem);
  }

  /* ── Copy ── */
  .cs-hero__copy{animation:vc-fadeUp .7s cubic-bezier(.22,1,.36,1) .1s both}

  .cs-chip{
    display:inline-flex;align-items:center;gap:9px;
    background:rgba(0,194,255,.07);border:1px solid rgba(0,194,255,.22);
    border-radius:40px;padding:8px 18px;
    font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
    color:var(--vc-cyan);margin-bottom:28px;backdrop-filter:blur(6px);
  }
  .cs-chip__dot{
    width:7px;height:7px;border-radius:50%;background:var(--vc-cyan);
    animation:vc-dot 2s ease-in-out infinite;flex-shrink:0;
  }

  .cs-hero__title{
    font-family:'Syne',sans-serif;
    font-size:clamp(2.6rem,4.8vw,4.6rem);
    font-weight:900;line-height:1.04;letter-spacing:-.04em;color:#fff;
    margin-bottom:22px;text-shadow:0 2px 40px rgba(0,0,0,.6);
  }
  .cs-accent{
    background:linear-gradient(110deg,var(--vc-blue) 0%,var(--vc-cyan) 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    filter:drop-shadow(0 0 22px rgba(0,194,255,.35));
  }

  .cs-hero__desc{
    font-size:clamp(15px,1.4vw,17px);line-height:1.85;
    color:rgba(255,255,255,.8);max-width:500px;margin-bottom:40px;
    font-weight:300;text-shadow:0 1px 18px rgba(0,0,0,.5);
  }

  .cs-hero__btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:48px}

  .cs-btn-primary{
    display:inline-flex;align-items:center;gap:10px;padding:16px 30px;
    font-size:15px;font-weight:700;color:#07162E!important;text-decoration:none!important;
    border-radius:12px;
    background:linear-gradient(135deg,var(--vc-blue),var(--vc-cyan));
    box-shadow:0 6px 36px rgba(0,194,255,.45),0 1px 0 rgba(255,255,255,.2) inset;
    position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;
  }
  .cs-btn-primary::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
    background-size:200% 100%;animation:shimmer 3s ease-in-out 2s infinite;
  }
  .cs-btn-primary span,.cs-btn-primary i{position:relative;z-index:1}
  .cs-btn-primary i{transition:transform .2s}
  .cs-btn-primary:hover{transform:translateY(-4px);box-shadow:0 14px 50px rgba(0,194,255,.6)}
  .cs-btn-primary:hover i{transform:translateX(5px)}

  .cs-btn-ghost{
    display:inline-flex;align-items:center;gap:10px;padding:15px 24px;
    font-size:15px;font-weight:600;color:rgba(255,255,255,.65)!important;text-decoration:none!important;
    border-radius:12px;border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.04);backdrop-filter:blur(8px);transition:all .2s;
  }
  .cs-btn-ghost:hover{border-color:rgba(0,194,255,.4);color:#fff!important;background:rgba(0,194,255,.07);transform:translateY(-3px)}

  /* Stats */
  .cs-hero__stats{
    display:flex;gap:20px;flex-wrap:wrap;
    animation:vc-fadeUp .6s cubic-bezier(.22,1,.36,1) .45s both;
  }
  .cs-stat{
    display:flex;flex-direction:column;
    background:rgba(0,194,255,.04);border:1px solid rgba(0,194,255,.12);
    border-radius:14px;padding:14px 20px;min-width:110px;
    transition:border-color .2s,background .2s;
  }
  .cs-stat:hover{border-color:rgba(0,194,255,.28);background:rgba(0,194,255,.08)}
  .cs-stat__num{
    font-family:'Syne',sans-serif;font-size:24px;font-weight:900;
    background:linear-gradient(110deg,var(--vc-blue),var(--vc-cyan));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    line-height:1;
  }
  .cs-stat__label{font-size:11px;color:rgba(255,255,255,.35);margin-top:5px;font-weight:400;line-height:1.4}

  /* ── Visual: panel de amenazas ── */
  .cs-hero__visual{animation:vc-fadeUp .7s cubic-bezier(.22,1,.36,1) .28s both}
  .cs-threat-panel{
    background:#050F22;border:1px solid rgba(0,194,255,.13);border-radius:20px;
    overflow:hidden;box-shadow:0 28px 72px rgba(0,0,0,.6),0 0 0 1px rgba(0,194,255,.05);
  }
  .cs-threat-bar{
    background:#030A18;padding:12px 18px;display:flex;align-items:center;gap:8px;
    border-bottom:1px solid rgba(255,255,255,.04);
  }
  .cs-threat-dot{width:10px;height:10px;border-radius:50%}
  .cs-threat-dot--r{background:#ff5f56}.cs-threat-dot--y{background:#febc2e}.cs-threat-dot--g{background:#27c93f}
  .cs-threat-tab{margin-left:8px;font-size:11px;color:rgba(255,255,255,.28);letter-spacing:.04em}
  .cs-threat-body{padding:22px 20px;display:flex;flex-direction:column;gap:12px}

  .cs-threat-card{
    display:flex;align-items:center;gap:12px;
    background:rgba(0,194,255,.05);border:1px solid rgba(0,194,255,.15);
    border-radius:11px;padding:13px 15px;
    position:relative;overflow:hidden;transition:border-color .3s,background .3s;
  }
  .cs-threat-card:hover{border-color:rgba(0,194,255,.3);background:rgba(0,194,255,.09)}
  .cs-threat-card--ok{border-color:rgba(39,201,63,.2);background:rgba(39,201,63,.04)}
  .cs-threat-card--ok:hover{border-color:rgba(39,201,63,.4);background:rgba(39,201,63,.08)}
  .cs-threat-icon{
    width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;
    font-size:16px;flex-shrink:0;
  }
  .cs-threat-icon--cyan{background:rgba(0,194,255,.1);border:1px solid rgba(0,194,255,.2);color:var(--vc-cyan)}
  .cs-threat-icon--ok{background:rgba(39,201,63,.1);border:1px solid rgba(39,201,63,.22);color:#27c93f}
  .cs-threat-text strong{display:block;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.85)}
  .cs-threat-text span{font-size:10.5px;color:rgba(255,255,255,.35);font-weight:300}
  .cs-threat-badge{
    margin-left:auto;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0;
  }
  .cs-threat-badge--risk{background:rgba(255,80,80,.1);color:rgba(255,100,100,.9);border:1px solid rgba(255,80,80,.2)}
  .cs-threat-badge--ok{background:rgba(39,201,63,.1);color:#27c93f;border:1px solid rgba(39,201,63,.2)}

  .cs-threat-footer{
    display:flex;align-items:center;justify-content:space-between;
    background:linear-gradient(135deg,rgba(30,144,255,.08),rgba(0,194,255,.05));
    border:1px solid rgba(0,194,255,.18);border-radius:10px;
    padding:12px 15px;margin-top:2px;
  }
  .cs-threat-footer__left{font-size:11px;color:rgba(255,255,255,.4);font-weight:300}
  .cs-threat-footer__left strong{display:block;font-size:13px;color:rgba(255,255,255,.82);font-weight:700;margin-bottom:2px}
  .cs-threat-footer__val{
    font-family:'Syne',sans-serif;font-size:20px;font-weight:900;
    background:linear-gradient(110deg,var(--vc-blue),var(--vc-cyan));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  }

  /* ══════════════════════════════════════
     SERVICIOS / CHARLAS
  ══════════════════════════════════════ */
  .cs-services{
    background:#040D1A;padding:clamp(4rem,7vw,6rem) clamp(1.5rem,4vw,3rem);
    border-top:1px solid rgba(0,194,255,.07);position:relative;overflow:hidden;
  }
  .cs-services::after{
    content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);
    width:700px;height:260px;
    background:radial-gradient(ellipse,rgba(30,144,255,.07) 0%,transparent 65%);
    pointer-events:none;
  }
  .cs-section-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto}
  .cs-section-head{text-align:center;margin-bottom:56px}
  .cs-eyebrow{
    font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(0,194,255,.7);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;
  }
  .cs-eyebrow::before,.cs-eyebrow::after{content:'';display:block;width:28px;height:1px;background:rgba(0,194,255,.28);flex-shrink:0}
  .cs-section-title{
    font-family:'Syne',sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800;
    color:var(--vc-text);letter-spacing:-.035em;
  }
  .cs-section-title span{
    background:linear-gradient(110deg,var(--vc-blue),var(--vc-cyan));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  }
  .cs-section-sub{font-size:15px;color:rgba(255,255,255,.72);line-height:1.75;max-width:520px;font-weight:300;margin:.8rem auto 0}

  .cs-services__grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:rgba(0,194,255,.07);border-radius:20px;overflow:hidden;
    border:1px solid rgba(0,194,255,.07);
  }
  .cs-svc-card{
    background:var(--vc-card);padding:38px 28px;display:flex;flex-direction:column;
    gap:15px;transition:background .3s;position:relative;overflow:hidden;
  }
  .cs-svc-card::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(0,194,255,.45),transparent);
    transform:scaleX(0);transition:transform .4s;transform-origin:center;
  }
  .cs-svc-card:hover{background:#08132A}.cs-svc-card:hover::after{transform:scaleX(1)}
  .cs-svc-card__num{font-size:10px;font-weight:700;color:rgba(0,194,255,.3);letter-spacing:.15em}
  .cs-svc-card__icon{
    width:50px;height:50px;border-radius:13px;
    background:rgba(0,194,255,.07);border:1px solid rgba(0,194,255,.15);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;color:var(--vc-cyan);transition:all .3s;
  }
  .cs-svc-card:hover .cs-svc-card__icon{background:rgba(0,194,255,.13);border-color:rgba(0,194,255,.3);box-shadow:0 0 20px rgba(0,194,255,.15)}
  .cs-svc-card__title{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:#E8F0FF;line-height:1.3}
  .cs-svc-card__desc{font-size:13px;color:var(--vc-muted);line-height:1.8;font-weight:300;flex:1}
  .cs-svc-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
  .cs-svc-card__tag{
    font-size:10px;padding:3px 10px;border-radius:100px;
    background:rgba(0,194,255,.07);border:1px solid rgba(0,194,255,.15);
    color:rgba(0,194,255,.65);
  }

  /* ══════════════════════════════════════
     PROCESO
  ══════════════════════════════════════ */
  .cs-process{
    background:var(--vc-bg2);padding:clamp(4rem,7vw,6rem) clamp(1.5rem,4vw,3rem);
    border-top:1px solid rgba(0,194,255,.06);position:relative;overflow:hidden;
  }
  .cs-process__track{
    display:grid;grid-template-columns:repeat(4,1fr);
    position:relative;margin-top:56px;
  }
  .cs-process__track::before{
    content:'';position:absolute;top:26px;left:12.5%;right:12.5%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(30,144,255,.3),rgba(0,194,255,.3),transparent);
    z-index:0;
  }
  .cs-proc-step{text-align:center;padding:0 16px;position:relative;z-index:1}
  .cs-proc-step__bubble{
    width:52px;height:52px;border-radius:50%;
    background:#050E20;border:1px solid rgba(0,194,255,.3);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 20px;font-size:20px;color:var(--vc-cyan);
    box-shadow:0 0 0 8px rgba(0,194,255,.04);
    position:relative;animation:vc-pulse 3.5s ease-in-out infinite;
  }
  .cs-proc-step__bubble::after{
    content:attr(data-n);
    position:absolute;top:-5px;right:-5px;
    width:18px;height:18px;border-radius:50%;
    background:linear-gradient(135deg,var(--vc-blue),var(--vc-cyan));
    font-size:9px;font-weight:700;color:#07162E;
    display:flex;align-items:center;justify-content:center;
  }
  .cs-proc-step__title{font-family:'Syne',sans-serif;font-size:13.5px;font-weight:700;color:#C8DCFF;margin-bottom:8px}
  .cs-proc-step__desc{font-size:12px;color:var(--vc-muted);line-height:1.75;font-weight:300}

  /* ══════════════════════════════════════
     POR QUÉ IMPORTA
  ══════════════════════════════════════ */
  .cs-why{
    background:#040D1A;padding:clamp(4rem,7vw,6rem) clamp(1.5rem,4vw,3rem);
    border-top:1px solid rgba(0,194,255,.06);position:relative;overflow:hidden;
  }
  .cs-why::before{
    content:'';position:absolute;top:-80px;left:-60px;width:500px;height:400px;
    background:radial-gradient(ellipse,rgba(255,80,80,.03) 0%,transparent 65%);
    pointer-events:none;
  }
  .cs-why::after{
    content:'';position:absolute;top:-60px;right:-80px;width:500px;height:400px;
    background:radial-gradient(ellipse,rgba(30,144,255,.07) 0%,transparent 65%);
    pointer-events:none;
  }
  .cs-why__grid{
    display:grid;grid-template-columns:1fr 90px 1fr;
    align-items:center;margin-top:52px;position:relative;z-index:2;
  }
  .cs-why__col{padding:0 24px}
  .cs-why__col-eyebrow{
    display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;
    letter-spacing:.28em;text-transform:uppercase;margin-bottom:18px;
  }
  .cs-why__col-eyebrow--prob{color:rgba(255,80,80,.7)}
  .cs-why__col-eyebrow--sol{color:rgba(0,194,255,.75)}
  .cs-why__col-eyebrow-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:vc-dot 2s ease-in-out infinite}
  .cs-why__col-eyebrow--prob .cs-why__col-eyebrow-dot{background:rgba(255,80,80,.8)}
  .cs-why__col-eyebrow--sol .cs-why__col-eyebrow-dot{background:var(--vc-cyan);box-shadow:0 0 8px var(--vc-cyan)}

  .cs-why__col-title{
    font-family:'Syne',sans-serif;font-size:clamp(18px,2vw,23px);
    font-weight:900;letter-spacing:-.03em;line-height:1.18;color:#fff;margin-bottom:26px;
  }
  .cs-why__items{display:flex;flex-direction:column;gap:13px}
  .cs-why__item{
    display:flex;align-items:flex-start;gap:13px;
    font-size:13.5px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.55;
  }
  .cs-why__icon{
    width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:1px;
    display:flex;align-items:center;justify-content:center;font-size:12px;
  }
  .cs-why__icon--x{background:rgba(255,50,50,.08);border:1px solid rgba(255,50,50,.18);color:rgba(255,90,90,.85)}
  .cs-why__icon--ok{background:rgba(0,194,255,.08);border:1px solid rgba(0,194,255,.22);color:var(--vc-cyan)}

  .cs-why__orb-col{display:flex;align-items:center;justify-content:center;height:220px}
  .cs-why__orb-wrap{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}
  .cs-why__ring{position:absolute;border-radius:50%;border:1px solid rgba(0,194,255,.3)}
  .cs-why__ring--1{width:82px;height:82px;animation:vc-glow 3.5s ease-out infinite}
  .cs-why__ring--2{width:100px;height:100px;border-color:rgba(0,194,255,.15);animation:vc-glow 3.5s ease-out .9s infinite}
  .cs-why__orb{
    width:66px;height:66px;border-radius:50%;
    background:linear-gradient(135deg,#0a1e4a 0%,#0d4a8a 45%,#00b4f0 100%);
    border:1px solid rgba(0,194,255,.35);
    box-shadow:0 0 0 1px rgba(0,194,255,.1),0 0 22px rgba(0,194,255,.45),inset 0 1px 0 rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;position:relative;z-index:2;
  }
  .cs-why__orb i{color:#fff;font-size:26px;text-shadow:0 0 14px rgba(255,255,255,.5)}

  /* ══════════════════════════════════════
     CTA
  ══════════════════════════════════════ */
  .cs-cta{
    position:relative;overflow:hidden;
    background:var(--vc-bg2);
    border-top:1px solid rgba(0,194,255,.07);
  }
  .cs-cta::before{
    content:'';position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(0,194,255,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(0,194,255,.025) 1px,transparent 1px);
    background-size:40px 40px;
  }
  .cs-cta__glow{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:700px;height:400px;
    background:radial-gradient(ellipse,rgba(30,144,255,.12) 0%,transparent 65%);
    pointer-events:none;
  }
  .cs-cta__ring{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    border-radius:50%;border:1px solid rgba(0,194,255,.06);pointer-events:none;
  }
  .cs-cta__ring--sm{width:500px;height:500px}
  .cs-cta__ring--lg{width:900px;height:900px;border-color:rgba(0,194,255,.03)}
  .cs-cta__inner{
    position:relative;z-index:2;text-align:center;
    max-width:600px;margin:0 auto;
    padding:clamp(5rem,9vw,7rem) clamp(1.5rem,4vw,3rem);
  }
  .cs-cta__badge{
    display:inline-flex;align-items:center;gap:8px;padding:7px 16px;
    background:rgba(0,194,255,.06);border:1px solid rgba(0,194,255,.2);
    border-radius:40px;font-size:11px;color:rgba(0,194,255,.85);
    font-weight:600;letter-spacing:.08em;margin-bottom:28px;text-transform:uppercase;
  }
  .cs-cta__inner h2{
    font-family:'Syne',sans-serif;font-size:clamp(2rem,3.5vw,3rem);
    font-weight:800;color:#fff;margin-bottom:16px;
    letter-spacing:-.04em;line-height:1.1;
  }
  .cs-cta__inner h2 em{
    font-style:normal;
    background:linear-gradient(120deg,var(--vc-blue),var(--vc-cyan));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  }
  .cs-cta__inner p{
    font-size:15px;color:rgba(255,255,255,.4);
    margin-bottom:38px;line-height:1.85;font-weight:300;
  }
  .cs-cta__actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}

  /* ── Responsive ── */
  @media(max-width:960px){
    .cs-hero__inner{grid-template-columns:1fr}
    .cs-hero__visual{display:none}
    .cs-services__grid{grid-template-columns:repeat(2,1fr)}
    .cs-process__track{grid-template-columns:repeat(2,1fr);gap:32px}
    .cs-process__track::before{display:none}
    .cs-why__grid{grid-template-columns:1fr;gap:28px}
    .cs-why__orb-col{height:auto;padding:8px 0}
    .cs-why__col{padding:0}
  }
  @media(max-width:560px){
    .cs-services__grid{grid-template-columns:1fr}
    .cs-process__track{grid-template-columns:1fr}
  }