/* VERSION 3 — LA LARGE
   Toute la palette passe aux valeurs relevées au pixel dans le plugin.
   Le site utilisait déjà ces teintes, mais poussées en fluo : c'est la
   saturation qui faisait « généré », pas le choix des couleurs.
   Structure et contenu : inchangés.
   En plus de la moyenne : les effets que votre plugin n’a pas. */

:root {
  --bg:        #090B13;   /* fond du plugin */
  --bg2:       #0D1115;
  --surface:   #12151B;
  --surface2:  #161A21;
  --border:    #1C212B;
  --border2:   #2A3140;

  --txt:       #F2F3F3;   /* le blanc de VOX / PRO */
  --txt2:      #8D96A6;
  --txt3:      #7E879A;

  --cyan:      #70D8E8;   /* était #00E5A8, un vert acide */
  --cyan-dim:  #4FB4C6;
  --cyan-glow: rgba(112,216,232,0.09);
  --cyan-glow2:rgba(112,216,232,0.045);

  --purple:    #C060EC;   /* était #9B6DFF */
  --purple-dim:#9B49C0;
  --purple-glow:rgba(192,96,236,0.09);
}

.hero h1 .accent, .accent {
  background: none;
  -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--cyan);
}


/* ─── Les couches d'ambiance qui avaient l'ancienne couleur en dur ─────
   Le circuit (body::after) et le balayage lumineux (html::after) portaient
   #00E5A8 et #9B6DFF directement dans le code, pas en variable. Sans ce
   bloc, ils resteraient vert fluo malgré la nouvelle palette. */
html::after {
  background-image:
    radial-gradient(circle 480px at calc(10% + var(--scroll-progress, 0) * 75%) calc(15% + var(--scroll-progress, 0) * 65%), rgba(112,216,232,0.20), transparent 70%),
    radial-gradient(circle 420px at calc(90% - var(--scroll-progress, 0) * 75%) calc(85% - var(--scroll-progress, 0) * 65%), rgba(192,96,236,0.18), transparent 70%),
    repeating-linear-gradient(to right, var(--border) 0px, var(--border) 1px, transparent 1px, transparent 160px);
}

body::after {
  background-image: url("data:image/svg+xml,%3Csvg width='480' height='480' viewBox='0 0 480 480' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-width='1'%3E%3Cpath d='M-20 120 H160 L260 240 H520' stroke='%2370D8E8' stroke-opacity='0.5'/%3E%3Cpath d='M-20 360 H200 L320 120 H520' stroke='%23C060EC' stroke-opacity='0.45'/%3E%3Cpath d='M80 -20 V80 L200 200 V500' stroke='%2370D8E8' stroke-opacity='0.3'/%3E%3Cpath d='M400 -20 V180 L280 300 V500' stroke='%23C060EC' stroke-opacity='0.3'/%3E%3Cpath d='M-20 420 H440' stroke='%23ffffff' stroke-opacity='0.06'/%3E%3C/g%3E%3Cg fill='%2370D8E8' fill-opacity='0.6'%3E%3Ccircle cx='160' cy='120' r='3'/%3E%3Ccircle cx='260' cy='240' r='3'/%3E%3Ccircle cx='200' cy='200' r='3'/%3E%3C/g%3E%3Cg fill='%23C060EC' fill-opacity='0.6'%3E%3Ccircle cx='200' cy='360' r='3'/%3E%3Ccircle cx='320' cy='120' r='3'/%3E%3Ccircle cx='280' cy='300' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

/* ─── Ce que la version large retire en plus ──────────────────────────── */

/* Les deux aurores floutées qui suivaient le défilement. */
body::before, body::after { display: none; }

/* La grille verticale et son balayage lumineux qui suivait le scroll.
   Le grain (html::before) reste : c’est une matière, pas un effet. */
html::after { display: none; }

/* Les orbes flottants et le filet lumineux du hero. */
.orb, .hero-glow-line { display: none; }

/* Les fonds en dégradé restants. */
.cta-bg { background: var(--surface); }
.stat-value {
  background: none;
  -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--txt);
}

/* Les halos colorés autour des vidéos, du bouton de lecture et des boutons. */
.video-wrap, .yt-play, .plugin-mockup-inner, .btn-primary, .nav-btn-buy { box-shadow: none; }

/* Les étiquettes : plus de capitales espacées en monospace. */
.label {
  font-family: 'Inter', system-ui, sans-serif;
  text-transform: none; letter-spacing: 0.01em;
  font-size: 13px; font-weight: 600; color: var(--txt2);
}
.label::before { display: none; }

/* Les 45 animations d’entrée par page : le contenu est lisible tout de suite. */
.reveal-enabled [data-anim] { opacity: 1; transform: none; transition: none; }
[data-reveal] .reveal-word { opacity: 1; filter: none; }

/* Le plugin devient la seule surface lumineuse de la page. */
.plugin-mockup img, img[src*="plugin-screenshot"], img[src*="workflow-"] {
  border: 1px solid var(--border2); border-radius: 3px;
}