<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Grupo EIC — Deck 16:9</title>
<!--
  Grupo EIC — 16:9 presentation slide library (master)
  ==================================================================
  Deck template for proposals / briefings. Each .slide is 1280x720 (16:9),
  stacked vertically; "Print -> Save as PDF" (landscape) yields one slide per
  page at exact size. Slides are centered on a neutral stage (#1a1a22).

  HOW TO USE
  - Each slide is wrapped in an HTML comment naming its TYPE. Duplicate the
    block you need and edit the copy — every slide is self-contained.
  - Tokens come from the shared eic-tokens.css (linked below). Use the CSS
    vars (var(--void), var(--grad), var(--indigo)...) — never redefine tokens.
  - The radar motif uses the CANONICAL symbol (defs inlined once before
    </body>): <use href="#eic-radar"/> on dark.

  Visible copy is intentionally in Spanish (client-facing deliverable).
  Code / comments in English.
-->
<link rel="stylesheet" href="eic-tokens.css">
<style>
  /* ---- stage ---- */
  html{background:#1a1a22}
  body{background:#1a1a22;font-family:var(--sans);color:var(--fg);
       padding:36px;display:flex;flex-direction:column;align-items:center;gap:36px}

  /* ---- slide frame (16:9, 1280x720) ---- */
  .slide{width:1280px;height:720px;background:var(--ink0);position:relative;overflow:hidden;
         box-shadow:0 24px 80px rgba(0,0,0,.55);padding:80px 96px;display:flex;flex-direction:column;
         isolation:isolate}
  /* faint top hairline of gradient on every slide, as a system signature */
  .slide::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--grad);opacity:.9;z-index:5}

  /* ---- radar atmosphere watermark ---- */
  .radar-bg{position:absolute;pointer-events:none;z-index:0}
  .radar-bg--right{right:-220px;top:50%;transform:translateY(-50%);width:860px;height:860px;opacity:.10}
  .radar-bg--corner{right:-120px;top:-150px;width:520px;height:520px;opacity:.12}
  .radar-bg--center{left:50%;top:50%;transform:translate(-50%,-50%);width:1180px;height:1180px;opacity:.07}
  .slide > :not(.radar-bg){position:relative;z-index:1}

  /* ---- shared type rhythm ---- */
  .eyebrow{font-size:15px}
  .slide h1{font-family:var(--display);font-weight:600;font-size:88px;line-height:.96;letter-spacing:-.025em;max-width:17ch}
  .slide h2{font-family:var(--display);font-weight:600;font-size:58px;line-height:1.02;letter-spacing:-.02em;margin-top:16px;max-width:20ch}
  .lead{font-size:25px;color:var(--muted);margin-top:26px;max-width:48ch;line-height:1.5;font-weight:400}

  /* ---- foot bar (content slides) ---- */
  .foot{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;
        font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;
        border-top:1px solid var(--ink3)}
  .foot .tag{color:var(--faint-d)}

  /* ============ 1 · PORTADA / COVER ============ */
  .slide--cover{justify-content:center;padding-left:104px}
  .slide--cover .brand{display:flex;align-items:baseline;gap:11px;font-family:var(--logo);font-weight:700;
        font-stretch:125%;font-size:26px;letter-spacing:.04em;margin-bottom:auto}
  .slide--cover .brand .grupo{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.24em;color:var(--muted)}
  .slide--cover h1{font-size:108px;margin-top:18px}
  .slide--cover .lead{margin-top:30px;max-width:44ch}

  /* ============ 2 · ÍNDICE / AGENDA ============ */
  .agenda{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:0 110px;max-width:none}
  .agenda .row{display:flex;align-items:baseline;gap:26px;padding:22px 0;border-bottom:1px solid var(--ink3)}
  .agenda .ix{font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.12em;color:var(--indigo);min-width:30px}
  .agenda .lbl{font-family:var(--display);font-weight:500;font-size:29px;letter-spacing:-.01em}
  .agenda .sub{display:block;font-family:var(--sans);font-size:14px;color:var(--muted);letter-spacing:0;margin-top:5px;font-weight:400}

  /* ============ 3 · DIVISOR DE SECCIÓN ============ */
  .slide--divider{justify-content:center;padding-left:104px}
  .slide--divider .secnum{font-family:var(--display);font-weight:600;font-size:230px;line-height:.8;
        background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}
  .slide--divider h2{font-size:64px;margin-top:8px;max-width:16ch}
  .slide--divider .secmeta{margin-top:24px;font-family:var(--mono);font-size:14px;font-weight:500;
        letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

  /* ============ 4 · DECLARACIÓN / STATEMENT ============ */
  .slide--statement{justify-content:center;padding:96px 120px}
  .slide--statement .quotemark{font-family:var(--display);font-size:46px;color:var(--indigo);opacity:.55;margin-bottom:6px}
  .slide--statement .stmt{font-family:var(--display);font-weight:500;font-size:62px;line-height:1.12;letter-spacing:-.015em;max-width:24ch}
  .slide--statement .stmt em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .slide--statement .by{margin-top:36px;font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

  /* ============ 5 · DOS COLUMNAS ============ */
  .cols{margin-top:42px;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
  .cols .body p{font-size:21px;line-height:1.6;color:var(--fg);max-width:38ch}
  .cols .body p + p{margin-top:18px;color:var(--muted)}
  .panel{background:var(--ink2);border:1px solid var(--ink3);border-radius:14px;padding:34px 36px}
  .panel .panel-h{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--indigo);margin-bottom:20px}
  .panel ul{list-style:none;display:flex;flex-direction:column;gap:16px}
  .panel li{font-size:18px;line-height:1.4;padding-left:26px;position:relative;color:var(--fg)}
  .panel li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:2px;background:var(--grad)}
  .panel li b{font-weight:600}

  /* ============ 6 · BULLETS / CONTENIDO ============ */
  .bullets{margin-top:36px;list-style:none;display:flex;flex-direction:column;gap:24px;max-width:58ch}
  .bullets li{font-size:24px;line-height:1.46;padding-left:34px;position:relative;color:var(--fg)}
  .bullets li::before{content:"";position:absolute;left:0;top:11px;width:12px;height:12px;border-radius:3px;background:var(--grad)}
  .bullets li b{font-weight:600}
  .bullets li span{display:block;font-size:17px;color:var(--muted);margin-top:6px;line-height:1.4}

  /* ============ 7 · DATOS / MÉTRICAS ============ */
  .metrics{margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  .metric{background:var(--ink2);border:1px solid var(--ink3);border-radius:14px;padding:32px 30px 30px;
          display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden}
  .metric::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--grad)}
  .metric .big{font-family:var(--display);font-weight:600;font-size:66px;line-height:1;letter-spacing:-.03em;
        background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
  .metric .unit{font-family:var(--display);font-size:34px;-webkit-text-fill-color:var(--fg);background:none}
  .metric .cap{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:18px;line-height:1.5}
  .metric .note{font-size:15px;color:var(--fg);margin-top:8px;line-height:1.4}

  /* ============ 8 · COMPARACIÓN / TABLA ============ */
  .tbl{margin-top:38px;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
  .tbl thead th{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
        color:var(--indigo);text-align:left;padding:0 20px 18px;border-bottom:2px solid var(--ink4)}
  .tbl thead th:first-child{color:var(--muted)}
  .tbl tbody td{font-size:20px;padding:20px 20px;border-bottom:1px solid var(--ink3);color:var(--fg);vertical-align:middle}
  .tbl tbody td:first-child{font-family:var(--display);font-weight:500;font-size:22px}
  .tbl tbody tr:last-child td{border-bottom:0}
  .tbl .pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .tbl .pill::before{content:"";width:9px;height:9px;border-radius:50%}
  .tbl .pill.on::before{background:var(--cyan)}
  .tbl .pill.off::before{background:var(--ink4)}
  .tbl .lead-col td:nth-child(3){color:var(--azure);font-weight:600}

  /* ============ 9 · CITA / PULL-QUOTE ============ */
  .slide--quote{justify-content:center;padding:96px 120px}
  .slide--quote blockquote{font-family:var(--display);font-weight:500;font-size:54px;line-height:1.18;letter-spacing:-.015em;max-width:23ch}
  .slide--quote .bigq{font-family:var(--display);font-size:120px;line-height:.4;color:var(--indigo);opacity:.4;display:block;height:54px}
  .slide--quote .attr{margin-top:40px;display:flex;align-items:center;gap:18px}
  .slide--quote .attr .bar{width:46px;height:2px;background:var(--grad)}
  .slide--quote .attr .who{font-family:var(--sans);font-weight:600;font-size:19px}
  .slide--quote .attr .role{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}

  /* ============ 10 · PROCESO / TIMELINE ============ */
  .steps{margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
  .step{padding-right:34px;position:relative}
  .step + .step{padding-left:34px}
  .step .dot{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink4);display:flex;align-items:center;justify-content:center;
        font-family:var(--mono);font-weight:600;font-size:17px;color:var(--azure);position:relative;background:var(--ink1)}
  .step .line{position:absolute;left:46px;top:23px;right:-0;height:2px;background:linear-gradient(90deg,var(--ink4),var(--ink3))}
  .step:last-child .line{display:none}
  .step h3{font-family:var(--display);font-weight:600;font-size:26px;margin-top:24px;letter-spacing:-.01em;line-height:1.1}
  .step p{font-size:17px;color:var(--muted);margin-top:12px;line-height:1.5;max-width:24ch}
  .step .ph{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo);margin-top:14px}

  /* ============ 11 · CIERRE / CONTACTO ============ */
  .slide--close{justify-content:center;padding-left:104px}
  .slide--close h1{font-size:120px;margin-bottom:8px}
  .slide--close .contact{margin-top:34px;display:flex;gap:64px;font-family:var(--mono);font-size:15px;letter-spacing:.1em;color:var(--fg)}
  .slide--close .contact .k{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .slide--close .lockup{position:absolute;right:96px;bottom:78px;height:42px}
  .slide--close .closetag{margin-top:auto;font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

  /* ---- print: one slide per page, exact size, no stage chrome ---- */
  @media print{
    html,body{background:#fff;padding:0;gap:0}
    .slide{box-shadow:none;page-break-after:always;break-after:page}
    .slide:last-child{page-break-after:auto}
    @page{size:1280px 720px;margin:0}
  }
</style>
</head>
<body>

  <!-- ============================================================ -->
  <!-- TYPE 1 · PORTADA (cover)                                      -->
  <!-- ============================================================ -->
  <section class="slide slide--cover">
    <svg class="radar-bg radar-bg--right" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="brand"><span class="grad-text">EIC</span> <span class="grupo">GRUPO</span></div>
    <div class="eyebrow">Dosier · Propuesta institucional</div>
    <h1>Inteligencia que<br>anticipa.</h1>
    <p class="lead">Estrategia que define. Análisis, monitoreo y criterio para decidir antes que el resto del tablero.</p>
    <div class="foot"><span class="num">grupoeic.com</span><span class="tag">Grupo EIC · 2026</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 2 · ÍNDICE / AGENDA                                      -->
  <!-- ============================================================ -->
  <section class="slide">
    <svg class="radar-bg radar-bg--corner" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="eyebrow">Contenido</div>
    <h2>Agenda de la sesión</h2>
    <div class="agenda">
      <div class="row"><span class="ix">01</span><span class="lbl">Diagnóstico del entorno<span class="sub">Señales, actores y narrativas activas</span></span></div>
      <div class="row"><span class="ix">02</span><span class="lbl">Mapa de riesgo<span class="sub">Escenarios priorizados por impacto</span></span></div>
      <div class="row"><span class="ix">03</span><span class="lbl">Posicionamiento<span class="sub">Dónde compite la organización hoy</span></span></div>
      <div class="row"><span class="ix">04</span><span class="lbl">Plan de acción<span class="sub">Decisiones para los próximos 90 días</span></span></div>
      <div class="row"><span class="ix">05</span><span class="lbl">Métricas y tablero<span class="sub">Cómo medimos el avance</span></span></div>
      <div class="row"><span class="ix">06</span><span class="lbl">Próximos pasos<span class="sub">Compromisos y responsables</span></span></div>
    </div>
    <div class="foot"><span class="num">02 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 3 · DIVISOR DE SECCIÓN                                   -->
  <!-- ============================================================ -->
  <section class="slide slide--divider">
    <svg class="radar-bg radar-bg--right" viewBox="0 0 100 100" aria-hidden="true" style="opacity:.16;right:-160px;width:760px;height:760px"><use href="#eic-radar"/></svg>
    <div class="secnum">01</div>
    <h2>Diagnóstico del entorno</h2>
    <div class="secmeta">Sección 01 de 06 · Lectura situacional</div>
    <div class="foot"><span class="num">03 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 4 · DECLARACIÓN / STATEMENT (manifiesto)                 -->
  <!-- ============================================================ -->
  <section class="slide slide--statement">
    <svg class="radar-bg radar-bg--center" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="quotemark">/</div>
    <p class="stmt">La ventaja no está en reaccionar más rápido, sino en <em>haber visto la señal antes</em> de que se convierta en titular.</p>
    <div class="by">Tesis Grupo EIC · 2026</div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 5 · DOS COLUMNAS (texto + panel)                         -->
  <!-- ============================================================ -->
  <section class="slide">
    <svg class="radar-bg radar-bg--corner" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="eyebrow">01 · Diagnóstico</div>
    <h2>Qué vemos antes que nadie</h2>
    <div class="cols">
      <div class="body">
        <p>Operamos una capa de monitoreo continuo sobre medios, redes y actores clave. No perseguimos el ruido: aislamos las señales que anticipan un cambio de tendencia.</p>
        <p>Cada hallazgo se traduce en una lectura accionable — qué significa, a quién afecta y qué decisión habilita esta misma semana.</p>
      </div>
      <div class="panel">
        <div class="panel-h">Fuentes bajo cobertura</div>
        <ul>
          <li><b>Medios y prensa</b> — nacional y regional, en tiempo real.</li>
          <li><b>Redes sociales</b> — X, Meta, TikTok y foros emergentes.</li>
          <li><b>Actores y voceros</b> — mapa de influencia y afinidad.</li>
          <li><b>Datos públicos</b> — registros, licitaciones y normativa.</li>
        </ul>
      </div>
    </div>
    <div class="foot"><span class="num">04 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 6 · BULLETS / CONTENIDO                                  -->
  <!-- ============================================================ -->
  <section class="slide">
    <svg class="radar-bg radar-bg--right" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="eyebrow">02 · Mapa de riesgo</div>
    <h2>Lo que priorizamos esta semana</h2>
    <ul class="bullets">
      <li><b>Señales tempranas en el entorno</b><span>Medios, redes, actores y narrativas que ganan tracción antes del pico.</span></li>
      <li><b>Escenarios ordenados por impacto, no por volumen</b><span>Separamos el riesgo real del ruido reputacional pasajero.</span></li>
      <li><b>Recomendaciones accionables</b><span>Qué decidir, quién lo ejecuta y con qué ventana de tiempo.</span></li>
    </ul>
    <div class="foot"><span class="num">05 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 7 · DATOS / MÉTRICAS                                     -->
  <!-- ============================================================ -->
  <section class="slide">
    <svg class="radar-bg radar-bg--corner" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="eyebrow">02 · Mapa de riesgo</div>
    <h2>El entorno, en cifras</h2>
    <div class="metrics">
      <div class="metric">
        <div class="big num">2.4<span class="unit">M</span></div>
        <div class="cap">Menciones analizadas</div>
        <div class="note">Últimos 30 días, multicanal.</div>
      </div>
      <div class="metric">
        <div class="big num">18</div>
        <div class="cap">Narrativas activas</div>
        <div class="note">7 en aceleración esta semana.</div>
      </div>
      <div class="metric">
        <div class="big num">94<span class="unit">%</span></div>
        <div class="cap">Precisión del modelo</div>
        <div class="note">Clasificación de sentimiento, validada.</div>
      </div>
      <div class="metric">
        <div class="big num">11<span class="unit">h</span></div>
        <div class="cap">Anticipación media</div>
        <div class="note">Antes del primer titular en prensa.</div>
      </div>
    </div>
    <div class="foot"><span class="num">06 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 8 · COMPARACIÓN / TABLA                                  -->
  <!-- ============================================================ -->
  <section class="slide">
    <svg class="radar-bg radar-bg--corner" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="eyebrow">03 · Posicionamiento</div>
    <h2>Niveles de servicio</h2>
    <table class="tbl">
      <thead>
        <tr><th>Capacidad</th><th>Recon</th><th>Watch</th><th>Command</th></tr>
      </thead>
      <tbody>
        <tr><td>Monitoreo de medios y redes</td><td><span class="pill on">Incluido</span></td><td><span class="pill on">Incluido</span></td><td><span class="pill on">Incluido</span></td></tr>
        <tr><td>Reporte de señales</td><td>Mensual</td><td>Semanal</td><td>Diario</td></tr>
        <tr><td>Análisis de escenarios</td><td><span class="pill off">No</span></td><td><span class="pill on">Trimestral</span></td><td><span class="pill on">Continuo</span></td></tr>
        <tr><td>Sala de crisis (War Room)</td><td><span class="pill off">No</span></td><td><span class="pill off">No</span></td><td><span class="pill on">24/7</span></td></tr>
        <tr><td>Analista dedicado</td><td><span class="pill off">No</span></td><td>Compartido</td><td><span class="pill on">Asignado</span></td></tr>
      </tbody>
    </table>
    <div class="foot"><span class="num">07 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 9 · CITA / PULL-QUOTE                                    -->
  <!-- ============================================================ -->
  <section class="slide slide--quote">
    <svg class="radar-bg radar-bg--center" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <span class="bigq">&ldquo;</span>
    <blockquote>Dejamos de improvisar en cada crisis. Ahora llegamos a la reunión con el escenario ya leído.</blockquote>
    <div class="attr">
      <span class="bar"></span>
      <div>
        <div class="who">Directora de Asuntos Públicos</div>
        <div class="role">Cliente institucional · Sector energía</div>
      </div>
    </div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 10 · PROCESO / TIMELINE                                  -->
  <!-- ============================================================ -->
  <section class="slide">
    <svg class="radar-bg radar-bg--corner" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="eyebrow">04 · Plan de acción</div>
    <h2>Cómo trabajamos</h2>
    <div class="steps">
      <div class="step"><div class="dot">01</div><div class="line"></div><h3>Escuchar</h3><p>Cobertura continua de fuentes y mapeo de actores relevantes.</p><div class="ph">Días 1–7</div></div>
      <div class="step"><div class="dot">02</div><div class="line"></div><h3>Interpretar</h3><p>Modelos y analistas separan señal de ruido y miden impacto.</p><div class="ph">Semanal</div></div>
      <div class="step"><div class="dot">03</div><div class="line"></div><h3>Anticipar</h3><p>Construcción de escenarios y alertas tempranas accionables.</p><div class="ph">Continuo</div></div>
      <div class="step"><div class="dot">04</div><div class="line"></div><h3>Decidir</h3><p>Recomendación clara: qué hacer, quién y con qué ventana.</p><div class="ph">A demanda</div></div>
    </div>
    <div class="foot"><span class="num">08 / 11</span><span class="tag">Inteligencia que anticipa · Estrategia que define</span></div>
  </section>

  <!-- ============================================================ -->
  <!-- TYPE 11 · CIERRE / CONTACTO                                   -->
  <!-- ============================================================ -->
  <section class="slide slide--close">
    <svg class="radar-bg radar-bg--right" viewBox="0 0 100 100" aria-hidden="true"><use href="#eic-radar"/></svg>
    <div class="closetag">Cierre</div>
    <h1 class="grad-text">Gracias.</h1>
    <p class="lead">Conversemos sobre cómo anticipar las próximas señales de su entorno.</p>
    <div class="contact">
      <div><span class="k">Web</span>grupoeic.com</div>
      <div><span class="k">Correo</span>contacto@grupoeic.com</div>
      <div><span class="k">Dirección</span>Asunción · Paraguay</div>
    </div>
    <img class="lockup" src="../logo/eic-lockup-horizontal-on-dark.svg" alt="Grupo EIC">
  </section>

  <!-- ============================================================ -->
  <!-- CANONICAL RADAR DEFS — inline once, referenced via <use>      -->
  <!-- Do NOT redraw the arcs. On dark: #eic-radar · on paper: #eic-radar-light -->
  <!-- ============================================================ -->
  <svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs>
    <linearGradient id="rg" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#A9D4FF"/><stop offset="55%" stop-color="#5C7CE6"/><stop offset="100%" stop-color="#2F2A8C"/></linearGradient>
    <linearGradient id="rgL" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#5C7CE6"/><stop offset="55%" stop-color="#3D3FA9"/><stop offset="100%" stop-color="#2F2A8C"/></linearGradient>
    <symbol id="eic-radar" viewBox="0 0 100 100">
      <path d="M50 50 L64.71 9.59 A43.00 43.00 0 0 1 84.79 24.73 Z" fill="#7FE5FF" opacity="0.26"/>
      <g fill="none" stroke="url(#rg)" stroke-linecap="round">
        <path d="M12.76 28.50 A43.00 43.00 0 1 1 80.93 79.87" stroke-width="2.4"/>
        <path d="M28.08 28.08 A31.00 31.00 0 0 1 77.11 65.03" stroke-width="2" opacity="0.85"/>
        <path d="M40.50 33.55 A19.00 19.00 0 0 1 68.44 54.60" stroke-width="1.6" opacity="0.65"/>
        <path d="M50 50 L77.08 14.06" stroke-width="2.3"/>
      </g>
      <circle cx="75.88" cy="15.66" r="5.5" fill="#7FE5FF" opacity="0.22"/>
      <circle cx="75.88" cy="15.66" r="2.9" fill="#7FE5FF"/>
      <circle cx="50" cy="50" r="2.6" fill="url(#rg)"/>
    </symbol>
    <symbol id="eic-radar-light" viewBox="0 0 100 100">
      <path d="M50 50 L64.71 9.59 A43.00 43.00 0 0 1 84.79 24.73 Z" fill="#3D3FA9" opacity="0.20"/>
      <g fill="none" stroke="url(#rgL)" stroke-linecap="round">
        <path d="M12.76 28.50 A43.00 43.00 0 1 1 80.93 79.87" stroke-width="2.4"/>
        <path d="M28.08 28.08 A31.00 31.00 0 0 1 77.11 65.03" stroke-width="2" opacity="0.85"/>
        <path d="M40.50 33.55 A19.00 19.00 0 0 1 68.44 54.60" stroke-width="1.6" opacity="0.65"/>
        <path d="M50 50 L77.08 14.06" stroke-width="2.3"/>
      </g>
      <circle cx="75.88" cy="15.66" r="2.9" fill="#3D3FA9"/>
      <circle cx="50" cy="50" r="2.6" fill="url(#rgL)"/>
    </symbol>
  </defs></svg>

</body>
</html>
