/* Start custom CSS for html, class: .elementor-element-05db5f6 *//* AUTONOMIIA — CSS pour Elementor
   Collez ce CSS dans Elementor > CSS personnalisé
   ou dans Apparence > Personnaliser > CSS additionnel.
*/

#autonomiiia, #autonomiiia * { box-sizing: border-box; }

#autonomiiia {
  --navy: #07182b;
  --navy2: #0d2945;
  --yellow: #ffbd19;
  --yellow2: #ffd34e;
  --green: #23a567;
  --red: #e85b50;
  --text: #142334;
  --muted: #637386;
  --light: #f5f8fb;
  --line: #dce5ee;
  font-family: Inter, Arial, sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.5;
}

#autonomiiia .auto-container {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
}

#autonomiiia h1, #autonomiiia h2, #autonomiiia h3,
#autonomiiia p { margin-top: 0; }

#autonomiiia .auto-hero {
  min-height: 680px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
  padding: 72px 0 60px;
}

#autonomiiia .auto-brand {
  display:flex; align-items:center; gap:10px;
  font-size: 31px; font-weight: 900; letter-spacing: -1px;
  color: var(--navy);
}
#autonomiiia .auto-brand span:last-child span { color: var(--yellow); }

#autonomiiia .auto-logo {
  width:44px; height:44px; border-radius:13px;
  display:grid; place-items:center; color:#fff;
  background: linear-gradient(135deg,var(--yellow),#f59d00);
  font-weight:900; font-size:26px;
}

#autonomiiia .auto-kicker {
  margin: 12px 0 25px; font-size:12px; font-weight:800;
  letter-spacing:1.4px; color:var(--muted);
}

#autonomiiia h1 {
  font-size: clamp(42px, 5vw, 68px);
  line-height: .98; letter-spacing:-2.5px; font-weight:900;
  color:var(--navy); margin-bottom:24px;
}
#autonomiiia h1 strong { color:#f2ad0b; }

#autonomiiia .auto-lead {
  max-width: 610px; font-size:19px; line-height:1.65;
  color:#44576a; margin-bottom:30px;
}

#autonomiiia .auto-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }

#autonomiiia .auto-btn {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:0 22px; border-radius:10px;
  text-decoration:none; font-weight:900; font-size:13px;
  letter-spacing:.3px; transition:.2s ease;
}
#autonomiiia .auto-btn-yellow { background:var(--yellow); color:#07182b; }
#autonomiiia .auto-btn-yellow:hover { transform:translateY(-2px); }
#autonomiiia .auto-btn-outline { border:1px solid #bfcbd7; color:var(--navy); }

#autonomiiia .auto-benefits {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:12px; margin-top:42px;
}
#autonomiiia .auto-benefits > div {
  display:flex; gap:9px; align-items:center; font-size:11px;
  font-weight:800; text-transform:uppercase;
}
#autonomiiia .auto-benefits b {
  width:34px; height:34px; flex:none; border:2px solid var(--yellow);
  border-radius:50%; display:grid; place-items:center; color:var(--navy);
}

#autonomiiia .auto-hero-visual { position:relative; min-height:450px; display:grid; place-items:center; }
#autonomiiia .auto-screen {
  width:min(570px,100%); padding:18px; border-radius:18px;
  background:var(--navy); box-shadow:0 30px 70px rgba(7,24,43,.22);
}
#autonomiiia .auto-screen-top {
  display:flex; justify-content:space-between; color:#fff;
  font-size:12px; margin-bottom:15px;
}
#autonomiiia .auto-kpis {
  display:grid; grid-template-columns:repeat(4,1fr); gap:8px;
}
#autonomiiia .auto-kpis div {
  background:#fff; border-radius:9px; padding:11px;
}
#autonomiiia .auto-kpis small, #autonomiiia .auto-chart small,
#autonomiiia .auto-alerts small {
  display:block; font-size:8px; font-weight:800; color:#738397;
}
#autonomiiia .auto-kpis strong { display:block; font-size:22px; color:#1d4f93; }
#autonomiiia .auto-kpis .red { color:#dc5149; }
#autonomiiia .auto-kpis .green { color:#15945b; font-size:16px; }

#autonomiiia .auto-dashboard-grid {
  display:grid; grid-template-columns:1.25fr 1fr; gap:9px; margin-top:9px;
}
#autonomiiia .auto-chart, #autonomiiia .auto-alerts {
  background:#fff; border-radius:9px; padding:14px;
}
#autonomiiia .auto-bars {
  height:150px; display:flex; align-items:end; gap:9px; padding-top:20px;
}
#autonomiiia .auto-bars i {
  display:block; width:100%; background:linear-gradient(#2e83dc,#ffbd19);
  border-radius:5px 5px 0 0;
}
#autonomiiia .auto-alerts p { font-size:10px; margin:13px 0; }
#autonomiiia .auto-alerts p span { color:var(--yellow); }

#autonomiiia .auto-phone {
  position:absolute; right:-12px; bottom:8px; width:150px;
  background:#fff; border:8px solid #07182b; border-radius:25px;
  padding:16px 10px; box-shadow:0 20px 50px rgba(7,24,43,.25);
}
#autonomiiia .auto-phone-head { color:#1d4f93; font-weight:900; font-size:10px; margin-bottom:20px; }
#autonomiiia .auto-phone strong { font-size:14px; }
#autonomiiia .auto-phone p { font-size:9px; margin:9px 0; }

#autonomiiia .auto-section { padding:85px 0; }
#autonomiiia .auto-section-title { max-width:780px; margin-bottom:35px; }
#autonomiiia .auto-section-title.center { margin-left:auto; margin-right:auto; text-align:center; }
#autonomiiia .auto-section-title > span,
#autonomiiia .auto-example-copy > span,
#autonomiiia .auto-preview > div > span,
#autonomiiia .auto-audience > span {
  font-size:11px; font-weight:900; letter-spacing:1.5px; color:#c89000;
}
#autonomiiia .auto-section-title h2,
#autonomiiia .auto-preview h2,
#autonomiiia .auto-example h2,
#autonomiiia .auto-audience h2,
#autonomiiia .auto-waitlist h2 {
  font-size:clamp(28px,4vw,45px); line-height:1.08;
  letter-spacing:-1.2px; color:var(--navy); margin:9px 0 12px;
}
#autonomiiia .auto-section-title p { color:var(--muted); }

#autonomiiia .auto-problem-solution {
  display:grid; grid-template-columns:1fr 70px 1fr; align-items:stretch; gap:20px;
}
#autonomiiia .auto-card {
  padding:30px; border-radius:18px; border:1px solid var(--line);
}
#autonomiiia .auto-card h3 { font-size:14px; letter-spacing:.5px; margin-bottom:20px; }
#autonomiiia .auto-problems { background:#fff7f5; }
#autonomiiia .auto-problems h3 { color:#c95148; }
#autonomiiia .auto-solutions { background:#f2fbf6; }
#autonomiiia .auto-solutions h3 { color:#1c8d5b; }
#autonomiiia .auto-card ul { list-style:none; padding:0; margin:0; }
#autonomiiia .auto-card li {
  padding:12px 0; border-bottom:1px solid rgba(100,120,140,.14);
  font-size:14px;
}
#autonomiiia .auto-card li:last-child { border-bottom:0; }
#autonomiiia .auto-arrow {
  display:grid; place-items:center; font-size:38px; color:#15945b; font-weight:900;
}

#autonomiiia .auto-process-section { background:var(--light); }
#autonomiiia .auto-process {
  display:grid; grid-template-columns:repeat(5,1fr); gap:0;
}
#autonomiiia .auto-step {
  background:#fff; padding:25px 20px; border:1px solid var(--line);
  min-height:190px; position:relative;
}
#autonomiiia .auto-step:first-child { border-radius:15px 0 0 15px; }
#autonomiiia .auto-step:last-child { border-radius:0 15px 15px 0; }
#autonomiiia .auto-step b {
  display:grid; place-items:center; width:38px; height:38px; border-radius:50%;
  background:var(--yellow); color:var(--navy); margin-bottom:20px;
}
#autonomiiia .auto-step span { font-size:11px; font-weight:900; color:var(--navy); }
#autonomiiia .auto-step p { color:var(--muted); font-size:12px; margin-top:9px; }

#autonomiiia .auto-example {
  padding:75px 7%; background:var(--navy);
  color:#fff; display:grid; grid-template-columns:1.2fr .8fr; gap:50px;
  align-items:center; border-radius:20px; margin:60px 0;
}
#autonomiiia .auto-example h2 { color:#fff; }
#autonomiiia .auto-example-copy > span { color:var(--yellow); }
#autonomiiia .auto-example-copy p { color:#b7c6d4; max-width:600px; }
#autonomiiia .auto-flow { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:25px; }
#autonomiiia .auto-flow span { background:#183653; padding:9px 12px; border-radius:8px; font-size:11px; font-weight:800; }
#autonomiiia .auto-flow i { color:var(--yellow); font-style:normal; }
#autonomiiia .auto-example-box {
  background:#fff; color:var(--text); padding:25px; border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.2);
}
#autonomiiia .auto-example-box small { font-weight:900; color:#738397; }
#autonomiiia .auto-example-box strong { display:block; font-size:23px; margin-top:8px; }
#autonomiiia .auto-example-box p { font-size:12px; margin:8px 0; }
#autonomiiia .auto-tag {
  display:inline-block; margin:10px 0; padding:5px 8px; border-radius:30px;
  background:#e6f8ef; color:#168852; font-size:10px; font-weight:900;
}
#autonomiiia .auto-example-box hr { border:0; border-top:1px solid var(--line); }
#autonomiiia .auto-example-box button {
  width:100%; border:0; border-radius:8px; padding:11px;
  background:#eaf8f0; color:#158452; font-weight:900;
}

#autonomiiia .auto-pillars {
  display:grid; grid-template-columns:repeat(3,1fr); gap:15px;
}
#autonomiiia .auto-pillars article {
  border:1px solid var(--line); border-radius:15px; padding:25px;
  background:#fff; transition:.2s ease;
}
#autonomiiia .auto-pillars article:hover { transform:translateY(-4px); box-shadow:0 15px 35px rgba(20,35,52,.08); }
#autonomiiia .auto-pillars article > div {
  font-size:25px; margin-bottom:15px; color:#f0aa08;
}
#autonomiiia .auto-pillars h3 { font-size:13px; margin-bottom:8px; }
#autonomiiia .auto-pillars p { color:var(--muted); font-size:13px; margin:0; }

#autonomiiia .auto-audience {
  background:#f7f9fb; border:1px solid var(--line);
  border-radius:20px; padding:50px; text-align:center; margin-bottom:70px;
}
#autonomiiia .auto-audience-grid {
  display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:30px;
}
#autonomiiia .auto-audience-grid div {
  padding:22px 10px; background:#fff; border-radius:12px;
  border:1px solid var(--line); font-size:28px;
}
#autonomiiia .auto-audience-grid b { display:block; font-size:11px; margin-top:9px; }

#autonomiiia .auto-benefit-band {
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--line); border-radius:15px; overflow:hidden; margin-bottom:75px;
}
#autonomiiia .auto-benefit-band div { background:var(--navy); color:#fff; padding:25px; text-align:center; }
#autonomiiia .auto-benefit-band b { display:block; color:var(--yellow); font-size:13px; }
#autonomiiia .auto-benefit-band span { display:block; color:#b7c6d4; font-size:11px; margin-top:5px; }

#autonomiiia .auto-preview {
  display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;
  padding:60px 0 85px;
}
#autonomiiia .auto-preview img {
  width:100%; height:auto; display:block; border-radius:15px;
  box-shadow:0 25px 60px rgba(7,24,43,.15);
}
#autonomiiia .auto-preview p { color:var(--muted); max-width:560px; }

#autonomiiia .auto-waitlist {
  background:linear-gradient(135deg,var(--navy),#103452);
  color:#fff; padding:55px; border-radius:20px; display:grid;
  grid-template-columns:1fr 1fr; gap:40px; align-items:center;
}
#autonomiiia .auto-waitlist h2 { color:#fff; }
#autonomiiia .auto-waitlist p { color:#b7c6d4; }
#autonomiiia .auto-waitlist > div > span { color:var(--yellow); font-weight:900; }
#autonomiiia .auto-form { display:flex; background:#fff; padding:5px; border-radius:10px; }
#autonomiiia .auto-form input {
  min-width:0; flex:1; border:0; outline:0; padding:13px 14px; font-size:14px;
}
#autonomiiia .auto-form button {
  border:0; border-radius:7px; padding:0 18px; background:var(--yellow);
  color:var(--navy); font-weight:900; cursor:pointer;
}

#autonomiiia .auto-footer {
  display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap;
  padding:35px 0; color:#718092; font-size:11px;
}
#autonomiiia .auto-footer strong { color:var(--navy); }

@media (max-width: 980px) {
  #autonomiiia .auto-hero,
  #autonomiiia .auto-example,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-waitlist { grid-template-columns:1fr; }
  #autonomiiia .auto-hero { padding-top:45px; }
  #autonomiiia .auto-process { grid-template-columns:1fr; }
  #autonomiiia .auto-step, #autonomiiia .auto-step:first-child, #autonomiiia .auto-step:last-child { border-radius:0; }
  #autonomiiia .auto-pillars { grid-template-columns:repeat(2,1fr); }
  #autonomiiia .auto-audience-grid { grid-template-columns:repeat(3,1fr); }
  #autonomiiia .auto-benefits { grid-template-columns:repeat(2,1fr); }
  #autonomiiia .auto-phone { right:0; }
}

@media (max-width: 620px) {
  #autonomiiia .auto-container { width:min(100% - 24px,1180px); }
  #autonomiiia .auto-hero { min-height:0; padding:35px 0; }
  #autonomiiia h1 { font-size:43px; }
  #autonomiiia .auto-lead { font-size:16px; }
  #autonomiiia .auto-benefits,
  #autonomiiia .auto-pillars,
  #autonomiiia .auto-audience-grid,
  #autonomiiia .auto-benefit-band { grid-template-columns:1fr; }
  #autonomiiia .auto-problem-solution { grid-template-columns:1fr; }
  #autonomiiia .auto-arrow { transform:rotate(90deg); height:35px; }
  #autonomiiia .auto-audience { padding:30px 18px; }
  #autonomiiia .auto-example { padding:35px 22px; margin:35px 0; }
  #autonomiiia .auto-waitlist { padding:32px 22px; }
  #autonomiiia .auto-form { flex-direction:column; gap:5px; background:transparent; }
  #autonomiiia .auto-form input, #autonomiiia .auto-form button { width:100%; min-height:48px; border-radius:8px; }
  #autonomiiia .auto-dashboard-grid { grid-template-columns:1fr; }
  #autonomiiia .auto-kpis { grid-template-columns:repeat(2,1fr); }
  #autonomiiia .auto-phone { display:none; }
}

/* AUTONOMIIA V2 */
#autonomiiia .auto-hero-v2{position:relative;overflow:hidden;border-radius:0 0 28px 28px;min-height:720px;padding:76px 42px 70px;background:radial-gradient(circle at 82% 18%,rgba(255,189,25,.2),transparent 25%),linear-gradient(118deg,#061526 0%,#0a2139 55%,#102f4a 100%);color:#fff}
#autonomiiia .auto-hero-v2 .auto-hero-copy{position:relative;z-index:3}
#autonomiiia .auto-hero-bg-image{position:absolute;right:-14%;top:-8%;width:72%;height:116%;background:linear-gradient(90deg,#07182b 0%,rgba(7,24,43,.74) 25%,rgba(7,24,43,.08) 72%),url("autonomiiia-flyer-illustration.png") center/cover no-repeat;opacity:.22;filter:saturate(.65)}
#autonomiiia .auto-hero-v2 .auto-brand{color:#fff}
#autonomiiia .auto-hero-v2 .auto-kicker{color:#b9c8d7}
#autonomiiia .auto-hero-v2 h1{color:#fff}
#autonomiiia .auto-hero-v2 .auto-lead{color:#d4dee8}
#autonomiiia .auto-btn-white{background:#fff;color:#07182b;border:1px solid #fff}
#autonomiiia .auto-mini-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:#d6e0e9;font-size:12px;font-weight:700}
#autonomiiia .auto-hero-v2-visual{z-index:2}
#autonomiiia .auto-hero-badge{position:absolute;top:3px;left:8px;z-index:4;background:#fff;color:#07182b;padding:13px 18px;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.25)}
#autonomiiia .auto-hero-badge span{display:block;color:#b77e00;font-size:9px;font-weight:900;letter-spacing:1px}
#autonomiiia .auto-hero-badge strong{display:block;font-size:18px}
#autonomiiia .auto-countdown-wrap{margin:-34px auto 0;position:relative;z-index:10;width:min(1080px,calc(100% - 32px));border-radius:20px;padding:25px 30px;background:#fff;box-shadow:0 20px 55px rgba(7,24,43,.15);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;border:1px solid #e0e7ee}
#autonomiiia .auto-countdown-copy>span,#autonomiiia .auto-site-copy>span,#autonomiiia .auto-form-heading>span{color:#d39700;font-size:10px;font-weight:900;letter-spacing:1.3px}
#autonomiiia .auto-countdown-copy h2{margin:4px 0;font-size:24px;color:#07182b}
#autonomiiia .auto-countdown-copy h2 strong{color:#e9a900}
#autonomiiia .auto-countdown-copy p{margin:0;color:#647487;font-size:12px}
#autonomiiia .auto-countdown{display:flex;align-items:center;gap:8px}
#autonomiiia .auto-countdown>div{min-width:76px;text-align:center;background:#07182b;color:#fff;border-radius:11px;padding:10px 7px}
#autonomiiia .auto-countdown strong{display:block;font-size:27px;line-height:1}
#autonomiiia .auto-countdown span{display:block;margin-top:5px;font-size:7px;color:#bdc9d5;font-weight:800}
#autonomiiia .auto-countdown i{font-style:normal;font-size:24px;font-weight:900;color:#e2a500}
#autonomiiia .auto-countdown.is-live>div{background:#1b995d}
#autonomiiia .auto-site-section{margin:80px 0;padding:55px;border-radius:24px;background:linear-gradient(135deg,#f5f8fb,#fff);border:1px solid #dce5ee;display:grid;grid-template-columns:1fr .82fr;gap:55px;align-items:center}
#autonomiiia .auto-site-copy h2{font-size:clamp(29px,4vw,44px);line-height:1.08;letter-spacing:-1.2px;color:#07182b;margin:8px 0 15px}
#autonomiiia .auto-site-copy p{color:#637386}
#autonomiiia .auto-site-copy ul{list-style:none;padding:0;margin:22px 0 0}
#autonomiiia .auto-site-copy li{padding:8px 0;font-size:13px;font-weight:700}
#autonomiiia .auto-site-form-card{padding:28px;border-radius:18px;background:#07182b;box-shadow:0 18px 45px rgba(7,24,43,.14)}
#autonomiiia .auto-form-heading h3{color:#fff;font-size:24px;margin:6px 0 20px}
#autonomiiia .auto-lead-form,#autonomiiia .auto-waitlist-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#autonomiiia .auto-lead-form input,#autonomiiia .auto-lead-form select,#autonomiiia .auto-lead-form textarea,#autonomiiia .auto-waitlist-form input,#autonomiiia .auto-waitlist-form select{width:100%;min-width:0;border:1px solid #dce5ee;border-radius:8px;padding:12px 13px;font:inherit;font-size:12px;outline:0;background:#fff}
#autonomiiia .auto-lead-form textarea{grid-column:1/-1;resize:vertical}
#autonomiiia .auto-lead-form button,#autonomiiia .auto-waitlist-form button{grid-column:1/-1;border:0;border-radius:8px;padding:13px;background:#ffbd19;color:#07182b;font-weight:900;cursor:pointer}
#autonomiiia .auto-lead-form small,#autonomiiia .auto-waitlist-form small{grid-column:1/-1;color:#9db0c2;font-size:9px;line-height:1.5}
@media(max-width:980px){#autonomiiia .auto-hero-v2{padding:55px 28px}#autonomiiia .auto-countdown-wrap{grid-template-columns:1fr}#autonomiiia .auto-site-section{grid-template-columns:1fr;padding:35px}}
@media(max-width:620px){#autonomiiia .auto-hero-v2{padding:42px 18px}#autonomiiia .auto-hero-bg-image{width:100%;right:-35%;opacity:.13}#autonomiiia .auto-countdown-wrap{width:calc(100% - 20px);padding:20px 12px}#autonomiiia .auto-countdown{justify-content:center;gap:3px}#autonomiiia .auto-countdown>div{min-width:59px}#autonomiiia .auto-countdown strong{font-size:21px}#autonomiiia .auto-countdown i{font-size:18px}#autonomiiia .auto-site-section{margin:55px 0;padding:25px 18px}#autonomiiia .auto-lead-form,#autonomiiia .auto-waitlist-form{grid-template-columns:1fr}#autonomiiia .auto-lead-form textarea,#autonomiiia .auto-lead-form button,#autonomiiia .auto-lead-form small,#autonomiiia .auto-waitlist-form button,#autonomiiia .auto-waitlist-form small{grid-column:auto}}

/* ==========================================================
   AUTONOMIIA V4 — PETITE CORRECTION, PAS DE REFONTE
   Base conservée : V2. On ne supprime ni les icônes ni le compte à rebours.
   ========================================================== */

/* Le hero reste bleu, mais moins "bloc bleu uniforme". */
#autonomiiia .auto-hero-v2{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,189,25,.22),transparent 23%),
    linear-gradient(118deg,#061526 0%,#0a2139 46%,#17354d 100%) !important;
}

/* Ordinateur : écran plus lisible et mieux détaché du fond. */
#autonomiiia .auto-hero-v2 .auto-screen{
  position:relative;
  z-index:5;
  box-shadow:0 24px 50px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.1);
}
#autonomiiia .auto-hero-v2 .auto-screen-top{
  padding-bottom:12px;
}
#autonomiiia .auto-hero-v2 .auto-dashboard-grid{
  gap:10px;
}
#autonomiiia .auto-hero-v2 .auto-chart,
#autonomiiia .auto-hero-v2 .auto-alerts{
  min-height:180px;
}

/* Téléphone : on garde le téléphone existant mais on le rend vraiment lisible. */
#autonomiiia .auto-hero-v2 .auto-phone{
  width:145px !important;
  min-height:292px !important;
  padding:11px !important;
  border-radius:24px !important;
  background:#07182b !important;
  box-shadow:0 24px 45px rgba(0,0,0,.32);
  z-index:8;
}
#autonomiiia .auto-hero-v2 .auto-phone:before{
  content:"";
  display:block;
  height:3px;
  width:42px;
  margin:0 auto 13px;
  border-radius:5px;
  background:#243c52;
}
#autonomiiia .auto-hero-v2 .auto-phone-head{
  font-size:9px !important;
  margin-bottom:13px !important;
}
#autonomiiia .auto-hero-v2 .auto-phone strong{
  display:block;
  font-size:13px !important;
  color:#07182b;
  background:#f3f6f8;
  border-radius:8px;
  padding:9px;
}
#autonomiiia .auto-hero-v2 .auto-phone p{
  background:#fff;
  color:#4e5e70;
  border-radius:7px;
  padding:9px 7px;
  margin:6px 0 !important;
  border-bottom:1px solid #e8edf1;
  box-shadow:0 2px 6px rgba(7,24,43,.06);
}
#autonomiiia .auto-hero-v2 .auto-phone p:nth-of-type(3){
  color:#c94d48;
}

/* Le badge "bientôt disponible" reste dans le hero comme demandé. */
#autonomiiia .auto-hero-badge{
  box-shadow:0 15px 40px rgba(0,0,0,.22) !important;
}

/* Le compte à rebours reste exactement dans la page, mais plus intégré au design. */
#autonomiiia .auto-countdown-wrap{
  background:linear-gradient(135deg,#fff,#f6f8fa) !important;
  box-shadow:0 18px 45px rgba(7,24,43,.13) !important;
}
#autonomiiia .auto-countdown>div{
  background:#07182b !important;
  border:1px solid #193750;
}
#autonomiiia .auto-countdown i{color:#f2ae00 !important}

/* Storytelling : ajouté sans toucher aux sections existantes. */
#autonomiiia .auto-founder-v4{
  width:100%;
  margin:55px 0 25px;
  padding:48px 42px;
  border-radius:22px;
  background:
    radial-gradient(circle at 15% 50%,rgba(255,189,25,.10),transparent 25%),
    linear-gradient(115deg,#0a2139,#102e48);
  color:#fff;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:45px;
  align-items:center;
  border:1px solid rgba(255,255,255,.1);
}
#autonomiiia .auto-founder-photo-v4{
  width:230px;
  height:300px;
  margin:auto;
  overflow:hidden;
  border-radius:22px;
  border:3px solid #ffbd19;
  background:#2c91bd;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
}
#autonomiiia .auto-founder-photo-v4 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 20%;
}
#autonomiiia .auto-founder-text-v4>span{
  color:#ffbd19;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.4px;
}
#autonomiiia .auto-founder-text-v4 h2{
  margin:7px 0 17px;
  color:#fff;
  font-size:clamp(31px,4vw,48px);
  line-height:1.05;
  letter-spacing:-1.5px;
}
#autonomiiia .auto-founder-text-v4 p{
  color:#d0dce7;
  font-size:14px;
  line-height:1.7;
  margin:0 0 11px;
}
#autonomiiia .auto-founder-note-v4{
  margin:21px 0 17px;
  padding:16px 18px;
  background:rgba(255,255,255,.07);
  border-left:3px solid #ffbd19;
  border-radius:0 10px 10px 0;
}
#autonomiiia .auto-founder-note-v4 strong{
  display:block;
  color:#ffbd19;
  font-size:14px;
  margin-bottom:5px;
}
#autonomiiia .auto-founder-note-v4 span{
  display:block;
  color:#d0dce7;
  font-size:12px;
  line-height:1.55;
}
#autonomiiia .auto-founder-name-v4{
  display:block;
  color:#fff;
  font-size:16px;
}
#autonomiiia .auto-founder-text-v4 small{
  color:#9fb0c0;
  font-size:10px;
}

@media(max-width:980px){
  #autonomiiia .auto-founder-v4{
    grid-template-columns:1fr;
    text-align:left;
  }
}
@media(max-width:620px){
  #autonomiiia .auto-phone{display:block !important}
  #autonomiiia .auto-hero-v2 .auto-phone{
    width:108px !important;
    min-height:225px !important;
    right:0 !important;
    bottom:5px !important;
  }
  #autonomiiia .auto-hero-v2 .auto-phone p{
    font-size:7px !important;
    padding:7px 5px !important;
  }
  #autonomiiia .auto-founder-v4{
    margin-top:45px;
    padding:32px 20px;
  }
  #autonomiiia .auto-founder-photo-v4{
    width:210px;
    height:275px;
  }
}

/* ==========================================================
   AUTONOMIIA V5 — RETOUCHE CIBLEE
   Base V2/V4 conservée. Hero pleine largeur + vrai laptop +
   téléphone visible + suppression du badge uniquement.
   ========================================================== */

/* Pleine largeur : plus de grandes bandes blanches autour du hero. */
#autonomiiia,
#autonomiiia .auto-page,
#autonomiiia .auto-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
#autonomiiia .auto-container{
  padding:0 !important;
}
#autonomiiia .auto-hero-v2{
  width:100% !important;
  min-height:clamp(680px, 88vh, 820px);
  border-radius:0 !important;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.10);
  padding:72px clamp(28px,6vw,92px) 65px !important;
}
#autonomiiia .auto-hero-v2 > .auto-hero-copy{
  width:min(680px,100%);
  margin-left:auto;
}
#autonomiiia .auto-hero-v2 > .auto-hero-v2-visual{
  width:min(680px,100%);
  margin-right:auto;
}

/* On garde le fond BTP, mais il reste derrière les produits. */
#autonomiiia .auto-hero-bg-image{
  z-index:0;
  pointer-events:none;
}
#autonomiiia .auto-hero-v2-visual{
  position:relative;
  min-height:500px;
}

/* Le badge n'existe plus. */
#autonomiiia .auto-hero-badge{display:none !important;}

/* ---------- LAPTOP ---------- */
#autonomiiia .auto-laptop-v5{
  position:absolute;
  width:min(590px,100%);
  left:50%;
  top:54%;
  transform:translate(-50%,-50%);
  z-index:6;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.28));
}
#autonomiiia .auto-laptop-bezel-v5{
  background:#07182b;
  border:7px solid #07182b;
  border-radius:16px 16px 8px 8px;
  padding:4px;
  position:relative;
}
#autonomiiia .auto-laptop-bezel-v5:after{
  content:"";
  position:absolute;
  left:50%;
  top:2px;
  transform:translateX(-50%);
  width:42px;
  height:4px;
  border-radius:0 0 5px 5px;
  background:#182e42;
  z-index:9;
}
#autonomiiia .auto-screen{
  position:relative !important;
  z-index:2;
  width:100%;
  box-shadow:none !important;
  border:0 !important;
  border-radius:8px !important;
  overflow:hidden;
}
#autonomiiia .auto-laptop-base-v5{
  width:114%;
  height:18px;
  margin-left:-7%;
  margin-top:0;
  background:linear-gradient(#dfe4e8,#9ca6af);
  border-radius:0 0 22px 22px;
  position:relative;
}
#autonomiiia .auto-laptop-base-v5:after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:24%;
  height:5px;
  border-radius:0 0 8px 8px;
  background:#7f8992;
}

/* ---------- TELEPHONE : TOUJOURS VISIBLE ---------- */
#autonomiiia .auto-hero-v2 .auto-phone{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  width:148px !important;
  height:300px !important;
  min-height:300px !important;
  right:-12px !important;
  bottom:20px !important;
  padding:10px !important;
  z-index:12 !important;
  overflow:hidden;
  background:#07182b !important;
  border:7px solid #07182b !important;
  border-radius:27px !important;
  box-shadow:0 25px 48px rgba(0,0,0,.36) !important;
}
#autonomiiia .auto-hero-v2 .auto-phone:before{
  content:"";
  display:block;
  width:42px;
  height:4px;
  margin:0 auto 11px;
  border-radius:5px;
  background:#284157;
}
#autonomiiia .auto-hero-v2 .auto-phone-head{
  margin-bottom:11px !important;
  color:#2b609a !important;
  font-size:9px !important;
}
#autonomiiia .auto-hero-v2 .auto-phone strong{
  display:block !important;
  padding:9px !important;
  margin-bottom:7px !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#07182b !important;
  font-size:12px !important;
  line-height:1.25 !important;
}
#autonomiiia .auto-hero-v2 .auto-phone p{
  display:block !important;
  padding:8px 7px !important;
  margin:6px 0 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#536477 !important;
  font-size:7.5px !important;
  line-height:1.35 !important;
}
#autonomiiia .auto-hero-v2 .auto-phone p:nth-of-type(3){
  color:#d84f49 !important;
}

/* ---------- COMPTE À REBOURS : CONSERVÉ ---------- */
#autonomiiia .auto-countdown-wrap{
  width:min(1180px,calc(100% - 40px)) !important;
  margin:0 auto !important;
  border-radius:0 0 20px 20px !important;
  border:1px solid #dce5ee !important;
  border-top:0 !important;
  padding:25px 30px !important;
}

/* ---------- BORDURES ENTRE LES GRANDES SECTIONS ---------- */
#autonomiiia .auto-countdown-wrap,
#autonomiiia .auto-problems,
#autonomiiia .auto-how,
#autonomiiia .auto-example,
#autonomiiia .auto-preview,
#autonomiiia .auto-site,
#autonomiiia .auto-waitlist,
#autonomiiia .auto-founder-v4{
  border-bottom:1px solid rgba(7,24,43,.10);
}

/* ---------- TABLETTE ---------- */
@media (max-width:1050px){
  #autonomiiia .auto-hero-v2{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:55px 30px 45px !important;
  }
  #autonomiiia .auto-hero-v2 > .auto-hero-copy,
  #autonomiiia .auto-hero-v2 > .auto-hero-v2-visual{
    width:100%;
    margin:0;
  }
  #autonomiiia .auto-hero-v2-visual{
    min-height:510px !important;
    margin-top:18px !important;
  }
  #autonomiiia .auto-laptop-v5{
    width:min(650px,88vw);
    left:50%;
    top:50%;
  }
  #autonomiiia .auto-hero-v2 .auto-phone{
    right:calc(50% - 330px) !important;
    bottom:8px !important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:650px){
  #autonomiiia .auto-hero-v2{
    padding:36px 17px 28px !important;
  }
  #autonomiiia .auto-hero-v2 h1{
    font-size:clamp(42px,12vw,58px) !important;
    letter-spacing:-2.2px !important;
  }
  #autonomiiia .auto-hero-v2 .auto-lead{
    font-size:15px !important;
  }
  #autonomiiia .auto-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  #autonomiiia .auto-hero-actions .auto-btn{
    width:100%;
    text-align:center;
  }
  #autonomiiia .auto-hero-v2-visual{
    min-height:340px !important;
    margin-top:5px !important;
  }
  #autonomiiia .auto-laptop-v5{
    width:calc(100vw - 42px);
    max-width:430px;
    top:46%;
  }
  #autonomiiia .auto-laptop-bezel-v5{
    border-width:5px;
  }
  #autonomiiia .auto-app{
    min-height:210px;
  }
  #autonomiiia .auto-phone{
    width:105px !important;
    height:218px !important;
    min-height:218px !important;
    right:-1px !important;
    bottom:0 !important;
    border-width:6px !important;
    padding:7px !important;
  }
  #autonomiiia .auto-phone:before{
    width:32px;
    height:3px;
    margin-bottom:7px;
  }
  #autonomiiia .auto-hero-v2 .auto-phone strong{
    font-size:8px !important;
    padding:7px !important;
  }
  #autonomiiia .auto-hero-v2 .auto-phone p{
    font-size:5.8px !important;
    padding:6px 5px !important;
    margin:4px 0 !important;
  }
  #autonomiiia .auto-laptop-base-v5{
    height:10px;
  }
  #autonomiiia .auto-countdown-wrap{
    width:calc(100% - 24px) !important;
    padding:18px 12px !important;
  }
  #autonomiiia .auto-countdown{
    justify-content:center !important;
  }
}

/* AUTONOMIIA FINAL — HEADER + NATIVE WORDPRESS FORMS */
#autonomiiia .au-header{
  width:100%;
  min-height:76px;
  padding:0 clamp(20px,5vw,72px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:#07182b;
  border-bottom:1px solid rgba(255,255,255,.12);
  position:relative;
  z-index:50;
}
#autonomiiia .au-header-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-weight:950;
  font-size:22px;
  letter-spacing:-1px;
  white-space:nowrap;
}
#autonomiiia .au-header-logo{
  width:37px;height:37px;border-radius:9px;
  display:grid;place-items:center;
  background:#ffb511;color:#07182b;font-size:23px;font-weight:950;
}
#autonomiiia .au-header-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(15px,2.3vw,34px);
}
#autonomiiia .au-header-nav a{
  color:#c8d4df;
  font-size:12px;
  font-weight:800;
  transition:.2s ease;
}
#autonomiiia .au-header-nav a:hover{color:#ffb511}
#autonomiiia .au-header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px;
  border-radius:8px;
  background:#ffb511;
  color:#07182b;
  font-size:10px;
  font-weight:950;
  text-align:center;
}
#autonomiiia [id]{scroll-margin-top:90px}
#autonomiiia .au-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#autonomiiia .auto-form-status{
  grid-column:1/-1;
  min-height:18px;
  margin-top:3px;
  font-size:11px;
  line-height:1.4;
  font-weight:800;
}
#autonomiiia .auto-form-status.is-success{color:#2aa46a}
#autonomiiia .auto-form-status.is-error{color:#ef6a61}
#autonomiiia .auto-form-status.is-loading{color:#9fb0c0}
#autonomiiia button[disabled]{opacity:.65;cursor:wait}
@media(max-width:850px){
  #autonomiiia .au-header{padding:0 20px}
  #autonomiiia .au-header-nav{display:none}
  #autonomiiia .au-header-cta{margin-left:auto}
}
@media(max-width:480px){
  #autonomiiia .au-header{min-height:68px}
  #autonomiiia .au-header-brand{font-size:18px}
  #autonomiiia .au-header-logo{width:32px;height:32px;font-size:20px}
  #autonomiiia .au-header-cta{font-size:9px;padding:0 10px;min-height:38px}
}

/* ============================================================
   AUTONOMIIA V6 — RESPONSIVE / FULL-BLEED FINAL
   Desktop: nav à droite.
   <=1024px: hamburger à droite.
   Aucun logo/nom dans le header.
   ============================================================ */

/* 1. FULL BLEED — neutralise les conteneurs Elementor/WordPress */
html, body{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}
body{
  box-sizing:border-box !important;
}
#autonomiiia{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:0 !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
#autonomiiia *,
#autonomiiia *::before,
#autonomiiia *::after{
  box-sizing:border-box;
}
#autonomiiia .auto-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Elementor wrappers around the widget: remove visual gutters */
.elementor-element:has(#autonomiiia),
.elementor-widget-html:has(#autonomiiia),
.elementor-widget-container:has(#autonomiiia){
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.elementor-section:has(#autonomiiia),
.elementor-container:has(#autonomiiia){
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2. HEADER — aucun logo, aucun nom, aucun trait */
#autonomiiia .au-header{
  width:100% !important;
  min-height:78px !important;
  margin:0 !important;
  padding:0 clamp(24px,5vw,82px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  background:#07182b !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:1000 !important;
}
#autonomiiia .au-header::after{
  display:none !important;
}
#autonomiiia .au-header-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(26px,3vw,48px) !important;
  margin:0 !important;
}
#autonomiiia .au-header-nav a{
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
#autonomiiia .au-header-nav a:hover,
#autonomiiia .au-header-nav a:focus{
  color:#ffb511 !important;
}
#autonomiiia .au-header-nav .au-header-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:0 24px !important;
  border-radius:10px !important;
  background:#ffb511 !important;
  color:#07182b !important;
  font-size:12px !important;
  font-weight:950 !important;
}
#autonomiiia .au-header-nav .au-header-cta:hover{
  color:#07182b !important;
  background:#ffc52e !important;
}

/* Hamburger: invisible on desktop */
#autonomiiia .au-menu-toggle{
  display:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  padding:10px !important;
  margin:0 !important;
  border-radius:9px !important;
  cursor:pointer !important;
}
#autonomiiia .au-menu-toggle span{
  display:block !important;
  width:25px !important;
  height:2px !important;
  margin:5px auto !important;
  background:#fff !important;
  border-radius:4px !important;
  transition:transform .2s ease, opacity .2s ease !important;
}

/* 3. HERO — full width, desktop 2 colonnes */
#autonomiiia .auto-hero-v2{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  align-items:center !important;
  gap:clamp(30px,5vw,80px) !important;
  min-height:calc(100vh - 78px) !important;
  padding:70px clamp(24px,7vw,110px) 70px !important;
  overflow:hidden !important;
}
#autonomiiia .auto-hero-copy{
  min-width:0 !important;
  width:100% !important;
  max-width:800px !important;
  margin:0 !important;
}
#autonomiiia .auto-brand{
  color:#fff !important;
}
#autonomiiia .auto-kicker{
  color:#fff !important;
}
#autonomiiia .auto-hero-v2 h1{
  color:#fff !important;
  max-width:100% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
#autonomiiia .auto-hero-v2 h1 strong{
  color:#ffb511 !important;
}
#autonomiiia .auto-hero-v2 .auto-lead{
  color:#fff !important;
  max-width:700px !important;
}
#autonomiiia .auto-hero-actions{
  width:100% !important;
  max-width:760px !important;
}
#autonomiiia .auto-btn{
  white-space:normal !important;
  max-width:100% !important;
}
#autonomiiia .auto-mini-proof{
  color:#fff !important;
}

/* Hero visual never causes horizontal page scroll */
#autonomiiia .auto-hero-v2-visual{
  width:100% !important;
  min-width:0 !important;
  max-width:760px !important;
  min-height:500px !important;
  margin:0 !important;
  position:relative !important;
  overflow:visible !important;
}
#autonomiiia .auto-laptop-v5{
  max-width:100% !important;
}
#autonomiiia .auto-laptop-bezel-v5,
#autonomiiia .auto-screen{
  max-width:100% !important;
  min-width:0 !important;
}
#autonomiiia .auto-screen-top{
  min-width:0 !important;
}
#autonomiiia .auto-kpis{
  min-width:0 !important;
}
#autonomiiia .auto-kpis > div,
#autonomiiia .auto-dashboard-grid > div{
  min-width:0 !important;
}
#autonomiiia .auto-kpis strong,
#autonomiiia .auto-kpis small,
#autonomiiia .auto-alerts p{
  overflow-wrap:anywhere !important;
}

/* 4. COMPTE À REBOURS — conservé et full-width propre */
#autonomiiia .auto-countdown-wrap{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

/* 5. STORY PHOTO — URL fournie par l'utilisateur */
#autonomiiia .auto-founder-photo-v4 img{
  object-fit:cover !important;
  object-position:center 20% !important;
}

/* 6. TABLETTE — hamburger à droite */
@media (max-width:1024px){
  #autonomiiia .au-header{
    min-height:70px !important;
    padding:0 22px !important;
  }
  #autonomiiia .au-menu-toggle{
    display:block !important;
    margin-left:auto !important;
    order:2 !important;
  }
  #autonomiiia .au-header-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:14px !important;
    left:14px !important;
    width:auto !important;
    padding:10px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:4px !important;
    background:#07182b !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
  }
  #autonomiiia .au-header-nav.is-open{
    display:flex !important;
  }
  #autonomiiia .au-header-nav a{
    width:100% !important;
    padding:14px 12px !important;
    color:#fff !important;
    text-align:center !important;
  }
  #autonomiiia .au-header-nav .au-header-cta{
    margin-top:4px !important;
  }

  #autonomiiia .auto-hero-v2{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:25px !important;
    padding:55px 32px 55px !important;
  }
  #autonomiiia .auto-hero-copy{
    max-width:900px !important;
  }
  #autonomiiia .auto-hero-v2-visual{
    width:min(760px,100%) !important;
    max-width:760px !important;
    min-height:510px !important;
    margin:0 auto !important;
  }
}

/* 7. MOBILE — texte empilé, mockups dans leur propre espace */
@media (max-width:650px){
  #autonomiiia .au-header{
    min-height:66px !important;
    padding:0 14px !important;
  }
  #autonomiiia .au-menu-toggle{
    width:44px !important;
    height:44px !important;
  }
  #autonomiiia .au-menu-toggle span{
    width:24px !important;
  }

  #autonomiiia .auto-hero-v2{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:26px !important;
    padding:34px 16px 38px !important;
    min-height:0 !important;
  }
  #autonomiiia .auto-hero-copy{
    width:100% !important;
    max-width:none !important;
  }
  #autonomiiia .auto-brand{
    font-size:clamp(24px,7.5vw,34px) !important;
    max-width:100% !important;
  }
  #autonomiiia .auto-logo{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
  }
  #autonomiiia .auto-kicker{
    font-size:10px !important;
    line-height:1.35 !important;
    margin:10px 0 20px !important;
  }
  #autonomiiia .auto-hero-v2 h1{
    font-size:clamp(39px,11.5vw,56px) !important;
    line-height:.96 !important;
    letter-spacing:-2px !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  #autonomiiia .auto-hero-v2 .auto-lead{
    font-size:15px !important;
    line-height:1.55 !important;
    margin-bottom:23px !important;
  }
  #autonomiiia .auto-hero-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  #autonomiiia .auto-btn{
    width:100% !important;
    min-height:52px !important;
    padding:10px 14px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
  #autonomiiia .auto-mini-proof{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px 12px !important;
    margin-top:20px !important;
    font-size:10px !important;
    line-height:1.25 !important;
  }

  /* mockups: dashboard scaled to the viewport, phone below/right */
  #autonomiiia .auto-hero-v2-visual{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    height:430px !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  #autonomiiia .auto-laptop-v5{
    position:absolute !important;
    left:0 !important;
    top:10px !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    margin:0 !important;
  }
  #autonomiiia .auto-laptop-bezel-v5{
    width:100% !important;
    padding:3px !important;
    border-width:5px !important;
    border-radius:12px !important;
  }
  #autonomiiia .auto-screen{
    width:100% !important;
    padding:11px !important;
  }
  #autonomiiia .auto-screen-top{
    font-size:9px !important;
    margin-bottom:9px !important;
  }
  #autonomiiia .auto-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
  }
  #autonomiiia .auto-kpis div{
    padding:7px 5px !important;
    border-radius:6px !important;
  }
  #autonomiiia .auto-kpis small{
    font-size:6px !important;
    line-height:1.1 !important;
  }
  #autonomiiia .auto-kpis strong{
    font-size:15px !important;
    line-height:1.1 !important;
  }
  #autonomiiia .auto-kpis .green{
    font-size:10px !important;
  }
  #autonomiiia .auto-dashboard-grid{
    grid-template-columns:1.25fr 1fr !important;
    gap:5px !important;
    margin-top:5px !important;
  }
  #autonomiiia .auto-chart,
  #autonomiiia .auto-alerts{
    min-height:160px !important;
    padding:8px !important;
    border-radius:6px !important;
  }
  #autonomiiia .auto-chart small,
  #autonomiiia .auto-alerts small{
    font-size:6px !important;
  }
  #autonomiiia .auto-bars{
    height:120px !important;
    gap:5px !important;
    padding-top:12px !important;
  }
  #autonomiiia .auto-alerts p{
    font-size:6px !important;
    margin:7px 0 !important;
    line-height:1.25 !important;
  }
  #autonomiiia .auto-laptop-base-v5{
    width:104% !important;
    margin-left:-2% !important;
    height:10px !important;
  }

  #autonomiiia .auto-hero-v2 .auto-phone{
    display:block !important;
    position:absolute !important;
    width:108px !important;
    height:220px !important;
    min-height:220px !important;
    right:4px !important;
    bottom:0 !important;
    padding:7px !important;
    border-width:6px !important;
    border-radius:20px !important;
    z-index:20 !important;
  }
  #autonomiiia .auto-hero-v2 .auto-phone:before{
    width:31px !important;
    height:3px !important;
    margin:0 auto 7px !important;
  }
  #autonomiiia .auto-hero-v2 .auto-phone-head{
    font-size:7px !important;
    margin-bottom:7px !important;
  }
  #autonomiiia .auto-hero-v2 .auto-phone strong{
    font-size:8px !important;
    padding:7px !important;
    line-height:1.2 !important;
  }
  #autonomiiia .auto-hero-v2 .auto-phone p{
    font-size:6px !important;
    padding:6px 5px !important;
    margin:4px 0 !important;
    line-height:1.25 !important;
  }

  /* countdown remains readable */
  #autonomiiia .auto-countdown-wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
    padding:20px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;
  }
  #autonomiiia .auto-countdown{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr 1fr !important;
    gap:5px !important;
  }
  #autonomiiia .auto-countdown i{
    display:none !important;
  }
  #autonomiiia .auto-countdown>div{
    min-width:0 !important;
    padding:9px 3px !important;
  }
  #autonomiiia .auto-countdown strong{
    font-size:20px !important;
  }
  #autonomiiia .auto-countdown span{
    font-size:6px !important;
  }

  /* all subsequent sections: never overflow horizontally */
  #autonomiiia .auto-section,
  #autonomiiia .auto-example,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  #autonomiiia h2,
  #autonomiiia h3,
  #autonomiiia p,
  #autonomiiia li{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
  #autonomiiia .auto-founder-v4{
    grid-template-columns:1fr !important;
    gap:25px !important;
    padding-top:35px !important;
    padding-bottom:35px !important;
    border-radius:0 !important;
  }
}

/* 8. MOBILE MENU OPEN/CLOSE */
@media (max-width:1024px){
  #autonomiiia .au-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }
  #autonomiiia .au-menu-toggle.is-open span:nth-child(2){
    opacity:0 !important;
  }
  #autonomiiia .au-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }
}

/* ==========================================================
   AUTONOMIIA V7 — FINITION DES SECTIONS + HEADER STICKY
   Hero/header : pleine largeur.
   Sections intérieures : largeur maîtrisée + respirations.
   ========================================================== */

/* --- Le header reste visible pendant le scroll --- */
#autonomiiia .au-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  width:100% !important;
  min-height:76px !important;
  border-bottom:0 !important;
  background:#07182b !important;
  box-shadow:0 6px 24px rgba(0,0,0,.12) !important;
}

/* Le conteneur principal ne doit pas empêcher le sticky */
#autonomiiia{
  overflow:visible !important;
}

/* Navigation desktop : blanc, pas gris */
@media (min-width:1025px){
  #autonomiiia .au-header-nav a{
    color:#fff !important;
  }
  #autonomiiia .au-header-nav a:hover{
    color:#ffb511 !important;
  }
}

/* --- Le HERO reste pleine largeur --- */
#autonomiiia .auto-hero-v2{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* --- À partir d'ici : sections plus aérées et lisibles --- */
#autonomiiia .auto-section:not(.auto-process-section),
#autonomiiia .auto-example,
#autonomiiia .auto-site-section,
#autonomiiia .auto-waitlist,
#autonomiiia .auto-founder-v4,
#autonomiiia .auto-audience,
#autonomiiia .auto-preview{
  width:calc(100% - 96px) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Sections blanches : on évite que le texte touche les bords */
#autonomiiia .auto-section:not(.auto-process-section){
  padding-left:42px !important;
  padding-right:42px !important;
  padding-top:64px !important;
  padding-bottom:64px !important;
}

/* Le titre problème/solution respire davantage */
#autonomiiia .auto-section-title{
  max-width:1380px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#autonomiiia .auto-section-title h2{
  max-width:1000px !important;
}
#autonomiiia .auto-section-title p{
  max-width:780px !important;
  line-height:1.65 !important;
}

/* Cartes problèmes / solutions : plus d'espace entre le texte et les bords */
#autonomiiia .auto-problem-solution{
  width:100% !important;
  max-width:1380px !important;
  margin:34px auto 0 !important;
  gap:34px !important;
}
#autonomiiia .auto-card{
  padding:34px 36px !important;
}
#autonomiiia .auto-card li{
  padding:14px 0 !important;
  line-height:1.55 !important;
}

/* Processus : largeur lisible au lieu de coller les 5 blocs aux extrémités */
#autonomiiia .auto-process-section{
  width:calc(100% - 96px) !important;
  max-width:1500px !important;
  margin:70px auto !important;
  padding:64px 42px !important;
  border-radius:22px !important;
}
#autonomiiia .auto-process{
  max-width:1380px !important;
  margin:34px auto 0 !important;
  gap:10px !important;
}
#autonomiiia .auto-step{
  border-radius:12px !important;
  padding:28px 22px !important;
}

/* Sections avec illustration / exemple : texte plus compact et lisible */
#autonomiiia .auto-example,
#autonomiiia .auto-preview{
  padding-left:56px !important;
  padding-right:56px !important;
}
#autonomiiia .auto-example-copy,
#autonomiiia .auto-preview > div{
  min-width:0 !important;
}
#autonomiiia .auto-example p,
#autonomiiia .auto-preview p{
  max-width:650px !important;
  line-height:1.7 !important;
}
#autonomiiia .auto-example-box{
  min-width:0 !important;
}

/* Story : elle reste une belle carte, pas collée aux bords */
#autonomiiia .auto-founder-v4{
  margin-top:70px !important;
  margin-bottom:70px !important;
  padding:58px 60px !important;
}
#autonomiiia .auto-founder-text-v4{
  min-width:0 !important;
}
#autonomiiia .auto-founder-text-v4 p{
  max-width:1000px !important;
  line-height:1.75 !important;
}

/* Waitlist : largeur maîtrisée */
#autonomiiia .auto-waitlist{
  margin-top:70px !important;
  margin-bottom:35px !important;
  padding:58px 60px !important;
}

/* Site internet : même logique */
#autonomiiia .auto-site-section{
  margin-top:70px !important;
  margin-bottom:70px !important;
  padding:58px 60px !important;
}

/* Footer : contenu centré et respirant */
#autonomiiia .auto-footer{
  width:calc(100% - 96px) !important;
  max-width:1500px !important;
  margin:0 auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* --- TABLETTE --- */
@media (max-width:1024px){
  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-example,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4,
  #autonomiiia .auto-audience,
  #autonomiiia .auto-preview{
    width:calc(100% - 48px) !important;
    max-width:none !important;
  }

  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-process-section{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  #autonomiiia .auto-example,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-founder-v4{
    padding-left:32px !important;
    padding-right:32px !important;
  }

  #autonomiiia .auto-problem-solution{
    gap:18px !important;
  }
}

/* --- TELEPHONE --- */
@media (max-width:650px){
  #autonomiiia .au-header{
    position:sticky !important;
    top:0 !important;
    min-height:64px !important;
  }

  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-example,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4,
  #autonomiiia .auto-audience,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-process-section{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:18px !important;
  }

  #autonomiiia .auto-section:not(.auto-process-section){
    padding:40px 18px !important;
  }

  #autonomiiia .auto-process-section{
    padding:40px 18px !important;
    margin-top:42px !important;
    margin-bottom:42px !important;
  }

  #autonomiiia .auto-example,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-founder-v4{
    padding:35px 18px !important;
  }

  #autonomiiia .auto-section-title h2,
  #autonomiiia .auto-preview h2,
  #autonomiiia .auto-example h2,
  #autonomiiia .auto-audience h2,
  #autonomiiia .auto-waitlist h2{
    font-size:clamp(28px,8vw,38px) !important;
    line-height:1.08 !important;
    overflow-wrap:normal !important;
  }

  #autonomiiia .auto-problem-solution{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }
  #autonomiiia .auto-card{
    padding:24px 20px !important;
  }
  #autonomiiia .auto-arrow{
    transform:rotate(90deg) !important;
    min-height:34px !important;
  }

  #autonomiiia .auto-process{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  #autonomiiia .auto-step{
    min-height:0 !important;
    padding:22px 18px !important;
    border-radius:12px !important;
  }

  #autonomiiia .auto-founder-v4{
    margin-top:42px !important;
    margin-bottom:42px !important;
  }

  #autonomiiia .auto-footer{
    width:calc(100% - 28px) !important;
    padding:25px 0 !important;
    gap:10px !important;
  }
}


/* ==========================================================
   AUTONOMIIA — 2 COMPTEURS COMPACTS
   Le premier reste celui du lancement, le second apparaît
   juste sous "BIENTÔT DISPONIBLE" dans la liste d'attente.
   ========================================================== */

#autonomiiia .auto-countdown{
  gap:6px !important;
  align-items:center !important;
}

#autonomiiia .auto-countdown > div{
  min-width:62px !important;
  padding:8px 6px !important;
  border-radius:9px !important;
}

#autonomiiia .auto-countdown strong{
  font-size:23px !important;
  line-height:1 !important;
}

#autonomiiia .auto-countdown span{
  margin-top:4px !important;
  font-size:6.5px !important;
  letter-spacing:.3px !important;
}

#autonomiiia .auto-countdown i{
  font-size:20px !important;
  line-height:1 !important;
}

/* Second compteur : placé entre "Bientôt disponible" et le titre */
#autonomiiia .auto-countdown-waitlist{
  margin:13px 0 15px !important;
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
}

/* Sur la partie gauche du bloc d'inscription, on garde
   le compteur compact et lisible. */
#autonomiiia .auto-waitlist > div:first-child{
  min-width:0 !important;
}

@media (max-width:980px){
  #autonomiiia .auto-countdown-waitlist{
    width:100% !important;
    justify-content:flex-start !important;
  }
}

@media (max-width:620px){
  #autonomiiia .auto-countdown{
    gap:3px !important;
    max-width:100% !important;
  }

  #autonomiiia .auto-countdown > div{
    min-width:47px !important;
    padding:7px 4px !important;
    border-radius:7px !important;
  }

  #autonomiiia .auto-countdown strong{
    font-size:18px !important;
  }

  #autonomiiia .auto-countdown span{
    margin-top:3px !important;
    font-size:5.5px !important;
  }

  #autonomiiia .auto-countdown i{
    font-size:15px !important;
  }

  #autonomiiia .auto-countdown-waitlist{
    margin:10px 0 13px !important;
  }
}

/* ==========================================================
   AUTONOMIIA V8.1 — FINITION MOBILE + SECTIONS PLUS COMPACTES
   Hero/header : NE PAS MODIFIER sauf taille du H1 mobile.
   ========================================================== */

/* Desktop : réduire les marges extérieures des sections sans toucher au hero/header */
@media (min-width:1025px){
  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-example,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4,
  #autonomiiia .auto-audience,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-process-section{
    width:calc(100% - 48px) !important;
  }

  #autonomiiia .auto-section:not(.auto-process-section){
    padding-left:32px !important;
    padding-right:32px !important;
  }

  #autonomiiia .auto-example,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-founder-v4{
    padding-left:42px !important;
    padding-right:42px !important;
  }

  #autonomiiia .auto-process-section{
    padding-left:32px !important;
    padding-right:32px !important;
    border-radius:14px !important;
  }

  #autonomiiia .auto-card,
  #autonomiiia .auto-step,
  #autonomiiia .auto-example-box,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4,
  #autonomiiia .auto-audience,
  #autonomiiia .auto-preview{
    border-radius:12px !important;
  }
}

/* Tablette : marges plus petites */
@media (min-width:651px) and (max-width:1024px){
  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-example,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4,
  #autonomiiia .auto-audience,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-process-section{
    width:calc(100% - 24px) !important;
  }

  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-process-section{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  #autonomiiia .auto-example,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-founder-v4{
    padding-left:26px !important;
    padding-right:26px !important;
    border-radius:12px !important;
  }
}

/* Téléphone : sections presque pleine largeur + coins plus discrets */
@media (max-width:650px){
  /* Hero : seule la taille du titre est ajustée pour éviter le texte coupé. */
  #autonomiiia .auto-hero-v2 h1{
    font-size:clamp(34px,9.4vw,45px) !important;
    line-height:.98 !important;
    letter-spacing:-1.4px !important;
    max-width:100% !important;
  }

  /* Le reste de la page : beaucoup moins de marge autour des blocs. */
  #autonomiiia .auto-section:not(.auto-process-section),
  #autonomiiia .auto-example,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-founder-v4,
  #autonomiiia .auto-audience,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-process-section{
    width:calc(100% - 12px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:10px !important;
  }

  #autonomiiia .auto-section:not(.auto-process-section){
    padding:30px 14px !important;
  }

  #autonomiiia .auto-process-section{
    padding:30px 14px !important;
    margin-top:28px !important;
    margin-bottom:28px !important;
  }

  #autonomiiia .auto-example,
  #autonomiiia .auto-preview,
  #autonomiiia .auto-waitlist,
  #autonomiiia .auto-site-section,
  #autonomiiia .auto-founder-v4{
    padding:28px 14px !important;
  }

  /* Cartes internes : coins plus sobres également. */
  #autonomiiia .auto-card,
  #autonomiiia .auto-step,
  #autonomiiia .auto-example-box,
  #autonomiiia .auto-audience-grid div,
  #autonomiiia .auto-pillars article{
    border-radius:9px !important;
  }

  #autonomiiia .auto-card{
    padding:20px 16px !important;
  }

  #autonomiiia .auto-step{
    padding:20px 16px !important;
  }

  #autonomiiia .auto-founder-v4{
    gap:20px !important;
  }
}

/* ==========================================================
   AUTONOMIIA V8.3 — CORRECTIF FINAL
   1. Header réellement épinglé pendant le scroll.
   2. Hero mobile : titre réduit + retour à la ligne propre.
   3. SIRET ajouté au footer dans le HTML.
   ========================================================== */

/* Le wrapper ne doit pas bloquer position:sticky. */
#autonomiiia{
  overflow:visible !important;
}

/* Le header reste visible pendant le scroll sur tous les écrans. */
#autonomiiia .au-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:#07182b !important;
  box-shadow:0 6px 22px rgba(0,0,0,.16);
}

/* Évite que les ancres passent sous le header sticky. */
#autonomiiia [id]{
  scroll-margin-top:80px !important;
}

/* Mobile : le gros titre doit tenir dans la largeur disponible.
   On conserve exactement les mêmes couleurs et la même disposition. */
@media (max-width:650px){
  #autonomiiia .auto-hero-v2 h1{
    font-size:30px !important;
    line-height:.99 !important;
    letter-spacing:-.9px !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  #autonomiiia .auto-hero-v2 .auto-lead{
    max-width:100% !important;
  }
}

/* Très petits téléphones : encore un cran plus compact. */
@media (max-width:380px){
  #autonomiiia .auto-hero-v2 h1{
    font-size:28px !important;
    letter-spacing:-.7px !important;
  }
}

/* ==========================================================
   AUTONOMIIA V8.4 — HEADER FIXE ROBUSTE
   Le header est réellement fixé à la fenêtre du navigateur.
   Cela évite les limitations des conteneurs Elementor qui
   peuvent empêcher position:sticky de fonctionner.
   ========================================================== */

/* Header toujours visible, même si un parent Elementor crée
   un contexte de scroll/overflow. */
#autonomiiia .au-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-height:78px !important;
  margin:0 !important;
  z-index:2147483000 !important;
  background:#07182b !important;
  box-shadow:0 6px 24px rgba(0,0,0,.16) !important;
}

/* Le hero reprend l'espace que le header occupait dans le flux.
   Visuellement, sa position reste donc identique. */
#autonomiiia .auto-hero-v2{
  margin-top:78px !important;
}

/* Tablette : hauteur du header = 70px. */
@media (max-width:1024px){
  #autonomiiia .au-header{
    min-height:70px !important;
  }

  #autonomiiia .auto-hero-v2{
    margin-top:70px !important;
  }

  /* Le menu déroulant reste accroché au header fixe. */
  #autonomiiia .au-header-nav{
    position:absolute !important;
    top:calc(100% + 8px) !important;
  }
}

/* Téléphone : hauteur du header = 66px. */
@media (max-width:650px){
  #autonomiiia .au-header{
    min-height:66px !important;
  }

  #autonomiiia .auto-hero-v2{
    margin-top:66px !important;
  }
}

/* Ancres : suffisamment d'espace sous le header fixe. */
#autonomiiia [id]{
  scroll-margin-top:90px !important;
}

/* ==========================================================
   AUTONOMIIA — CASE DE CONSENTEMENT RGPD
   ========================================================== */
#autonomiiia .auto-rgpd-consent{
  grid-column:1 / -1;
  width:100%;
  margin:2px 0 4px;
}

#autonomiiia .auto-rgpd-consent label{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#dce6f2;
  font-size:11px;
  line-height:1.45;
  cursor:pointer;
}

#autonomiiia .auto-rgpd-consent input[type="checkbox"]{
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  flex:0 0 auto;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  accent-color:#ffb511;
  cursor:pointer;
}

#autonomiiia .auto-rgpd-consent a{
  color:#ffb511;
  text-decoration:underline;
  text-underline-offset:2px;
}

#autonomiiia .auto-rgpd-consent a:hover{
  color:#ffffff;
}



@media (max-width:650px){
  #autonomiiia .auto-rgpd-consent label{
    font-size:10.5px;
  }

}

/* ==========================================================
   AUTONOMIIA — SECTIONS : largeur maîtrisée + titres centrés
   Le hero/header restent pleine largeur. Les sections de contenu
   retrouvent un espace confortable et restent parfaitement centrées.
   ========================================================== */
#autonomiiia .auto-section{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#autonomiiia .auto-section-title.center{
  width:min(780px, 100%) !important;
  max-width:780px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

#autonomiiia .auto-process{
  width:100% !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#autonomiiia .auto-pillars{
  width:100% !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:650px){
  #autonomiiia .auto-section{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }

  #autonomiiia .auto-section-title.center{
    width:100% !important;
    max-width:none !important;
    text-align:center !important;
  }
}


/* ==========================================================
   AUTONOMIIA — APERÇU DU PROJET / VIDÉO HEYGEN
   Remplace uniquement l'image de .auto-preview.
   ========================================================== */
#autonomiiia .auto-preview-video{
  width:100%;
  aspect-ratio:16 / 9;
  min-width:0;
  overflow:hidden;
  border-radius:15px;
  background:#07182b;
  box-shadow:0 25px 60px rgba(7,24,43,.15);
}
#autonomiiia .auto-preview-video iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
@media (max-width:980px){
  #autonomiiia .auto-preview-video{width:100%;max-width:100%;}
}
@media (max-width:650px){
  #autonomiiia .auto-preview-video{width:100%;aspect-ratio:16 / 9;border-radius:10px;}
}

/* ==========================================================
   AUTONOMIIA — APERÇU DU PROJET / VIDÉO RESPONSIVE
   MODIFICATION : la vidéo est déplacée entre le titre et le
   paragraphe UNIQUEMENT sur téléphone.
   ========================================================== */

/* Conteneur vidéo */
#autonomiiia .auto-preview-video{
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:15px !important;
  background:#07182b !important;
  box-shadow:0 25px 60px rgba(7,24,43,.15) !important;
}

#autonomiiia .auto-preview-video iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}

/* Desktop / tablette : vidéo à droite, comme avant */
#autonomiiia .auto-preview{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:center !important;
  gap:50px !important;
}

#autonomiiia .auto-preview-content{
  min-width:0 !important;
}

#autonomiiia .auto-preview .desktop-video{
  display:block !important;
  min-width:0 !important;
}

#autonomiiia .auto-preview .mobile-video{
  display:none !important;
}

/* ==========================================================
   TÉLÉPHONE :
   Titre
      ↓
   Vidéo
      ↓
   Texte
      ↓
   Bouton
   ========================================================== */
@media (max-width:650px){

  #autonomiiia .auto-preview{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  /* On transforme le bloc texte en "contenu transparent"
     pour pouvoir réordonner ses éléments sur mobile. */
  #autonomiiia .auto-preview-content{
    display:contents !important;
  }

  /* Le titre reste en premier */
  #autonomiiia .auto-preview-content > span{
    order:1 !important;
  }

  #autonomiiia .auto-preview-content > h2{
    order:2 !important;
    margin-bottom:0 !important;
  }

  /* Vidéo entre le titre et le paragraphe */
  #autonomiiia .auto-preview .mobile-video{
    display:block !important;
    order:3 !important;
    width:100% !important;
    margin:22px 0 24px !important;
    border-radius:10px !important;
  }

  /* Texte sous la vidéo */
  #autonomiiia .auto-preview-content > p{
    order:4 !important;
    width:100% !important;
    max-width:100% !important;
    margin-bottom:24px !important;
  }

  /* Bouton sous le texte */
  #autonomiiia .auto-preview-content > .auto-btn{
    order:5 !important;
    width:100% !important;
  }

  /* La vidéo desktop est cachée sur téléphone */
  #autonomiiia .auto-preview .desktop-video{
    display:none !important;
  }

  #autonomiiia .auto-preview-video iframe{
    width:100% !important;
    height:100% !important;
  }
}

/* Très petits téléphones */
@media (max-width:380px){
  #autonomiiia .auto-preview .mobile-video{
    margin-top:18px !important;
    margin-bottom:20px !important;
    border-radius:9px !important;
  }
}/* End custom CSS */