/* Thème aligné sur invest.informateurcrypto.fr (Sora / IBM Plex, vert #2EE6A8, trame de points).
   Chargé après les styles de chaque page : seul l'habillage change, le contenu et le logo restent identiques. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --bg:#070A0F;
  --bg-2:rgba(255,255,255,.02);
  --bg-3:rgba(255,255,255,.035);
  --panel:rgba(255,255,255,.02);
  --line:rgba(255,255,255,.06);
  --line-2:rgba(255,255,255,.12);
  --text:#E7EBF2;
  --text-2:#C8CDD8;
  --muted:#8A93A6;
  --accent:#2EE6A8;
  --accent-soft:rgba(46,230,168,.08);
  --accent-line:rgba(46,230,168,.3);
  --sans:"IBM Plex Sans", system-ui, sans-serif;
  --serif:"Sora", ui-sans-serif, system-ui, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, monospace;
  --grad-text:linear-gradient(90deg,#79F3C9,#2EE6A8 50%,#1AD49F);
  --grad-btn:linear-gradient(160deg,#3DF0BF,#15C99A 55%,#0FA87C);
}

body{
  background-color:var(--bg);
  background-image:radial-gradient(circle,rgba(255,255,255,.027) 1px,transparent 0);
  background-size:28px 28px;
  font-family:var(--sans);
  color:var(--text);
}
strong,b{color:#fff;font-weight:600}

/* ---------- Titres : Sora fine, italique en dégradé ---------- */
h1,h2,.auth h1,.page-h h1,.soon h2,.final h2{
  font-family:var(--serif) !important;
  font-weight:300 !important;
  text-transform:none !important;
  letter-spacing:-.03em !important;
  line-height:1.12 !important;
  font-style:normal;
}
h1 em,h2 em,.page-h h1 em,.auth h1 em{
  font-style:italic;font-weight:300;
  color:transparent;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;
  filter:none !important;padding:0 .06em;
}
.h1-top{font-family:var(--serif);font-weight:400 !important;text-transform:none !important;letter-spacing:-.02em !important;color:var(--text-2) !important}
.hero h1{font-size:clamp(40px,5.2vw,68px) !important}
h2{font-size:clamp(30px,4vw,46px) !important}
h3,.card h3,.module h3,.sector h3,.dev-card h3,.why .card h3,.plan h3{
  font-family:var(--serif);font-weight:400;font-style:normal;text-transform:none;letter-spacing:-.01em;color:#fff;
}
.lead{font-family:var(--sans);color:var(--muted);font-size:clamp(16px,1.6vw,18px)}
.lead strong{color:#fff}
.muted,.sub{color:var(--muted)}

/* ---------- Étiquettes : IBM Plex Mono ---------- */
.eyebrow,.tag,.dev-tag,.module .n,.hb small,.plan .tag,.case-card .tag,.cd-grid span,.t-yr,.proofs-intro,.chip,.legend,.lessons b,
.lookfor li::before,.rail small,.compare-row .k,.extras b,.sector h3 small,.am-label,.windows-axis,.side h6,th,.tagline{
  font-family:var(--mono) !important;font-style:normal !important;
}
.eyebrow{font-size:11px;letter-spacing:.18em;color:rgba(46,230,168,.8)}
.eyebrow .num{color:var(--accent)}
.eyebrow .dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.tag,.dev-tag,.plan .tag,.case-card .tag{font-size:11px;font-weight:500;letter-spacing:.16em;color:rgba(46,230,168,.8)}
.module .n{font-size:11px;color:rgba(46,230,168,.7)}

/* ---------- Boutons : pilules, dégradé vert ---------- */
.btn{
  font-family:var(--sans) !important;text-transform:none !important;letter-spacing:.01em !important;
  font-weight:600 !important;font-size:15px !important;border-radius:9999px !important;padding:16px 32px;
}
.btn-primary{
  background:var(--grad-btn) !important;color:#031510 !important;border:1px solid rgba(46,230,168,.45) !important;
  box-shadow:0 0 0 1px rgba(46,230,168,.1),0 6px 22px -10px rgba(46,230,168,.65),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.03) !important;border:1px solid var(--line-2) !important;color:var(--text-2) !important;font-weight:400 !important}
.btn-ghost:hover{border-color:rgba(255,255,255,.22) !important;color:#fff !important}
.btn-sm{font-size:13px !important;padding:10px 20px !important}

/* ---------- En-tête : liens discrets (le logo ne change pas) ---------- */
.nav{background:rgba(7,10,15,.82) !important;border-bottom:1px solid var(--line) !important}
.menu a{font-family:var(--sans) !important;font-size:13.5px !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--muted) !important}
.menu a:hover{color:#fff !important}
.menu-toggle{border-color:var(--line-2)}

/* ---------- Cartes sobres ---------- */
.card,.module,.sector,.plan,.case-card,.dev-card,.partners,.partner,.countdown,.summary,.compare,.lessons,.rail,.hero-meta,.extras span,
.dev-domains div,.hb,.seats,.terminal,.trame,.fineprint,.memo,.auth,.admin-form,details.item,.list li,.cd-grid div,.why .card{
  background:var(--bg-2) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.module.feature,.plan.best,.dev-card,.countdown,.hb-accent,.seats{border-color:rgba(46,230,168,.22) !important}
.module:hover,.case-card:hover,.partner:hover,.card.link:hover{border-color:rgba(46,230,168,.3) !important}
.module h3,.sector h3,.dev-card h3,.why .card h3{font-size:19px}
.module p,.sector p,.card p,.dev-card>p{color:var(--muted)}
.module ul li{font-family:var(--mono);background:rgba(255,255,255,.04)}
.summary div,.compare-row{border-color:var(--line) !important}
.compare-head{background:rgba(255,255,255,.03) !important}
.compare-row .k{background:transparent !important;font-size:11px}

/* Chiffres et grands textes */
.case-card .sym,.plan .price,.why .big,.hero-meta b,.big,.cd-grid b,.seats b,.phases,.partner b,.plat b,.card.link b{
  font-family:var(--serif) !important;font-weight:300 !important;font-style:normal !important;text-transform:none !important;letter-spacing:-.02em !important;
}
.cd-grid b,.seats b{color:transparent !important;background:var(--grad-text) !important;-webkit-background-clip:text !important;background-clip:text !important}
.phases span.on{color:var(--accent)}
.big-quote,.pull{font-family:var(--serif) !important;font-weight:300 !important;font-style:normal !important;letter-spacing:-.02em !important}
.big-quote em,.pull em{font-style:italic;color:transparent;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;filter:none !important}
.pull{border-left-color:var(--accent) !important}

/* Puces, badges, liens */
.chip{background:rgba(255,255,255,.02);border-color:var(--line-2);color:var(--text-2)}
.chip.up{border-color:rgba(46,230,168,.35);color:var(--accent);background:var(--accent-soft)}
.summary .si,.hb svg{stroke:var(--accent)}
.summary .si{background:var(--accent-soft) !important;border-color:rgba(46,230,168,.2) !important}
.proofs a,.meta-link{color:var(--accent)}
.case-card .row .g,.up{color:var(--accent)}

/* Sections : très aérées, filets fins */
section{border-top:1px solid var(--line) !important}
@media(min-width:900px){section:not(.hero){padding:128px 0}}
.faq summary{font-family:var(--serif);font-weight:400;font-size:18px}
.faq .a{color:var(--muted)}
footer{border-top:1px solid var(--line)}

/* Dashboard (espace membre) */
.side a{font-family:var(--sans)}
.side a.on{background:var(--accent-soft);color:var(--accent)}
.ticker{font-family:var(--mono) !important;background:rgba(7,10,15,.9) !important}
.mood{font-family:var(--sans)}
input,select,textarea{background:rgba(255,255,255,.02) !important;border-color:var(--line-2) !important;font-family:var(--sans)}
label{font-family:var(--mono)}

/* Titre du haut : « Il a ses saisons. » sans italique */
.hero h1 em{font-style:normal !important}

.hero h1 em{display:block;font-size:.72em;line-height:1.1}

/* Logo du header : image du détective fusée */
.brand-img{width:44px !important;height:44px !important;object-fit:contain;flex:none}
@media(max-width:560px){.brand-img{width:34px !important;height:34px !important}}
.cd-img{width:72px !important;height:72px !important;object-fit:contain;filter:none !important}
@media(max-width:560px){.cd-img{width:58px !important;height:58px !important}}

/* Header : « L'Informateur Crypto » sans italique */
.brand-name,.brand-name em,.brand-logo,.brand-logo em{font-style:normal !important}

/* Mockup mobile : l ombre ne doit pas assombrir le texte en dessous */
.app-mock-m{margin-bottom:40px !important}
.app-mock-m .am-frame{box-shadow:0 12px 30px -12px rgba(0,0,0,.5),0 0 40px rgba(46,230,168,.08) !important}
.hero .lead{position:relative;z-index:2}

/* ===== Mockup au format téléphone, plus compact ===== */
@media(min-width:1100px){.hero-grid{grid-template-columns:1fr 300px !important;gap:64px !important;align-items:center !important}}
.app-mock .am-device{width:260px;max-width:100%;margin:0 auto;padding:10px;border-radius:40px;background:linear-gradient(160deg,#1C2232,#0A0D14);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px -20px rgba(0,0,0,.75),0 0 40px rgba(46,230,168,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.app-mock:not(.app-mock-m) .am-device{transform:perspective(1400px) rotateY(-10deg) rotateX(2deg);transform-origin:center}
.app-mock .am-device::before{top:18px;width:62px;height:18px;margin-left:-31px;border-radius:10px;background:#05070B;box-shadow:none;z-index:2}
.app-mock .am-device::after{content:"";position:absolute;bottom:17px;left:50%;width:80px;height:4px;margin-left:-40px;border-radius:4px;background:rgba(255,255,255,.35);z-index:2}
.app-mock .am-device .am-frame{border-radius:31px;border:0}
.app-mock .am-top{padding:34px 14px 9px;font-size:11px}
.app-mock .am-ticker{font-size:9.5px;padding:6px 0}
.app-mock .am-track{gap:16px;padding-left:12px}
.app-mock .am-body{grid-template-columns:1fr}
.app-mock .am-side{display:none}
.app-mock .am-main{grid-template-columns:1fr;gap:7px;padding:9px 9px 30px}
.app-mock .am-card{padding:9px 10px;border-radius:12px;font-size:9.5px}
.app-mock .am-h{margin-bottom:6px}
.app-mock .am-h span{font-size:10.5px}
.app-mock .am-h em{font-size:8.5px}
.app-mock .am-chart{height:46px}
.app-mock .am-chips{gap:4px;margin-top:6px}
.app-mock .am-chips span{padding:2px 6px;font-size:8.5px}
.app-mock .am-kv{gap:4px}
.app-mock .am-gauge{margin-bottom:7px;height:5px}
.app-mock .am-alerts{gap:5px}
.app-mock .am-alerts li{font-size:9px;line-height:1.3}
.app-mock .am-alerts li span,.app-mock .am-alerts li:nth-child(3){display:none}
.app-mock .am-main:not(.amx)>.am-card:nth-child(3){display:none} /* Rotations masqué : format compact */
.app-mock-m{margin:22px auto 30px !important}
.app-mock-m .am-device{width:220px;padding:8px;border-radius:34px}
.app-mock-m .am-device .am-frame{border-radius:27px}
.app-mock-m .am-device::before{top:15px;width:54px;height:15px;margin-left:-27px}
.app-mock-m .am-device::after{bottom:14px}
.app-mock-m .am-top{padding-top:30px}
.app-mock-m .am-frame{box-shadow:none !important}

.hb-total{color:var(--muted);font-weight:500;margin-left:1px}

/* Mockup : notification Telegram + icône dans Alertes */
.tg-ic{width:14px;height:14px;flex:none}
.am-tg{display:inline-flex;align-items:center;gap:5px}
.am-notif{position:absolute;z-index:3;top:44px;left:14px;right:14px;display:flex;gap:8px;align-items:flex-start;padding:8px 9px;border-radius:14px;background:rgba(30,36,50,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px -8px rgba(0,0,0,.7);animation:anIn 7s ease-in-out infinite}
.am-notif .tg-ic{width:26px;height:26px;margin-top:1px}
.an-txt{min-width:0;font-size:9px;line-height:1.3;color:#C8CDD8}
.an-h{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px}
.an-h b{font-weight:600;color:var(--muted)}
.an-txt>b{display:block;color:#fff;font-weight:700;font-size:9.5px}
.an-txt p{margin:0}
.app-mock-m .am-notif{top:38px;left:11px;right:11px}
@keyframes anIn{0%,6%{opacity:0;transform:translateY(-14px) scale(.96)}14%,80%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-14px) scale(.96)}}
@media (prefers-reduced-motion: reduce){.am-notif{animation:none}}

/* Mockup : menu de raccourcis à droite du téléphone */
.am-dock{position:absolute;z-index:4;top:50%;right:-66px;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}
.ad-b{display:flex;flex-direction:column;align-items:center;gap:5px;width:58px;font-size:9px;font-weight:600;line-height:1.15;text-align:center;color:var(--text-2)}
.ad-b i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(160deg,rgba(46,230,168,.18),rgba(46,230,168,.05));border:1px solid rgba(46,230,168,.35);box-shadow:0 8px 20px -8px rgba(0,0,0,.7),0 0 16px rgba(46,230,168,.12)}
.ad-b svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-mock:not(.app-mock-m) .am-device{margin:0 auto 0 0}
@media(min-width:1100px){.hero-grid{grid-template-columns:1fr 340px !important}}
.app-mock-m .am-dock{right:-58px;gap:12px}
.app-mock-m .ad-b{width:52px;font-size:8.5px}
.app-mock-m .ad-b i{width:38px;height:38px;border-radius:12px}
.app-mock-m .ad-b svg{width:17px;height:17px}
.app-mock-m .am-device{transform:translateX(-22px)}

/* ===== Bloc Analyse : dernier call LDO ===== */
.ldo-grid{display:grid;gap:28px;margin-top:40px}
@media(min-width:960px){.ldo-grid{grid-template-columns:380px 1fr;gap:48px;align-items:start}}
.ldo-grid>*{min-width:0}
.ldo-call{background:linear-gradient(145deg,rgba(30,41,59,.4),rgba(15,23,42,.8));border:1px solid var(--accent-line,rgba(46,230,168,.3));border-radius:24px;padding:26px}
@media(min-width:960px){.ldo-call{position:sticky;top:96px}}
.ldo-call .tag{font-family:var(--mono,'IBM Plex Mono',monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.ldo-call .sym{font-family:Sora,sans-serif;font-weight:300;font-size:52px;letter-spacing:-.02em;color:#fff;margin:8px 0 12px;line-height:1}
.ldo-call .row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.ldo-call .row>span:first-child{color:var(--muted)}
.ldo-call .row>span:last-child{color:var(--text);text-align:right;font-weight:600}
.ldo-call .row .g{color:var(--accent)}
.ldo-call .row .dn{color:#FF6B6B}
.ldo-shot{margin:20px 0 0}
.ldo-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.ldo-shot figcaption{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}
.ldo-body h3{font-size:19px;margin:0 0 12px;color:#fff}
.ldo-body h3:not(:first-child){margin-top:30px}
.ldo-body p{color:var(--text-2);line-height:1.7;margin:0 0 14px}
.ldo-body strong{color:#fff}
.ldo-flow{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ldo-flow li{padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-size:13px;color:var(--text)}
.ldo-flow li:not(:last-child)::after{content:"→";margin-left:12px;color:var(--accent)}
.ldo-flow li:not(:last-child){border:0;background:none;padding:7px 0}
.ldo-flow li:last-child{border-color:var(--accent-line,rgba(46,230,168,.35));color:var(--accent);font-weight:600}
.ldo-warn{margin-top:28px;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,178,63,.3);background:rgba(255,178,63,.05)}
.ldo-warn h3{margin-top:0 !important}
.ldo-warn p{margin:0}
.ldo-note{margin-top:22px !important;font-size:12.5px;color:var(--muted) !important}
.ldo-pnl{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(46,230,168,.07);border:1px solid rgba(46,230,168,.3)}
.ldo-pnl[hidden]{display:none}
.ldo-pnl>span{color:var(--text-2);font-size:13px}
.ldo-pnl b{font-family:Sora,sans-serif;font-weight:400;font-size:30px;letter-spacing:-.02em}
.ldo-pnl b.g{color:var(--accent)}.ldo-pnl b.dn{color:#FF6B6B}
.ldo-pnl small{flex-basis:100%;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.ldo-see{color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:zoom-in}
.lb{position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;padding:0;border:0;background:transparent;max-width:min(92vw,720px);max-height:90vh;overflow:visible}
.lb::backdrop{background:rgba(3,5,9,.85);backdrop-filter:blur(4px)}
.lb img{display:block;max-width:100%;max-height:86vh;border-radius:14px;border:1px solid var(--line-2)}
.lb-x{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:#0C1119;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.ldo-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.ldo-tg{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:999px;border:1px solid rgba(34,158,217,.4);background:rgba(34,158,217,.08);color:#5CC2F2;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.ldo-tg:hover{background:rgba(34,158,217,.16)}
.ldo-tg .tg-ic{width:16px;height:16px}
.ldo-pnl{align-items:center;flex-wrap:nowrap}
.ldo-pnl-v{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ldo-pnl-v small{flex-basis:auto;justify-content:flex-end}
/* Analyse LDO : une seule carte, analyse dépliable */
@media(min-width:960px){.ldo-grid{grid-template-columns:minmax(0,760px) !important}.ldo-call{position:static}}
.ldo-more{margin-top:16px;border-top:1px solid var(--line);padding-top:4px}
.ldo-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-weight:600;font-size:15px;color:#fff}
.ldo-more summary::-webkit-details-marker{display:none}
.ldo-more summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}
.ldo-more[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.ldo-more summary:hover span{color:var(--accent)}
.ldo-more .ldo-body{padding:6px 0 4px}
.ldo-call .row>span.g{color:var(--accent)}
.ldo-call .row>span.dn{color:#FF6B6B}
.ldo-pnl>span.ldo-pnl-l{font-family:Sora,sans-serif;font-size:24px;font-weight:400;color:#fff;letter-spacing:-.01em}
.ldo-pnl-l small{font-family:var(--sans,inherit);font-size:13px;color:var(--muted);letter-spacing:0;margin-left:4px}
@media(max-width:640px){
  .ldo-eyebrow{flex-wrap:wrap}
  .ldo-date{display:block;flex-basis:100%;margin-top:6px;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.85);text-transform:none;font-weight:400}
  .ldo-sep{display:none}
}
.ldo-pnl>span.ldo-pnl-l{white-space:nowrap}
@media(max-width:400px){.ldo-pnl>span.ldo-pnl-l{font-size:20px}.ldo-pnl b{font-size:26px}}
.ldo-pnl .ldo-pnl-l small{display:inline;flex-basis:auto}
.ldo-eyebrow{gap:8px}
.ldo-ic{width:16px;height:16px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.ldo-date{margin-left:24px}}
.ldo-more summary>span{display:inline-flex;align-items:center;gap:8px}
.btn-locked{cursor:not-allowed;opacity:.75;filter:saturate(.7);gap:8px;pointer-events:none}
.btn-locked .lock-ic{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Cartes historiques : ROI mis en avant */
.case-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 12px}
.case-head .sym{margin:0 !important}
.roi{display:flex;flex-direction:column;align-items:flex-end;padding:8px 14px;border-radius:14px;background:rgba(46,230,168,.08);border:1px solid rgba(46,230,168,.35);box-shadow:0 0 24px rgba(46,230,168,.10)}
.roi b{font-family:Sora,sans-serif;font-weight:400;font-size:30px;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#6FFFD2,#2EE6A8 50%,#15C99A);-webkit-background-clip:text;background-clip:text;color:transparent}
.roi small{margin-top:5px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(46,230,168,.85)}
.ldo-more summary .ldo-ic{width:22px;height:22px;stroke-width:2.2}
/* Hero : compte à rebours discret à côté des places */
.hb-cd{border-color:var(--line-2) !important;background:rgba(15,23,42,.45)}
.hb-cd svg{stroke:var(--muted) !important;background:rgba(255,255,255,.04)}
.hb-cd-v{display:block;font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:500;color:var(--text-2);letter-spacing:.02em;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:560px){
  .hero-badges{flex-wrap:nowrap}
  .hero-badges .hb{flex:1 1 0;min-width:0;padding:9px 12px 9px 9px;gap:9px}
  .hero-badges .hb svg{width:28px;height:28px;padding:6px}
  .hero-badges .hb small{letter-spacing:.12em;font-size:9px}
  .hb-cd-v{font-size:12.5px}
}
@media(max-width:380px){.hero-badges .hb svg{display:none}}
.case-card .dur{color:#fff;font-weight:700}
/* Formation : projet final Altseason Radar */
.dev-final{display:grid;gap:18px;margin-top:18px;padding:20px;border-radius:18px;border:1px solid rgba(46,230,168,.4);background:linear-gradient(135deg,rgba(46,230,168,.10),rgba(46,230,168,.02));box-shadow:0 0 40px rgba(46,230,168,.08)}
@media(min-width:760px){.dev-final{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:24px}}
.dev-final>*{min-width:0}
.df-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.dev-final h4{margin:8px 0 10px;font-family:Sora,sans-serif;font-weight:300;font-size:24px;line-height:1.2;color:#fff}
.dev-final h4 em{font-style:normal;background:linear-gradient(135deg,#6FFFD2,#2EE6A8 50%,#15C99A);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}
.dev-final p{margin:0 0 12px;font-size:14px;line-height:1.65;color:var(--text-2)}
.dev-final p strong{color:#fff}
.df-see{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}
.df-img{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);cursor:zoom-in;box-shadow:0 18px 40px -18px rgba(0,0,0,.8)}
.df-img img{display:block;width:100%;height:auto;aspect-ratio:1021/640;object-fit:cover;object-position:top;transition:transform .3s ease}
.df-img:hover img{transform:scale(1.03)}
.cases-head{margin-top:72px}
.cases-head h2{margin-top:14px}
.roi-x b{font-size:40px;font-weight:600}
.roi.roi-neg{background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.35);box-shadow:none}
.roi.roi-neg b{background:none;color:#FF6B6B}
.roi.roi-neg small{color:rgba(255,107,107,.85)}
.case-card .case-date>span:last-child{color:var(--muted);font-size:13px}
.case-card .case-date [data-ago]{color:#fff;font-weight:600}
.case-static:hover{transform:none}
.case-more{margin-top:14px}
.case-more .ldo-body h3{font-size:16px}
.case-more .ldo-body p{font-size:14px}
#formation,#positions,#formules{scroll-margin-top:90px}
.case-card .src{display:inline-flex;align-items:center;gap:7px}
.src-tg{width:14px;height:14px;flex:none;fill:none;stroke:#5CC2F2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}

/* ===== Résultats : positions en cours vs clôturées ===== */
.btn-live{display:inline-flex;align-items:center;gap:9px}
.btn-live .live-dot{width:8px;height:8px}
.uc-cta{justify-content:center;margin-top:36px}
.uc-filter{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 6px}
.uc-filter button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(15,23,42,.6);color:var(--text-2);font:600 14px/1 'IBM Plex Sans',sans-serif;cursor:pointer}
.uc-filter button b{min-width:22px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px}
.uc-filter button.on{border-color:rgba(46,230,168,.6);background:rgba(46,230,168,.12);color:#fff}
.uc-filter button .live-dot{width:8px;height:8px}
.uc-status{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.uc-status .live-dot{width:8px;height:8px}
.uc-status.open{color:#031510;background:linear-gradient(135deg,#6FFFD2,#2EE6A8);box-shadow:0 0 22px rgba(46,230,168,.35)}
.uc-status.open .live-dot{background:#031510;box-shadow:none}
.uc-status.closed{color:var(--text-2);background:rgba(255,255,255,.06);border:1px solid var(--line-2)}
.case-card.is-open{border-color:rgba(46,230,168,.55) !important;box-shadow:0 0 0 1px rgba(46,230,168,.18),0 18px 50px -20px rgba(46,230,168,.35)}
.case-card.is-closed{opacity:.92}
.case-card.is-closed .roi{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);box-shadow:none}
/* Cartes avec analyse complète : mises en avant */
.uc-analysis{align-self:flex-start;margin:-6px 0 14px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#FFC870;background:rgba(255,178,63,.1);border:1px solid rgba(255,178,63,.45)}
.case-card.has-analysis{background:linear-gradient(145deg,rgba(255,178,63,.07),rgba(15,23,42,.85) 45%) !important}
.case-more summary,.ldo-more summary{margin-top:6px;padding:14px 18px !important;border-radius:14px;background:linear-gradient(135deg,rgba(46,230,168,.18),rgba(46,230,168,.06));border:1px solid rgba(46,230,168,.5);box-shadow:0 0 24px rgba(46,230,168,.12)}
.case-more summary>span,.ldo-more summary>span{font-size:15.5px;color:#fff}
.case-more[open] summary,.ldo-more[open] summary{box-shadow:none;background:rgba(46,230,168,.08)}
.acces-places{display:flex;align-items:center;flex-wrap:wrap;gap:0 14px}
.acces-places .live-dot{width:14px;height:14px}
.acces-places .hb-total{color:var(--muted);font-weight:300}
/* Header : « spécial altsaison » en vert clignotant */
.brand-sub .alt-blink{font-weight:700;color:#2EE6A8;text-shadow:0 0 10px rgba(46,230,168,.7);animation:altBlink 1.6s ease-in-out infinite}
@keyframes altBlink{0%,100%{opacity:1;text-shadow:0 0 12px rgba(46,230,168,.85)}50%{opacity:.35;text-shadow:none}}
@media (prefers-reduced-motion: reduce){.brand-sub .alt-blink{animation:none}}
@media(max-width:420px){.brand-sub{letter-spacing:.18em}}
