/* 27/10/2026 - paquet 57 : le site plus HUMAIN au visuel aussi (demande du proprietaire : « moins IA, meme au visuel, en gardant
   toutes nos fonctions »). Une seule feuille, chargee par includes/seo.php sur toutes les pages publiques, APRES ou AVANT les
   styles de la page : les couleurs sont des variables avec !important (elles gagnent quoi qu'il arrive), le reste vise des
   classes precises. Rien n'est retire des pages : memes blocs, memes boutons, memes fonctions.
   Idees : un fond encre chaud au lieu du noir bleute, une seule couleur de marque (le violet du logo) + un ambre chaleureux
   pour les appels a l'action, des titres en serif (comme un vrai journal, pas une console), plus de degrade neon ni de
   grille de points, des cartes mates, des coins doux. Aucune police externe : les serifs du systeme. */
:root{
  --bg:#13111a !important;--bg2:#1a1722 !important;--bg3:#211d2b !important;
  --card:rgba(255,247,235,.035) !important;--card2:rgba(255,247,235,.06) !important;
  --line:rgba(255,240,220,.10) !important;--line2:rgba(255,240,220,.18) !important;--border:rgba(255,240,220,.12) !important;
  --text:#f4efe6 !important;--text2:#c2bbae !important;--text3:#8f887c !important;
  --acc:#e8b86d !important;--acc-rgb:232,184,109 !important;--acc2:#9b8cf7 !important;--acc2-rgb:155,140,247 !important;
  --ivy:#8f82ea !important;--ivy-light:#c3b9ff !important;--ivy-dark:#5d50c4 !important;--ivy-glow:rgba(143,130,234,.16) !important;
  --grad:linear-gradient(135deg,#e8b86d,#f0c98a) !important;
  --r:18px !important;--r2:22px !important;--shadow:0 20px 50px -30px rgba(0,0,0,.8) !important;
  --h-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
}
html body{background:var(--bg);color:var(--text)}
/* titres : serif, poids normal, lettres un peu serrees - une voix de personne */
html body h1,html body h2,html body .hero h1,html body .sec h2,html body .final h2,html body .vid-head h2{font-family:var(--h-serif);font-weight:500;letter-spacing:-.012em}
html body .hero h1{font-size:clamp(2.4rem,5vw,3.9rem);line-height:1.06}
html body .sec h2{font-weight:500}
html body .grad{background:none;-webkit-text-fill-color:initial;color:var(--acc2)}
html body h1 .grad,html body h2 .grad{font-style:italic;color:#d9c6ff}
/* boutons : un vrai bouton, une seule couleur, texte sombre lisible */
html body .btn-pri,html body .plan-btn-filled,html body .btn.p,html body .upgrade-btn{background:var(--acc);color:#241a0b;box-shadow:0 8px 24px -12px rgba(232,184,109,.6);border-color:transparent}
html body .btn-pri:hover,html body .plan-btn-filled:hover,html body .btn.p:hover{background:#f0c98a;box-shadow:0 10px 28px -12px rgba(232,184,109,.75)}
html body .btn-ghost,html body .btn.o{background:transparent;border-color:var(--line2);color:var(--text)}
html body .btn-ghost:hover,html body .btn.o:hover{border-color:rgba(232,184,109,.6);background:rgba(232,184,109,.06)}
html body .step b,html body .popular-badge{background:var(--acc2);color:#17122a}
html body .plan-btn-gold{background:#f0c98a;color:#241a0b}
/* en-tete : plus de halo neon autour du logo, barre mate */
html body .nav{background:rgba(19,17,26,.86)}
html body .logo img{border-color:rgba(255,240,220,.18);box-shadow:none}
html body .nav-user img{border-color:var(--acc2)}
/* heros : une seule lumiere chaude, pas de grille de points, pas de bulles qui flottent */
html body .hero::before{background:radial-gradient(ellipse 55% 45% at 20% 15%,rgba(232,184,109,.10),transparent 70%),radial-gradient(ellipse 45% 50% at 85% 25%,rgba(155,140,247,.13),transparent 70%)}
html body .hero::after{display:none}
html body .kicker,html body .pill{border-color:rgba(232,184,109,.35);background:rgba(232,184,109,.08);color:#f0d3a0}
html body .eyebrow{color:var(--acc);font-weight:600;letter-spacing:.12em}
html body .chip{animation:none;background:rgba(26,23,34,.94);border-color:var(--line2);backdrop-filter:none}
html body .win{background:#1a1722;border-color:var(--line2);box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
/* cartes : mates, un peu plus rondes, l'icone dans une pastille chaude */
html body .card,html body .plan-card,html body .faq-item,html body .mock-card,html body .g{background:var(--card);border-color:var(--line);border-radius:var(--r)}
html body .card:hover{border-color:rgba(232,184,109,.35);background:var(--card2)}
html body .card .ic{background:rgba(232,184,109,.12);border-color:rgba(232,184,109,.28);border-radius:14px}
html body .plan-card.featured{background:linear-gradient(180deg,rgba(155,140,247,.12),rgba(255,247,235,.03) 70%);border-color:rgba(155,140,247,.55);box-shadow:0 24px 60px -30px rgba(155,140,247,.5)}
html body .ticks li::before,html body .rules li::before{color:var(--acc)}
html body .trust{background:rgba(255,247,235,.02)}
html body .final{border-color:rgba(232,184,109,.3);background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(232,184,109,.10),transparent 70%),var(--bg2)}
html body .foot{background:rgba(255,247,235,.015)}
html body .mock-ring b,html body .vid-play{background:var(--acc);color:#241a0b}
/* pages interieures (guides, partenaires, CGU, connexion) : memes couleurs, memes titres */
html body .back,html body .toc a{border-color:var(--line2);color:var(--text2)}
html body .toc a:hover,html body .back:hover{border-color:rgba(232,184,109,.5);color:var(--text)}
html body .g h2{font-family:var(--h-serif);font-weight:500}
html body .note{background:rgba(232,184,109,.07);border-color:rgba(232,184,109,.25)}
html body .steps li::before{background:rgba(155,140,247,.18);color:#c3b9ff}
html body .lead{color:var(--text2)}
html body .orb{opacity:.08}
/* formulaires : champs lisibles sur le fond chaud */
html body input,html body select,html body textarea{background:rgba(255,247,235,.04);border-color:var(--line2);color:var(--text)}
html body input:focus,html body select:focus,html body textarea:focus{border-color:rgba(232,184,109,.6);outline:none}
@media (prefers-reduced-motion:no-preference){html body .card:hover{transform:translateY(-2px)}}