:root{
  --black:#070708;--deep:#0b0b0d;--panel:#111114;--text:#f5f0e7;--muted:#bdb3a3;--line:rgba(245,240,231,.13);--gold:#c6a56a;--gold2:#e8ce8a;--danger:#ffd5d0;--radius:24px;--max:1120px;--shadow:0 24px 80px rgba(0,0,0,.42)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.narrow{max-width:920px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;color:#000;padding:8px 12px;border-radius:8px}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(16px,4vw,42px);border-bottom:1px solid var(--line);background:rgba(7,7,8,.91);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:block;width:62px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.brand-name{font-size:14px;letter-spacing:.22em;font-weight:950}
.main-nav{display:flex;gap:26px;color:var(--muted);font-size:14px}.main-nav a:hover{color:var(--text)}.header-cta{padding:10px 16px;border:1px solid rgba(198,165,106,.5);border-radius:999px;color:var(--gold2);font-size:13px;font-weight:850}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:0}.menu-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:6px auto;border-radius:3px}

.hero{position:relative;min-height:82vh;display:grid;align-items:center;padding:64px 0 54px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 23%,rgba(198,165,106,.18),transparent 29%),radial-gradient(circle at 18% 7%,rgba(255,255,255,.06),transparent 24%),linear-gradient(130deg,#070708,#121216 50%,#070708)}
.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(28px,6vw,72px);align-items:center}.eyebrow{margin:0 0 18px;color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7.6vw,76px);line-height:.94;letter-spacing:-.058em;margin-bottom:22px}h2{font-size:clamp(30px,5vw,52px);line-height:1;letter-spacing:-.045em;margin-bottom:16px}
.hero-lead,.section-lead{color:var(--muted);font-size:clamp(18px,2vw,22px);max-width:720px}.hero-lead{margin-bottom:28px}
.hero-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;width:min(620px,100%);padding:12px;border:1px solid rgba(229,202,139,.20);border-radius:24px;background:rgba(7,7,8,.92);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border-radius:16px;border:1px solid transparent;font-weight:950;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#100c05;border-color:rgba(255,247,215,.72);box-shadow:0 12px 28px rgba(198,165,106,.22),0 0 0 1px rgba(0,0,0,.35) inset}.btn-secondary{background:#09090a;border-color:rgba(229,202,139,.34);color:var(--text)}
.proof-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.proof-line span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font-size:13px;font-weight:750}
.hero-visual{position:relative;min-height:520px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:#0b0b0d;box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)),linear-gradient(90deg,rgba(0,0,0,.52),transparent 38%,rgba(0,0,0,.15))}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.05)}
.visual-overlay{position:absolute;z-index:1;left:26px;right:26px;bottom:26px;padding:18px;border:1px solid rgba(229,202,139,.20);border-radius:20px;background:rgba(7,7,8,.70);backdrop-filter:blur(12px);display:grid;gap:6px}.visual-overlay span{color:var(--muted)}.visual-overlay strong{color:var(--text)}

.section{padding:76px 0;border-top:1px solid var(--line)}.compact{padding:68px 0}.muted{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.benefit-grid article,.simple-process article,.lead-form,details{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:var(--radius);padding:22px}
.benefit-grid strong,.simple-process strong{display:block;font-size:18px;margin-bottom:8px;color:var(--text)}.benefit-grid span,.simple-process p,.micro-copy{color:var(--muted)}
.brand-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.brand-cloud span{padding:11px 14px;border:1px solid rgba(229,202,139,.22);border-radius:999px;background:rgba(255,255,255,.035);font-weight:900}.micro-copy{margin:22px 0 0;font-size:16px}
.simple-process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.simple-process article span{display:inline-flex;margin-bottom:20px;color:var(--gold2);letter-spacing:.16em;font-size:12px;font-weight:950}
.form-section{background:linear-gradient(180deg,#080809,#111114)}.form-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,5vw,62px);align-items:start}.form-intro p:not(.eyebrow){color:var(--muted);font-size:18px}
.lead-form{padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.progress-wrap{margin-bottom:22px}.step-label{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}.step-label strong{color:var(--text)}.progress-bar{height:7px;margin-top:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.progress-bar span{display:block;width:33.33%;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:999px;transition:width .2s ease}
.form-error-summary{border:1px solid rgba(240,111,99,.45);background:rgba(240,111,99,.08);color:var(--danger);border-radius:16px;padding:12px 14px;margin-bottom:16px}.form-step{border:0;padding:0;margin:0 0 24px}.form-step[hidden]{display:none!important}legend{display:block;width:100%;margin-bottom:14px;color:var(--gold2);font-weight:950;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:850}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.28);color:var(--text);padding:13px 14px;outline:none}select option{background:#111;color:#fff}input:focus,select:focus,textarea:focus{border-color:rgba(198,165,106,.72);box-shadow:0 0 0 3px rgba(198,165,106,.08)}input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:rgba(240,111,99,.9)}.field-error{color:var(--danger);font-size:12px;font-weight:700}.checkbox-line{display:flex;align-items:flex-start;gap:10px;color:var(--muted)}.checkbox-line input{width:auto;margin-top:4px}
.photo-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-item{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04)}.photo-item img{display:block;width:100%;height:110px;object-fit:cover}.photo-item button{position:absolute;right:8px;top:8px;border:0;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;width:30px;height:30px;cursor:pointer}.photo-item small{display:block;padding:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-actions{display:flex;flex-wrap:wrap;gap:12px}.form-status{color:var(--muted);margin:16px 0 0;font-size:14px}.form-status.error{color:var(--danger)}
.site-footer{padding:42px 0 128px;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid strong{display:block;color:var(--text);letter-spacing:.18em;margin-bottom:8px}.footer-links{display:grid;gap:5px;text-align:right}.footer-links a,.footer-button{color:var(--gold2);font-weight:850}.footer-button{border:0;background:none;padding:0;text-align:right;cursor:pointer}
.mobile-action-bar{display:none}.cookie-banner{position:fixed;z-index:50;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1120px;margin:auto;padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(17,17,20,.97);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.cookie-banner p{margin:4px 0 0;color:var(--muted);font-size:14px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-modal{border:1px solid var(--line);border-radius:24px;background:#111114;color:var(--text);max-width:520px;padding:24px}.cookie-modal::backdrop{background:rgba(0,0,0,.7)}.modal-actions{margin-top:18px;display:flex;justify-content:flex-end}
.thank-you-page{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(198,165,106,.18),transparent 34%),#070708}.thank-you-main{min-height:100vh;display:grid;place-items:center;padding:24px}.thank-you-card{width:min(720px,100%);border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.04);box-shadow:var(--shadow);padding:clamp(24px,6vw,54px);text-align:center}.thank-you-card h1{font-size:clamp(36px,6vw,64px);line-height:1}.thank-you-card p{color:var(--muted);font-size:18px}.brand-centered{justify-content:center;margin-bottom:28px}.thank-you-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

@media(max-width:980px){.menu-toggle{display:block}.main-nav{position:fixed;top:72px;left:16px;right:16px;display:none;grid-template-columns:1fr;border:1px solid var(--line);border-radius:20px;background:rgba(17,17,20,.98);padding:18px}.main-nav.is-open{display:grid}.header-cta{display:none}.hero{min-height:auto;padding:46px 0 38px}.hero-grid,.form-shell{grid-template-columns:1fr}.hero-visual{min-height:360px}.benefit-grid,.simple-process{grid-template-columns:1fr}.footer-grid{display:grid}.footer-links{text-align:left}.cookie-banner{display:grid;bottom:92px}.mobile-action-bar{position:fixed;z-index:40;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1.18fr .82fr;gap:10px;padding:10px;border:1px solid rgba(229,202,139,.22);border-radius:24px;background:rgba(5,5,6,.94);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.04) inset}.mobile-action-bar a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 14px;border-radius:18px;font-weight:950;text-align:center;white-space:nowrap}.mobile-action-bar a:first-child{background:linear-gradient(135deg,#f2d893,#c6a56a);color:#0b0804;border:2px solid rgba(255,246,214,.80);box-shadow:0 10px 24px rgba(198,165,106,.28),0 0 0 1px rgba(0,0,0,.50) inset}.mobile-action-bar a:last-child{background:#080809;color:#fffaf0;border:1px solid rgba(229,202,139,.38);box-shadow:0 8px 18px rgba(0,0,0,.38)}}
@media(max-width:620px){.site-header{padding:14px 18px}.brand-mark{width:52px}.brand-name{font-size:12px;letter-spacing:.16em}.container{width:min(calc(100% - 32px),var(--max))}h1{font-size:clamp(42px,14vw,62px);line-height:.95}h2{font-size:clamp(30px,10vw,44px)}.eyebrow{font-size:11px;letter-spacing:.16em}.hero-actions{grid-template-columns:1fr;padding:10px;border-radius:22px}.btn{width:100%;min-height:50px}.proof-line{display:grid;grid-template-columns:1fr 1fr}.proof-line span{text-align:center}.hero-visual{min-height:320px;border-radius:26px}.hero-visual img{object-position:52% center}.visual-overlay{left:18px;right:18px;bottom:18px;padding:14px;border-radius:18px}.section{padding:58px 0}.compact{padding:54px 0}.field-grid{grid-template-columns:1fr}.photo-preview{grid-template-columns:repeat(2,1fr)}.photo-item img{height:96px}.form-actions{display:grid}.cookie-banner{left:12px;right:12px;padding:16px}.cookie-actions{display:grid;width:100%}.cookie-actions .btn{width:100%}.footer-links{font-size:14px}.mobile-action-bar{gap:8px;padding:8px;border-radius:22px}.mobile-action-bar a{min-height:48px;font-size:14px;padding-left:10px;padding-right:10px}.thank-you-card{text-align:left}.brand-centered{justify-content:flex-start}}

/* V5.1 corrections */
.brand-mark{
  width:58px !important;
  height:42px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
}
.brand{
  min-width:0;
}
@media(max-width:620px){
  .brand-mark{
    width:54px !important;
    height:40px !important;
  }
  .brand-name{
    font-size:12px !important;
    letter-spacing:.15em !important;
  }
}
.cookie-banner[hidden],
.cookie-modal[hidden]{
  display:none !important;
}

/* V5.2 corrections: logo from board + 2-button form */
.brand-mark{
  width:58px !important;
  height:40px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  border-radius:0 !important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.45)) !important;
}
.brand-name{
  display:inline-flex !important;
  align-items:center !important;
  gap:.55em !important;
  letter-spacing:.24em !important;
  line-height:1 !important;
}
.brand-fast{color:#f5f0e7}
.brand-select{color:#c6a56a}
.form-actions{
  display:grid !important;
  grid-template-columns: .72fr 1.28fr !important;
}
.form-actions .btn{
  width:100%;
}
@media(max-width:620px){
  .brand{gap:10px !important}
  .brand-mark{
    width:50px !important;
    height:36px !important;
  }
  .brand-name{
    font-size:12px !important;
    letter-spacing:.17em !important;
    gap:.42em !important;
  }
  .form-actions{
    grid-template-columns: .72fr 1.28fr !important;
    gap:10px !important;
  }
}

/* V5.3 — wordmark FAST SELECT comme sur le logo */
.brand-wordmark{
  display:block;
  height:18px;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));
}
@media(max-width:620px){
  .brand-wordmark{
    height:15px;
  }
  .brand{
    gap:10px !important;
  }
}

/* V5.4 — correction header logo sans doublon SELECT */
.brand-name,.brand-fast,.brand-select{
  display:none !important;
}
.brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
}
.brand-mark{
  display:block !important;
  width:50px !important;
  height:34px !important;
  object-fit:contain !important;
}
.brand-wordmark{
  display:block !important;
  height:16px !important;
  width:auto !important;
  object-fit:contain !important;
}
@media(max-width:620px){
  .brand{
    gap:10px !important;
  }
  .brand-mark{
    width:46px !important;
    height:32px !important;
  }
  .brand-wordmark{
    height:14px !important;
    max-width:150px !important;
  }
}

/* V5.5 — homogénéisation typographique premium */
:root{
  --font-main: "Manrope", "Inter", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;
  --font-title: "Manrope", "Inter", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;
}

html, body, button, input, select, textarea{
  font-family: var(--font-main) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body{
  font-weight: 500;
}

h1,h2,h3,.btn,.brand-name,.main-nav a,.eyebrow,.brand-cloud span,.benefit-grid strong,.simple-process strong,legend{
  font-family: var(--font-title) !important;
}

h1{
  font-weight: 900 !important;
  letter-spacing: -.055em !important;
}

h2{
  font-weight: 850 !important;
  letter-spacing: -.04em !important;
}

h3{
  font-weight: 800 !important;
}

p,.section-lead,.hero-lead,.micro-copy,.benefit-grid span,.simple-process p,label,input,select,textarea{
  font-weight: 500 !important;
}

.eyebrow{
  font-size: 11px !important;
  letter-spacing: .22em !important;
  font-weight: 850 !important;
}

.btn{
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
}

.brand-name{
  letter-spacing: .20em !important;
}

.main-nav{
  gap: 0 !important;
}

.main-nav a{
  display: block;
  padding: 11px 14px;
  border-radius: 14px;
  color: var(--muted);
  font-size: 12px !important;
  line-height: 1;
  font-weight: 750 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.main-nav a:hover{
  background: rgba(255,255,255,.045);
  color: var(--text);
}

.menu-toggle span{
  height: 2px;
  width: 25px;
}

/* menu mobile plus propre et plus cohérent */
@media(max-width:980px){
  .main-nav{
    top: 74px !important;
    left: 18px !important;
    right: 18px !important;
    gap: 6px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: rgba(10,10,12,.96) !important;
    border: 1px solid rgba(229,202,139,.18) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.62) !important;
    backdrop-filter: blur(18px) !important;
  }

  .main-nav a{
    padding: 14px 16px !important;
    font-size: 13px !important;
    letter-spacing: .10em !important;
    color: #d7cec0 !important;
    border-bottom: 1px solid rgba(245,240,231,.06);
  }

  .main-nav a:last-child{
    border-bottom: 0;
  }

  .main-nav a:hover,
  .main-nav a:focus{
    background: rgba(198,165,106,.10) !important;
    color: #f5f0e7 !important;
  }
}

@media(max-width:620px){
  h1{
    font-size: clamp(40px, 13.2vw, 58px) !important;
    line-height: .97 !important;
    letter-spacing: -.052em !important;
  }

  h2{
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1.02 !important;
  }

  .hero-lead,.section-lead{
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  .eyebrow{
    font-size: 10px !important;
    letter-spacing: .18em !important;
  }

  .brand-wordmark{
    height: 13px !important;
  }

  .btn{
    font-size: 15px !important;
  }

  label{
    font-size: 12px !important;
    letter-spacing: .01em;
  }

  input,select,textarea{
    font-size: 16px !important;
  }
}

/* V5.6 — menu desktop plus propre et premium */
.main-nav a {
  font-family: "Manrope", "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(245, 240, 231, 0.66) !important;
  padding: 10px 13px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  background: transparent !important;
}

.main-nav a:hover,
.main-nav a:focus {
  color: #e8ce8a !important;
  background: rgba(232, 206, 138, 0.08) !important;
}

.header-cta {
  font-family: "Manrope", "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
}


/* V5.11 — illustrations dans le processus */
.simple-process article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.process-illustration {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  margin: 0 0 14px 0;
  border-radius: 16px;
  border: 1px solid rgba(200, 184, 168, 0.18);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  background: rgba(8, 8, 10, 0.6);
}

@media (max-width: 768px) {
  .process-illustration {
    max-width: 100%;
    border-radius: 14px;
    margin-bottom: 12px;
  }
}


/* V5.12 — illustrations processus plus discrètes */
.process-illustration {
  max-width: 132px !important;
  margin-bottom: 10px !important;
  border-radius: 12px !important;
}

@media (max-width: 768px) {
  .process-illustration {
    max-width: 118px !important;
  }
}


/* V6.1 — présentation Processus en parcours 2 x 2 */
.simple-process {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  position: relative;
}

.simple-process article {
  position: relative;
  min-height: 360px;
  padding: 28px !important;
  overflow: visible;
}

.simple-process article > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0 0 16px 0 !important;
  border-radius: 999px;
  border: 1px solid rgba(232, 206, 138, 0.45);
  background: rgba(232, 206, 138, 0.08);
  color: #e8ce8a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
}

.process-illustration {
  max-width: 120px !important;
  margin-bottom: 16px !important;
}

/* Flèches du parcours */
.simple-process article:nth-child(1)::after,
.simple-process article:nth-child(2)::after,
.simple-process article:nth-child(3)::after {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(232, 206, 138, 0.38);
  background: rgba(7, 7, 8, 0.92);
  color: #e8ce8a;
  font-size: 24px;
  font-weight: 800;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.45);
}

.simple-process article:nth-child(1)::after {
  content: "→";
  right: -34px;
  top: 50%;
  transform: translateY(-50%);
}

.simple-process article:nth-child(2)::after {
  content: "↙";
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
}

.simple-process article:nth-child(3)::after {
  content: "→";
  right: -34px;
  top: 50%;
  transform: translateY(-50%);
}

/* Smartphone : garder 2 cases en haut et 2 en bas */
@media (max-width: 760px) {
  .simple-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .simple-process article {
    min-height: 300px;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .process-illustration {
    max-width: 82px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
  }

  .simple-process article > span {
    width: 38px;
    height: 38px;
    margin-bottom: 12px !important;
    font-size: 14px !important;
  }

  .simple-process article strong {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .simple-process article p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .simple-process article:nth-child(1)::after,
  .simple-process article:nth-child(2)::after,
  .simple-process article:nth-child(3)::after {
    width: 30px;
    height: 30px;
    font-size: 17px;
  }

  .simple-process article:nth-child(1)::after,
  .simple-process article:nth-child(3)::after {
    right: -23px;
  }

  .simple-process article:nth-child(2)::after {
    bottom: -23px;
  }
}

@media (max-width: 420px) {
  .simple-process {
    gap: 12px !important;
  }

  .simple-process article {
    min-height: 285px;
    padding: 14px !important;
  }

  .process-illustration {
    max-width: 72px !important;
  }

  .simple-process article strong {
    font-size: 14px !important;
  }

  .simple-process article p {
    font-size: 12px !important;
  }
}


/* V6.2 — Processus plus lisible, sans flèches qui gênent */
.simple-process {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  position: relative;
}

/* On supprime les flèches rondes V6.1 */
.simple-process article:nth-child(1)::after,
.simple-process article:nth-child(2)::after,
.simple-process article:nth-child(3)::after {
  content: none !important;
  display: none !important;
}

/* Ligne de parcours très discrète en arrière-plan */
.simple-process::before {
  content: "";
  position: absolute;
  inset: 50px 48px 50px 48px;
  border: 1px solid rgba(232, 206, 138, 0.16);
  border-radius: 34px;
  pointer-events: none;
}

.simple-process article {
  position: relative;
  min-height: 330px !important;
  padding: 28px !important;
  overflow: hidden !important;
}

.simple-process article::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 15%, rgba(232, 206, 138, 0.08), transparent 36%);
  pointer-events: none;
}

.process-illustration {
  width: 124px !important;
  max-width: 124px !important;
  height: 84px !important;
  object-fit: contain !important;
  margin: 0 0 18px 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(232, 206, 138, 0.22) !important;
  background: #050506 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.34) !important;
}

.simple-process article > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 52px !important;
  height: 52px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 999px;
  border: 1px solid rgba(232, 206, 138, 0.52) !important;
  background: rgba(232, 206, 138, 0.10) !important;
  color: #f4d98b !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
}

.simple-process article strong,
.simple-process article p {
  position: relative;
  z-index: 2;
}

/* Petites indications de parcours intégrées, plus propres */
.simple-process article:nth-child(1) span::after,
.simple-process article:nth-child(2) span::after,
.simple-process article:nth-child(3) span::after {
  content: "→";
  position: absolute;
  margin-left: 70px;
  color: rgba(232, 206, 138, 0.55);
  font-size: 22px;
  font-weight: 800;
}

.simple-process article:nth-child(2) span::after {
  content: "↓";
}

@media (max-width: 760px) {
  .simple-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .simple-process::before {
    display: none !important;
  }

  .simple-process article {
    min-height: 305px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .process-illustration {
    width: 86px !important;
    max-width: 86px !important;
    height: 58px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
  }

  .simple-process article > span {
    width: 42px !important;
    height: 42px !important;
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }

  .simple-process article:nth-child(1) span::after,
  .simple-process article:nth-child(2) span::after,
  .simple-process article:nth-child(3) span::after {
    margin-left: 52px;
    font-size: 18px;
  }

  .simple-process article strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .simple-process article p {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 420px) {
  .simple-process {
    gap: 12px !important;
  }

  .simple-process article {
    min-height: 292px !important;
    padding: 14px !important;
  }

  .process-illustration {
    width: 78px !important;
    max-width: 78px !important;
    height: 52px !important;
  }

  .simple-process article > span {
    width: 38px !important;
    height: 38px !important;
    font-size: 14px !important;
  }

  .simple-process article:nth-child(1) span::after,
  .simple-process article:nth-child(2) span::after,
  .simple-process article:nth-child(3) span::after {
    margin-left: 46px;
    font-size: 16px;
  }
}


/* V6.3 — Processus premium, simple et sans gadget */
.simple-process {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  position: relative;
}

.simple-process::before,
.simple-process article::after,
.simple-process article:nth-child(1)::after,
.simple-process article:nth-child(2)::after,
.simple-process article:nth-child(3)::after,
.simple-process article:nth-child(1) span::after,
.simple-process article:nth-child(2) span::after,
.simple-process article:nth-child(3) span::after {
  content: none !important;
  display: none !important;
}

.simple-process article {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "number image"
    "title image"
    "text text";
  align-items: start;
  min-height: 250px !important;
  padding: 30px !important;
  overflow: hidden !important;
  border-radius: 28px !important;
}

.simple-process article::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 18%, rgba(232, 206, 138, 0.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 48%);
  pointer-events: none;
}

.process-illustration {
  grid-area: image;
  width: 74px !important;
  max-width: 74px !important;
  height: 54px !important;
  object-fit: contain !important;
  margin: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(232, 206, 138, 0.18) !important;
  background: rgba(5, 5, 6, 0.62) !important;
  box-shadow: none !important;
  opacity: .82;
  position: relative;
  z-index: 2;
}

.simple-process article > span {
  grid-area: number;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 56px !important;
  height: 56px !important;
  margin: 0 0 22px 0 !important;
  border-radius: 999px;
  border: 1px solid rgba(232, 206, 138, 0.58) !important;
  background: rgba(232, 206, 138, 0.09) !important;
  color: #f4d98b !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  position: relative;
  z-index: 2;
}

.simple-process article strong {
  grid-area: title;
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 0 12px 0 !important;
  font-size: 20px !important;
  line-height: 1.22 !important;
}

.simple-process article p {
  grid-area: text;
  position: relative;
  z-index: 2;
  margin: 0 !important;
  max-width: 92%;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .simple-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .simple-process article {
    min-height: 235px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .process-illustration {
    width: 54px !important;
    max-width: 54px !important;
    height: 40px !important;
    border-radius: 10px !important;
  }

  .simple-process article > span {
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
  }

  .simple-process article strong {
    font-size: 14px !important;
    line-height: 1.24 !important;
    margin-bottom: 9px !important;
  }

  .simple-process article p {
    max-width: 100%;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 420px) {
  .simple-process {
    gap: 12px !important;
  }

  .simple-process article {
    min-height: 228px !important;
    padding: 14px !important;
  }

  .process-illustration {
    width: 48px !important;
    max-width: 48px !important;
    height: 36px !important;
  }

  .simple-process article > span {
    width: 38px !important;
    height: 38px !important;
    font-size: 13px !important;
  }

  .simple-process article strong {
    font-size: 13px !important;
  }

  .simple-process article p {
    font-size: 11.5px !important;
  }
}