:root{
  --bg:        #faf7f0;
  --bg-2:      #f3eee3;
  --surface:   #ffffff;
  --surface-2: #fbf8f2;
  --line:      rgba(14,20,17,0.08);
  --line-2:    rgba(14,20,17,0.16);
  --text:      #0e1411;
  --muted:     #5f6c63;
  --dim:       #8a978f;

  --rust:      #e85d0c;            /* S2 : urgent / accent = orange vif */
  --rust-soft: rgba(232,93,12,0.12);
  --gold:      #b8860b;            /* S2 : à traiter / important = ocre */
  --gold-soft: rgba(184,134,11,0.12);
  --sage:      #3f7e58;
  --sage-soft: rgba(63,126,88,0.10);
  --ocean:     #e85d0c;            /* accent signature S2 = orange vif */
  --ocean-soft:rgba(232,93,12,0.12);
  --red:       #c92e2e;
  --charcoal:  #211e19;
  --charline:  #37322b;
  --cream:     #faf7f0;
  --terra-lt:  #e8956b;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55;font-size:16px}
body{min-height:100vh;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}
a{color:inherit;text-decoration:none}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;
  padding:120px 24px 60px;
  display:flex;flex-direction:column;align-items:center;
  overflow:hidden;
  background:var(--charcoal);
}

/* Overlay: cream fade top (for title legibility) + gentle bottom darkening (for laptop shadow contrast) */
.hero-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 72% 78% at 27% 44%, rgba(232,93,12,0.16) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 50% 102%, rgba(0,0,0,0.30) 0%, transparent 72%),
    linear-gradient(to bottom, var(--charcoal) 0%, var(--charcoal) 62%, #1b1813 100%);
}
@media(max-width:900px){
  .hero-overlay{
    background:
      radial-gradient(ellipse 95% 55% at 50% 24%, rgba(232,93,12,0.16) 0%, transparent 60%),
      radial-gradient(ellipse 60% 40% at 50% 102%, rgba(0,0,0,0.30) 0%, transparent 72%),
      linear-gradient(to bottom, var(--charcoal) 0%, var(--charcoal) 62%, #1b1813 100%);
  }
}

.hero-content{position:relative;z-index:2;text-align:center;max-width:880px;width:100%}

.hero h1{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:clamp(40px, 6vw, 78px);
  font-weight:600;line-height:1.04;letter-spacing:-2px;
  margin-bottom:22px;
  color:var(--cream);
  opacity:0;transform:translateY(20px);animation:fadeUp 1s .25s ease forwards;
}
.hero h1 em{font-style:normal;color:#f06a18;font-weight:500}

.hero .sub{
  font-size:clamp(16px,1.2vw,18px);line-height:1.55;color:rgba(250,247,240,0.72);
  max-width:540px;margin:0 auto 30px;
  opacity:0;transform:translateY(20px);animation:fadeUp 1s .45s ease forwards;
}

.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(20px);animation:fadeUp 1s .65s ease forwards}
.btn{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;letter-spacing:0.1px;padding:13px 22px;border-radius:9px;transition:transform .25s ease, box-shadow .25s ease, background .2s ease}
.btn svg,.btn img{width:18px;height:18px}
.btn-primary{background:var(--text);color:var(--bg);box-shadow:0 6px 18px rgba(14,20,17,0.18)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,20,17,0.24)}
.btn-secondary{background:rgba(255,255,255,0.85);color:var(--text);border:1px solid var(--line-2);backdrop-filter:blur(8px)}
.btn-secondary:hover{transform:translateY(-2px);background:#fff;border-color:rgba(14,20,17,0.25)}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.hero .btn-primary{background:var(--cream);color:var(--charcoal);box-shadow:0 8px 24px rgba(0,0,0,0.35)}
.hero .btn-primary:hover{background:#fff}
.hero .btn-secondary{background:rgba(250,247,240,0.08);color:var(--cream);border:1px solid rgba(250,247,240,0.30);backdrop-filter:blur(8px)}
.hero .btn-secondary:hover{background:rgba(250,247,240,0.16);border-color:rgba(250,247,240,0.55)}

/* HEADER — wordmark + Se connecter (sur le hero sombre) */
.site-header{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,56px)}
.site-header .brand{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:.2px}
.site-header .brand{direction:ltr;unicode-bidi:isolate}
.site-header .brand .b-veille{color:var(--cream)}
.site-header .brand .b-email{font-style:italic;color:#f06a18;padding-left:0}
.site-header .brand .b-ai{position:relative;display:inline-block;font-style:italic;color:#fdba74;text-shadow:0 0 6px rgba(249,115,22,.95),0 0 14px rgba(249,115,22,.7),0 0 28px rgba(249,115,22,.4);animation:vmailNeon 2.6s ease-in-out infinite}
.site-header .brand .b-ai::after{content:'ai';position:absolute;left:0;top:0;font-style:italic;color:#fb923c;text-shadow:0 0 8px rgba(249,115,22,.8);opacity:0;transform:scale(1);transform-origin:50% 60%;animation:vmailEcho 2.6s ease-out infinite;pointer-events:none}
@keyframes vmailNeon{0%,100%{text-shadow:0 0 4px rgba(249,115,22,.7),0 0 10px rgba(249,115,22,.45),0 0 20px rgba(249,115,22,.25)}50%{text-shadow:0 0 7px rgba(249,115,22,1),0 0 18px rgba(249,115,22,.85),0 0 36px rgba(249,115,22,.5)}}
@keyframes vmailEcho{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(2)}100%{opacity:0;transform:scale(2)}}
@media (prefers-reduced-motion:reduce){.site-header .brand .b-ai,.site-header .brand .b-ai::after{animation:none}}
.site-header .header-login{font-size:14px;font-weight:500;color:var(--cream);padding:9px 18px;border:1px solid rgba(250,247,240,0.30);border-radius:99px;transition:background .2s ease, border-color .2s ease}
.site-header .header-login:hover{background:rgba(250,247,240,0.12);border-color:rgba(250,247,240,0.6)}
.site-header .header-lang{font-family:inherit;font-size:14px;font-weight:500;color:var(--cream);background:rgba(250,247,240,0.10);border:1px solid rgba(250,247,240,0.30);border-radius:99px;padding:9px 18px;cursor:pointer;outline:none;transition:background .2s ease, border-color .2s ease}
.site-header .header-lang:hover{background:rgba(250,247,240,0.12);border-color:rgba(250,247,240,0.6)}
.site-header .header-lang option{background:#2a2620;color:var(--cream)}
@media (max-width:520px){.site-header{padding:16px 20px}.site-header .brand{font-size:18px}}

/* LAPTOP — flotte au-dessus de l'océan */
.laptop-wrap{
  position:relative;z-index:2;
  width:min(820px, 94vw);
  margin:56px auto 0;
  opacity:0;transform:translateY(40px);
  animation:fadeUp 1.2s .9s ease forwards;
}

.laptop{
  position:relative;
}

/* Lid (screen body) */
.laptop-lid{
  background:linear-gradient(180deg, #d8d8dd, #c2c4ca);
  border-radius:14px 14px 6px 6px;
  padding:14px 14px 18px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.6) inset,
    0 -1px 0 rgba(0,0,0,0.10) inset,
    0 30px 50px rgba(33,30,25,0.30),
    0 60px 90px rgba(33,30,25,0.20);
}

.laptop-camera{width:6px;height:6px;border-radius:50%;background:#2a2c30;margin:0 auto 8px;box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset}

/* Display = where the demo lives */
.laptop-display{
  position:relative;
  background:linear-gradient(180deg, var(--bg-2), var(--bg));
  border-radius:6px;
  padding:18px 20px 18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.30);
  box-shadow:0 0 0 2px rgba(255,255,255,0.4) inset, 0 6px 20px rgba(0,0,0,0.25) inset;
  min-height:420px;
}

/* Base (keyboard deck) */
.laptop-base{
  position:relative;
  height:14px;
  margin:0 -28px;
  background:linear-gradient(180deg, #c5c7cd 0%, #aeb0b6 50%, #8e9097 100%);
  border-radius:0 0 18px 18px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.4) inset,
    0 -2px 4px rgba(0,0,0,0.10) inset,
    0 30px 60px rgba(33,30,25,0.45);
}
.laptop-base::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:120px;height:6px;
  background:linear-gradient(180deg, #888a90, #6e7077);
  border-radius:0 0 8px 8px;
}

@media (max-width:720px){
  .laptop-lid{padding:10px 10px 14px}
  .laptop-display{padding:14px 14px;min-height:380px}
  .laptop-base{margin:0 -16px}
}

/* DEMO INSIDE LAPTOP */
.demo-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.demo-topbar .left{display:flex;align-items:center;gap:12px}
.demo-topbar .traffic{display:flex;gap:5px}
.demo-topbar .traffic span{width:9px;height:9px;border-radius:50%;background:rgba(14,20,17,0.12)}
.demo-topbar .name{font-size:12px;color:var(--muted);font-weight:500}
.demo-topbar .name strong{color:var(--text);font-weight:600}
.demo-topbar .badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:var(--red);font-weight:600;letter-spacing:.4px;padding:3px 10px;background:rgba(201,46,46,0.08);border:1px solid rgba(201,46,46,0.22);border-radius:99px;transition:all .6s ease}
.demo-topbar .badge[data-state="done"]{color:var(--sage);background:rgba(63,126,88,0.10);border-color:rgba(63,126,88,0.30)}
.demo-topbar .badge .b-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}

.demo-status{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-style:italic;text-align:center;font-size:13px;color:var(--muted);height:20px;position:relative;margin-top:12px;margin-bottom:4px}
.demo-status > span{position:absolute;left:0;right:0;opacity:0;transition:opacity .5s ease}
.demo-status .s-scanning,.demo-status .s-sorting{color:var(--gold)}
.demo-status .s-done{color:var(--sage)}
.demo-stage[data-state="incoming"] ~ .demo-status .s-incoming,
.demo-stage[data-state="scanning"] ~ .demo-status .s-scanning,
.demo-stage[data-state="sorting"]  ~ .demo-status .s-sorting,
.demo-stage[data-state="done"]     ~ .demo-status .s-done{opacity:1}

.demo-stage{position:relative;height:340px;margin:0 -4px}
.demo-stage[data-state="scanning"]::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(180deg, rgba(184,134,11,0.55), transparent);border-radius:99px;animation:scan 1.4s ease-in-out;pointer-events:none;z-index:5}
@keyframes scan{0%{top:-10px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:340px;opacity:0}}

.demo-cols-head{position:absolute;top:0;left:4px;right:4px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;opacity:0;transition:opacity .6s ease;pointer-events:none}
.demo-stage[data-state="sorting"] .demo-cols-head,
.demo-stage[data-state="done"]    .demo-cols-head{opacity:1}
.demo-cols-head h4{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;padding:6px 8px;border-radius:5px;border:1px solid;text-align:center}
.demo-cols-head h4.urgent{color:var(--rust);background:var(--rust-soft);border-color:rgba(232,93,12,0.32)}
.demo-cols-head h4.reply {color:var(--gold);background:var(--gold-soft);border-color:rgba(184,134,11,0.28)}
.demo-cols-head h4.info  {color:var(--sage);background:var(--sage-soft);border-color:rgba(63,126,88,0.28)}

.email{position:absolute;left:4px;width:calc(100% - 8px);height:38px;display:grid;grid-template-columns:10px 1fr auto;grid-template-rows:auto;gap:10px;align-items:center;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:12px;transform:translate(0,0);opacity:0;transition:transform 1.1s cubic-bezier(.4,0,.2,1),width 1.1s cubic-bezier(.4,0,.2,1),height 1.1s cubic-bezier(.4,0,.2,1),opacity .6s ease,background .4s ease,border-color .4s ease,padding 1.1s ease,filter .5s ease;box-shadow:0 1px 2px rgba(33,30,25,0.04)}
.email .dot{width:7px;height:7px;border-radius:50%;background:var(--dim)}
.email[data-cat="urgent"] .dot{background:var(--rust);box-shadow:0 0 6px rgba(232,93,12,0.5)}
.email[data-cat="reply"]  .dot{background:var(--gold)}
.email[data-cat="info"]   .dot{background:var(--sage)}
.email[data-cat="noise"]  .dot{background:var(--dim)}
.email .meta{min-width:0}
.email .from{font-weight:600;color:var(--text);font-size:11.5px;line-height:1.2;display:block}
.email .subj{display:block;color:var(--muted);font-weight:400;font-size:10.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.email .time{color:var(--dim);font-size:10px;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace}
.email.appearing{opacity:1}

.email.in-col{height:auto;min-height:64px;padding:9px 10px;grid-template-columns:10px 1fr;gap:9px;align-items:start}
.email.in-col .time{display:none}
.email.in-col .from{font-size:11px}
.email.in-col .subj{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:10px;margin-top:2px;line-height:1.35}
.email[data-cat="urgent"].in-col{background:var(--rust-soft);border-color:rgba(232,93,12,0.30)}
.email[data-cat="reply"].in-col {background:var(--gold-soft);border-color:rgba(184,134,11,0.26)}
.email[data-cat="info"].in-col  {background:var(--sage-soft);border-color:rgba(63,126,88,0.24)}
.email .draft-chip{display:none;margin-top:6px;font-size:8.5px;color:var(--sage);letter-spacing:.2px;padding:2px 7px;background:rgba(63,126,88,0.14);border-radius:99px;width:-moz-fit-content;width:fit-content;grid-column:2}
.email[data-cat="urgent"].in-col .draft-chip{display:inline-block;color:var(--rust);background:rgba(232,93,12,0.16)}
.email[data-cat="reply"].in-col  .draft-chip{display:inline-block}

.email.dismissed{opacity:0;transform:translate(0,var(--y,0)) scale(.85);filter:blur(2px)}

/* Trigger button — under the laptop */
.trigger-wrap{
  position:relative;z-index:2;
  display:flex;justify-content:center;
  margin:34px auto 0;
}
.trigger{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:15px;font-weight:600;letter-spacing:.1px;
  padding:14px 32px;border-radius:99px;
  min-width:260px;
  background:#fff;color:var(--text);
  border:1px solid rgba(14,20,17,0.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 10px 30px rgba(33,30,25,0.18),
    0 0 50px rgba(255,255,255,0.5);
  transition:transform .25s ease, box-shadow .35s ease, background .35s ease, color .35s ease, border-color .35s ease;
}
.trigger:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 16px 40px rgba(33,30,25,0.24),
    0 0 70px rgba(255,255,255,0.7);
}
.trigger .star{
  color:var(--rust);font-size:14px;
  animation:starTwinkle 2.4s ease-in-out infinite;
}
@keyframes starTwinkle{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}

.laptop-wrap[data-mode="idle"] .trigger::after{
  content:"";position:absolute;left:50%;top:50%;
  width:140%;height:240%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center, rgba(255,255,255,0.55) 0%, rgba(184,134,11,0.18) 30%, transparent 65%);
  filter:blur(20px);
  z-index:-1;pointer-events:none;
  animation:triggerHalo 3s ease-in-out infinite;
}
@keyframes triggerHalo{
  0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}
  50%    {opacity:.9; transform:translate(-50%,-50%) scale(1.15)}
}

.trigger > span{display:none}
.laptop-wrap[data-mode="idle"]    .trigger .lbl-idle{display:inline-flex;align-items:center;gap:10px}
.laptop-wrap[data-mode="running"] .trigger .lbl-running{display:inline-flex;align-items:center;gap:10px}
.laptop-wrap[data-mode="done"]    .trigger .lbl-done{display:inline-flex;align-items:center;gap:10px}

.laptop-wrap[data-mode="running"] .trigger{
  cursor:wait;
  background:rgba(255,255,255,0.6);
  color:var(--muted);
  border-color:var(--line);
  box-shadow:0 4px 12px rgba(33,30,25,0.12);
}
.laptop-wrap[data-mode="running"] .trigger .star{color:var(--muted);animation:none}
.spin{display:inline-block;width:13px;height:13px;border:1.5px solid rgba(95,108,99,0.3);border-top-color:var(--muted);border-radius:50%;animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.laptop-wrap[data-mode="done"] .trigger{
  background:transparent;
  color:var(--sage);
  border:1px solid rgba(63,126,88,0.4);
  box-shadow:none;
}
.laptop-wrap[data-mode="done"] .trigger:hover{background:rgba(63,126,88,0.06);border-color:var(--sage);color:var(--text)}

/* Nouveau hero — 2 colonnes (texte + aperçu produit statique) */
.hero-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
@media(max-width:900px){.hero-wrap{grid-template-columns:1fr;gap:38px;text-align:center}}
.hero-text .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:#f0a86a;background:rgba(232,93,12,0.10);border:1px solid rgba(232,93,12,0.28);padding:6px 13px;border-radius:99px;margin-bottom:24px;opacity:0;transform:translateY(20px);animation:fadeUp 1s .15s ease forwards}
.hero-text .ctas{justify-content:flex-start}
.hero-text .sub{margin:0 0 30px;max-width:480px}
@media(max-width:900px){.hero-text .ctas{justify-content:center}.hero-text .sub{margin-left:auto;margin-right:auto}}
.hero .trust{margin-top:22px;font-size:12.5px;color:rgba(250,247,240,0.5);display:flex;flex-direction:column;gap:9px;align-items:flex-start;opacity:0;transform:translateY(20px);animation:fadeUp 1s .8s ease forwards}
@media(max-width:900px){.hero .trust{align-items:center}}
.hero .trust span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hero-preview{opacity:0;transform:translateY(30px);animation:fadeUp 1.1s .5s ease forwards}
.hero-preview .pv{background:var(--surface);border-radius:16px;border:1px solid rgba(0,0,0,0.18);box-shadow:0 40px 80px rgba(0,0,0,0.42),0 12px 28px rgba(0,0,0,0.28);overflow:hidden;text-align:left}
.hero-preview .pv-top{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.hero-preview .pv-lt{display:flex;align-items:center;gap:10px}
.hero-preview .pv-dots{display:flex;gap:5px}
.hero-preview .pv-dots i{width:9px;height:9px;border-radius:50%;background:rgba(14,20,17,0.12)}
.hero-preview .pv-nm{font-size:12px;color:var(--muted)} .hero-preview .pv-nm b{color:var(--text);font-weight:600}
.hero-preview .pv-badge{font-size:10.5px;font-weight:600;letter-spacing:.4px;color:var(--sage);background:var(--sage-soft);border:1px solid rgba(63,126,88,0.3);border-radius:99px;padding:4px 11px;display:inline-flex;align-items:center;gap:6px}
.hero-preview .pv-badge i{width:5px;height:5px;border-radius:50%;background:var(--sage)}
.hero-preview .pv-body{padding:16px}
.hero-preview .pv-greet{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;color:var(--text)}
.hero-preview .pv-date{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:10.5px;color:var(--rust);letter-spacing:.5px;margin-bottom:14px}
.hero-preview .pv-col{margin-bottom:12px}
.hero-preview .pv-ch{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;padding:5px 9px;border-radius:6px;margin-bottom:7px;border:1px solid}
.hero-preview .pv-ch.u{color:var(--rust);background:rgba(232,93,12,0.10);border-color:rgba(232,93,12,0.28)}
.hero-preview .pv-ch.r{color:var(--gold);background:var(--gold-soft);border-color:rgba(184,134,11,0.26)}
.hero-preview .pv-ch.i{color:var(--sage);background:var(--sage-soft);border-color:rgba(63,126,88,0.24)}
.hero-preview .pv-mail{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:var(--surface)}
.hero-preview .pv-d{width:7px;height:7px;border-radius:50%}
.hero-preview .pv-mail.u .pv-d{background:var(--rust)} .hero-preview .pv-mail.r .pv-d{background:var(--gold)} .hero-preview .pv-mail.i .pv-d{background:var(--sage)}
.hero-preview .pv-meta{min-width:0}
.hero-preview .pv-from{font-size:11.5px;font-weight:600;color:var(--text);display:block;line-height:1.2}
.hero-preview .pv-subj{font-size:10.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.hero-preview .pv-tm{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:9.5px;color:var(--dim)}
.hero-preview .pv-chip{display:inline-block;margin-top:4px;font-size:8.5px;color:var(--rust);background:rgba(232,93,12,0.12);border-radius:99px;padding:1px 7px}
.hero-preview .pv-chip.g{color:var(--gold);background:var(--gold-soft)}
.hero-preview .pv-stats{display:flex;gap:7px;flex-wrap:wrap;margin:-2px 0 14px}
.hero-preview .pv-stat{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:9.5px;letter-spacing:.2px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:3px 9px}
.hero-preview .pv-stat b{color:var(--text);font-weight:700}
.hero-preview .pv-draft{margin:7px 0 2px;background:#211e19;border:1px solid rgba(232,93,12,0.24);border-radius:10px;padding:11px 12px}
.hero-preview .pv-draft-lab{font-size:8.5px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#f0a86a;display:flex;align-items:center;gap:6px;margin-bottom:6px}
.hero-preview .pv-draft-txt{font-size:11px;line-height:1.5;color:rgba(250,247,240,0.9)}
.hero-preview .pv-draft-act{display:flex;align-items:center;gap:9px;margin-top:10px}
.hero-preview .pv-reply{font-size:10.5px;font-weight:700;color:var(--cream);background:var(--rust);border-radius:99px;padding:6px 14px}
.hero-preview .pv-edit{font-size:10.5px;font-weight:600;color:rgba(250,247,240,0.72)}
.hero-preview .pv-search{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:var(--surface-2);color:var(--dim);font-size:10.5px}
.hero-preview .pv-search svg{width:13px;height:13px;flex:0 0 auto;stroke:var(--muted);fill:none}
.hero-preview .pv-badge .pv-ic{width:12px;height:12px;stroke:var(--sage);fill:none}
.hero-preview .pv-ch{background:transparent;border:0;border-top:2px solid;border-radius:0;padding:10px 0 7px;font-size:10px;letter-spacing:1.3px;align-items:center}
.hero-preview .pv-ch.u{border-color:var(--rust);color:var(--rust)} .hero-preview .pv-ch.r{border-color:var(--gold);color:var(--gold)} .hero-preview .pv-ch.i{border-color:var(--sage);color:var(--sage)}
.hero-preview .pv-cnt{font-size:9px;font-weight:700;color:#fff;border-radius:99px;padding:1px 7px;min-width:16px;text-align:center}
.hero-preview .pv-ch.u .pv-cnt{background:var(--rust)} .hero-preview .pv-ch.r .pv-cnt{background:var(--gold)} .hero-preview .pv-ch.i .pv-cnt{background:var(--sage)}
.hero-preview .pv-item{margin-bottom:6px}
.hero-preview button.pv-mail{appearance:none;-webkit-appearance:none;font:inherit;width:100%;cursor:pointer;transition:border-color .15s ease, background .15s ease}
.hero-preview button.pv-mail:hover{border-color:rgba(14,20,17,0.30);background:var(--surface-2)}
.hero-preview button.pv-mail.sel{border-color:var(--rust)}
.hero-preview button.pv-mail.done .pv-from,.hero-preview button.pv-mail.done .pv-subj{opacity:.55}
.hero-preview .pv-rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hero-preview .pv-draft-flag{font-size:7.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--rust);background:rgba(232,93,12,0.12);border-radius:4px;padding:2px 6px;white-space:nowrap}
.hero-preview .pv-exp{max-height:0;overflow:hidden;transition:max-height .3s ease}
.hero-preview .pv-exp.open{max-height:300px}
.hero-preview button.pv-reply{appearance:none;border:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:5px}
.hero-preview button.pv-edit{appearance:none;background:none;border:none;cursor:pointer;font:inherit}
.hero-preview .pv-reply svg{width:12px;height:12px;stroke:var(--cream);fill:none}
.hero-preview .pv-draft-lab svg{width:12px;height:12px;stroke:#f0a86a;fill:none}
.hero-preview .pv-sent{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#86d6a6}
.hero-preview .pv-sent svg{width:13px;height:13px;stroke:#86d6a6;fill:none}
.hero-preview .pv-sum{display:flex;align-items:flex-start;gap:7px;font-size:10.5px;line-height:1.5;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin:7px 0 2px}
.hero-preview .pv-sum svg{width:12px;height:12px;flex:0 0 auto;stroke:var(--gold);fill:none;margin-top:1px}
.hero-preview .pv-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:10.5px;color:var(--text)}
.hero-preview .pv-search input::placeholder{color:var(--dim)}
.hero-preview .pv-result{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.hero-preview .pv-res{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.hero-preview .pv-res svg{width:13px;height:13px;stroke:var(--muted);fill:none}
.hero-preview .pv-res .rn{font-size:10.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-preview .pv-res .rm{font-size:8.5px;color:var(--dim);font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace}
.hero-preview .pv-res .ro{font-size:9.5px;font-weight:700;color:var(--rust);white-space:nowrap}
.hero-preview .pv-empty{font-size:10px;color:var(--dim);text-align:center;padding:8px;border:1px dashed var(--line);border-radius:8px}
.hero-preview{position:relative;background:#17140f;border:1px solid #2c2720;border-radius:30px;padding:13px;box-shadow:0 34px 80px rgba(0,0,0,0.5)}
.hero-preview::before{content:"";position:absolute;top:6px;left:50%;width:5px;height:5px;border-radius:50%;background:#34302a;transform:translateX(-50%)}
.hero-preview .pv{border:0;border-radius:18px;background:var(--bg);box-shadow:none}
.hero-preview .pv-top{background:var(--charcoal);border-bottom:1px solid var(--charline)}
.hero-preview .pv-top .pv-nm b{color:var(--cream)}
.hero-preview .pv-dots i{background:rgba(250,247,240,0.22)}
.hero-preview .pv-badge{color:#7fc79b;background:rgba(63,126,88,0.18);border-color:rgba(63,126,88,0.4)}
.hero-preview .pv-badge .pv-ic{stroke:#7fc79b}
.hero-preview .pv-body{background:var(--bg)}
.hero-preview .pv-mail,.hero-preview .pv-stat,.hero-preview .pv-search{background:var(--surface)}
.hero-preview .pv-reply{font-size:9.5px;font-weight:700;padding:5px 11px}
.hero-preview .pv-reply svg{width:11px;height:11px}
.hero-preview .pv-edit{font-size:9.5px}
.hero-preview .pv-draft-act{gap:8px;margin-top:8px}
@media(max-width:900px){.hero-preview{max-width:460px;margin:0 auto;width:100%}}
.hero-preview{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.hero-preview::before{content:none}
.app-phone{position:relative;width:100%;max-width:300px;margin:0 auto;background:#0d0b08;border-radius:42px;padding:10px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.app-phone .ap-shot{display:block;width:100%;border-radius:33px}
.app-phone .ap-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#000;border-radius:13px;z-index:2}
.app-phone .ap-tabs{position:absolute;left:10px;right:10px;bottom:14px;height:7.5%;display:flex;z-index:3}
.app-phone .ap-tabs button{flex:1;background:none;border:0;padding:0;cursor:pointer}

/* === SECTIONS BELOW HERO — kept temporarily on light bg, to be redesigned after hero validation === */

.features{max-width:1200px;margin:0 auto;padding:120px clamp(20px,4vw,56px) 60px;position:relative;z-index:1}
.features .head{text-align:center;margin-bottom:64px}
.features .head .label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--sage);font-weight:600;margin-bottom:14px;display:block}
.features .head h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:clamp(32px,4.5vw,56px);font-weight:600;line-height:1.1;letter-spacing:-1.2px;max-width:680px;margin:0 auto}
.features .head h2 em{font-style:italic;color:var(--ocean);font-weight:500}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.features-grid{grid-template-columns:1fr}}
.feature{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:40px 34px;box-shadow:0 10px 30px rgba(33,30,25,0.06);transition:transform .3s ease, box-shadow .3s ease}
.feature:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(33,30,25,0.13)}
.feature .ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;font-size:23px;margin-bottom:26px;border:1px solid}
.feature.urgent .ico{color:var(--rust);background:var(--rust-soft);border-color:rgba(232,93,12,0.30)}
.feature.reply  .ico{color:var(--gold);background:var(--gold-soft);border-color:rgba(184,134,11,0.26)}
.feature.info   .ico{color:var(--sage);background:var(--sage-soft);border-color:rgba(63,126,88,0.26)}
.feature h3{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-.4px;margin-bottom:12px;color:var(--text)}
.feature p{font-size:14.5px;line-height:1.65;color:var(--muted)}
.feature-ex{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--dim)}
.feature-ex b{font-weight:600;color:var(--muted)}

/* « Le rapport » annoté — refonte section Comment ça marche (variante B) */
.report{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1000px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(33,30,25,.10)}
@media(max-width:860px){.report{grid-template-columns:1fr}}
.report .r-left{background:var(--charcoal);padding:36px 34px;color:var(--cream)}
.report .r-head{direction:ltr;unicode-bidi:isolate;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.3px}
.report .r-head .e{font-style:italic;color:#f06a18}
.report .r-date{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11px;color:rgba(250,247,240,.55);letter-spacing:.5px;margin:5px 0 24px}
.pile{margin-bottom:18px}
.pile .ph{display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--charline);margin-bottom:10px}
.pile.u .ph{color:#f0975a}.pile.r .ph{color:#d9b15a}.pile.i .ph{color:#7fae8e}
.rm{display:flex;align-items:center;gap:9px;padding:6px 0}
.rm .d{width:7px;height:7px;border-radius:50%;flex:none}
.pile.u .rm .d{background:var(--rust)}.pile.r .rm .d{background:var(--gold)}.pile.i .rm .d{background:var(--sage)}
.rm .frm{font-size:12.5px;font-weight:600;color:var(--cream)}
.rm .sj{font-size:11px;color:rgba(250,247,240,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm .tag2{margin-left:auto;font-size:9px;color:#f0975a;border:1px solid rgba(240,151,90,.4);border-radius:99px;padding:1px 8px;white-space:nowrap}
.report .r-right{padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:28px}
.ann{display:flex;gap:16px;align-items:flex-start}
.ann .n{flex:none;width:104px;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-style:italic;font-weight:600;color:var(--rust);line-height:1.18}
.ann h4{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.3px;margin-bottom:5px;color:var(--text)}
.ann p{font-size:13.5px;line-height:1.6;color:var(--muted)}
.specs{max-width:1000px;margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:10px 24px;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11px;letter-spacing:.6px;color:var(--dim)}
.specs b{color:var(--muted);font-weight:600}
.specs .sep{color:var(--line-2)}
@media(max-width:560px){.ann{flex-direction:column;gap:5px}.ann .n{width:auto;font-size:16px}.ann h4{font-size:18px;margin-bottom:6px}.ann p{font-size:14px;line-height:1.65}}
@media(max-width:520px){.report .r-left,.report .r-right{padding:30px 24px}.report .r-right{gap:24px}}

.proof{background:radial-gradient(ellipse 72% 95% at 50% 50%, rgba(232,93,12,0.10) 0%, transparent 62%), var(--charcoal);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:0;padding:60px clamp(20px,4vw,56px);border-top:1px solid var(--charline);border-bottom:1px solid var(--charline);text-align:center}
.proof-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
@media (max-width:720px){.proof-inner{grid-template-columns:1fr;gap:30px}}
.proof .stat .num{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:clamp(26px,3.2vw,38px);font-weight:600;color:var(--cream);letter-spacing:-1.5px;line-height:1;margin-bottom:8px}
.proof .stat .num em{color:var(--ocean);font-style:italic;font-weight:500}
.proof .stat .lbl{font-size:13px;color:rgba(250,247,240,0.6);letter-spacing:.5px}

/* PRICING (S2) — un seul plan, essai sans carte */
.pricing{max-width:900px;margin:0 auto;padding:96px clamp(20px,4vw,56px) 8px;text-align:center}
.pricing .p-label{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--rust);margin-bottom:14px}
.pricing h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-1px;line-height:1.08;margin-bottom:34px}
.pricing h2 em{font-style:italic;color:var(--ocean);font-weight:500}
.price-card{max-width:430px;margin:0 auto;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:34px 30px 30px;box-shadow:0 18px 48px rgba(14,20,17,0.08);text-align:center}
.price-card .amount{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:56px;font-weight:600;letter-spacing:-2px;color:var(--text);line-height:1}
.price-card .amount span{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted)}
.price-card .trial{display:inline-block;margin:14px 0 20px;font-size:13px;font-weight:600;color:var(--gold);background:var(--gold-soft);border-radius:99px;padding:6px 14px}
.price-card ul{list-style:none;text-align:start;margin:0 auto 24px;max-width:310px;display:flex;flex-direction:column;gap:9px}
.price-card li{font-size:14px;color:var(--muted);padding-inline-start:24px;position:relative}
.price-card li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--sage);font-weight:700}
.price-card .btn{width:100%;justify-content:center}
.price-card .note{margin-top:12px;font-size:12px;color:var(--dim)}
/* Deux formules (Essentiel / Premium) */
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:780px;margin:0 auto;align-items:stretch}
.price-grid .price-card{max-width:none;margin:0;display:flex;flex-direction:column;position:relative}
.price-grid .price-card ul{flex:1;width:100%;max-width:310px}
.plan-name{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.price-featured{border-color:var(--rust);box-shadow:0 22px 56px rgba(14,20,17,0.12)}
.price-featured .plan-name{color:var(--rust)}
/* Centrage direction-agnostique (left+translateX fonctionne aussi en RTL) */
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--rust);color:#fff;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;border-radius:99px;padding:5px 14px;white-space:nowrap}
.price-card li.all{color:var(--text);font-weight:600}
.pricing .ref-note{margin:26px auto 0;max-width:560px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.price-grid{grid-template-columns:1fr;max-width:430px}}
.hero-amb{display:inline-block;margin-top:18px;font-size:13.5px;font-weight:600;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(184,134,11,.35);border-radius:99px;padding:8px 16px;text-decoration:none;transition:transform .2s ease}
.hero-amb:hover{transform:translateY(-1px)}
.ambassador{max-width:900px;margin:0 auto;padding:96px clamp(20px,4vw,56px) 8px;text-align:center}
.ambassador .p-label{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--rust);margin-bottom:14px}
.ambassador h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-1px;line-height:1.08;margin-bottom:14px}
.ambassador h2 em{font-style:italic;color:var(--ocean);font-weight:500}
.ambassador .am-sub{max-width:560px;margin:0 auto 34px;font-size:15px;color:var(--muted);line-height:1.6}
.am-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:start}
.am-step{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:26px 24px;box-shadow:0 12px 32px rgba(14,20,17,0.06)}
.am-step .am-n{width:34px;height:34px;border-radius:50%;background:var(--rust);color:#fff;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.am-step h3{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}
.am-step p{font-size:13.5px;color:var(--muted);line-height:1.55}
.am-badge{display:inline-block;margin-top:30px;font-size:13px;font-weight:600;color:var(--gold);background:var(--gold-soft);border-radius:99px;padding:8px 18px}
@media(max-width:760px){.am-steps{grid-template-columns:1fr}}
@keyframes vePk{from{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}
.hero h1 .pk{display:inline-block;opacity:0;animation:vePk .55s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--pkd)}

.final{max-width:900px;margin:0 auto;padding:120px clamp(20px,4vw,56px) 100px;text-align:center;position:relative;z-index:1}
body.home .final{padding-top:72px;padding-bottom:76px}
body.home .explore{padding-top:44px}
.final h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:600;line-height:1.05;letter-spacing:-1.5px;margin-bottom:24px}
.final h2 em{font-style:italic;color:var(--ocean);font-weight:500}
.final .sub{font-size:17px;color:var(--muted);max-width:520px;margin:0 auto 36px}
.final .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

footer{background:var(--charcoal);border-top:1px solid var(--charline);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:38px clamp(20px,4vw,56px)}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(250,247,240,0.5);flex-wrap:wrap;gap:14px}
footer a{color:rgba(250,247,240,0.72);transition:color .2s ease}
footer a:hover{color:var(--cream)}

/* SCHEDULE MODAL */
.modal{
  position:fixed;inset:0;z-index:200;
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.modal.is-open{display:flex}
.modal-backdrop{
  position:absolute;inset:0;
  background:rgba(14,20,17,0.55);
  backdrop-filter:blur(10px) saturate(140%);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  opacity:0;animation:modalBackdropIn .35s ease forwards;
}
.modal-card{
  position:relative;z-index:1;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  padding:36px 36px 28px;
  max-width:500px;width:100%;
  box-shadow:0 32px 80px rgba(33,30,25,0.32), 0 1px 0 rgba(255,255,255,0.6) inset;
  opacity:0;transform:translateY(20px) scale(.97);
  animation:modalCardIn .45s .08s cubic-bezier(.4,1.5,.6,1) forwards;
}
.modal-header h2{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:26px;font-weight:600;
  color:var(--text);
  letter-spacing:-0.6px;line-height:1.15;
  margin-bottom:8px;
}
.modal-header h2 em{font-style:italic;color:var(--ocean);font-weight:500}
.modal-header p{
  font-size:14px;color:var(--muted);
  margin-bottom:28px;
}
.modal-section{margin-bottom:22px}
.modal-label{
  display:block;
  font-size:10.5px;text-transform:uppercase;letter-spacing:1.6px;
  font-weight:700;color:var(--muted);
  margin-bottom:10px;
}
.days-picker{display:flex;gap:6px}
.day-pill{
  flex:1;
  padding:11px 0;
  border-radius:9px;
  background:var(--bg-2);
  border:1px solid var(--line);
  font-size:12.5px;font-weight:600;
  color:var(--muted);
  transition:all .2s ease;
  font-family:inherit;cursor:pointer;
}
.day-pill:hover{background:rgba(232,93,12,0.06);color:var(--text)}
.day-pill.is-on{
  background:var(--text);color:var(--bg);
  border-color:var(--text);
  box-shadow:0 4px 10px rgba(14,20,17,0.18);
}
.hour-picker{
  display:flex;align-items:center;justify-content:center;
  gap:18px;
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px 20px;
}
.hour-btn{
  width:36px;height:36px;border-radius:50%;
  background:var(--surface);
  border:1px solid var(--line-2);
  font-size:20px;font-weight:500;line-height:1;
  color:var(--text);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .2s ease;
  font-family:inherit;
}
.hour-btn:hover{background:var(--text);color:var(--bg);border-color:var(--text)}
.hour-btn:disabled{opacity:.35;cursor:not-allowed}
.hour-btn:disabled:hover{background:var(--surface);color:var(--text);border-color:var(--line-2)}
.hour-display{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:30px;font-weight:600;
  color:var(--text);
  letter-spacing:-0.7px;
  min-width:90px;text-align:center;
}
.hour-display .h-suffix{color:var(--muted);font-weight:500;font-size:22px;margin-left:2px}
.modal-actions{
  display:flex;gap:10px;
  margin-top:28px;
}
.modal-cancel{
  padding:13px 22px;border-radius:9px;
  border:1px solid var(--line-2);background:transparent;
  color:var(--muted);font-size:14px;font-weight:500;
  cursor:pointer;transition:all .2s ease;
  font-family:inherit;
}
.modal-cancel:hover{color:var(--text);background:var(--bg-2);border-color:var(--text)}
.modal-submit{
  flex:1;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 22px;border-radius:9px;
  background:var(--text);color:var(--bg);
  font-size:14.5px;font-weight:500;letter-spacing:0.1px;
  cursor:pointer;border:0;
  transition:transform .2s ease, box-shadow .25s ease;
  font-family:inherit;
}
.modal-submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(14,20,17,0.22)}
.modal-submit svg{width:18px;height:18px}
@keyframes modalBackdropIn{to{opacity:1}}
@keyframes modalCardIn{to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:520px){
  .modal-card{padding:28px 22px 22px}
  .modal-header h2{font-size:22px}
  .day-pill{font-size:11px;padding:10px 0}
  .modal-actions{flex-direction:column-reverse}
  .modal-cancel{width:100%}
}

/* Aération mobile — marges latérales plus larges + respiration (session s31) */
@media (max-width:600px){
  .hero{padding-left:28px;padding-right:28px}
  .hero .sub{line-height:1.68}
  .features{padding-left:26px;padding-right:26px}
  .report .r-right{gap:26px}
  .ann p{line-height:1.7}
  .proof{padding-left:26px;padding-right:26px}
  .proof-inner{gap:38px}
  .pricing{padding-left:26px;padding-right:26px}
  .pricing h2{margin-bottom:30px}
  .price-grid{gap:24px}
  .price-card{padding:30px 26px 28px}
  .price-card ul{gap:12px}
  .price-card li{line-height:1.5}
  .ambassador{padding-left:26px;padding-right:26px}
  .am-steps{gap:18px}
  .am-step{padding:26px 24px}
  .final{padding-left:28px;padding-right:28px}
  .final .sub{line-height:1.7}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01s !important;transition-duration:.01s !important}
}

/* ============================================================
   RTL (arabe) — corrige les simulations .va (téléphone) et .vw (fenêtre desktop).
   Tout est scopé sous [dir="rtl"] : aucun impact sur le rendu LTR.
   Les propriétés physiques figées (float, margin-left/right, text-align:left,
   left:) sont inversées ou neutralisées pour un rendu correct en arabe.
   ============================================================ */
[dir="rtl"] .va,
[dir="rtl"] .vw{direction:rtl}

/* --- Téléphone .va --- */
[dir="rtl"] .va .row{padding:11px 0 11px 12px;text-align:right}
[dir="rtl"] .va .row .ac{margin-right:0;margin-left:12px}
[dir="rtl"] .va .row .tm{float:left}
[dir="rtl"] .va .disc{margin-left:0;margin-right:10px}
[dir="rtl"] .va .back svg,
[dir="rtl"] .va .row svg[data-noflip],
[dir="rtl"] .va .reply svg{transform:scaleX(-1)}
[dir="rtl"] .va .lbl,
[dir="rtl"] .va .dl,
[dir="rtl"] .va .lab,
[dir="rtl"] .va .info{letter-spacing:0}
[dir="rtl"] .va .sh{flex-direction:row-reverse}
[dir="rtl"] .va .dtone,
[dir="rtl"] .va .dact{flex-direction:row-reverse;justify-content:flex-end}

/* --- Fenêtre desktop .vw --- */
[dir="rtl"] .vw .app{grid-template-columns:1fr 214px}
[dir="rtl"] .vw .nav button{text-align:right}
[dir="rtl"] .vw .row .ac,
[dir="rtl"] .vw .frow .ac{order:2}
[dir="rtl"] .vw .row .bd,
[dir="rtl"] .vw .frow .bd{text-align:right}
[dir="rtl"] .vw .feedwrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
[dir="rtl"] .vw .flist{border-right:0;border-left:1px solid var(--cl)}
[dir="rtl"] .vw .disc{margin-left:0;margin-right:10px}
[dir="rtl"] .vw .pjcard .dl{margin-left:0;margin-right:auto}
[dir="rtl"] .vw .rcat,
[dir="rtl"] .vw .frow .lbl,
[dir="rtl"] .vw .rsum label,
[dir="rtl"] .vw .lab,
[dir="rtl"] .vw .sh b,
[dir="rtl"] .vw .rdraft .dl{letter-spacing:0}
[dir="rtl"] .vw .mhead{flex-direction:row-reverse}
[dir="rtl"] .vw .sh{flex-direction:row-reverse}
[dir="rtl"] .vw .dact,
[dir="rtl"] .vw .tone{flex-direction:row-reverse;justify-content:flex-end}
[dir="rtl"] .vw .btnblue[style*="margin-left:auto"]{margin-left:0 !important;margin-right:auto}
[dir="rtl"] .vw .url{direction:ltr}
[dir="rtl"] .vw .rep svg,
[dir="rtl"] .vw .read svg[data-noflip]{transform:scaleX(-1)}

/* --- Aperçu hero .hero-preview / .pv (au cas où) --- */
[dir="rtl"] .hero-preview .pv,
[dir="rtl"] .pv{text-align:right;direction:rtl}
[dir="rtl"] .pv-rt{align-items:flex-start}
[dir="rtl"] .pv-search input,
[dir="rtl"] .vw .fsearch input,
[dir="rtl"] .va .search input{text-align:right}

.hero h1,
.features .head h2,
.feature h3,
.ann h4,
.proof .stat .num,
.pricing h2,
.price-card .amount,
.ambassador h2,
.final h2,
.modal-header h2,
.hour-display,
.vweb .head h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif'Segoe UI',sans-serif;font-weight:600}

/* Les accents <em> restent orange mais droits (plus d'italique) */
.hero h1 em,
.features .head h2 em,
.proof .stat .num em,
.pricing h2 em,
.ambassador h2 em,
.final h2 em,
.modal-header h2 em,
.vweb .head h2 em{font-style:normal;font-weight:600}

/* Interlettrage ajusté pour Inter (métriques plus larges que Playfair) */
.hero h1{letter-spacing:-2.2px}
.features .head h2,.vweb .head h2{letter-spacing:-1.4px}
.pricing h2,.ambassador h2{letter-spacing:-1.2px}
.final h2{letter-spacing:-1.8px}
.price-card .amount{letter-spacing:-1.5px}

/* Libellés « Il trie / Il rédige / … » : droits, en Inter */
.ann .n{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif'Segoe UI',sans-serif;font-style:normal;font-weight:600;font-size:14.5px;line-height:1.35;padding-top:2px}
@media(max-width:560px){.ann .n{font-size:14.5px}}

/* Hero réorganisé (s32) : eyebrow sans pilule, mentions en une ligne sous le CTA,
   lien ambassadeur discret en dernier. Mêmes éléments, mêmes clés i18n. */
.hero-text .eyebrow{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif'Segoe UI',sans-serif;font-size:14.5px;font-weight:500;letter-spacing:.01em;text-transform:none;color:#f0a86a;background:none;border:0;padding:0;margin-bottom:18px}
.hero .trust{flex-direction:row;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:12.5px;color:rgba(250,247,240,.45)}
.hero .trust span{gap:0}
.hero-amb{margin-top:16px;font-size:13.5px;font-weight:400;color:#d9b15a;background:none;border:0;border-radius:0;padding:0;transition:color .2s ease}
.hero-amb:hover{transform:none;color:#e8c97e}
@media(max-width:900px){.hero .trust{justify-content:center}}

/* Bandeau ambassadeur (s33) : bande fine premium tout en haut de la page,
   au-dessus du hero. Cliquable → ancre #ambassadeur. */
.topbar{
  position:relative;z-index:20;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:9px 22px;
  background:#e85d0c;
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif'Segoe UI',sans-serif;
  font-size:13px;font-weight:500;letter-spacing:.15px;line-height:1.35;
  text-align:center;
  transition:background .25s ease;
}
.topbar:hover{background:#d5540b}
.topbar-txt{color:#fff}
.topbar-txt b{color:#fff;font-weight:600}
.topbar-arrow{color:#fff;font-size:14px;transition:transform .25s ease}
.topbar:hover .topbar-arrow{transform:translateX(3px)}
[dir="rtl"] .topbar-arrow{transform:scaleX(-1)}
[dir="rtl"] .topbar:hover .topbar-arrow{transform:scaleX(-1) translateX(3px)}
@media(max-width:520px){
  .topbar{font-size:11.5px;padding:8px 14px;gap:7px}
}

/* ===== En-tête à onglets multi-pages (redesign S30) ===== */
.vnav{position:sticky;top:0;z-index:60;background:rgba(33,30,25,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #37322b}
.vnav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:13px 24px}
.vnav .brand{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.5px;line-height:1;white-space:nowrap}
.vnav .brand .b-veille,.vnav .brand .b-email{color:#faf7f0}
.vnav .brand .b-ai{color:#f0975a;text-shadow:0 0 7px rgba(240,151,90,.55),0 0 2px rgba(240,151,90,.8)}
.tabs{display:flex;align-items:center;gap:2px;margin-left:10px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{position:relative;padding:9px 14px;border-radius:9px;font-size:14.5px;font-weight:500;color:rgba(250,247,240,.66);white-space:nowrap;transition:color .15s,background .15s}
.tabs a:hover{color:#faf7f0;background:rgba(255,255,255,.06)}
.tabs a.active{color:#faf7f0}
.tabs a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:#e85d0c}
.vnav .tb-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.vnav .header-login{font-size:14px;font-weight:500;color:rgba(250,247,240,.82);padding:8px 14px;border:1px solid #4a443a;border-radius:9px;transition:.15s;white-space:nowrap}
.vnav .header-login:hover{border-color:#6b6355;color:#faf7f0}
.vnav .header-lang{appearance:none;-webkit-appearance:none;background:transparent;color:rgba(250,247,240,.8);border:1px solid #4a443a;border-radius:9px;padding:8px 26px 8px 12px;font-size:13.5px;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23a8a291' fill='none' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
.vnav .header-lang option{color:#111}
/* la page ne démarre plus par un header absolu : on retire le padding-top du hero */
.hero.hero--tabbed{min-height:auto;padding:96px 24px 96px}
@media(max-width:760px){
  .vnav-inner{gap:10px;padding:11px 14px;flex-wrap:nowrap}
  .vnav .brand{font-size:19px}
  .vnav .header-login{display:none}
  .vnav .header-lang{padding:7px 24px 7px 10px}
  .tabs{display:none}
  .vnav-burger{display:flex}
  .vnav.open .vnav-mobile{display:flex}
}

/* Mobile hamburger nav */
.vnav-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:38px;padding:0;background:transparent;border:1px solid #4a443a;border-radius:9px;cursor:pointer;flex:0 0 auto}
.vnav-burger span{display:block;width:18px;height:2px;margin:0 auto;background:#faf7f0;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.vnav.open .vnav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.vnav.open .vnav-burger span:nth-child(2){opacity:0}
.vnav.open .vnav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.vnav-mobile{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:8px 14px 16px;background:#211e19;border-top:1px solid #37322b;box-shadow:0 16px 34px rgba(0,0,0,.45);z-index:70}
.vnav-mobile a{padding:14px 12px;font-size:16px;font-weight:500;color:rgba(250,247,240,.75);border-radius:10px}
.vnav-mobile a.active{color:#f0975a;background:rgba(240,151,90,.10)}
[dir="rtl"] .vnav-mobile a{text-align:right}
@media(max-width:760px){
  .tabs{display:none}
  .vnav-burger{display:flex}
  .vnav.open .vnav-mobile{display:flex}
}

/* Bandeau "explorer les onglets" (Accueil) */
.explore{max-width:1100px;margin:0 auto;padding:52px 24px}
.explore h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.5px;color:var(--text);text-align:center;margin-bottom:8px}
.explore .ex-sub{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 40px;font-size:16px}
.ex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.ex-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ex-grid{grid-template-columns:1fr}}
.ex-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:transform .18s,box-shadow .18s,border-color .18s}
.ex-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(14,20,17,.09);border-color:var(--line-2)}
.ex-card .ex-k{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--text);margin-bottom:7px}
.ex-card .ex-d{font-size:14.5px;color:var(--muted);line-height:1.6}
.ex-card .ex-go{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--rust)}
/* eyebrow du hero centré (Accueil) */
.hero--tabbed .hero-content .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.03em;text-transform:none;color:#f0a86a;background:rgba(232,93,12,.10);border:1px solid rgba(232,93,12,.28);padding:6px 14px;border-radius:99px;margin-bottom:22px}
.hero--tabbed .hero-content .trust{justify-content:center}

/* ===== Hero orbital : MacBook + iPhone (galaxie) ===== */
.orbit-scene{position:relative;width:100%;max-width:860px;height:560px;margin:26px auto 0;pointer-events:none}
.orbit-scene::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(232,93,12,.22),transparent 68%);filter:blur(14px)}
.orbit-stage{position:absolute;inset:0}
.orbit-dev{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity,filter}
/* MacBook */
.mac{width:248px}
.mac-screen{background:#111;border:1px solid #2a2620;border-radius:14px 14px 4px 4px;padding:9px 9px 7px;box-shadow:0 26px 60px rgba(0,0,0,.5)}
.mac-screen img{width:100%;display:block;border-radius:5px}
.mac-hinge{height:13px;margin:0 -26px;background:linear-gradient(#d7d7dc,#a9a9b0 62%,#8b8b92);border-radius:0 0 11px 11px;position:relative;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.mac-hinge::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:88px;height:7px;background:#26231d;border-radius:0 0 8px 8px}
/* iPhone */
.iphone{width:120px;background:#0c0a08;border-radius:17px;padding:4px;box-shadow:0 24px 54px rgba(0,0,0,.55);border:1px solid #2a2620}
.iph-screen{position:relative;border-radius:13px;overflow:hidden;background:#000}
.iph-screen img{width:100%;display:block}
.iph-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:42px;height:13px;background:#000;border-radius:10px;z-index:3}
@media(max-width:760px){
  .orbit-scene{max-width:100%;transform:scale(.82)}
  .hero--tabbed .orbit-scene{height:300px}
}

/* Hero deux colonnes (texte + orbite) */
.hero.hero--tabbed{min-height:auto;padding:64px 24px 72px}
.hero--tabbed .hero-split{display:grid;grid-template-columns:1.02fr .98fr;grid-template-areas:"head orbit" "actions orbit";column-gap:30px;row-gap:20px;align-items:center;max-width:1180px;margin:0 auto;width:100%;text-align:left}
.hero--tabbed .hero-head{grid-area:head;max-width:560px;align-self:end}
.hero--tabbed .hero-actions{grid-area:actions;max-width:560px;align-self:start}
.hero--tabbed .orbit-scene{grid-area:orbit;height:500px;margin:0 auto}
.hero--tabbed .hero-head h1{text-align:left}
.hero--tabbed .hero-actions .ctas{justify-content:flex-start}
.hero--tabbed .hero-actions .trust{justify-content:flex-start}
@media(max-width:900px){
  .hero--tabbed .hero-split{grid-template-columns:1fr;grid-template-areas:"head" "orbit" "actions";text-align:center;row-gap:6px}
  .hero--tabbed .hero-head,.hero--tabbed .hero-actions{max-width:640px;margin:0 auto;width:100%}
  .hero--tabbed .hero-head h1{text-align:center}
  .hero--tabbed .hero-actions .ctas,.hero--tabbed .hero-actions .trust{justify-content:center}
  .hero--tabbed .orbit-scene{height:340px}
}
.hero--tabbed .hero-head h1{font-size:clamp(38px,4.6vw,62px);letter-spacing:-1.2px}
.hero--tabbed .hero-head .sub{max-width:520px}

/* ===== Animation "tri en direct" ===== */
.triage{max-width:1140px;margin:0 auto;padding:76px 24px 20px}
.triage .tri-head{text-align:center;margin-bottom:34px}
.triage .label{display:inline-block;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--rust);margin-bottom:10px}
.triage h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.5px;color:var(--text)}
.tri-stage{position:relative;height:430px;background:linear-gradient(180deg,#221f1a,#1a1712);border:1px solid #37322b;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.tri-inbox{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:130px;text-align:center;color:rgba(250,247,240,.5);font-size:12px;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;letter-spacing:.5px}
.tri-inbox::before{content:"";display:block;width:52px;height:52px;margin:0 auto 10px;border-radius:14px;border:1.5px solid rgba(250,247,240,.22);background:rgba(250,247,240,.04)}
.tri-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;display:flex;align-items:center;justify-content:center;z-index:5}
.tri-core-dot{position:absolute;inset:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0975a,#e85d0c 70%);box-shadow:0 0 30px rgba(232,93,12,.6)}
.tri-core-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(232,93,12,.4);animation:triRing 3s linear infinite}
.tri-core-ring::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(240,151,90,.35)}
@keyframes triRing{to{transform:rotate(360deg)}}
.tri-core-label{position:relative;z-index:2;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.tri-core.pulse .tri-core-dot{animation:triPulse .42s ease}
@keyframes triPulse{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}
.tri-buckets{position:absolute;right:4%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;width:190px}
.tri-bucket{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-radius:11px;background:rgba(250,247,240,.05);border:1px solid rgba(250,247,240,.1);border-left:3px solid var(--bk);transition:background .3s,transform .3s}
.tri-bucket .tb-name{font-size:13px;font-weight:500;color:rgba(250,247,240,.86)}
.tri-bucket .tb-n{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:14px;font-weight:600;color:var(--bk)}
.tri-bucket.hit{background:rgba(250,247,240,.12);transform:scale(1.04)}
.tri-bucket[data-b="urgent"]{--bk:#e85d0c}.tri-bucket[data-b="important"]{--bk:#c99a2e}.tri-bucket[data-b="human"]{--bk:#5aa87a}.tri-bucket[data-b="info"]{--bk:#7fa8c9}.tri-bucket[data-b="ignore"]{--bk:#8a8172}
.tri-chip{position:absolute;top:0;left:0;width:188px;padding:9px 12px;border-radius:11px;background:#2c2822;border:1px solid #423c33;border-left:3px solid #423c33;box-shadow:0 8px 22px rgba(0,0,0,.35);transition:transform 1.05s cubic-bezier(.5,.05,.2,1),opacity .5s;z-index:3;pointer-events:none}
.tri-chip b{display:block;font-size:12px;color:#faf7f0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tri-chip span{display:block;font-size:11px;color:rgba(250,247,240,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.tri-chip.tag-urgent{border-left-color:#e85d0c}.tri-chip.tag-important{border-left-color:#c99a2e}.tri-chip.tag-human{border-left-color:#5aa87a}.tri-chip.tag-info{border-left-color:#7fa8c9}.tri-chip.tag-ignore{border-left-color:#8a8172;opacity:.85}
@media(max-width:720px){
  .tri-stage{height:380px}
  .tri-inbox{left:2%;width:70px;font-size:10px}
  .tri-buckets{width:132px;right:2%}
  .tri-chip{width:150px}
  .tri-bucket .tb-name{font-size:11.5px}
}

/* Intro de page (Produit / autres) */
.page-intro{max-width:820px;margin:0 auto;padding:74px 24px 6px;text-align:center}
.page-intro .eyebrow-c{display:inline-block;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--rust);margin-bottom:14px}
.page-intro h1{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(32px,4.4vw,52px);letter-spacing:-1px;color:var(--text);line-height:1.06}
.page-intro h1 em{font-style:normal;color:#e85d0c;font-weight:600}
.page-intro p{color:var(--muted);font-size:17px;line-height:1.65;max-width:600px;margin:18px auto 0}

/* ===== Sécurité : flux OAuth chiffré (CSS pur) ===== */
.secflow{position:relative;max-width:1000px;margin:34px auto 0;height:210px;background:linear-gradient(180deg,#221f1a,#1a1712);border:1px solid #37322b;border-radius:20px;overflow:hidden}
.sf-track{position:absolute;top:50%;left:8%;right:8%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(240,151,90,.35) 0 8px,transparent 8px 16px)}
.sf-node{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center;width:150px;z-index:2}
.sf-node .sf-ic{width:56px;height:56px;margin:0 auto 9px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(250,247,240,.06);border:1px solid rgba(250,247,240,.16);font-size:24px}
.sf-node .sf-t{font-size:12px;color:rgba(250,247,240,.82);font-weight:600}
.sf-node .sf-s{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:10px;letter-spacing:.4px;color:rgba(250,247,240,.45);margin-top:2px}
.sf-node.sf-a{left:8%}.sf-node.sf-b{left:50%}.sf-node.sf-c{left:92%}
.sf-node.sf-b .sf-ic{width:70px;height:70px;border-radius:18px;background:radial-gradient(circle at 40% 35%,#f0975a,#e85d0c 72%);border:0;box-shadow:0 0 28px rgba(232,93,12,.5);font-size:30px;animation:sfLock 2.4s ease-in-out infinite}
@keyframes sfLock{0%,100%{box-shadow:0 0 22px rgba(232,93,12,.45)}50%{box-shadow:0 0 40px rgba(232,93,12,.75)}}
.sf-dot{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:#f0975a;box-shadow:0 0 10px rgba(240,151,90,.9);transform:translate(-50%,-50%);animation:sfMove 3.2s linear infinite;z-index:1}
@keyframes sfMove{0%{left:8%;opacity:0}8%{opacity:1}50%{background:#5aa87a;box-shadow:0 0 10px rgba(90,168,122,.9)}92%{opacity:1}100%{left:92%;opacity:0}}
.sf-dot:nth-child(2){animation-delay:.8s}.sf-dot:nth-child(3){animation-delay:1.6s}.sf-dot:nth-child(4){animation-delay:2.4s}
@media(prefers-reduced-motion:reduce){.sf-dot,.sf-node.sf-b .sf-ic{animation:none}}
@media(max-width:640px){.secflow{height:180px}.sf-node{width:96px}.sf-node .sf-s{display:none}}

/* Grille cartes sécurité */
.sec-grid{max-width:1080px;margin:56px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:860px){.sec-grid{grid-template-columns:1fr}}
.sec-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
.sec-card .sc-ic{font-size:22px;margin-bottom:12px}
.sec-card h3{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;color:var(--text);margin-bottom:7px}
.sec-card p{font-size:14px;color:var(--muted);line-height:1.6}

/* Jauge parrainage animée (Tarifs) */
.refmeter{max-width:640px;margin:26px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.refmeter .rm-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace}
.refmeter .rm-bar{height:12px;border-radius:99px;background:var(--bg-2);overflow:hidden}
.refmeter .rm-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#e8956b,#e85d0c);animation:rmFill 5s ease-in-out infinite}
@keyframes rmFill{0%{width:8%}25%{width:32%}50%{width:64%}75%{width:100%}100%{width:8%}}
.refmeter .rm-lbl{text-align:center;margin-top:12px;font-size:13.5px;color:var(--text);font-weight:600}
@media(prefers-reduced-motion:reduce){.refmeter .rm-fill{animation:none;width:100%}}

/* Accordéon FAQ */
.faq-wrap{max-width:760px;margin:46px auto 0;padding:0 24px}
.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:12px;overflow:hidden}
.faq-q{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;font-size:16px;font-weight:600;color:var(--text);cursor:pointer}
.faq-q .fq-x{flex:none;width:22px;height:22px;position:relative;transition:transform .3s}
.faq-q .fq-x::before,.faq-q .fq-x::after{content:"";position:absolute;background:var(--rust);border-radius:2px}
.faq-q .fq-x::before{left:50%;top:3px;bottom:3px;width:2px;transform:translateX(-50%)}
.faq-q .fq-x::after{top:50%;left:3px;right:3px;height:2px;transform:translateY(-50%)}
.faq-item.open .fq-x{transform:rotate(135deg)}
.faq-a{max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s,padding .3s;padding:0 22px}
.faq-item.open .faq-a{max-height:320px;opacity:1;padding:0 22px 20px}
.faq-a p{font-size:15px;color:var(--muted);line-height:1.65}
.faq-a a{color:var(--rust);font-weight:600}

/* --- Correctif logo wordmark dans la nav --- */
.vnav .brand{direction:ltr;unicode-bidi:isolate;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.vnav .brand .b-veille{color:var(--cream)}
.vnav .brand .b-email{font-style:italic;color:#f06a18}
.vnav .brand .b-ai{position:relative;display:inline-block;font-style:italic;color:#fdba74;text-shadow:0 0 6px rgba(249,115,22,.95),0 0 14px rgba(249,115,22,.7),0 0 26px rgba(249,115,22,.4);animation:vmailNeon 2.6s ease-in-out infinite}
.vnav .brand .b-ai::after{content:'ai';position:absolute;left:0;top:0;font-style:italic;color:#fb923c;text-shadow:0 0 8px rgba(249,115,22,.8);opacity:0;transform:scale(1);transform-origin:50% 60%;animation:vmailEcho 2.6s ease-out infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.vnav .brand .b-ai,.vnav .brand .b-ai::after{animation:none}}

/* --- Correctif jauge parrainage : remplissage unique et fluide (plus de boucle nerveuse) --- */
.refmeter .rm-fill{width:0;animation:rmFillOnce 2.6s cubic-bezier(.22,1,.36,1) .3s forwards}
@keyframes rmFillOnce{from{width:0}to{width:100%}}
.refmeter .rm-steps{display:flex;justify-content:space-between;margin-top:9px;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11px;color:var(--muted)}
.refmeter .rm-steps b{color:var(--rust);font-weight:600}

/* ===== Sécurité v2 : chiffrement en direct ===== */
.enc{max-width:940px;margin:34px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;background:linear-gradient(180deg,#221f1a,#191611);border:1px solid #37322b;border-radius:20px;overflow:hidden}
.enc-panel{padding:22px 22px}
.enc-tag{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(250,247,240,.4);margin-bottom:14px}
.enc-clear{border-right:1px solid #2c2822}
.enc-mail .em-from{font-size:12.5px;color:#f0a86a;font-weight:600;margin-bottom:2px}
.enc-mail .em-subj{font-size:14px;color:#faf7f0;font-weight:600;margin-bottom:12px}
.enc-mail .em-body{font-size:12.5px;color:rgba(250,247,240,.62);line-height:1.75}
.enc-cipher .enc-cipher-text{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11.5px;line-height:1.9;color:#5aa87a;word-break:break-all;letter-spacing:.5px}
.enc-cipher .enc-cipher-text div{white-space:nowrap;overflow:hidden;text-overflow:clip}
.enc-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:0 22px;background:rgba(0,0,0,.15);border-left:1px solid #2c2822;border-right:1px solid #2c2822}
.enc-lock{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;background:radial-gradient(circle at 40% 35%,#f0975a,#e85d0c 72%);box-shadow:0 0 26px rgba(232,93,12,.5);animation:encPulse 2.6s ease-in-out infinite}
@keyframes encPulse{0%,100%{box-shadow:0 0 20px rgba(232,93,12,.4)}50%{box-shadow:0 0 38px rgba(232,93,12,.75)}}
.enc-algo{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:10px;letter-spacing:.5px;color:rgba(250,247,240,.55);text-align:center;white-space:nowrap}
.enc-arrow{color:#e85d0c;font-size:18px}
@media(prefers-reduced-motion:reduce){.enc-lock{animation:none}}
@media(max-width:720px){.enc{grid-template-columns:1fr;gap:0}.enc-clear{border-right:0;border-bottom:1px solid #2c2822}.enc-mid{flex-direction:row;border:0;border-bottom:1px solid #2c2822;padding:14px}}

/* Produit : section simu mobile */
.prod-demo{max-width:1080px;margin:0 auto;padding:66px 24px 24px;text-align:center}
.prod-demo .tri-head{margin-bottom:30px}
.prod-phone{max-width:360px;margin:0 auto}
.prod-phone .hero-preview{margin:0 auto}
.prod-phone .hero-preview::before{content:none}

/* Simu mobile : fondu du contenu juste au-dessus de la barre d'onglets */
.va .tabs{position:relative}
.va .tabs::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:30px;background:linear-gradient(to top,var(--cr),rgba(250,247,240,0));pointer-events:none}

/* ===== Tarifs : calculateur de parrainage interactif ===== */
.calc{max-width:600px;margin:30px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:0 18px 44px rgba(14,20,17,.07)}
.calc-plans{display:inline-flex;background:var(--bg-2);border-radius:99px;padding:4px;margin-bottom:24px}
.calc-plan{padding:8px 20px;border-radius:99px;font-size:14px;font-weight:600;color:var(--muted);transition:.2s}
.calc-plan.on{background:var(--surface);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.calc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.calc-row .calc-lbl{font-size:15px;color:var(--text);font-weight:500}
.calc-row .calc-lbl small{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px}
.calc-step{display:flex;align-items:center;gap:0;border:1px solid var(--line-2);border-radius:99px;overflow:hidden}
.calc-step button{width:42px;height:42px;font-size:22px;color:var(--rust);background:var(--surface);transition:background .15s}
.calc-step button:hover{background:var(--rust-soft)}
.calc-step button:disabled{color:var(--dim);cursor:default;background:var(--surface)}
.calc-step .calc-n{min-width:44px;text-align:center;font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:18px;font-weight:600;color:var(--text)}
.calc-result{text-align:center;border-top:1px solid var(--line);padding-top:22px}
.calc-old{font-size:16px;color:var(--dim);text-decoration:line-through;height:20px}
.calc-new{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:48px;font-weight:700;color:var(--text);line-height:1;letter-spacing:-1px;margin:2px 0 4px}
.calc-new .cn-per{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:var(--muted);letter-spacing:0}
.calc-new.free{color:var(--sage)}
.calc-disc{display:inline-block;font-size:13px;font-weight:700;color:var(--rust);background:var(--rust-soft);border-radius:99px;padding:5px 14px;margin-top:6px}
.calc-hint{font-size:12.5px;color:var(--muted);margin-top:14px}

/* ===== Sécurité v3 : bouclier animé + jamais ===== */
.shield-sec{max-width:900px;margin:38px auto 0;text-align:center;padding:0 24px}
.shield-stage{position:relative;display:inline-block}
.shield-stage::before{content:"";position:absolute;left:50%;top:52%;width:220px;height:220px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(232,93,12,.16),transparent 68%);filter:blur(6px)}
.shieldsvg{position:relative;width:132px;height:auto;filter:drop-shadow(0 8px 20px rgba(232,93,12,.22))}
.sh-fill{fill:rgba(232,93,12,.10);opacity:0;animation:shFill 5s ease-in-out infinite}
.sh-line{stroke:#e85d0c;stroke-width:2.4;fill:none;stroke-linejoin:round;stroke-dasharray:452;animation:shDraw 5s ease-in-out infinite}
.sh-check{stroke:#f0975a;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:92;stroke-dashoffset:92;animation:shCheck 5s ease-in-out infinite}
@keyframes shDraw{0%{stroke-dashoffset:452}26%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes shFill{0%,24%{opacity:0}42%{opacity:1}88%{opacity:1}100%{opacity:0}}
@keyframes shCheck{0%,40%{stroke-dashoffset:92}56%{stroke-dashoffset:0}88%{stroke-dashoffset:0}100%{stroke-dashoffset:92}}
@media(prefers-reduced-motion:reduce){.sh-line{stroke-dashoffset:0;animation:none}.sh-fill{opacity:1;animation:none}.sh-check{stroke-dashoffset:0;animation:none}}
.shield-cap{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:14px}

.never{max-width:1000px;margin:64px auto 0;padding:0 24px}
.never h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(24px,3.2vw,36px);letter-spacing:-.5px;color:var(--text);text-align:center;margin-bottom:26px}
.never h2 em{font-style:italic;color:#c92e2e}
.never-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:800px){.never-grid{grid-template-columns:1fr}}
.never-item{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-left:3px solid #c92e2e;border-radius:14px;padding:18px 20px;font-size:14.5px;color:var(--text);font-weight:500}
.never-item .nx{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(201,46,46,.1);color:#c92e2e;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.sec-h2{text-align:center;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(24px,3.2vw,36px);letter-spacing:-.5px;color:var(--text);margin:64px auto 0}

/* Simu mobile : coins bas de la barre d'onglets arrondis (match du téléphone) */
.va .tabs{border-radius:0 0 30px 30px}

/* Tarifs : slider parrainage */
.calc-slrow{margin-bottom:8px}
.calc-count{text-align:center;margin:6px 0 2px}
.calc-count .calc-n{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',sans-serif;font-size:32px;font-weight:700;color:var(--text)}
.calc-count .calc-nlbl{font-size:15px;color:var(--muted);margin-left:6px}
.calc-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--rust) var(--fill,60%),var(--bg-2) var(--fill,60%));outline:none;cursor:pointer}
.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--rust);box-shadow:0 3px 10px rgba(232,93,12,.35);cursor:grab;margin-top:0}
.calc-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--rust);box-shadow:0 3px 10px rgba(232,93,12,.35);cursor:grab}
.calc-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:8px}

/* Sécurité v3.1 : "jamais" sans rouge + icônes au trait orange */
.never h2 em{color:#e85d0c}
.never-item{border:1px solid var(--line);border-left:1px solid var(--line)}
.never-item .nx{background:var(--bg-2);color:var(--muted);font-weight:600}
.sec-card .sc-ic{margin-bottom:14px;line-height:0}
.sec-card .sc-ic svg{width:32px;height:32px;stroke:#e85d0c;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Logo wordmark : conserver Playfair (comme le site actuel), hors police Apple */
.vnav .brand,.vnav .brand span{font-family:'Playfair Display',Georgia,'Times New Roman',serif}

/* Simu mobile : forcer la barre d'onglets pleine largeur (corrige la bande à gauche) */
.va .tabs{align-self:stretch;width:100%;margin:0;box-sizing:border-box}

/* Nav : couleur fixe (opaque), toujours identique */
.vnav{background:#211e19}
/* Bandeau d'intro foncé (segmente du contenu clair) + labels retirés */
.page-intro{max-width:none;margin:0;background:#211e19;padding:70px 24px 58px;text-align:center}
.page-intro h1{max-width:840px;margin:0 auto;color:#faf7f0}
.page-intro h1 em{color:#f0975a}
.page-intro p{max-width:600px;margin:18px auto 0;color:rgba(250,247,240,.72)}
.page-intro .eyebrow-c{display:none}

/* ---- Custom language dropdown (matches nav dark theme) ---- */
.ve-lang{position:relative;display:inline-block}
.ve-lang-btn{display:flex;align-items:center;gap:7px;background:transparent;color:rgba(250,247,240,.82);border:1px solid #4a443a;border-radius:9px;padding:8px 11px;font-size:13.5px;font-family:inherit;font-weight:500;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}
.ve-lang-btn:hover,.ve-lang.open .ve-lang-btn{border-color:#6b6355;color:#faf7f0}
.ve-lang-globe{width:22px;height:22px;flex:0 0 auto;display:block;object-fit:contain}
.ve-lang-cur{letter-spacing:.6px}
.ve-lang-chev{opacity:.7;transition:transform .2s ease;flex:0 0 auto}
.ve-lang.open .ve-lang-chev{transform:rotate(180deg)}
.ve-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:174px;background:#26231d;border:1px solid #4a443a;border-radius:12px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.45);display:none;z-index:80}
.ve-lang.open .ve-lang-menu{display:block;animation:veLangIn .16s ease}
@keyframes veLangIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.ve-lang-opt{display:block;width:100%;text-align:left;background:none;border:0;color:rgba(250,247,240,.85);font-family:inherit;font-size:14px;padding:9px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease}
.ve-lang-opt:hover{background:rgba(250,247,240,.08);color:#faf7f0}
.ve-lang-opt.on{color:#f0975a;font-weight:600}
[dir="rtl"] .ve-lang-menu{right:auto;left:0}
[dir="rtl"] .ve-lang-opt{text-align:right}
@media (max-width:760px){
  .ve-lang-btn{padding:7px 10px;font-size:13px}
  .ve-lang-menu{min-width:150px}
}