@font-face {
  font-family: "Sora";
  src: url("assets/fonts/sora-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("assets/fonts/dm-sans-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("assets/fonts/dm-sans-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("assets/fonts/caveat-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root{
  --navy:#0F2D4A;
  --navy-deep:#081E33;
  --navy-2:#123B5F;
  --slate:#40566D;
  --text:#25384A;
  --aqua:#00D1C6;
  --aqua-soft:#DFF9F7;
  --soft:#F6F8FA;
  --soft-blue:#F1F7FA;
  --border:#E8EDF2;
  --white:#FFFFFF;
  --red:#F33B3F;
  --shadow:0 20px 60px rgba(15,45,74,.12);
  --shadow-soft:0 12px 34px rgba(15,45,74,.08);
  --radius:20px;
  --shell:1240px;
  --hero-shell:1680px;
  --font-title:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit}
.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
h1,h2,h3{font-family:var(--font-title);color:var(--navy);margin:0;letter-spacing:-.035em}
h2{font-size:clamp(34px,3vw,48px);line-height:1.08}
h3{font-size:20px;line-height:1.22}
p{margin:0}
.section{padding:96px 0}
.section-title{margin-bottom:34px;max-width:900px}
.section-title p:not(.section-kicker){color:var(--slate);margin-top:12px;max-width:860px;font-size:17px}
.section-kicker,.hero-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#0AAEA6;margin-bottom:14px;text-transform:uppercase}
.section-kicker.light{color:#6EF4EC}

section[id]{scroll-margin-top:108px}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,30,51,.97);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 28px rgba(8,30,51,.12);backdrop-filter:blur(14px)}
.header-shell{width:min(calc(100% - 56px),1540px);min-height:96px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}
.brand{display:flex;align-items:center;text-decoration:none;min-width:0}
.brand img{width:205px;height:auto}
.brand-divider{width:1px;height:42px;background:rgba(255,255,255,.44);margin-inline:20px;border-radius:2px;align-self:center;flex:0 0 1px}
.brand-tagline{font-weight:600;color:rgba(255,255,255,.9);white-space:nowrap;font-size:15px}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
.main-nav a{text-decoration:none;font-weight:600;color:rgba(255,255,255,.9);font-size:14px;transition:color .2s ease,transform .2s ease}
.main-nav a:hover{color:var(--aqua);transform:translateY(-1px)}
.main-nav i{font-style:normal;color:rgba(255,255,255,.48);font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;cursor:pointer;font-weight:700;border-radius:11px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;padding:14px 24px;line-height:1.15}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--aqua);color:var(--navy-deep);box-shadow:0 10px 24px rgba(0,209,198,.2)}
.btn-primary:hover{box-shadow:0 15px 32px rgba(0,209,198,.28)}
.btn-secondary{background:rgba(255,255,255,.92);color:var(--navy);border:1px solid rgba(15,45,74,.85);box-shadow:0 8px 22px rgba(8,30,51,.05)}
.btn-lg{padding:18px 28px;font-size:17px}
.btn-block{width:100%}
.header-cta{padding:15px 23px;font-size:15px}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.05);cursor:pointer;padding:9px}
.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}

/* Hero */
.hero{position:relative;overflow:hidden;background:#fff}
.hero-shell{position:relative;width:min(100%,var(--hero-shell));min-height:650px;margin-inline:auto;display:flex;align-items:center;padding:0 32px;isolation:isolate}
.hero-bg{position:absolute;z-index:0;inset:0 0 0 17%;background-image:url('assets/hero-office.webp');background-repeat:no-repeat;background-size:120% auto;background-position:24px center}
.hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 8%,rgba(255,255,255,.965) 16%,rgba(255,255,255,.82) 25%,rgba(255,255,255,.48) 34%,rgba(255,255,255,.15) 41%,rgba(255,255,255,0) 47%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02))}
.hero-copy{position:relative;z-index:5;width:min(47%,760px);padding:0}
.hero-copy h1{font-size:clamp(44px,3.25vw,60px);line-height:1.06;font-weight:700}
.hero-copy h1 span{color:var(--aqua)}
.hero-lead{margin-top:22px;max-width:700px;color:var(--slate);font-size:18px;line-height:1.55}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:var(--slate);font-size:14px;font-weight:600}
.hero-report{position:absolute;z-index:4;right:8.5%;top:50%;width:clamp(430px,31vw,520px);transform:translateY(-50%)}
.report-card{background:rgba(255,255,255,.985);border:1px solid rgba(232,237,242,.95);border-radius:20px;padding:20px;box-shadow:0 28px 82px rgba(8,30,51,.2);backdrop-filter:blur(4px);transform:perspective(1200px) rotateY(-1deg);transition:transform .35s ease,box-shadow .35s ease}
.report-card:hover{transform:perspective(1200px) rotateY(0) translateY(-4px);box-shadow:0 34px 95px rgba(8,30,51,.24)}
.report-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.report-brand{display:flex;align-items:center;gap:11px;min-width:0}
.report-brand img{width:92px;height:auto}
.report-brand span{font-size:8px;color:#5f7690;border-left:1px solid #8397aa;padding-left:10px;white-space:nowrap}
.report-date{font-size:10px;font-weight:700;color:var(--navy);background:#eff6ff;border-radius:999px;padding:8px 11px;white-space:nowrap}
.report-card h2{font-size:28px;line-height:1.05;letter-spacing:-.04em}
.report-subtitle{font-size:11px;color:#64809a;margin:5px 0 15px}
.report-main-grid{display:grid;grid-template-columns:.9fr 1.28fr;gap:10px}
.report-panel{border:1px solid var(--border);border-radius:13px;padding:12px;background:#fff;box-shadow:0 4px 14px rgba(15,45,74,.035)}
.panel-title{font-family:var(--font-title);font-weight:700;color:var(--navy);font-size:11px;display:flex;align-items:center;gap:6px}
.info-dot{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #8096aa;border-radius:50%;font:700 8px/1 var(--font-body);color:#8096aa}
.score-ring-wrap{width:116px;height:116px;margin:8px auto 5px;position:relative}
.score-ring{width:100%;height:100%;transform:rotate(-90deg)}
.score-ring circle{fill:none;stroke-width:12}
.score-track{stroke:#e5ebf1}.score-value{stroke:var(--red);stroke-linecap:round;stroke-dasharray:402.12;stroke-dashoffset:402.12;transition:stroke-dashoffset 1.2s cubic-bezier(.22,.61,.36,1)}
.score-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;color:#70859d}
.score-number strong{font:700 31px/1 var(--font-title);color:var(--red)}.score-number span{font-size:16px;font-weight:600}
.score-warning{font-size:8px;font-weight:700;color:#a20d16;text-align:center;background:#fff0f1;border-radius:999px;padding:6px}
.competitor-list{display:grid;gap:11px;margin-top:16px}
.competitor-row{display:grid;grid-template-columns:78px 1fr 30px;gap:7px;align-items:center;font-size:8.5px;color:#54718f}
.competitor-row i{height:8px;border-radius:999px;background:#eef2f6;overflow:hidden}.competitor-row i b{display:block;width:0;height:100%;background:linear-gradient(90deg,#3b8ed0,#31a8df);border-radius:999px;transition:width 1.15s cubic-bezier(.22,.61,.36,1)}
.competitor-row:nth-child(2) i b{background:#69a9ef}.competitor-row:nth-child(4) i b{background:#a4b1c0}.competitor-row strong{font-size:9px;color:var(--navy)}
.competitor-row.brand-row span,.competitor-row.brand-row strong{font-weight:800;color:var(--navy-deep)}.competitor-row.brand-row i b{background:var(--red)}.competitor-row.brand-row strong{color:var(--red)}
.report-bottom-grid{display:grid;grid-template-columns:.8fr .92fr 1.25fr;gap:10px;margin-top:10px}
.report-mini{border:1px solid var(--border);border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px;min-height:78px;background:#fff}
.mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef6ff;color:#1d7fe6;font-size:19px}
.report-mini strong{font:700 25px/1 var(--font-title);color:var(--navy);display:flex;align-items:baseline;gap:2px}.report-mini strong small{font-size:16px;color:#7188a1}.report-mini strong em{font-style:normal}
.report-mini span:not(.source-pill){display:block;margin-top:5px;font-size:8px;color:#5f7690;line-height:1.25}.danger{color:var(--red)!important}
.sources-mini{display:block}.sources-title{font-family:var(--font-title);font-size:10px;font-weight:700;color:var(--navy);margin-bottom:9px}.sources-list{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.source-pill{display:grid;place-items:center;min-width:0;color:var(--navy);line-height:1}.source-logo{display:block;width:18px;height:18px;object-fit:contain;object-position:center;overflow:visible}.source-logo-chatgpt{width:19px;height:19px}.source-logo-google{overflow:visible}.source-pill small{font-size:6px;font-family:var(--font-body);font-weight:500;margin-top:6px;color:var(--navy)}
.hero-note{position:absolute;z-index:6;pointer-events:none;right:1.4%;top:9.5%;width:155px;color:var(--navy);font:600 23px/1.02 "Caveat",cursive;text-align:center;transform:rotate(-3deg);text-shadow:0 1px 0 rgba(255,255,255,.45)}
.hero-note b{font-size:29px}.hero-note svg{width:100px;height:60px;margin:0 auto;display:block;transform:translate(-18px,2px)}.hero-note path{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* Stats */
.stats-band{padding:42px 0 54px;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%);scroll-margin-top:108px}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stat-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#081E33 0%,#0D3554 58%,#104466 100%);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 16px 38px rgba(8,30,51,.16);padding:25px 16px;text-align:center;min-height:184px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.stat-card::after{content:"";position:absolute;inset:auto -36px -50px auto;width:120px;height:120px;border-radius:50%;background:rgba(0,209,198,.08);pointer-events:none}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(8,30,51,.24);border-color:rgba(0,209,198,.35)}
.stat-icon{width:100%;font-size:30px;color:var(--aqua);line-height:1;margin-bottom:10px}.stat-card strong,.stat-card b{font-family:var(--font-title);font-size:35px;line-height:1;color:#fff}.stat-card b{font-weight:700;color:var(--aqua)}.stat-card span{width:100%;font-size:11px;color:rgba(255,255,255,.68);line-height:1.25;margin-top:7px}.stat-card em{width:100%;font-style:normal;font-weight:700;color:#fff;font-size:13px;margin-top:8px}

/* Paradigm */
.paradigm{background:radial-gradient(circle at 85% 18%,rgba(0,209,198,.08),transparent 28%),#fff}
.paradigm-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:start;margin-bottom:52px}.paradigm-head h2{max-width:620px}.paradigm-story{position:relative;padding-left:28px}.paradigm-story::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--aqua),rgba(0,209,198,.15))}.paradigm-stat{padding:0 0 18px;color:var(--slate);font-size:16px;line-height:1.55}.paradigm-stat strong{font:800 38px/1 var(--font-title);color:var(--aqua);margin-right:7px}.paradigm-story-body{padding:0;display:grid;gap:14px;color:var(--slate);font-size:15px;line-height:1.62}.paradigm-story-body strong{color:var(--navy)}.paradigm-punchline{margin-top:4px;padding-top:16px;border-top:1px solid var(--border);font-size:17px;color:var(--navy)}.paradigm-punchline strong{color:#00aaa1}.paradigm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.paradigm-card{position:relative;min-height:260px;padding:30px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 14px 38px rgba(15,45,74,.055);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.paradigm-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-75px;background:rgba(0,209,198,.07)}
.paradigm-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(15,45,74,.1);border-color:#cfe6e7}.card-index{position:absolute;right:24px;top:22px;font:700 13px/1 var(--font-title);color:#9bb4c4;letter-spacing:.08em}.paradigm-symbol{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--aqua-soft);color:#00aaa1;font-size:28px;margin-bottom:26px}.paradigm-card h3{font-size:24px}.paradigm-card p{margin-top:12px;color:var(--slate);font-size:15px;line-height:1.55;max-width:330px}

/* Method */
.method-band{padding:96px 0 104px;background:radial-gradient(circle at 85% 15%,rgba(0,209,198,.16),transparent 25%),linear-gradient(135deg,#08253f,#0a3857 52%,#0c4566);color:#fff}
.method-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:38px}.method-head h2{color:#fff}.method-head>p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.6;padding-bottom:6px}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.method-card{min-height:250px;border-radius:20px;perspective:1200px;cursor:pointer;outline:none;background:transparent;transition:transform .24s ease}.method-card:hover{transform:translateY(-4px)}.method-card:focus-visible{box-shadow:0 0 0 3px rgba(110,244,236,.42);border-radius:20px}.method-card-inner{position:relative;width:100%;min-height:250px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,.61,.36,1)}.method-card.is-flipped .method-card-inner{transform:rotateY(180deg)}.method-card-face{position:absolute;inset:0;min-height:250px;padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.12);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}.method-card-front{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045))}.method-card-back{transform:rotateY(180deg);background:linear-gradient(145deg,rgba(0,209,198,.17),rgba(255,255,255,.075));border-color:rgba(110,244,236,.32)}.method-card:hover .method-card-front{background:linear-gradient(145deg,rgba(0,209,198,.14),rgba(255,255,255,.055));border-color:rgba(102,245,238,.34);box-shadow:0 22px 55px rgba(0,0,0,.14)}
.method-number{display:inline-block;font:700 34px/1 var(--font-title);color:var(--aqua);margin-bottom:26px;letter-spacing:-.04em}.method-card h3{color:#fff;font-size:22px}.method-card p{margin-top:12px;color:rgba(255,255,255,.74);font-size:14px;line-height:1.55}.method-card-back p{font-size:13.5px;line-height:1.58}.method-more{margin-top:auto;padding-top:18px;color:var(--aqua);font-size:12px;font-weight:700;letter-spacing:.02em}
.method-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.method-tech-card{position:relative;overflow:hidden;min-height:278px;padding:30px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.method-tech-card::before{content:"";position:absolute;inset:auto -80px -100px auto;width:240px;height:240px;border-radius:50%;background:rgba(0,209,198,.07);filter:blur(4px);pointer-events:none}.method-tech-card-engines::before{inset:-90px auto auto -90px;background:rgba(87,127,245,.08)}.method-tech-copy{position:relative;z-index:2;max-width:520px}.method-tech-kicker{display:block;margin-bottom:12px;color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.method-tech-card h3{color:#fff;font-size:24px;line-height:1.18;max-width:520px}.method-tech-card p{margin-top:11px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.55;max-width:520px}.logo-marquee{position:relative;z-index:2;margin-top:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.logo-marquee-track{display:flex;width:max-content;animation:method-logo-marquee 24s linear infinite;will-change:transform}.logo-marquee-reverse .logo-marquee-track{animation-direction:reverse;animation-duration:26s}.logo-marquee:hover .logo-marquee-track{animation-play-state:paused}.logo-marquee-group{display:flex;align-items:center;gap:12px;padding-right:12px}.brand-chip{height:62px;min-width:max-content;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#fff;transition:transform .22s ease,background .22s ease,border-color .22s ease}.brand-chip:hover{transform:translateY(-3px) scale(1.02);background:rgba(255,255,255,.12);border-color:rgba(110,244,236,.28)}.brand-chip b{font:700 13px/1 var(--font-body);white-space:nowrap}.brand-symbol{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.92);color:#0b2540;font:800 17px/1 var(--font-title);overflow:hidden}.brand-symbol svg,.brand-symbol img{width:24px;height:24px;display:block;object-fit:contain}.peec-symbol{background:#171717;color:#fdfdfd;border-radius:9px}.otterly-symbol{background:linear-gradient(135deg,#6d5dfc,#37c8f1);color:#fff}.semrush-symbol{background:#fff3ee}.semrush-symbol svg{fill:#ff642d}.ahrefs-symbol{display:flex;align-items:flex-end;justify-content:center;gap:2px;background:#fff}.ahrefs-symbol i{display:block;width:4px;border-radius:2px}.ahrefs-symbol i:nth-child(1){height:17px;background:#ff7a59}.ahrefs-symbol i:nth-child(2){height:24px;background:#1f78d1}.ahrefs-symbol i:nth-child(3){height:13px;background:#0f2d4a}.google-symbol{background:#fff}.image-symbol{background:#fff;padding:5px}.image-symbol img{width:100%;height:100%}.gemini-symbol,.copilot-symbol{background:#fff}.perplexity-symbol{background:#fff}.perplexity-symbol svg{fill:none;stroke:#183d52;stroke-width:2;stroke-linecap:round}.copilot-symbol svg{width:27px;height:27px}@keyframes method-logo-marquee{to{transform:translateX(-50%)}}

/* Audit */
.audit{background:#fff}.audit-title{max-width:1080px;margin-bottom:28px}.audit-narrative{max-width:1080px;margin-bottom:34px;padding-left:28px;border-left:3px solid var(--aqua);display:grid;gap:16px}.audit-opportunity{padding:0;color:var(--text)}.audit-opportunity strong{display:block;font:700 25px/1.22 var(--font-title);color:var(--navy)}.audit-opportunity p{margin-top:12px;color:var(--slate);font-size:15px;line-height:1.6}.audit-opportunity b{color:#00aaa1}.audit-story-copy{padding:0;display:grid;gap:13px;color:var(--slate);font-size:15px;line-height:1.64}.audit-story-punchline{padding-top:14px;border-top:1px solid var(--border);color:var(--navy)}.audit-story-punchline strong{color:#00aaa1}.audit-panel{display:grid;grid-template-columns:280px 1fr auto;gap:38px;align-items:center;padding:34px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(140deg,#fff,#f8fbfc);box-shadow:0 18px 50px rgba(15,45,74,.07)}
.audit-pages{position:relative;height:185px}.mini-report{position:absolute;width:150px;height:184px;background:#fff;border:1px solid #e4e9ee;border-radius:6px;box-shadow:0 10px 28px rgba(15,45,74,.12);padding:12px;color:var(--navy);display:flex;flex-direction:column}.mini-report img{width:62px;height:auto}.mini-report b{font-family:var(--font-title);font-size:8px;margin-top:8px}.mini-report strong{font:800 28px/1 var(--font-title);color:var(--red);margin:18px 0 10px}.mini-report strong small{font-size:12px;color:#71869b}.mini-report i{height:6px;background:#d7e7f0;border-radius:8px;margin:4px 0}.mini-report-one{left:8px;transform:rotate(-3deg)}.mini-report-two{right:6px;transform:rotate(3deg)}.mini-chart{margin-top:18px;display:grid;gap:7px}.mini-chart i{height:8px;background:#63afe3}.mini-chart i:nth-child(2){width:70%}.mini-chart i:nth-child(3){width:50%;background:var(--aqua)}.mini-chart i:nth-child(4){width:35%;background:#b5c1cb}
.audit-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.audit-list li{font-size:15px;color:#49647e}.audit-list li::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--aqua);color:#073459;font-weight:900;margin-right:11px}.audit-cta{justify-self:end}

/* SEO / GEO + collaboration */
.growth-system{background:radial-gradient(circle at 5% 10%,rgba(0,209,198,.07),transparent 24%),linear-gradient(180deg,#f8fbfc,#fff)}.growth-title{max-width:1080px}.growth-intro-copy{position:relative;margin-top:24px;max-width:1000px;padding:0 0 0 28px;border-left:3px solid var(--aqua);display:grid;gap:14px}.growth-intro-copy p{margin:0!important;max-width:none!important;font-size:15.5px!important;line-height:1.64}.growth-intro-copy p:first-child strong{color:var(--navy);font-size:18px;line-height:1.45}.growth-punchline{padding-top:15px;border-top:1px solid var(--border);color:var(--navy)!important;font-size:16px!important}.growth-punchline strong{color:#00aaa1}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card{padding:30px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(15,45,74,.055);transition:transform .25s ease,box-shadow .25s ease}.compare-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(15,45,74,.1)}.compare-card-ai{background:linear-gradient(145deg,#fff,#f6fffe)}
.compare-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.compare-heading h3{font-size:28px}.compare-heading p{color:var(--slate);font-size:14px}.google-logo{width:54px;height:54px;flex:0 0 54px}.compare-card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.compare-card li{font-size:14px;color:#46627d}.compare-card li::before{content:"✓";color:var(--aqua);font-weight:900;margin-right:10px}
.chatgpt-logo{width:54px;height:54px;object-fit:contain;object-position:center;overflow:visible;flex:0 0 54px;display:block;padding:5px;filter:none}
.ecosystem-block{margin-top:28px;padding:32px;border-radius:24px;background:linear-gradient(135deg,var(--navy-deep),#0c4163);color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.ecosystem-copy h3{color:#fff;font-size:28px}.ecosystem-copy>p:last-child{margin-top:12px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collab-card{min-height:150px;padding:18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);transition:transform .25s ease,background .25s ease}.collab-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}.collab-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(0,209,198,.12);border:1px solid rgba(0,209,198,.24);color:var(--aqua)}.collab-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.collab-card h3{color:#fff;font-size:16px;margin-top:14px}.collab-card p{margin-top:7px;color:rgba(255,255,255,.67);font-size:12px;line-height:1.45}

/* FAQ */
.faq-section{background:#fff}.faq-section .section-title{max-width:820px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.faq-item{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,45,74,.035);transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:#d5e5ea;box-shadow:0 12px 30px rgba(15,45,74,.065)}.faq-item summary{cursor:pointer;list-style:none;padding:17px 44px 17px 22px;font-size:14px;font-weight:700;color:var(--navy);position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:"•";margin-right:13px;color:var(--aqua);font-size:18px;line-height:0}.faq-item summary::after{content:"+";position:absolute;right:18px;top:13px;font-size:20px;color:var(--navy)}.faq-item[open] summary::after{content:"–"}.faq-item p{padding:0 22px 18px 46px;color:#617b94;font-size:13px;line-height:1.55}

/* Contact */
.contact{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(0,209,198,.16),transparent 28%),linear-gradient(115deg,#073459,#0a456c);padding:78px 0 82px;color:#fff}.contact::after{content:"";position:absolute;right:-140px;top:-160px;width:460px;height:460px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.contact-shell{position:relative;z-index:1;width:min(calc(100% - 64px),1420px);margin-inline:auto}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.eyebrow-light{font-size:11px;letter-spacing:.18em;font-weight:800;color:#63F4EB;margin-bottom:14px}.contact h2{color:#fff;font-size:clamp(34px,3vw,48px);max-width:650px}.contact-copy>p:last-child{color:rgba(255,255,255,.8);margin-top:18px;font-size:16px;max-width:600px}.contact-form{background:#fff;color:var(--navy);border-radius:18px;padding:24px;box-shadow:0 24px 64px rgba(0,0,0,.2)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-form label{font-size:11px;font-weight:700;color:#405b78}.contact-form input,.contact-form select{width:100%;margin-top:6px;border:1px solid #d8e2e9;border-radius:9px;padding:12px 12px;background:#fff;color:var(--navy);outline:none;font-size:13px}.contact-form input:focus,.contact-form select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(0,209,198,.09)}.contact-form .btn{margin-top:16px;border-radius:10px;padding:14px;font-size:14px}.privacy-note{text-align:center;color:#62788d;font-size:10px;margin-top:9px}.honeypot{position:absolute!important;left:-9999px!important}.form-status{text-align:center;font-size:11px;margin-top:7px;color:#2f6b77}

/* Footer */
.site-footer{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.08);padding:30px 0}.footer-shell{width:min(calc(100% - 56px),1440px);margin-inline:auto;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center}.footer-brand img{width:175px;height:auto}.footer-divider{width:1px;height:40px;background:rgba(255,255,255,.38);margin-inline:18px;align-self:center;flex:0 0 1px}.footer-tagline strong{display:block;color:#fff;font-size:13px}.footer-tagline p{margin-top:3px;color:rgba(255,255,255,.58);font-size:11px}.footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.footer-links a{text-decoration:none;color:rgba(255,255,255,.72);font-size:11px;font-weight:600;transition:color .2s ease}.footer-links a:hover{color:var(--aqua)}.footer-social{display:flex;justify-content:flex-end;align-items:center;gap:16px;color:rgba(255,255,255,.58);font-size:10px}.footer-social a{width:28px;height:28px;display:grid;place-items:center;background:var(--aqua);color:var(--navy-deep);text-decoration:none;border-radius:6px;font-weight:800}

/* Motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1)}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1080px){
  .paradigm-head{grid-template-columns:1fr;gap:24px}.paradigm-head h2{max-width:800px}.audit-narrative{grid-template-columns:1fr}.method-tech-grid{grid-template-columns:1fr}
}

@media(max-width:1360px){
  .header-shell{width:min(calc(100% - 44px),1240px)}.brand-tagline{display:none}.brand-divider{display:none}.brand img{width:190px}.main-nav{gap:11px}.header-cta{padding:14px 18px}
  .hero-shell{min-height:620px;padding:0 24px}.hero-copy{width:48%}.hero-copy h1{font-size:48px}.hero-lead{font-size:16px}.hero-report{right:6.5%;width:460px}.hero-note{display:none}.hero-bg{left:14%;background-size:116% auto;background-position:12px center}
}

@media(max-width:1080px){
  .header-shell{grid-template-columns:auto 1fr auto;min-height:84px}.main-nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:var(--navy-deep);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--shadow);padding:16px;flex-direction:column;align-items:stretch;gap:4px}.main-nav i{display:none}.main-nav a{padding:10px 8px}.site-header.menu-open .main-nav{display:flex}.header-cta{display:none}.menu-toggle{display:block;justify-self:end}
  .hero{overflow:visible}.hero-shell{display:block;min-height:0;padding:46px 24px 0}.hero-bg{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:560px;margin-top:38px;background-position:24% 50%;border-radius:20px;overflow:hidden}.hero-bg::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.86) 12%,rgba(255,255,255,.25) 28%,rgba(255,255,255,0) 44%)}
  .hero-copy{width:100%;max-width:780px;padding:0}.hero-copy h1{font-size:clamp(42px,6vw,56px)}.hero-report{right:5%;top:auto;bottom:48px;transform:none;width:min(50vw,470px)}.hero-note{display:none}
  .stats-grid{grid-template-columns:repeat(3,1fr)}.paradigm-head,.method-head{grid-template-columns:1fr;gap:18px}.paradigm-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.audit-panel{grid-template-columns:220px 1fr}.audit-cta{grid-column:2}.ecosystem-block{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .shell{width:min(calc(100% - 32px),var(--shell))}.section{padding:64px 0}.header-shell{width:calc(100% - 28px);min-height:76px}.brand img{width:160px}
  .hero-shell{padding:36px 16px 0}.hero-kicker{font-size:10px}.hero-copy h1{font-size:39px;line-height:1.07}.hero-lead{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-proof{font-size:12px}.hero-bg{height:500px;margin-top:28px;background-position:18% center}.hero-report{position:absolute;left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:min(92%,440px)}.report-card{padding:14px}.report-brand span{display:none}.report-card h2{font-size:22px}.report-main-grid{grid-template-columns:.95fr 1.2fr}.report-bottom-grid{grid-template-columns:1fr 1fr}.sources-mini{grid-column:1/-1}.hero{padding-bottom:10px}
  .stats-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.paradigm-head h2{font-size:32px}.paradigm-story{padding-left:22px}.paradigm-stat{padding:0 0 16px}.paradigm-story-body{padding:0}.method-grid{grid-template-columns:1fr}.method-card,.method-card-inner,.method-card-face{min-height:270px}.method-tech-card{min-height:250px;padding:24px}.method-tech-card h3{font-size:22px}.brand-chip{height:58px}.audit-narrative{grid-template-columns:1fr}.audit-narrative{padding-left:22px}.audit-opportunity,.audit-story-copy{padding:0}.audit-panel{grid-template-columns:1fr}.audit-pages{width:230px;margin:auto}.audit-cta{grid-column:auto;justify-self:start}.compare-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.ecosystem-block{padding:24px}.collab-grid{grid-template-columns:1fr}.contact{padding:64px 0}.contact h2{font-size:31px}.form-grid{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-links{justify-content:center}.footer-social{justify-content:center}
}

@media(max-width:480px){
  .hero-copy h1{font-size:34px}.btn-lg{font-size:15px;padding:15px 18px}.hero-bg{height:460px}.hero-report{bottom:18px;width:94%}.report-main-grid{grid-template-columns:1fr 1.15fr;gap:7px}.report-panel{padding:9px}.score-ring-wrap{width:94px;height:94px}.score-number strong{font-size:27px}.competitor-row{grid-template-columns:68px 1fr 26px;gap:5px}.report-bottom-grid{gap:7px}.report-mini{padding:8px}.sources-list{gap:7px}.stats-grid{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}.compare-heading{align-items:flex-start}.footer-brand{flex-direction:column}.footer-divider{width:56px;height:1px;margin:12px 0}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.report-card,.btn,.stat-card,.method-card,.paradigm-card,.compare-card,.collab-card{transition:none!important}}

@media(prefers-reduced-motion:reduce){.method-card-inner{transition:none!important}.logo-marquee-track{animation:none!important;transform:none!important}}

/* Accompagnement Conqet */
.paradigm-conqet-line{font-weight:700;color:var(--navy);padding:13px 16px;border-left:3px solid var(--aqua);background:linear-gradient(90deg,rgba(0,209,198,.075),rgba(0,209,198,0));border-radius:0 10px 10px 0}

.accompaniment{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6fafc 0%,#fff 72%)}
.accompaniment::before{content:"";position:absolute;width:540px;height:540px;right:-220px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,198,.10),rgba(0,209,198,0) 68%);pointer-events:none}
.accompaniment-intro{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:start;margin-bottom:54px}
.accompaniment-intro h2{max-width:650px}
.accompaniment-lead{padding-left:28px;border-left:3px solid var(--aqua);display:grid;gap:14px;color:var(--slate);font-size:16px;line-height:1.65}
.accompaniment-lead strong{color:var(--navy)}

.accompaniment-choices{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:68px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.accompaniment-choice{position:relative;padding:38px 52px 40px 0;min-height:300px}
.accompaniment-choice+ .accompaniment-choice{padding-left:52px;padding-right:0;border-left:1px solid var(--border)}
.choice-index{font:800 42px/1 var(--font-title);letter-spacing:-.05em;color:#cbd9e2;margin-bottom:22px}
.choice-overline{font-size:10px;letter-spacing:.16em;font-weight:800;color:#00aaa1;margin-bottom:9px}
.accompaniment-choice h3{font-size:28px;margin-bottom:14px}
.accompaniment-choice>p:not(.choice-overline){color:var(--slate);font-size:15px;line-height:1.62;max-width:520px}
.choice-emphasis{margin-top:12px!important;color:var(--navy)!important;font-weight:600}
.choice-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;text-decoration:none;font-weight:800;color:var(--navy);font-size:14px;transition:gap .2s ease,color .2s ease}
.choice-link:hover{gap:12px;color:#00aaa1}
.accompaniment-choice-primary .choice-index{color:var(--aqua)}

.accompaniment-path{padding:38px 0 42px;border-top:1px solid var(--border)}
.path-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}
.path-heading .section-kicker{margin-bottom:0}
.path-heading h3{font-size:28px;max-width:620px;text-align:right}
.path-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.path-steps::before{content:"";position:absolute;left:6%;right:6%;top:20px;height:1px;background:linear-gradient(90deg,var(--aqua),#cddae3 45%,#cddae3 55%,var(--aqua));z-index:0}
.path-step{position:relative;z-index:1;padding:0 24px 0 0}
.path-step:not(:first-child){padding-left:24px}
.path-step span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #cfdde5;box-shadow:0 8px 22px rgba(15,45,74,.07);font:800 12px/1 var(--font-title);color:var(--navy);margin-bottom:19px}
.path-step:nth-child(1) span,.path-step:nth-child(4) span{border-color:rgba(0,209,198,.55);color:#00aaa1}
.path-step h4{margin:0;font:700 17px/1.25 var(--font-title);color:var(--navy)}
.path-step p{margin-top:9px;color:var(--slate);font-size:13px;line-height:1.55}

.accompaniment-seo{margin-top:22px;padding:28px 0 4px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;border-top:1px solid var(--border)}
.accompaniment-seo-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--navy-deep);color:var(--aqua);font:800 12px/1 var(--font-title);letter-spacing:.06em;box-shadow:0 12px 30px rgba(8,30,51,.13)}
.accompaniment-seo h3{font-size:22px;margin-bottom:8px}
.accompaniment-seo p{color:var(--slate);font-size:15px;line-height:1.6;max-width:930px}
.accompaniment-seo p strong{color:var(--navy)}

@media(max-width:1080px){
  .accompaniment-intro{grid-template-columns:1fr;gap:24px}.accompaniment-intro h2{max-width:820px}.accompaniment-choices{grid-template-columns:1fr}.accompaniment-choice{padding:32px 0}.accompaniment-choice+ .accompaniment-choice{padding:32px 0;border-left:0;border-top:1px solid var(--border)}.path-heading{display:block}.path-heading h3{text-align:left;margin-top:10px}.path-steps{grid-template-columns:1fr 1fr;gap:34px 22px}.path-steps::before{display:none}.path-step,.path-step:not(:first-child){padding:0}.path-step{border-top:1px solid var(--border);padding-top:18px!important}.path-step span{margin-bottom:14px}
}

@media(max-width:760px){
  .accompaniment-intro{margin-bottom:38px}.accompaniment-lead{padding-left:20px}.accompaniment-choices{margin-bottom:48px}.accompaniment-choice h3{font-size:24px}.choice-index{font-size:34px}.path-steps{grid-template-columns:1fr}.path-heading h3{font-size:24px}.accompaniment-seo{grid-template-columns:1fr;gap:16px}.accompaniment-seo-mark{width:52px;height:52px}
}

/* V3.7 — ajustements ciblés demandés */
.stat-card em small{display:block;margin-top:4px;font:500 10px/1.3 var(--font-body);color:rgba(255,255,255,.64)}

.paradigm-head>div:first-child .paradigm-stat{margin-top:24px;padding:18px 0 0;border-top:1px solid var(--border);max-width:600px}
.paradigm-story>.paradigm-story-body{padding-top:0}

.accompaniment-intro{display:block;margin-bottom:42px}
.accompaniment-intro h2{max-width:820px}
.accompaniment-choice{display:flex;flex-direction:column}
.accompaniment-choice .choice-link{margin-top:auto;padding-top:24px}
.accompaniment-path{padding:18px 0 6px;border-top:0}
.path-heading{display:block;margin-bottom:28px}
.path-heading .section-kicker{margin-bottom:0}
.path-steps::before{left:21px;right:calc(25% - 45px);background:linear-gradient(90deg,var(--aqua),#cddae3 42%,#cddae3 58%,var(--aqua))}
.path-steps::after{content:"";position:absolute;z-index:2;top:16px;left:17px;width:9px;height:9px;border-radius:50%;background:#bffefa;box-shadow:0 0 8px rgba(0,209,198,.95),0 0 18px rgba(0,209,198,.65),0 0 30px rgba(0,209,198,.35);animation:conqet-timeline-particle 4.6s ease-in-out infinite;pointer-events:none}
@keyframes conqet-timeline-particle{0%{left:17px;opacity:0;transform:scale(.7)}8%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}100%{left:calc(75% + 41px);opacity:0;transform:scale(.7)}}

.growth-title{max-width:none}
.growth-intro-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start;margin-top:28px;max-width:1080px}
.growth-stat-highlight{position:relative;padding:6px 28px 8px 0;border-right:1px solid var(--border);min-height:188px;display:flex;flex-direction:column;justify-content:center}
.growth-stat-highlight strong{font:800 68px/.92 var(--font-title);letter-spacing:-.055em;color:var(--aqua)}
.growth-stat-highlight span{margin-top:10px;font:700 18px/1.18 var(--font-title);color:var(--navy)}
.growth-stat-highlight em{margin-top:7px;font-style:normal;font-weight:700;color:#00aaa1;font-size:14px}
.growth-stat-highlight small{margin-top:4px;color:var(--slate);font-size:12px;line-height:1.4}
.growth-intro-copy{margin-top:0;max-width:none;gap:15px}

@media(max-width:1080px){
  .growth-intro-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}
  .growth-stat-highlight strong{font-size:58px}
  .path-steps::after{display:none}
}

@media(max-width:760px){
  .paradigm-head>div:first-child .paradigm-stat{margin-top:20px;padding-top:16px}
  .growth-intro-layout{grid-template-columns:1fr;gap:24px}
  .growth-stat-highlight{min-height:0;padding:0 0 22px;border-right:0;border-bottom:1px solid var(--border)}
  .growth-stat-highlight strong{font-size:54px}
  .accompaniment-path{padding-top:12px}
}

@media(prefers-reduced-motion:reduce){.path-steps::after{animation:none!important;display:none}}

/* V3.8 — intégration ciblée : manifeste, rapport gratuit, audit remonté, leviers et stack déplacée */
.paradigm-manifesto{margin:0 0 44px;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1080px}
.paradigm-manifesto p{font:700 clamp(24px,2.2vw,34px)/1.2 var(--font-title);color:var(--navy);letter-spacing:-.035em}
.paradigm-manifesto strong{display:block;margin-top:8px;font:700 clamp(26px,2.4vw,38px)/1.18 var(--font-title);color:var(--aqua);letter-spacing:-.04em;max-width:980px}

/* Analyse concurrentielle : section manifeste, volontairement plus forte */
.audit{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 15%,rgba(0,209,198,.18),transparent 24%),linear-gradient(135deg,#071f35 0%,#0a324e 58%,#0b3f5f 100%);color:#fff}
.audit::before{content:"";position:absolute;left:-120px;bottom:-180px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.audit .shell{position:relative;z-index:1}
.audit .section-kicker{color:#6EF4EC}
.audit-title{max-width:1160px;margin-bottom:42px}
.audit-title h2{color:#fff;font-size:clamp(38px,3.5vw,56px);line-height:1.06;max-width:1120px}
.audit-narrative{max-width:none;margin:0;padding-left:30px;border-left:3px solid var(--aqua);grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
.audit-opportunity strong{color:#fff;font-size:29px}
.audit-opportunity p{color:rgba(255,255,255,.76);font-size:16px}
.audit-opportunity b{color:#6EF4EC}
.audit-story-copy{color:rgba(255,255,255,.73);font-size:15.5px}
.audit-story-punchline{border-top-color:rgba(255,255,255,.13);color:#fff}
.audit-story-punchline strong{color:#6EF4EC}

/* Accompagnement : titre + aperçu du diagnostic gratuit */
.accompaniment-intro{display:grid;grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr);gap:64px;align-items:center;margin-bottom:54px}
.accompaniment-intro-copy{position:relative;z-index:2;padding:14px 0}
.accompaniment-intro-copy h2{max-width:680px}
.diagnostic-preview{position:relative;min-height:430px;isolation:isolate}
.diagnostic-preview::before{content:"";position:absolute;inset:16% 5% 7% 12%;border-radius:34px;background:radial-gradient(circle at 55% 45%,rgba(0,209,198,.16),rgba(0,209,198,0) 68%);filter:blur(10px);z-index:0}
.diagnostic-page{position:absolute;width:min(52%,255px);height:auto;border-radius:10px;box-shadow:0 24px 58px rgba(15,45,74,.18);border:1px solid rgba(232,237,242,.95);background:#fff;transition:transform .28s ease,box-shadow .28s ease}
.diagnostic-page-one{left:7%;top:22px;z-index:2;transform:rotate(-3.2deg)}
.diagnostic-page-two{right:5%;top:4px;z-index:1;transform:rotate(4deg)}
.diagnostic-preview:hover .diagnostic-page-one{transform:rotate(-1.7deg) translateY(-5px);box-shadow:0 30px 72px rgba(15,45,74,.22)}
.diagnostic-preview:hover .diagnostic-page-two{transform:rotate(2.2deg) translate(3px,-2px)}

/* Les blocs outils / moteurs vivent désormais sous les 4 étapes */
.accompaniment-tech-grid{margin-top:46px;padding-top:42px;border-top:1px solid var(--border)}
.accompaniment-tech-grid .method-tech-card{background:linear-gradient(145deg,#08253f,#0b3c5b 72%,#0d4b6d);border-color:rgba(8,30,51,.08);box-shadow:0 18px 46px rgba(8,30,51,.13)}
.accompaniment-tech-grid .method-tech-card::before{background:rgba(0,209,198,.11)}
.accompaniment-tech-grid .method-tech-card-engines::before{background:rgba(87,127,245,.11)}

/* Les nouveaux intitulés de leviers peuvent être plus longs */
.method-card h3{max-width:290px}

@media(max-width:1080px){
  .audit-narrative{grid-template-columns:1fr;gap:24px}
  .accompaniment-intro{grid-template-columns:1fr;gap:24px}
  .diagnostic-preview{min-height:390px;max-width:640px;width:100%;margin-inline:auto}
  .diagnostic-page{width:min(47%,235px)}
  .diagnostic-page-one{left:18%}
  .diagnostic-page-two{right:16%}
}

@media(max-width:760px){
  .paradigm-manifesto{margin-bottom:32px;padding:24px 0}
  .audit-title{margin-bottom:30px}
  .audit-narrative{padding-left:22px}
  .audit-opportunity strong{font-size:24px}
  .diagnostic-preview{min-height:325px}
  .diagnostic-page{width:min(50%,205px)}
  .diagnostic-page-one{left:8%;top:28px}
  .diagnostic-page-two{right:7%;top:4px}
  .accompaniment-tech-grid{grid-template-columns:1fr;margin-top:36px;padding-top:32px}
}

@media(max-width:480px){
  .diagnostic-preview{min-height:285px}
  .diagnostic-page{width:min(53%,180px)}
  .diagnostic-page-one{left:4%}
  .diagnostic-page-two{right:3%}
}

/* V3.9 — ajustements ciblés : analyse concurrentielle, aperçu diagnostic, SEO vs GEO */
.audit-narrative{grid-template-columns:240px minmax(0,1fr);gap:54px;align-items:stretch}
.audit-stat-highlight{position:relative;display:flex;flex-direction:column;justify-content:center;padding:12px 30px 12px 0;border-right:1px solid rgba(255,255,255,.14);min-height:220px}
.audit-stat-highlight strong{font:800 72px/.9 var(--font-title);letter-spacing:-.055em;color:var(--aqua)}
.audit-stat-highlight span{margin-top:12px;font:700 19px/1.18 var(--font-title);color:#fff}
.audit-stat-highlight em{margin-top:8px;font-style:normal;font-weight:700;color:#6EF4EC;font-size:14px}
.audit-stat-highlight small{margin-top:5px;color:rgba(255,255,255,.65);font-size:12px;line-height:1.4}
.audit-battle{padding-bottom:17px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.13)}
.audit-battle strong{display:block;font:700 27px/1.22 var(--font-title);color:#fff}
.audit-battle p{margin-top:10px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.6}
.audit-battle b{color:#6EF4EC}

.diagnostic-preview{min-height:390px}
.diagnostic-page{width:min(45%,230px)}
.diagnostic-page-one{left:18%;top:26px;z-index:2;transform:rotate(-3.2deg)}
.diagnostic-page-two{right:12%;top:7px;z-index:1;transform:rotate(4deg)}

.choice-prelude{margin:0 0 10px!important;color:var(--navy)!important;font-weight:700!important;line-height:1.5!important}

.growth-conqet-lines{display:grid;gap:10px;margin-top:2px}
.growth-conqet-lines p{font-weight:700!important;color:var(--navy)!important;padding:13px 16px!important;border-left:3px solid var(--aqua);background:linear-gradient(90deg,rgba(0,209,198,.075),rgba(0,209,198,0));border-radius:0 10px 10px 0}
.growth-conqet-lines p:last-child{color:#00aaa1!important}

@media(max-width:1080px){
  .audit-narrative{grid-template-columns:190px minmax(0,1fr);gap:32px}
  .audit-stat-highlight strong{font-size:60px}
  .diagnostic-preview{min-height:360px}
  .diagnostic-page{width:min(44%,220px)}
  .diagnostic-page-one{left:21%;top:28px}
  .diagnostic-page-two{right:18%;top:8px}
}

@media(max-width:760px){
  .audit-narrative{grid-template-columns:1fr;gap:24px}
  .audit-stat-highlight{min-height:0;padding:0 0 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .audit-stat-highlight strong{font-size:56px}
  .diagnostic-preview{min-height:305px}
  .diagnostic-page{width:min(47%,190px)}
  .diagnostic-page-one{left:12%;top:30px}
  .diagnostic-page-two{right:11%;top:7px}
}

@media(max-width:480px){
  .diagnostic-preview{min-height:265px}
  .diagnostic-page{width:min(49%,165px)}
  .diagnostic-page-one{left:8%}
  .diagnostic-page-two{right:7%}
}



/* V3.10 — simplification de la méthode et comparaison des deux portes d'entrée */
.accompaniment-path{margin-bottom:58px;padding-top:0}
.accompaniment-choices{align-items:stretch;margin-bottom:56px}
.accompaniment-choice{padding-top:34px;padding-bottom:38px}
.accompaniment-choice-primary{position:relative}
.accompaniment-choice-primary::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--aqua),rgba(0,209,198,.18));transform:translateX(-2px)}
.choice-checklist{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px;max-width:540px}
.choice-checklist li{position:relative;padding-left:30px;color:var(--slate);font-size:14px;line-height:1.5}
.choice-checklist li::before{content:"✓";position:absolute;left:0;top:.05em;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#edf5f7;color:#6f8798;font-weight:900;font-size:11px}
.choice-checklist-primary li{color:var(--navy)}
.choice-checklist-primary li::before{background:var(--aqua);color:var(--navy-deep);box-shadow:0 5px 14px rgba(0,209,198,.16)}
.accompaniment-choice-primary h3{color:var(--navy-deep)}
.accompaniment-tech-grid{margin-top:0}

@media(max-width:1080px){
  .accompaniment-path{margin-bottom:44px}
  .accompaniment-choice-primary::before{left:0;right:0;top:0;bottom:auto;width:auto;height:3px;transform:none}
}

@media(max-width:760px){
  .accompaniment-path{margin-bottom:36px}
  .choice-checklist{margin-top:18px;gap:10px}
  .choice-checklist li{font-size:13px}
}


/* V3.11 — ajustements ciblés : stats, nouveau terrain IA, concurrence, diagnostic, GEO et FAQ */
.stats-grid{grid-template-columns:repeat(3,1fr);max-width:920px;margin-inline:auto}

.paradigm-head-story{grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);gap:72px;align-items:center}
.paradigm-story-left h2{max-width:700px}
.paradigm-story-left .paradigm-story{margin-top:30px}
.paradigm-manifesto-inline{margin:4px 0 2px;padding:18px 20px;border-left:3px solid var(--aqua);background:linear-gradient(90deg,rgba(0,209,198,.085),rgba(0,209,198,0));border-radius:0 12px 12px 0}
.paradigm-manifesto-inline p{font-weight:700;color:var(--navy);font-size:17px}
.paradigm-manifesto-inline strong{display:block;margin-top:7px;color:#00aaa1;font:700 19px/1.38 var(--font-title)}
.paradigm-visual-stat{position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 30px;border-left:1px solid var(--border)}
.paradigm-visual-icon{width:min(100%,270px);margin:0 auto 20px}
.paradigm-visual-icon svg{width:100%;height:auto;overflow:visible}
.rocket-orbit{fill:none;stroke:#dce9ee;stroke-width:4;stroke-linecap:round;stroke-dasharray:5 10}
.rocket-body{fill:var(--navy);stroke:#081e33;stroke-width:2}
.rocket-window{fill:var(--aqua);stroke:#fff;stroke-width:3}
.rocket-fin{fill:none;stroke:var(--navy);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.rocket-flame{fill:rgba(0,209,198,.18);stroke:var(--aqua);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.rocket-dot{fill:var(--aqua)}.rocket-dot.soft{fill:#a9cbd4}
.paradigm-stat-card{text-align:center;max-width:360px}
.paradigm-stat-card strong{display:block;font:800 78px/.9 var(--font-title);letter-spacing:-.06em;color:var(--aqua)}
.paradigm-stat-card p{margin:14px auto 0;color:var(--slate);font-size:15px;line-height:1.5;max-width:330px}
.paradigm-manifesto-conqet{max-width:980px;margin-top:-4px}
.paradigm-manifesto-conqet strong{margin-top:0}

.audit-title-row{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:54px;align-items:end;margin-bottom:42px}
.audit-title-row .audit-title{margin-bottom:0}
.audit-conversion-stat{padding:4px 0 4px 30px;border-left:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:flex-end;min-height:178px}
.audit-conversion-stat strong{font:800 72px/.9 var(--font-title);letter-spacing:-.055em;color:var(--aqua)}
.audit-conversion-stat span{margin-top:11px;font:700 18px/1.18 var(--font-title);color:#fff}
.audit-conversion-stat em{margin-top:7px;font-style:normal;font-weight:700;color:#6EF4EC;font-size:14px}
.audit-conversion-stat small{margin-top:4px;color:rgba(255,255,255,.64);font-size:12px;line-height:1.4}
.audit-narrative{grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:center}
.audit-podium{padding:18px 28px 16px 0;border-right:1px solid rgba(255,255,255,.14)}
.podium-chart{height:220px;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-top:18px}
.podium-rank{position:relative;width:31%;border-radius:14px 14px 4px 4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:16px 6px 8px;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.podium-rank span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font:800 13px/1 var(--font-title);background:#fff;color:var(--navy-deep);margin-top:-35px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.podium-rank b{margin-top:18px;color:rgba(255,255,255,.78);font:700 10px/1.25 var(--font-title)}
.podium-rank-one{height:176px;background:linear-gradient(180deg,rgba(0,209,198,.34),rgba(0,209,198,.12));border-color:rgba(110,244,236,.4)}
.podium-rank-one span{background:var(--aqua);color:var(--navy-deep);box-shadow:0 0 22px rgba(0,209,198,.32)}
.podium-rank-two{height:132px}.podium-rank-three{height:102px}
.audit-podium>p{margin-top:16px;text-align:center;font:700 15px/1.3 var(--font-title);color:#6EF4EC}

.diagnostic-preview{display:block;text-decoration:none;color:inherit;margin-left:-28px;cursor:pointer}
.diagnostic-page{width:min(40%,205px);transition:transform .35s ease,left .35s ease,top .35s ease,box-shadow .35s ease}
.diagnostic-page-one{left:8%;top:32px;z-index:3;transform:rotate(-4deg)}
.diagnostic-page-two{left:36%;right:auto;top:8px;z-index:2;transform:rotate(4deg)}
.diagnostic-preview:hover .diagnostic-page-one{left:1%;transform:rotate(-2deg) translateY(-4px)}
.diagnostic-preview:hover .diagnostic-page-two{left:45%;transform:rotate(2deg) translateY(-2px)}
.diagnostic-note{position:absolute;z-index:4;right:0;top:20%;width:155px;color:var(--navy);font:600 24px/1.02 "Caveat",cursive;text-align:center;transform:rotate(-4deg)}
.diagnostic-note svg{width:98px;height:58px;margin:5px auto 0;display:block;transform:translateX(-18px)}
.diagnostic-note path{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

.growth-geo-stat strong{display:flex;align-items:baseline;gap:1px}
.growth-geo-stat small b{color:var(--aqua);font-weight:800}

@media(max-width:1080px){
  .stats-grid{max-width:none}
  .paradigm-head-story{grid-template-columns:1fr;gap:30px}
  .paradigm-visual-stat{min-height:0;border-left:0;border-top:1px solid var(--border);padding:28px 0 4px;display:grid;grid-template-columns:220px 1fr;gap:28px;text-align:left}
  .paradigm-visual-icon{margin:0;width:210px}.paradigm-stat-card{text-align:left;max-width:480px}.paradigm-stat-card strong{font-size:66px}
  .audit-title-row{grid-template-columns:1fr 210px;gap:30px}.audit-conversion-stat strong{font-size:60px}
  .audit-narrative{grid-template-columns:240px minmax(0,1fr);gap:34px}.audit-podium{padding-right:20px}.podium-chart{height:190px}
  .diagnostic-preview{margin-left:0}.diagnostic-page{width:min(38%,190px)}.diagnostic-page-one{left:12%}.diagnostic-page-two{left:38%}.diagnostic-preview:hover .diagnostic-page-one{left:5%}.diagnostic-preview:hover .diagnostic-page-two{left:47%}.diagnostic-note{right:2%;top:18%;font-size:21px}
}

@media(max-width:760px){
  .stats-grid{grid-template-columns:1fr}
  .paradigm-visual-stat{grid-template-columns:1fr;text-align:center}.paradigm-visual-icon{margin-inline:auto}.paradigm-stat-card{text-align:center;margin-inline:auto}.paradigm-stat-card strong{font-size:58px}
  .audit-title-row{grid-template-columns:1fr;gap:22px}.audit-conversion-stat{min-height:0;padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.audit-conversion-stat strong{font-size:56px}
  .audit-narrative{grid-template-columns:1fr;gap:26px}.audit-podium{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:10px 0 26px}.podium-chart{max-width:330px;margin-inline:auto}
  .diagnostic-preview{min-height:300px}.diagnostic-page{width:min(42%,175px)}.diagnostic-page-one{left:2%;top:34px}.diagnostic-page-two{left:31%;top:9px}.diagnostic-preview:hover .diagnostic-page-one{left:0}.diagnostic-preview:hover .diagnostic-page-two{left:39%}.diagnostic-note{right:0;top:22%;width:130px;font-size:19px}
}

@media(max-width:480px){
  .diagnostic-preview{min-height:270px}.diagnostic-page{width:min(43%,155px)}.diagnostic-page-one{left:0}.diagnostic-page-two{left:29%}.diagnostic-note{right:-2%;top:23%;font-size:17px;width:115px}.diagnostic-note svg{width:78px;height:48px}
}


/* V3.12 — ajustements ciblés demandés, sans modification du reste */
/* Header : logo source haute définition */
.brand img{width:205px;height:auto;image-rendering:auto}

/* Hero : cadrage à droite, rapport cliquable et interaction 3D */
.hero-bg{background-position:82px center}
.hero-report{text-decoration:none;color:inherit;cursor:pointer;perspective:1400px}
.report-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;transform:perspective(1400px) rotateX(0deg) rotateY(0deg) translateZ(0);transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease}
.report-card:hover{transform:perspective(1400px) rotateX(2.5deg) rotateY(-5deg) translate3d(0,-7px,24px) scale(1.012);box-shadow:18px 36px 88px rgba(8,30,51,.24)}
.report-head{justify-content:flex-start}
.hero-note{right:4.8%;top:9.5%;z-index:7}

/* Stats marché : plus de cartes, lecture éditoriale séparée par des traits fins */
.stats-band{padding:34px 0 50px;background:linear-gradient(180deg,#f8fbfc 0%,#fff 100%)}
.stats-grid{max-width:980px;gap:0}
.stat-card{min-height:132px;padding:20px 42px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;position:relative}
.stat-card::after{display:none}
.stat-card:not(:last-child)::before{content:"";position:absolute;right:0;top:24px;bottom:24px;width:1px;background:linear-gradient(180deg,transparent,#d6e2e8 22%,#d6e2e8 78%,transparent)}
.stat-card:hover{transform:translateY(-2px);box-shadow:none;border-color:transparent}
.stat-icon{font-size:25px;margin-bottom:8px}
.stat-card strong,.stat-card b{font-size:32px;color:var(--navy)}
.stat-card b{color:var(--aqua)}
.stat-card span{color:#71869a;font-size:11px;margin-top:6px}
.stat-card em{color:var(--navy);font-size:12px;margin-top:7px}

/* Nouveau terrain IA */
.paradigm-story{padding-left:0}
.paradigm-story::before{display:none}
.paradigm-manifesto-inline{padding:0;margin:6px 0 2px;border-left:0;background:none;border-radius:0}
.paradigm-manifesto-inline p,.paradigm-manifesto-inline strong{display:block;margin:0;color:var(--navy);font:700 17px/1.52 var(--font-body);letter-spacing:0}
.paradigm-manifesto-inline strong{margin-top:7px}
.paradigm-punchline{padding-top:0;border-top:0}
.paradigm-visual-icon{width:min(100%,210px);margin-bottom:26px}
.rocket-icon{width:100%;height:auto;filter:drop-shadow(0 16px 28px rgba(15,45,74,.10))}
.rocket-main{fill:#fff;stroke:var(--navy);stroke-width:3;stroke-linejoin:round}
.rocket-window{fill:var(--aqua);stroke:var(--navy);stroke-width:2.2}
.rocket-fin,.rocket-flame,.rocket-trail{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rocket-flame{stroke:var(--aqua);stroke-width:4}
.rocket-trail{stroke:#aac1cc;stroke-dasharray:4 7}
.paradigm-manifesto-conqet{max-width:980px;margin:8px auto 44px;padding:28px 0;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.paradigm-manifesto-conqet strong{display:block;max-width:860px;margin:0 auto;color:var(--navy)}

/* Analyse concurrentielle : statistique à gauche, titre à droite, podium sans séparateur et révélation ascendante */
.audit-title-row{grid-template-columns:250px minmax(0,1fr);gap:54px;align-items:center}
.audit-title-row .audit-title{grid-column:2;grid-row:1}
.audit-conversion-stat{grid-column:1;grid-row:1;padding:0;min-height:0;border-left:0;display:flex;align-items:flex-start;justify-content:center}
.audit-conversion-stat strong{font-size:78px;color:var(--aqua)}
.audit-conversion-stat span{font-size:17px}
.audit-narrative{padding-left:0;border-left:0}
.audit-podium{padding:18px 28px 16px 0;border-right:0}
.audit-podium>p{display:none}
.audit-battle{padding-bottom:0;margin-bottom:2px;border-bottom:0}
.audit-story-punchline{margin-top:8px;padding:18px 20px;border-top:0;border-radius:12px;background:linear-gradient(90deg,rgba(0,209,198,.13),rgba(0,209,198,.035));font-weight:700;font-size:17px;line-height:1.52;color:#fff}
.audit-story-punchline strong{color:#fff}
.podium-rank{clip-path:inset(100% 0 0 0);transition:clip-path .9s cubic-bezier(.22,.61,.36,1)}
.audit-narrative.is-visible .podium-rank{clip-path:inset(0 0 0 0)}
.audit-narrative.is-visible .podium-rank-two{transition-delay:.08s}
.audit-narrative.is-visible .podium-rank-one{transition-delay:.2s}
.audit-narrative.is-visible .podium-rank-three{transition-delay:.32s}

/* Accompagnement : mouvements plus subtils, flèche remontante, couleurs des étapes cohérentes */
.diagnostic-preview:hover .diagnostic-page-one{left:6%;transform:rotate(-3deg) translateY(-3px);box-shadow:0 28px 66px rgba(15,45,74,.20)}
.diagnostic-preview:hover .diagnostic-page-two{left:39%;transform:rotate(3.3deg) translateY(-1px)}
.diagnostic-note{right:5%;top:18%}
.diagnostic-note svg{transform:translateX(-10px) rotate(-3deg)}
.path-step:nth-child(1) span{border-color:rgba(0,209,198,.55);color:#00aaa1}
.path-step:nth-child(2) span,.path-step:nth-child(3) span,.path-step:nth-child(4) span{border-color:#cfdde5;color:var(--navy)}
.choice-index{color:#00aaa1}
.accompaniment-choice-primary .choice-index{color:var(--navy)}
.accompaniment-choice-primary::before{display:none}
.accompaniment-choice + .accompaniment-choice{border-left:1px solid var(--border)}
.accompaniment-choice-primary .choice-index{font-size:34px;letter-spacing:-.04em}
.brand-symbol.brand-logo-symbol{background:#fff;padding:5px;overflow:visible}
.brand-symbol.brand-logo-symbol img{width:100%;height:100%;object-fit:contain;display:block}

/* SEO vs GEO : statistique à gauche et titre à droite, sans séparateur */
.growth-intro-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:54px;align-items:start;margin-top:0;max-width:none}
.growth-intro-right{min-width:0}
.growth-title{margin-bottom:24px;max-width:900px}
.growth-stat-highlight{padding:8px 0;min-height:215px;border-right:0;display:flex;align-items:flex-start;justify-content:center}
.growth-stat-highlight strong{font:800 78px/.9 var(--font-title);letter-spacing:-.06em;color:var(--aqua)}
.growth-stat-highlight span{font:700 17px/1.25 var(--font-title);color:var(--navy)}
.growth-stat-highlight em{font-size:14px;color:#00aaa1}
.growth-stat-highlight small{font-size:12px;color:var(--slate)}
.growth-intro-copy{margin-top:0;padding-left:0;border-left:0}
.growth-conqet-lines{display:grid;gap:7px;margin-top:2px;padding:16px 18px;border-left:3px solid var(--aqua);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(0,209,198,.085),rgba(0,209,198,0))}
.growth-conqet-lines p{padding:0!important;border-left:0!important;background:none!important;border-radius:0!important;color:var(--navy)!important;font-weight:700!important}
.growth-conqet-lines p:last-child{color:#00aaa1!important}

/* Collaboration : pictos poignée de main et fusée plus lisibles */
.collab-icon svg{width:30px;height:30px;stroke-width:2.35}

/* Footer : baseline, liens, grand mot-symbole avec halo local au pointeur */
.site-footer{position:relative;overflow:hidden;padding:42px 0 8px;background:linear-gradient(180deg,#081e33,#061a2d);border-top:1px solid rgba(255,255,255,.08)}
.footer-shell{width:min(calc(100% - 56px),1440px);margin-inline:auto;display:block}
.footer-meta{display:grid;grid-template-columns:1.25fr 1fr auto;gap:34px;align-items:center;position:relative;z-index:2;padding:0 4px 24px}
.footer-motto{margin:0;color:#fff;font:700 18px/1.3 var(--font-title)}
.footer-links{justify-content:flex-start}
.footer-links a{font-size:12px;color:rgba(255,255,255,.76)}
.footer-social{justify-content:flex-end;font-size:11px}
.footer-wordmark{--spot-x:50%;--spot-y:50%;position:relative;width:min(86%,1180px);height:210px;margin:0 auto -26px;opacity:.78;overflow:hidden}
.footer-wordmark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:.085;filter:grayscale(1) brightness(1.4)}
.footer-wordmark-light{position:absolute;inset:0;background:radial-gradient(circle 125px at var(--spot-x) var(--spot-y),rgba(255,255,255,.88) 0%,rgba(110,244,236,.66) 26%,rgba(0,209,198,.18) 48%,transparent 72%);-webkit-mask:url('assets/logo-conqet-footer-mask.webp') center bottom/contain no-repeat;mask:url('assets/logo-conqet-footer-mask.webp') center bottom/contain no-repeat;opacity:0;transition:opacity .22s ease;pointer-events:none}
.footer-wordmark:hover .footer-wordmark-light{opacity:1}

@media(max-width:1360px){
  .hero-bg{background-position:54px center}
}
@media(max-width:1080px){
  .hero-bg{background-position:30% 50%}
  .audit-title-row{grid-template-columns:190px minmax(0,1fr);gap:30px}
  .audit-conversion-stat strong{font-size:66px}
  .growth-intro-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}
  .growth-stat-highlight strong{font-size:66px}
  .footer-meta{grid-template-columns:1fr 1fr;gap:20px}.footer-social{grid-column:1/-1;justify-content:flex-start}
  .footer-wordmark{width:96%;height:175px}
}
@media(max-width:760px){
  .stat-card{padding:20px 24px}.stat-card:not(:last-child)::before{display:none}.stats-grid{gap:0}.stat-card{border-bottom:1px solid var(--border)}.stat-card:last-child{border-bottom:0}
  .paradigm-manifesto-inline p,.paradigm-manifesto-inline strong{font-size:16px}
  .audit-title-row{grid-template-columns:1fr}.audit-title-row .audit-title,.audit-conversion-stat{grid-column:1}.audit-title-row .audit-title{grid-row:2}.audit-conversion-stat{grid-row:1;align-items:flex-start;padding-bottom:14px}
  .audit-podium{padding-right:0}
  .growth-intro-layout{grid-template-columns:1fr}.growth-stat-highlight{min-height:0;padding-bottom:12px}.growth-intro-right{grid-row:2}.growth-stat-highlight{grid-row:1}
  .accompaniment-choice + .accompaniment-choice{border-left:0}
  .footer-meta{grid-template-columns:1fr;text-align:left}.footer-links{justify-content:flex-start}.footer-social{grid-column:auto;justify-content:flex-start;flex-wrap:wrap}.footer-wordmark{height:135px;margin-bottom:-12px}
}
@media(max-width:480px){
  .footer-wordmark{height:110px}
}
@media(prefers-reduced-motion:reduce){
  .podium-rank{clip-path:inset(0)!important;transition:none!important}
  .report-card{transition:none!important}
}

/* V3.12b — micro-corrections de cohérence */
.hero-report{display:block}
.audit-conversion-stat{text-align:center;align-items:center}
.growth-stat-highlight{text-align:center;align-items:center}
.audit-story-punchline{padding:0;background:none;border-radius:0;font:700 17px/1.52 var(--font-body);color:#fff}
.audit-story-punchline strong{color:#fff}

/* V3.13 — ajustements ciblés demandés, sans modification du reste */

/* 1) Blocs-manifestes : même langage visuel que les phrases SEO/GEO */
.paradigm-manifesto-inline{
  display:grid;
  gap:7px;
  margin:10px 0 4px;
  padding:16px 18px;
  border-left:3px solid var(--aqua);
  border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,rgba(0,209,198,.085),rgba(0,209,198,0));
}
.paradigm-manifesto-inline p,
.paradigm-manifesto-inline strong{
  margin:0;
  padding:0;
  font:700 17px/1.52 var(--font-body);
  letter-spacing:0;
}
.paradigm-manifesto-inline p{color:var(--navy)}
.paradigm-manifesto-inline strong{color:#00aaa1;margin-top:0}

.audit-story-punchline{
  margin-top:10px;
  padding:16px 18px;
  border:0;
  border-left:3px solid var(--aqua);
  border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,rgba(0,209,198,.15),rgba(0,209,198,.035));
  color:#fff;
  font:700 17px/1.52 var(--font-body);
}
.audit-story-punchline strong{color:#6EF4EC}

/* 2) Les grands chiffres 65 %, 6x et 30 % partagent exactement le même traitement */
.paradigm-stat-card strong,
.audit-conversion-stat > strong,
.growth-stat-highlight > strong{
  font:800 78px/.9 var(--font-title);
  letter-spacing:-.06em;
  color:var(--aqua);
}
.audit-conversion-stat > strong > span,
.growth-stat-highlight > strong > span{
  font:inherit;
  letter-spacing:inherit;
  color:inherit;
}
.audit-conversion-stat > span{
  margin-top:11px;
  font:700 17px/1.25 var(--font-title);
  color:#fff;
}
.growth-stat-highlight > span{
  margin-top:10px;
  font:700 17px/1.25 var(--font-title);
  color:var(--navy);
}
.growth-stat-highlight small,
.growth-stat-highlight small b,
.growth-stat-highlight small b span{
  color:var(--slate);
}
.growth-stat-highlight small b span{
  font:inherit;
  letter-spacing:inherit;
}

/* 3) Podium : pastilles toujours visibles + colonnes qui montent proprement au scroll */
.audit-podium,
.podium-chart,
.podium-rank{overflow:visible}
.podium-chart{padding-top:42px}
.podium-rank{
  clip-path:none;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
}
.podium-rank::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transform:scaleY(0);
  transform-origin:50% 100%;
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.podium-rank-one::before{
  background:linear-gradient(180deg,rgba(0,209,198,.34),rgba(0,209,198,.12));
  border-color:rgba(110,244,236,.4);
}
.podium-rank span,
.podium-rank b{
  position:relative;
  z-index:1;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .34s ease,transform .34s ease;
}
.audit-narrative.is-visible .podium-rank::before{transform:scaleY(1)}
.audit-narrative.is-visible .podium-rank span,
.audit-narrative.is-visible .podium-rank b{opacity:1;transform:none}
.audit-narrative.is-visible .podium-rank-two::before{transition-delay:.08s}
.audit-narrative.is-visible .podium-rank-one::before{transition-delay:.20s}
.audit-narrative.is-visible .podium-rank-three::before{transition-delay:.32s}
.audit-narrative.is-visible .podium-rank-two span,
.audit-narrative.is-visible .podium-rank-two b{transition-delay:.62s}
.audit-narrative.is-visible .podium-rank-one span,
.audit-narrative.is-visible .podium-rank-one b{transition-delay:.74s}
.audit-narrative.is-visible .podium-rank-three span,
.audit-narrative.is-visible .podium-rank-three b{transition-delay:.86s}

/* 4) Mention diagnostic : flèche au-dessus du texte */
.diagnostic-note{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.diagnostic-note svg{
  order:-1;
  margin:0 auto 5px;
  transform:translateX(-10px) rotate(-3deg);
}

/* 5) Analyse concurrentielle : tout le texte à droite, statistique et podium inchangés */
.audit-title{
  text-align:right;
  margin-left:auto;
}
.audit-title h2{margin-left:auto}
.audit-story-copy{text-align:right}
.audit-battle{text-align:right}
.audit-story-punchline{text-align:right}

/* 6) SEO vs GEO : bloc éditorial à droite, aucun séparateur avant la punchline */
.growth-intro-right{text-align:right}
.growth-title{
  margin-left:auto;
  text-align:right;
}
.growth-intro-copy{text-align:right}
.growth-conqet-lines{text-align:right}
.growth-punchline{
  border-top:0!important;
  padding-top:0!important;
  margin-top:20px!important;
  text-align:right;
}
.growth-system .compare-grid{margin-top:52px}

/* 7) Footer : liens réellement centrés, baseline plus discrète, wordmark non coupé */
.site-footer{padding:42px 0 30px}
.footer-meta{
  grid-template-columns:1fr auto 1fr;
  gap:34px;
  padding-bottom:26px;
}
.footer-motto{font-size:16px}
.footer-links{
  justify-content:center;
  justify-self:center;
}
.footer-social{
  justify-content:flex-end;
  justify-self:end;
}
.footer-wordmark{
  height:210px;
  margin:10px auto 0;
  overflow:visible;
}
.footer-wordmark img{object-position:center center}
.footer-wordmark-light{
  -webkit-mask-position:center center;
  mask-position:center center;
}

@media(max-width:1080px){
  .paradigm-stat-card strong,
  .audit-conversion-stat > strong,
  .growth-stat-highlight > strong{font-size:66px}
  .footer-meta{grid-template-columns:1fr auto;gap:20px}
  .footer-links{justify-self:end}
  .footer-social{grid-column:1/-1;justify-self:start;justify-content:flex-start}
  .footer-wordmark{height:175px;margin-top:12px}
}

@media(max-width:760px){
  .paradigm-stat-card strong,
  .audit-conversion-stat > strong,
  .growth-stat-highlight > strong{font-size:58px}
  .paradigm-manifesto-inline p,
  .paradigm-manifesto-inline strong{font-size:16px}
  .podium-chart{padding-top:40px}
  .footer-meta{grid-template-columns:1fr;text-align:left}
  .footer-links{justify-self:center;justify-content:center}
  .footer-social{grid-column:auto;justify-self:start;justify-content:flex-start;flex-wrap:wrap}
  .footer-wordmark{height:135px;margin:14px auto 0}
}

@media(max-width:480px){
  .footer-wordmark{height:110px;margin-top:14px}
}

@media(prefers-reduced-motion:reduce){
  .podium-rank::before{transform:scaleY(1)!important;transition:none!important}
  .podium-rank span,.podium-rank b{opacity:1!important;transform:none!important;transition:none!important}
}

/* V3.14 — ajustements ciblés demandés, sans modification du reste */

/* 1) Hero : rapprocher le kicker du bas du header sans toucher au visuel de droite */
@media(min-width:1081px){
  .hero-copy{margin-top:-30px}
}

/* 2) Rapprocher les 3 statistiques de la section "L'IA : un nouveau terrain de visibilité" */
.stats-band{padding-bottom:28px}
.paradigm.section{padding-top:68px}

/* 3) Podium concurrentiel entièrement reconstruit : pastilles visibles + montée propre au scroll */
.audit-podium{overflow:visible!important;padding-top:10px}
.podium-chart{
  position:relative;
  height:246px;
  padding:50px 6px 0;
  overflow:visible!important;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:12px;
}
.podium-rank{
  position:relative;
  width:31%;
  padding:22px 7px 10px;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  isolation:isolate;
}
.podium-rank-two{height:136px}
.podium-rank-one{height:184px}
.podium-rank-three{height:108px}
.podium-rank::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:16px 16px 5px 5px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transform:scaleY(0);
  transform-origin:center bottom;
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.podium-rank-one::before{
  background:linear-gradient(180deg,rgba(0,209,198,.42),rgba(0,209,198,.13));
  border-color:rgba(110,244,236,.46);
  box-shadow:0 0 30px rgba(0,209,198,.10),inset 0 1px 0 rgba(255,255,255,.08);
}
.podium-rank span{
  position:absolute!important;
  z-index:3!important;
  top:-18px!important;
  left:50%!important;
  transform:translate(-50%,10px)!important;
  margin:0!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--navy-deep)!important;
  font:800 13px/1 var(--font-title)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.20)!important;
  opacity:0;
  transition:opacity .3s ease,transform .35s ease;
}
.podium-rank-one span{
  background:var(--aqua)!important;
  box-shadow:0 0 25px rgba(0,209,198,.36)!important;
}
.podium-rank b{
  position:relative;
  z-index:2;
  margin-top:10px!important;
  color:rgba(255,255,255,.88)!important;
  font:700 11px/1.28 var(--font-title)!important;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .3s ease,transform .35s ease;
}
.audit-narrative.is-visible .podium-rank::before{transform:scaleY(1)}
.audit-narrative.is-visible .podium-rank span{opacity:1;transform:translate(-50%,0)!important}
.audit-narrative.is-visible .podium-rank b{opacity:1;transform:none}
.audit-narrative.is-visible .podium-rank-two::before{transition-delay:.06s}
.audit-narrative.is-visible .podium-rank-one::before{transition-delay:.18s}
.audit-narrative.is-visible .podium-rank-three::before{transition-delay:.30s}
.audit-narrative.is-visible .podium-rank-two span,
.audit-narrative.is-visible .podium-rank-two b{transition-delay:.58s}
.audit-narrative.is-visible .podium-rank-one span,
.audit-narrative.is-visible .podium-rank-one b{transition-delay:.70s}
.audit-narrative.is-visible .podium-rank-three span,
.audit-narrative.is-visible .podium-rank-three b{transition-delay:.82s}

/* 4) Accompagnement : section plus proche du bloc précédent, aperçu diagnostic légèrement abaissé */
.accompaniment.section{padding-top:66px}
.diagnostic-preview{transform:translateY(24px)}

/* 5) Footer : baseline un peu plus petite et couleur alignée sur l'accent LinkedIn */
.footer-motto{
  font-size:14px;
  color:var(--aqua);
}

@media(max-width:1080px){
  .paradigm.section{padding-top:58px}
  .stats-band{padding-bottom:24px}
  .diagnostic-preview{transform:translateY(14px)}
  .podium-chart{height:222px;padding-top:48px;gap:10px}
  .podium-rank-two{height:122px}.podium-rank-one{height:166px}.podium-rank-three{height:98px}
}

@media(max-width:760px){
  .paradigm.section{padding-top:50px}
  .diagnostic-preview{transform:none}
  .podium-chart{height:218px;padding-top:46px;gap:9px}
  .podium-rank-two{height:118px}.podium-rank-one{height:158px}.podium-rank-three{height:94px}
  .podium-rank span{width:36px!important;height:36px!important;top:-17px!important}
  .footer-motto{font-size:13px}
}

@media(prefers-reduced-motion:reduce){
  .podium-rank::before{transform:scaleY(1)!important;transition:none!important}
  .podium-rank span{opacity:1!important;transform:translate(-50%,0)!important;transition:none!important}
  .podium-rank b{opacity:1!important;transform:none!important;transition:none!important}
}

/* V3.15 — ajustements visuels ciblés demandés, sans modification du contenu */

/* 1) Rythme vertical : rapprocher les grandes sections sans les tasser */
.stats-band{padding-bottom:20px}
.paradigm.section{padding-top:52px}
.accompaniment.section{padding-top:50px;padding-bottom:60px}
.growth-system.section{padding-top:68px;padding-bottom:58px}
.faq-section.section{padding-top:64px}

/* 2) Analyse concurrentielle IA : composition plus équilibrée et premium */
.audit-title-row{
  grid-template-columns:230px minmax(0,1fr);
  gap:42px;
  align-items:center;
  margin-bottom:34px;
}
.audit-conversion-stat{
  padding:4px 30px 4px 0;
  border-right:1px solid rgba(255,255,255,.16);
  min-height:164px;
  justify-content:center;
}
.audit-title h2{
  max-width:930px;
  font-size:clamp(38px,2.85vw,50px);
  line-height:1.08;
}
.audit-narrative{
  grid-template-columns:290px minmax(0,1fr);
  gap:48px;
  align-items:start;
  max-width:none;
  margin-bottom:0;
}
.audit-story-copy{
  max-width:900px;
  margin-left:auto;
  gap:16px;
  font-size:16px;
  line-height:1.66;
}
.audit-battle strong{font-size:24px;line-height:1.25}
.audit-battle p{font-size:15.5px;line-height:1.6}
.audit-story-punchline{margin-top:10px}

/* Podium reconstruit : aucun élément ne sort du cadre, animation ascendante propre */
.audit-podium{padding:8px 20px 0 0!important;overflow:visible!important}
.podium-chart{
  position:relative;
  height:252px;
  padding:0 4px;
  overflow:visible!important;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:12px;
}
.podium-rank{
  position:relative;
  width:31%;
  padding:58px 8px 12px!important;
  overflow:visible!important;
  clip-path:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  isolation:isolate;
}
.podium-rank-two{height:148px}
.podium-rank-one{height:202px}
.podium-rank-three{height:122px}
.podium-rank::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:18px 18px 6px 6px;
  border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.06);
  transform:scaleY(0);
  transform-origin:50% 100%;
  transition:transform .92s cubic-bezier(.22,.61,.36,1);
}
.podium-rank-one::before{
  background:linear-gradient(180deg,rgba(0,209,198,.46),rgba(0,209,198,.15));
  border-color:rgba(110,244,236,.5);
  box-shadow:0 0 34px rgba(0,209,198,.11),inset 0 1px 0 rgba(255,255,255,.1);
}
.podium-rank span{
  position:absolute!important;
  z-index:3!important;
  top:12px!important;
  left:50%!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--navy-deep)!important;
  font:800 13px/1 var(--font-title)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  opacity:0;
  transform:translate(-50%,9px)!important;
  transition:opacity .3s ease,transform .36s ease;
}
.podium-rank-one span{
  background:var(--aqua)!important;
  box-shadow:0 0 24px rgba(0,209,198,.32)!important;
}
.podium-rank b{
  position:relative;
  z-index:2;
  margin:0!important;
  color:rgba(255,255,255,.9)!important;
  font:700 11px/1.28 var(--font-title)!important;
  text-align:center;
  opacity:0;
  transform:translateY(9px);
  transition:opacity .3s ease,transform .36s ease;
}
.audit-narrative.is-visible .podium-rank::before{transform:scaleY(1)}
.audit-narrative.is-visible .podium-rank span{opacity:1;transform:translate(-50%,0)!important}
.audit-narrative.is-visible .podium-rank b{opacity:1;transform:none}
.audit-narrative.is-visible .podium-rank-two::before{transition-delay:.06s}
.audit-narrative.is-visible .podium-rank-one::before{transition-delay:.18s}
.audit-narrative.is-visible .podium-rank-three::before{transition-delay:.30s}
.audit-narrative.is-visible .podium-rank-two span,
.audit-narrative.is-visible .podium-rank-two b{transition-delay:.56s}
.audit-narrative.is-visible .podium-rank-one span,
.audit-narrative.is-visible .podium-rank-one b{transition-delay:.68s}
.audit-narrative.is-visible .podium-rank-three span,
.audit-narrative.is-visible .podium-rank-three b{transition-delay:.80s}

/* 3) Accompagnement : aperçu diagnostic plus bas, un peu plus petit, section rapprochée */
.diagnostic-preview{transform:translateY(36px)}
.diagnostic-page{width:min(38%,195px)}
.accompaniment-intro{margin-bottom:46px}

/* Suppression du séparateur au-dessus de Stack de mesure / Moteurs suivis */
.accompaniment-tech-grid{
  border-top:0!important;
  padding-top:24px!important;
}

/* 4) SEO vs GEO : même architecture éditoriale que l'analyse concurrentielle */
.growth-intro-layout{
  grid-template-columns:230px minmax(0,1fr);
  gap:42px;
  align-items:start;
}
.growth-stat-highlight{
  min-height:190px;
  padding:8px 30px 8px 0;
  border-right:1px solid var(--border);
  justify-content:center;
}
.growth-intro-right{min-width:0}
.growth-title{
  max-width:930px;
  margin-left:auto;
  margin-bottom:22px;
}
.growth-title h2{
  font-size:clamp(38px,2.85vw,50px);
  line-height:1.08;
}
.growth-intro-copy{
  max-width:930px;
  margin-left:auto;
  gap:16px;
  font-size:16px;
}
.growth-conqet-lines{
  max-width:900px;
  margin-left:auto;
}
.growth-punchline{margin-top:24px!important}
.growth-system .compare-grid{margin-top:42px}

/* 5) Réduire l'espace après les deux blocs outils et après l'approche complémentaire */
.accompaniment-tech-grid{margin-bottom:0}
.ecosystem-block{margin-bottom:0}

@media(max-width:1080px){
  .stats-band{padding-bottom:18px}
  .paradigm.section{padding-top:46px}
  .accompaniment.section{padding-top:46px;padding-bottom:54px}
  .growth-system.section{padding-top:60px;padding-bottom:52px}
  .faq-section.section{padding-top:58px}

  .audit-title-row{grid-template-columns:190px minmax(0,1fr);gap:30px}
  .audit-conversion-stat{padding-right:22px}
  .audit-narrative{grid-template-columns:250px minmax(0,1fr);gap:34px}
  .audit-title h2,.growth-title h2{font-size:clamp(36px,4vw,46px)}

  .growth-intro-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}
  .growth-stat-highlight{padding-right:22px}

  .diagnostic-preview{transform:translateY(26px)}
  .diagnostic-page{width:min(37%,185px)}
  .accompaniment-tech-grid{padding-top:20px!important}
}

@media(max-width:760px){
  .stats-band{padding-bottom:16px}
  .paradigm.section{padding-top:42px}
  .accompaniment.section{padding-top:42px;padding-bottom:48px}
  .growth-system.section{padding-top:52px;padding-bottom:46px}
  .faq-section.section{padding-top:52px}

  .audit-title-row{grid-template-columns:1fr;gap:20px}
  .audit-title-row .audit-title{grid-row:2}
  .audit-conversion-stat{grid-row:1;border-right:0;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.14)}
  .audit-narrative{grid-template-columns:1fr;gap:28px}
  .audit-podium{padding:0!important}
  .podium-chart{height:224px;max-width:340px;margin-inline:auto;gap:10px}
  .podium-rank-two{height:128px}.podium-rank-one{height:174px}.podium-rank-three{height:104px}
  .podium-rank{padding:54px 7px 10px!important}
  .podium-rank span{top:10px!important;width:36px!important;height:36px!important}
  .audit-story-copy{max-width:none}

  .growth-intro-layout{grid-template-columns:1fr;gap:22px}
  .growth-stat-highlight{grid-row:1;border-right:0;border-bottom:1px solid var(--border);padding:0 0 18px;min-height:0}
  .growth-intro-right{grid-row:2}
  .growth-title,.growth-intro-copy,.growth-conqet-lines{max-width:none}

  .diagnostic-preview{transform:none}
  .diagnostic-page{width:min(46%,180px)}
  .accompaniment-tech-grid{padding-top:16px!important}
}

@media(prefers-reduced-motion:reduce){
  .podium-rank::before{transform:scaleY(1)!important;transition:none!important}
  .podium-rank span{opacity:1!important;transform:translate(-50%,0)!important;transition:none!important}
  .podium-rank b{opacity:1!important;transform:none!important;transition:none!important}
}

/* =========================================================
   V3.17 — reproduction fidèle des maquettes validées
   Sections uniquement : Analyse concurrentielle IA + SEO VS GEO
   ========================================================= */

/* =========================
   ANALYSE CONCURRENTIELLE IA
   ========================= */
.audit{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 96% 0%, rgba(0,209,198,.18), transparent 15%),
    radial-gradient(circle at 0% 100%, rgba(28,115,165,.24), transparent 28%),
    linear-gradient(112deg,#062a45 0%,#07324f 48%,#0a4f6d 100%);
}
.audit::before{
  content:"";
  position:absolute;
  width:470px;
  height:470px;
  left:-250px;
  bottom:-285px;
  border:1px solid rgba(65,176,221,.20);
  border-radius:50%;
  pointer-events:none;
}
.audit::after{
  content:"";
  position:absolute;
  width:265px;
  height:265px;
  right:-98px;
  top:-138px;
  border:1px solid rgba(0,221,216,.24);
  border-radius:50%;
  pointer-events:none;
}
.audit .shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  column-gap:66px;
  row-gap:22px;
}
.audit .shell::before{
  content:"";
  position:absolute;
  top:8px;
  bottom:3px;
  left:353px;
  width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(110,244,236,.34) 47%,rgba(255,255,255,.08));
  pointer-events:none;
}
.audit .shell::after{
  content:"";
  position:absolute;
  left:350px;
  top:46.5%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#33efe8;
  box-shadow:0 0 16px 4px rgba(0,209,198,.38);
  pointer-events:none;
}
.audit-title-row,
.audit-narrative{display:contents}

.audit-conversion-stat{
  grid-column:1;
  grid-row:1;
  align-self:start;
  min-height:0;
  padding:7px 32px 0 0;
  border:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.audit-conversion-stat strong{
  font:800 70px/.9 var(--font-title);
  letter-spacing:-.055em;
  color:#10d0cb;
  text-shadow:0 0 18px rgba(0,209,198,.10);
}
.audit-conversion-stat span{
  margin-top:9px;
  font:700 17px/1.18 var(--font-title);
  color:#fff;
}
.audit-conversion-stat em{
  margin-top:6px;
  font-style:normal;
  font-weight:700;
  font-size:13px;
  color:#67f0ea;
}
.audit-conversion-stat small{
  margin-top:5px;
  max-width:210px;
  font-size:11.5px;
  line-height:1.35;
  color:rgba(255,255,255,.62);
}

.audit-title{
  grid-column:2;
  grid-row:1;
  align-self:start;
  max-width:none;
  margin:0;
  padding:5px 0 0;
  text-align:left;
}
.audit-title .section-kicker{
  margin:0 0 11px;
  color:#68f0ea;
}
.audit-title h2{
  max-width:860px;
  margin:0;
  font-size:clamp(33px,2.7vw,47px);
  line-height:1.045;
  color:#fff;
  text-wrap:balance;
}

.audit-podium{
  grid-column:1;
  grid-row:2;
  align-self:end;
  position:relative;
  padding:18px 34px 42px 0!important;
  border:0!important;
  overflow:visible!important;
}
.audit-podium::before{
  content:"";
  position:absolute;
  inset:4px 18px 26px -28px;
  background:
    radial-gradient(circle at 50% 84%,rgba(0,209,198,.20),transparent 33%),
    radial-gradient(circle at 50% 53%,transparent 55%,rgba(45,157,204,.14) 55.4%,transparent 56.1%);
  pointer-events:none;
}
.audit-podium::after{
  content:"VISIBILITÉ   →   CRÉDIBILITÉ   →   CROISSANCE";
  position:absolute;
  left:-2px;
  right:32px;
  bottom:4px;
  text-align:center;
  font:600 8.5px/1 var(--font-title);
  letter-spacing:.20em;
  color:rgba(110,244,236,.56);
  white-space:nowrap;
}
.podium-chart{
  position:relative;
  height:222px;
  padding:28px 2px 0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:12px;
  overflow:visible!important;
}
.podium-chart::before{
  content:"";
  position:absolute;
  left:2%;
  right:2%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(18,213,207,.9),transparent);
  box-shadow:0 0 14px rgba(0,209,198,.32);
}
.podium-chart::after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-9px;
  height:29px;
  border-top:1px solid rgba(0,209,198,.20);
  border-radius:50%;
  pointer-events:none;
}
.podium-rank{
  position:relative;
  width:30%;
  padding:47px 8px 12px!important;
  overflow:visible!important;
  clip-path:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.podium-rank-two{height:124px}
.podium-rank-one{height:172px}
.podium-rank-three{height:110px}
.podium-rank::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:13px 13px 5px 5px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.10);
  transform:scaleY(0);
  transform-origin:50% 100%;
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.podium-rank-one::before{
  background:linear-gradient(180deg,rgba(0,209,198,.52),rgba(0,209,198,.15));
  border-color:rgba(91,238,231,.48);
  box-shadow:0 0 24px rgba(0,209,198,.14),inset 0 1px 0 rgba(255,255,255,.08);
}
.podium-rank-one::after{
  content:"";
  position:absolute;
  z-index:4;
  width:27px;
  height:21px;
  top:-43px;
  left:50%;
  transform:translateX(-50%);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M4 18h24l-2 4H6l-2-4Zm2-2L3 7l7 5 6-9 6 9 7-5-3 9H6Z' fill='none' stroke='%236EF4EC' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  opacity:.8;
  filter:drop-shadow(0 0 6px rgba(0,209,198,.30));
}
.podium-rank span{
  position:absolute!important;
  z-index:3!important;
  top:-16px!important;
  left:50%!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#082a44!important;
  font:800 13px/1 var(--font-title)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
  opacity:0;
  transform:translate(-50%,9px)!important;
  transition:opacity .3s ease,transform .36s ease;
}
.podium-rank-one span{
  background:#12d5cf!important;
  color:#073047!important;
  box-shadow:0 0 22px rgba(0,209,198,.26)!important;
}
.podium-rank b{
  position:relative;
  z-index:2;
  margin:0!important;
  color:#fff!important;
  font:700 10.5px/1.32 var(--font-title)!important;
  text-align:center;
  opacity:0;
  transform:translateY(9px);
  transition:opacity .3s ease,transform .36s ease;
}
.audit-narrative.is-visible .podium-rank::before{transform:scaleY(1)}
.audit-narrative.is-visible .podium-rank span{opacity:1;transform:translate(-50%,0)!important}
.audit-narrative.is-visible .podium-rank b{opacity:1;transform:none}
.audit-narrative.is-visible .podium-rank-two::before{transition-delay:.06s}
.audit-narrative.is-visible .podium-rank-one::before{transition-delay:.18s}
.audit-narrative.is-visible .podium-rank-three::before{transition-delay:.30s}
.audit-narrative.is-visible .podium-rank-two span,
.audit-narrative.is-visible .podium-rank-two b{transition-delay:.56s}
.audit-narrative.is-visible .podium-rank-one span,
.audit-narrative.is-visible .podium-rank-one b{transition-delay:.68s}
.audit-narrative.is-visible .podium-rank-three span,
.audit-narrative.is-visible .podium-rank-three b{transition-delay:.80s}

.audit-story-copy{
  grid-column:2;
  grid-row:2;
  align-self:start;
  max-width:850px;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  color:rgba(255,255,255,.76);
  font-size:14px;
  line-height:1.58;
  text-align:left;
}
.audit-battle{display:grid;gap:7px}
.audit-battle strong{
  color:#fff;
  font:700 20px/1.2 var(--font-title);
}
.audit-battle p{
  margin:0;
  font-size:13.5px;
  line-height:1.5;
  color:rgba(255,255,255,.73);
}
.audit-battle p b{color:#67f0ea}
.audit-story-copy>p{margin:0;max-width:820px}
.audit-story-punchline{
  position:relative;
  max-width:790px;
  margin-top:8px!important;
  padding:16px 20px 16px 70px!important;
  border-top:0!important;
  border-left:2px solid #18d9d2!important;
  border-radius:0 11px 11px 0!important;
  background:linear-gradient(90deg,rgba(0,209,198,.10),rgba(0,209,198,.045))!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.48!important;
}
.audit-story-punchline::before{
  content:"⚡";
  position:absolute;
  left:19px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,209,198,.08);
  border:1px solid rgba(110,244,236,.20);
  color:#6ef4ec;
  font-size:15px;
}
.audit-story-punchline strong{color:#67f0ea!important}

/* =========================
   SEO VS GEO
   ========================= */
.growth-system{
  background:
    radial-gradient(circle at 0% 0%,rgba(0,209,198,.07),transparent 21%),
    linear-gradient(180deg,#f8fbfc 0%,#fff 100%);
}
.growth-intro-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:48px;
  align-items:start;
  margin-top:0;
  max-width:none;
}
.growth-stat-highlight{
  min-height:404px;
  padding:28px 26px 26px;
  border-right:0!important;
  border-bottom:0!important;
  border:1px solid rgba(15,45,74,.06)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(251,253,253,.98))!important;
  box-shadow:0 14px 34px rgba(15,45,74,.05)!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.growth-stat-highlight::before,
.growth-stat-highlight::after{display:none!important}
.growth-geo-stat strong{
  position:relative;
  width:170px;
  height:170px;
  margin:0 auto;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border-radius:50%;
  font:800 56px/1 var(--font-title)!important;
  letter-spacing:-.055em;
  color:#10c9c3!important;
  background:transparent!important;
}
.growth-geo-stat strong::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from -48deg,#10cbc4 0deg 108deg,rgba(0,209,198,.12) 108deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
  pointer-events:none;
}
.growth-geo-stat strong>span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
  color:inherit!important;
}
.growth-geo-stat>span{
  margin-top:18px;
  font:800 18px/1.15 var(--font-title);
  color:var(--navy);
}
.growth-geo-stat>em{
  margin-top:8px;
  font-style:normal;
  font-weight:800;
  font-size:14.5px;
  line-height:1.42;
  color:#00aca5;
}
.growth-geo-stat>small{
  position:relative;
  margin-top:31px;
  padding-top:17px;
  font-size:13.5px;
  line-height:1.44;
  color:#536c82;
}
.growth-geo-stat>small::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:25px;
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(0,209,198,.44);
}
.growth-geo-stat small b,
.growth-geo-stat small strong{color:var(--navy)!important}

.growth-intro-right{min-width:0;text-align:left}
.growth-title{
  max-width:900px;
  margin:0 0 18px;
  text-align:left;
}
.growth-title .section-kicker{margin-bottom:10px}
.growth-title h2{
  max-width:880px;
  font-size:clamp(33px,2.7vw,47px);
  line-height:1.045;
  text-align:left;
}
.growth-intro-copy{
  max-width:900px;
  margin:0;
  padding:0!important;
  border-left:0!important;
  display:grid;
  gap:13px;
  text-align:left;
}
.growth-intro-copy p{
  margin:0!important;
  max-width:900px!important;
  font-size:14.5px!important;
  line-height:1.56!important;
  color:#334d65!important;
}
.growth-intro-copy p:first-child strong{
  display:block;
  color:var(--navy)!important;
  font-size:19.5px!important;
  line-height:1.36!important;
}
.growth-conqet-lines{
  position:relative;
  max-width:860px;
  margin:5px 0 0;
  padding:14px 18px 14px 70px!important;
  border-left:2px solid #16d3cc!important;
  border-radius:0 11px 11px 0!important;
  background:linear-gradient(90deg,rgba(0,209,198,.08),rgba(0,209,198,.025))!important;
  box-shadow:none!important;
  text-align:left;
}
.growth-conqet-lines::before{
  content:"✦";
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,209,198,.10);
  border:1px solid rgba(0,209,198,.14);
  color:#00b9b2;
  font-size:15px;
}
.growth-conqet-lines p{
  padding:0!important;
  border:0!important;
  background:none!important;
  border-radius:0!important;
  font-size:14px!important;
  line-height:1.47!important;
  font-weight:700!important;
  color:var(--navy)!important;
  text-align:left!important;
}
.growth-conqet-lines p+p{
  margin-top:6px!important;
  color:#00a9a2!important;
}
.growth-punchline{
  margin-top:15px!important;
  padding-top:0!important;
  border-top:0!important;
  font-size:14.5px!important;
  line-height:1.45!important;
  color:var(--navy)!important;
  text-align:left!important;
}
.growth-punchline strong{color:#00aaa3!important}
.growth-system .compare-grid{margin-top:32px}

@media(max-width:1080px){
  .audit .shell{grid-template-columns:250px minmax(0,1fr);column-gap:44px}
  .audit .shell::before{left:272px}
  .audit .shell::after{left:269px}
  .audit-conversion-stat{padding-right:24px}
  .audit-conversion-stat strong{font-size:62px}
  .audit-title h2{font-size:clamp(31px,4vw,42px)}
  .audit-podium{padding-right:24px!important}
  .podium-chart{height:208px}
  .podium-rank-two{height:116px}.podium-rank-one{height:158px}.podium-rank-three{height:100px}
  .audit-story-copy{font-size:13.5px}

  .growth-intro-layout{grid-template-columns:250px minmax(0,1fr);gap:34px}
  .growth-stat-highlight{min-height:372px;padding:25px 22px}
  .growth-geo-stat strong{width:152px;height:152px;font-size:50px!important}
  .growth-title h2{font-size:clamp(31px,4vw,42px)}
}

@media(max-width:760px){
  .audit .shell{display:block}
  .audit .shell::before,
  .audit .shell::after{display:none}
  .audit-title-row,
  .audit-narrative{display:grid}
  .audit-title-row{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
  .audit-conversion-stat,
  .audit-title{grid-column:auto;grid-row:auto}
  .audit-conversion-stat{padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.12)}
  .audit-title{padding:0}
  .audit-title h2{font-size:31px}
  .audit-narrative{grid-template-columns:1fr;gap:24px}
  .audit-podium,
  .audit-story-copy{grid-column:auto;grid-row:auto}
  .audit-podium{padding:12px 0 40px!important}
  .podium-chart{height:208px;max-width:320px;margin-inline:auto}
  .podium-rank-two{height:114px}.podium-rank-one{height:156px}.podium-rank-three{height:98px}
  .audit-story-punchline{padding:15px 15px 15px 62px!important}

  .growth-intro-layout{grid-template-columns:1fr;gap:22px}
  .growth-stat-highlight{min-height:0;padding:23px 20px 25px}
  .growth-geo-stat strong{width:148px;height:148px;font-size:49px!important}
  .growth-geo-stat>span{font-size:17.5px}
  .growth-geo-stat>em{font-size:14px}
  .growth-geo-stat>small{margin-top:27px;font-size:13px}
  .growth-title h2{font-size:31px}
  .growth-intro-copy p{font-size:14px!important}
  .growth-conqet-lines{padding:13px 13px 13px 60px!important}
  .growth-conqet-lines::before{left:16px;width:31px;height:31px}
}

/* V3.18 — micro-ajustements ciblés uniquement */

/* Analyse concurrentielle IA : bataille alignée avec le reste du texte */
.audit-battle,
.audit-battle strong,
.audit-battle p{
  text-align:left!important;
  justify-self:stretch;
  width:100%;
}

/* Analyse concurrentielle IA : restaurer explicitement l'animation du podium */
.podium-rank::before{
  transform:scaleY(0)!important;
  transform-origin:50% 100%!important;
  transition:transform .9s cubic-bezier(.22,.61,.36,1)!important;
}
.podium-rank span{
  opacity:0!important;
  transform:translate(-50%,10px)!important;
  transition:opacity .3s ease,transform .36s ease!important;
}
.podium-rank b{
  opacity:0!important;
  transform:translateY(9px)!important;
  transition:opacity .3s ease,transform .36s ease!important;
}
.audit-narrative.is-visible .podium-rank::before{
  transform:scaleY(1)!important;
}
.audit-narrative.is-visible .podium-rank span{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
.audit-narrative.is-visible .podium-rank b{
  opacity:1!important;
  transform:none!important;
}
.audit-narrative.is-visible .podium-rank-two::before{transition-delay:.06s!important}
.audit-narrative.is-visible .podium-rank-one::before{transition-delay:.20s!important}
.audit-narrative.is-visible .podium-rank-three::before{transition-delay:.34s!important}
.audit-narrative.is-visible .podium-rank-two span,
.audit-narrative.is-visible .podium-rank-two b{transition-delay:.54s!important}
.audit-narrative.is-visible .podium-rank-one span,
.audit-narrative.is-visible .podium-rank-one b{transition-delay:.68s!important}
.audit-narrative.is-visible .podium-rank-three span,
.audit-narrative.is-visible .podium-rank-three b{transition-delay:.82s!important}

/* SEO VS GEO : positionner l'arc des 30 % vers le NNE */
.growth-geo-stat strong::before{
  background:conic-gradient(from -31.5deg,#10cbc4 0deg 108deg,rgba(0,209,198,.12) 108deg 360deg)!important;
}

/* SEO VS GEO : faire descendre la carte statistique jusqu'au niveau de la punchline */
.growth-intro-layout{
  align-items:stretch!important;
}
.growth-stat-highlight{
  align-self:stretch!important;
  min-height:430px;
}

@media(max-width:1080px){
  .growth-stat-highlight{min-height:398px}
}

@media(max-width:760px){
  .growth-intro-layout{align-items:start!important}
  .growth-stat-highlight{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  .podium-rank::before{transform:scaleY(1)!important;transition:none!important}
  .podium-rank span{opacity:1!important;transform:translate(-50%,0)!important;transition:none!important}
  .podium-rank b{opacity:1!important;transform:none!important;transition:none!important}
}

/* V3.19 — restauration ciblée de l'animation du podium uniquement */
/* Le podium attend désormais d'être réellement visible à l'écran avant de s'animer. */
.audit-podium:not(.is-podium-visible) .podium-rank::before,
.audit-narrative.is-visible .audit-podium:not(.is-podium-visible) .podium-rank::before{
  transform:scaleY(0)!important;
  transition:none!important;
}
.audit-podium:not(.is-podium-visible) .podium-rank span,
.audit-narrative.is-visible .audit-podium:not(.is-podium-visible) .podium-rank span{
  opacity:0!important;
  transform:translate(-50%,10px)!important;
  transition:none!important;
}
.audit-podium:not(.is-podium-visible) .podium-rank b,
.audit-narrative.is-visible .audit-podium:not(.is-podium-visible) .podium-rank b{
  opacity:0!important;
  transform:translateY(9px)!important;
  transition:none!important;
}

.audit-podium.is-podium-visible .podium-rank::before{
  transform:scaleY(1)!important;
  transition:transform .92s cubic-bezier(.22,.61,.36,1)!important;
}
.audit-podium.is-podium-visible .podium-rank span{
  opacity:1!important;
  transform:translate(-50%,0)!important;
  transition:opacity .30s ease,transform .36s ease!important;
}
.audit-podium.is-podium-visible .podium-rank b{
  opacity:1!important;
  transform:none!important;
  transition:opacity .30s ease,transform .36s ease!important;
}
.audit-podium.is-podium-visible .podium-rank-two::before{transition-delay:.06s!important}
.audit-podium.is-podium-visible .podium-rank-one::before{transition-delay:.20s!important}
.audit-podium.is-podium-visible .podium-rank-three::before{transition-delay:.34s!important}
.audit-podium.is-podium-visible .podium-rank-two span,
.audit-podium.is-podium-visible .podium-rank-two b{transition-delay:.58s!important}
.audit-podium.is-podium-visible .podium-rank-one span,
.audit-podium.is-podium-visible .podium-rank-one b{transition-delay:.72s!important}
.audit-podium.is-podium-visible .podium-rank-three span,
.audit-podium.is-podium-visible .podium-rank-three b{transition-delay:.86s!important}

@media(prefers-reduced-motion:reduce){
  .audit-podium .podium-rank::before{transform:scaleY(1)!important;transition:none!important}
  .audit-podium .podium-rank span{opacity:1!important;transform:translate(-50%,0)!important;transition:none!important}
  .audit-podium .podium-rank b{opacity:1!important;transform:none!important;transition:none!important}
}

/* V3.21 — nouvelle section ChatGPT Ads uniquement */
.ai-ads-section{
  position:relative;
  overflow:hidden;
  padding:82px 0 86px;
  background:
    radial-gradient(circle at 9% 16%,rgba(0,209,198,.08),transparent 24%),
    radial-gradient(circle at 92% 86%,rgba(15,45,74,.06),transparent 24%),
    linear-gradient(180deg,#fbfdfd 0%,#f5fafb 100%);
}
.ai-ads-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(15,45,74,.07) .7px,transparent .7px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.4) 16%,rgba(0,0,0,.25) 84%,transparent);
  opacity:.35;
}
.ai-ads-section .shell{position:relative;z-index:1}
.ai-ads-release{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:22px;
}
.ai-ads-new-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:5px 11px;
  border-radius:999px;
  background:var(--navy-deep);
  color:#6ef4ec;
  font:800 10px/1 var(--font-title);
  letter-spacing:.16em;
  box-shadow:0 7px 18px rgba(8,30,51,.12);
}
.ai-ads-release-text{
  color:var(--navy);
  font-size:13px;
  font-weight:700;
}
.ai-ads-showcase{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);
  gap:64px;
  align-items:center;
  padding:56px 58px;
  border:1px solid rgba(15,45,74,.09);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(15,45,74,.09);
  backdrop-filter:blur(8px);
}
.ai-ads-showcase::before{
  content:"";
  position:absolute;
  top:-1px;
  left:10%;
  width:34%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--aqua),transparent);
  box-shadow:0 0 18px rgba(0,209,198,.34);
}
.ai-ads-copy{min-width:0}
.ai-ads-copy .section-kicker{margin-bottom:12px}
.ai-ads-copy h2{
  max-width:720px;
  font-size:clamp(34px,3vw,48px);
  line-height:1.08;
}
.ai-ads-copy h2 span{color:#00aaa1}
.ai-ads-lead{
  max-width:720px;
  margin-top:20px;
  color:var(--slate);
  font-size:16.5px;
  line-height:1.65;
}
.ai-ads-benefits{
  display:grid;
  gap:12px;
  margin-top:26px;
}
.ai-ads-benefit{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-items:center;
  max-width:690px;
  padding:10px 0;
}
.ai-ads-benefit-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#00aaa1;
  background:rgba(0,209,198,.08);
  border:1px solid rgba(0,209,198,.14);
}
.ai-ads-benefit-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ai-ads-benefit strong{
  display:block;
  color:var(--navy);
  font:700 14px/1.25 var(--font-title);
  letter-spacing:-.015em;
}
.ai-ads-benefit small{
  display:block;
  margin-top:4px;
  color:#64798d;
  font-size:13px;
  line-height:1.4;
}
.ai-ads-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:28px;
}
.ai-ads-actions .btn{font-size:14px;padding:15px 20px}
.ai-ads-actions p{
  max-width:280px;
  color:#718397;
  font-size:10.5px;
  line-height:1.4;
}
.ai-ads-visual{
  position:relative;
  min-height:470px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.ai-ads-visual::before{
  content:"";
  position:absolute;
  z-index:-3;
  width:390px;
  height:390px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,209,198,.15),rgba(0,209,198,.035) 48%,transparent 72%);
  filter:blur(1px);
}
.ai-ads-orbit{
  position:absolute;
  z-index:-2;
  border:1px solid rgba(0,209,198,.17);
  border-radius:50%;
  pointer-events:none;
}
.ai-ads-orbit-one{width:390px;height:390px}
.ai-ads-orbit-two{width:310px;height:310px;border-color:rgba(15,45,74,.10)}
.ai-ads-chat-window{
  position:relative;
  width:min(100%,430px);
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(15,45,74,.12);
  background:#fff;
  box-shadow:0 30px 70px rgba(8,30,51,.16);
  transform:rotate(1.2deg);
  transition:transform .35s ease,box-shadow .35s ease;
}
.ai-ads-showcase:hover .ai-ads-chat-window{
  transform:rotate(0deg) translateY(-4px);
  box-shadow:0 36px 78px rgba(8,30,51,.19);
}
.ai-ads-chat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,#fff,#fbfcfd);
}
.ai-ads-chat-brand{display:flex;align-items:center;gap:10px}
.ai-ads-chat-logo{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f5f7f8;
  border:1px solid var(--border);
}
.ai-ads-chat-logo img{width:22px;height:22px;object-fit:contain}
.ai-ads-chat-brand strong{
  display:block;
  color:var(--navy);
  font:700 13px/1.2 var(--font-title);
}
.ai-ads-chat-brand small{display:block;margin-top:3px;color:#75899b;font-size:9px}
.ai-ads-live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--aqua);
  box-shadow:0 0 0 5px rgba(0,209,198,.09),0 0 16px rgba(0,209,198,.3);
}
.ai-ads-chat-body{padding:24px 20px 20px;background:linear-gradient(180deg,#fcfdfd,#f7fafb)}
.ai-ads-user-message{
  width:82%;
  margin-left:auto;
  padding:13px 15px;
  border-radius:15px 15px 4px 15px;
  background:var(--navy-deep);
  color:#fff;
  font-size:11px;
  line-height:1.45;
  box-shadow:0 10px 24px rgba(8,30,51,.11);
}
.ai-ads-answer-lines{display:grid;gap:7px;width:72%;margin:22px 0 20px 3px}
.ai-ads-answer-lines span{display:block;height:7px;border-radius:999px;background:#dfe7ec}
.ai-ads-answer-lines span:nth-child(2){width:92%}
.ai-ads-answer-lines span:nth-child(3){width:68%}
.ai-ads-sponsored-card{
  position:relative;
  overflow:hidden;
  padding:16px;
  border:1px solid rgba(0,209,198,.24);
  border-radius:16px;
  background:linear-gradient(135deg,#fff 0%,#f4fffe 100%);
  box-shadow:0 13px 32px rgba(15,45,74,.08),0 0 0 1px rgba(255,255,255,.8) inset;
}
.ai-ads-sponsored-card::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-45px;
  top:-55px;
  border-radius:50%;
  background:rgba(0,209,198,.08);
}
.ai-ads-sponsored-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ai-ads-sponsored-label{
  color:#008f89;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.17em;
}
.ai-ads-sponsored-mark{
  display:inline-grid;
  place-items:center;
  width:26px;
  height:20px;
  border-radius:6px;
  background:var(--navy-deep);
  color:#6ef4ec;
  font:800 8px/1 var(--font-title);
  letter-spacing:.08em;
}
.ai-ads-sponsored-company{display:flex;align-items:center;gap:12px;margin-top:15px}
.ai-ads-company-monogram{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--navy-deep);
  color:var(--aqua);
  font:800 18px/1 var(--font-title);
}
.ai-ads-sponsored-company strong{display:block;color:var(--navy);font:700 14px/1.2 var(--font-title)}
.ai-ads-sponsored-company small{display:block;margin-top:4px;color:#687e91;font-size:10px}
.ai-ads-sponsored-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid rgba(15,45,74,.08);
  color:#008f89;
  font-size:11px;
  font-weight:800;
}
.ai-ads-concept-note{
  position:absolute;
  right:10%;
  bottom:4px;
  color:#8294a4;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ai-ads-bridge{
  display:grid;
  grid-template-columns:1fr auto 1fr auto;
  align-items:center;
  gap:24px;
  margin-top:22px;
  padding:18px 22px;
  border:1px solid rgba(15,45,74,.08);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 30px rgba(15,45,74,.045);
}
.ai-ads-bridge-side{display:flex;align-items:center;gap:13px;min-width:0}
.ai-ads-bridge-side>span{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:7px;
  background:var(--navy-deep);
  color:#6ef4ec;
  font:800 9px/1 var(--font-title);
  letter-spacing:.08em;
}
.ai-ads-bridge-side strong{display:block;color:var(--navy);font:700 13px/1.2 var(--font-title)}
.ai-ads-bridge-side small{display:block;margin-top:3px;color:#75899b;font-size:10.5px}
.ai-ads-bridge-plus{color:#8da0b1;font:500 22px/1 var(--font-title)}
.ai-ads-bridge-result{
  padding-left:22px;
  border-left:1px solid var(--border);
  color:#00a59e;
  font:800 13px/1.2 var(--font-title);
  white-space:nowrap;
}
@media(max-width:1080px){
  .ai-ads-section{padding:72px 0 76px}
  .ai-ads-showcase{grid-template-columns:1fr 390px;gap:38px;padding:46px 40px}
  .ai-ads-visual{min-height:420px}
  .ai-ads-bridge{grid-template-columns:1fr auto 1fr}
  .ai-ads-bridge-result{grid-column:1/-1;padding:13px 0 0;border-left:0;border-top:1px solid var(--border);text-align:center}
}
@media(max-width:860px){
  .ai-ads-showcase{grid-template-columns:1fr;padding:40px 34px}
  .ai-ads-visual{min-height:430px}
  .ai-ads-chat-window{width:min(100%,460px)}
}
@media(max-width:760px){
  .ai-ads-section{padding:56px 0 60px}
  .ai-ads-release{align-items:flex-start;justify-content:flex-start;gap:9px;margin-bottom:18px}
  .ai-ads-release-text{font-size:11.5px;line-height:1.35;padding-top:5px}
  .ai-ads-showcase{padding:30px 20px;border-radius:22px}
  .ai-ads-copy h2{font-size:32px}
  .ai-ads-copy h2 br{display:none}
  .ai-ads-lead{font-size:15.5px}
  .ai-ads-benefit{grid-template-columns:38px minmax(0,1fr);gap:11px}
  .ai-ads-benefit-icon{width:38px;height:38px}
  .ai-ads-actions{display:grid;gap:12px}
  .ai-ads-actions .btn{width:100%}
  .ai-ads-actions p{max-width:none;text-align:center}
  .ai-ads-visual{min-height:360px;margin-top:4px}
  .ai-ads-orbit-one{width:310px;height:310px}
  .ai-ads-orbit-two{width:245px;height:245px}
  .ai-ads-chat-window{width:100%}
  .ai-ads-chat-body{padding:20px 16px 16px}
  .ai-ads-user-message{width:90%}
  .ai-ads-concept-note{right:2%;bottom:-12px}
  .ai-ads-bridge{grid-template-columns:1fr;gap:13px;padding:17px}
  .ai-ads-bridge-plus{display:none}
  .ai-ads-bridge-result{grid-column:auto;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .ai-ads-chat-window{transition:none!important}
}

/* V3.22 — section pédagogique GEO vs AI Ads, ajoutée sous les statistiques */
.visibility-model-section{
  position:relative;
  padding:34px 0 42px;
  background:#fff;
}
.visibility-model-head{
  max-width:980px;
  margin:0 auto 30px;
  text-align:center;
}
.visibility-model-head .section-kicker{margin-bottom:12px}
.visibility-model-head h2{
  max-width:900px;
  margin-inline:auto;
  font-size:clamp(32px,2.65vw,44px);
  line-height:1.08;
}
.visibility-model-head > p:last-child{
  max-width:760px;
  margin:16px auto 0;
  color:var(--slate);
  font-size:16.5px;
  line-height:1.62;
}
.visibility-model-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  max-width:1120px;
  margin-inline:auto;
}
.visibility-model-grid::before{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,209,198,.22),transparent);
  pointer-events:none;
}
.visibility-model-card{
  position:relative;
  z-index:1;
  min-height:390px;
  padding:30px 32px 28px;
  border:1px solid var(--border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 42px rgba(15,45,74,.065);
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.visibility-model-card:hover{
  transform:translateY(-4px);
  box-shadow:0 23px 54px rgba(15,45,74,.10);
}
.visibility-model-card-geo{
  background:linear-gradient(145deg,#fff 0%,#fbfefe 100%);
}
.visibility-model-card-ads{
  border-color:rgba(0,209,198,.26);
  background:
    radial-gradient(circle at 100% 0%,rgba(0,209,198,.12),transparent 28%),
    linear-gradient(145deg,#fff 0%,#f7fffe 100%);
}
.visibility-model-card-ads::after{
  content:"";
  position:absolute;
  width:155px;
  height:155px;
  right:-78px;
  top:-78px;
  border-radius:50%;
  border:1px solid rgba(0,209,198,.22);
}
.visibility-model-card-top{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}
.visibility-model-icon{
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--aqua);
  background:var(--aqua-soft);
  border:1px solid rgba(0,209,198,.17);
}
.visibility-model-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.visibility-model-card h3{
  margin-top:6px;
  font-size:27px;
  line-height:1;
}
.visibility-model-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.visibility-model-badge,
.visibility-model-new{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border-radius:999px;
  font:800 9px/1 var(--font-body);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.visibility-model-badge{
  color:#108e89;
  background:rgba(0,209,198,.09);
  border:1px solid rgba(0,209,198,.15);
}
.visibility-model-new{
  color:#fff;
  background:var(--navy);
  box-shadow:0 6px 16px rgba(15,45,74,.12);
}
.visibility-model-card h4{
  margin:0;
  max-width:490px;
  font:700 19px/1.38 var(--font-title);
  letter-spacing:-.025em;
  color:var(--navy);
}
.visibility-model-card > p:not(.visibility-model-note){
  margin-top:13px;
  color:var(--slate);
  font-size:14.5px;
  line-height:1.62;
}
.visibility-model-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:22px;
}
.visibility-model-points span{
  min-height:66px;
  padding:11px 10px;
  border-radius:12px;
  background:rgba(246,248,250,.9);
  border:1px solid var(--border);
  color:var(--navy);
  font-size:11.5px;
  line-height:1.32;
  font-weight:700;
}
.visibility-model-points b{
  display:block;
  margin-bottom:5px;
  color:#00aaa1;
  font:800 9px/1 var(--font-body);
  letter-spacing:.08em;
}
.visibility-model-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid var(--border);
  color:#536b81;
  font-size:12.5px;
  line-height:1.45;
  font-weight:600;
}
.visibility-model-note span{
  flex:0 0 22px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,209,198,.11);
  color:#00aaa1;
  font-size:11px;
  font-weight:800;
}
.visibility-model-connector{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
}
.visibility-model-connector span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:var(--aqua);
  border:6px solid #fff;
  box-shadow:0 9px 25px rgba(15,45,74,.15);
  font:700 23px/1 var(--font-title);
}
.visibility-model-summary{
  max-width:1120px;
  margin:18px auto 0;
  padding:18px 22px;
  border-radius:16px;
  background:linear-gradient(90deg,var(--navy-deep),#103d5e);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-shadow:0 14px 36px rgba(8,30,51,.12);
}
.visibility-model-summary-copy{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.visibility-model-summary-kicker{
  flex:0 0 auto;
  color:#6ef4ec;
  font-size:9px;
  line-height:1;
  letter-spacing:.16em;
  font-weight:800;
}
.visibility-model-summary strong{
  font:700 14px/1.45 var(--font-title);
  letter-spacing:-.015em;
  color:#fff;
}
.visibility-model-summary-tags{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.72);
  font-size:11.5px;
  white-space:nowrap;
}
.visibility-model-summary-tags span{
  padding:8px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.visibility-model-summary-tags b{color:#6ef4ec}
.visibility-model-summary-tags i{font-style:normal;color:rgba(255,255,255,.42)}

@media(max-width:980px){
  .visibility-model-section{padding-top:30px}
  .visibility-model-grid{grid-template-columns:1fr;gap:14px}
  .visibility-model-grid::before{display:none}
  .visibility-model-connector{height:24px}
  .visibility-model-connector span{width:38px;height:38px;font-size:20px}
  .visibility-model-card{min-height:0}
  .visibility-model-summary{align-items:flex-start;flex-direction:column;gap:14px}
  .visibility-model-summary-tags{white-space:normal;flex-wrap:wrap}
}

@media(max-width:640px){
  .visibility-model-section{padding:24px 0 34px}
  .visibility-model-head{margin-bottom:24px;text-align:left}
  .visibility-model-head h2{font-size:30px}
  .visibility-model-head > p:last-child{font-size:15.5px;margin-top:13px}
  .visibility-model-card{padding:24px 21px 22px;border-radius:20px}
  .visibility-model-card-top{margin-bottom:18px}
  .visibility-model-icon{width:48px;height:48px;flex-basis:48px;border-radius:13px}
  .visibility-model-icon svg{width:27px;height:27px}
  .visibility-model-card h3{font-size:24px}
  .visibility-model-card h4{font-size:17px}
  .visibility-model-points{grid-template-columns:1fr;gap:7px;margin-top:18px}
  .visibility-model-points span{min-height:0;display:flex;align-items:center;gap:8px;padding:10px 11px}
  .visibility-model-points b{display:inline;margin:0}
  .visibility-model-summary{padding:17px 18px}
  .visibility-model-summary-copy{display:block}
  .visibility-model-summary-kicker{display:block;margin-bottom:8px}
  .visibility-model-summary-tags{gap:7px}
  .visibility-model-summary-tags i{display:none}
}

/* V3.23 — ajustements exclusivement demandés : positionnement GEO / ChatGPT Ads */

/* Header : signature sur deux lignes */
.brand-tagline{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  line-height:1.05;
}
.brand-tagline strong{
  color:rgba(255,255,255,.94);
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.brand-tagline small{
  color:var(--aqua);
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* Deux leviers : badge Nouveau placé dans l'angle supérieur droit */
.visibility-model-card-ads .visibility-model-card-top{padding-right:96px}
.visibility-model-new-corner{
  position:absolute;
  z-index:3;
  top:30px;
  right:32px;
  margin:0;
}
.visibility-model-bridge{
  max-width:1120px;
  margin:18px auto 0;
}

/* Analyse concurrentielle : le podium remplace le 6x dans la colonne gauche */
.audit-podium{
  grid-column:1;
  grid-row:1 / span 2;
  align-self:center;
  padding-top:34px!important;
  padding-bottom:48px!important;
}
.audit-title{grid-column:2;grid-row:1}
.audit-story-copy{grid-column:2;grid-row:2}

/* ChatGPT Ads : badge Nouveau seul, plus visible et centré */
.ai-ads-release{
  justify-content:center;
  margin-bottom:24px;
}
.ai-ads-new-badge{
  min-height:34px;
  padding:9px 18px;
  font-size:11px;
  letter-spacing:.18em;
  box-shadow:0 10px 24px rgba(8,30,51,.15),0 0 0 1px rgba(0,209,198,.08);
}

/* Stat 6x déplacée au-dessus de la fausse conversation */
.ai-ads-visual{
  min-height:525px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.ai-ads-conversion-stat{
  position:relative;
  z-index:3;
  width:min(100%,430px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:left;
}
.ai-ads-conversion-stat > strong{
  flex:0 0 auto;
  color:#10c9c3;
  font:800 62px/.9 var(--font-title);
  letter-spacing:-.055em;
}
.ai-ads-conversion-stat > strong span{font:inherit;color:inherit}
.ai-ads-conversion-stat > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.ai-ads-conversion-stat b{
  color:var(--navy);
  font:700 15px/1.15 var(--font-title);
}
.ai-ads-conversion-stat em{
  margin-top:4px;
  color:#00aaa1;
  font-style:normal;
  font-size:12.5px;
  font-weight:700;
}
.ai-ads-conversion-stat small{
  margin-top:3px;
  color:#718397;
  font-size:10.5px;
  line-height:1.35;
}

/* Fausse conversation : fixe, légèrement inclinée, sans animation au survol */
.ai-ads-chat-window{
  flex:0 0 auto;
  margin-top:8px;
  transform:rotate(1.2deg)!important;
  transition:none!important;
}
.ai-ads-showcase:hover .ai-ads-chat-window{
  transform:rotate(1.2deg)!important;
  box-shadow:0 30px 70px rgba(8,30,51,.16)!important;
}

@media(max-width:1080px){
  .audit-podium{grid-row:1 / span 2;padding-top:26px!important}
  .ai-ads-visual{min-height:500px}
  .ai-ads-conversion-stat > strong{font-size:56px}
}

@media(max-width:860px){
  .audit-podium{grid-row:auto}
  .ai-ads-visual{min-height:470px}
}

@media(max-width:760px){
  .brand-tagline{display:none}
  .visibility-model-card-ads .visibility-model-card-top{padding-right:82px}
  .visibility-model-new-corner{top:24px;right:21px}
  .visibility-model-bridge{margin-top:14px}

  .audit-podium{grid-row:auto;padding-top:12px!important;padding-bottom:40px!important}

  .ai-ads-release{justify-content:flex-start;margin-bottom:18px}
  .ai-ads-new-badge{min-height:31px;padding:8px 15px;font-size:10px}
  .ai-ads-visual{min-height:430px;gap:14px}
  .ai-ads-conversion-stat{width:100%;gap:12px}
  .ai-ads-conversion-stat > strong{font-size:50px}
  .ai-ads-conversion-stat b{font-size:13.5px}
  .ai-ads-conversion-stat em{font-size:11.5px}
  .ai-ads-conversion-stat small{font-size:10px}
  .ai-ads-chat-window{margin-top:4px}
}

/* V3.23 — correctifs responsives pour conserver strictement le comportement existant */
.ai-ads-visual::before,
.ai-ads-orbit{
  left:50%;
  top:61%;
  transform:translate(-50%,-50%);
}
@media(max-width:1080px){
  .brand-tagline{display:none}
}
@media(max-width:860px){
  .audit-podium{grid-row:1 / span 2}
}
@media(max-width:760px){
  .audit-podium{grid-row:auto}
  .ai-ads-release{justify-content:center}
}


/* V3.24 — ajustements exclusivement demandés */

/* 1) Quatre statistiques sous le hero */
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px}
.stat-card{padding-left:30px;padding-right:30px}

/* 2) ORGANIQUE VS PAYANT : équation finale sur fond navy */
.visibility-model-bridge{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(230px,.72fr);
  align-items:center;
  gap:18px;
  padding:22px 26px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(135deg,var(--navy-deep),#0c3c5c);
  box-shadow:0 18px 44px rgba(8,30,51,.14);
  color:#fff;
}
.visibility-model-bridge .ai-ads-bridge-side>span{
  color:#6ef4ec;
  background:rgba(0,209,198,.09);
  border-color:rgba(110,244,236,.18);
}
.visibility-model-bridge .ai-ads-bridge-side strong{color:#fff}
.visibility-model-bridge .ai-ads-bridge-side small{color:rgba(255,255,255,.66)}
.visibility-model-bridge .ai-ads-bridge-plus,
.visibility-model-bridge .ai-ads-bridge-equals{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--aqua);
  background:rgba(0,209,198,.09);
  border:1px solid rgba(0,209,198,.16);
  font:700 22px/1 var(--font-title);
}
.visibility-model-bridge .ai-ads-bridge-result{
  min-height:54px;
  padding:0 0 0 22px;
  border-left:1px solid rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  color:#fff;
  font:800 18px/1.18 var(--font-title);
  letter-spacing:.035em;
  text-align:left;
}

/* 3) Encarts éditoriaux : alignement gauche + éclair */
.audit-story-punchline{text-align:left!important}
.paradigm-manifesto-inline{
  position:relative;
  padding-left:74px!important;
}
.paradigm-manifesto-inline::before,
.growth-conqet-lines::before{
  content:"⚡"!important;
  position:absolute;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,209,198,.12);
  border:1px solid rgba(0,209,198,.2);
  color:#00aaa1;
  font-size:16px;
}
.growth-conqet-lines{position:relative}

/* 4) ChatGPT Ads : badge sur la tranche + plus d'air entre 6x et conversation */
.ai-ads-release{
  position:relative;
  z-index:5;
  margin-bottom:-21px!important;
  transform:translateY(0);
}
.ai-ads-new-badge{
  min-height:44px!important;
  padding:12px 24px!important;
  border-radius:999px;
  font-size:13px!important;
  letter-spacing:.19em!important;
  box-shadow:0 12px 28px rgba(8,30,51,.2),0 0 0 5px rgba(255,255,255,.72)!important;
}
.ai-ads-showcase{padding-top:68px}
.ai-ads-visual{gap:30px!important}
.ai-ads-conversion-stat{transform:translateY(-12px)}
.ai-ads-chat-window{margin-top:18px!important}

/* Conversation progressive */
.ai-ads-chat-window .ai-ads-user-message,
.ai-ads-chat-window .ai-ads-answer-lines,
.ai-ads-chat-window .ai-ads-sponsored-card{
  opacity:0;
  transform:translateY(10px);
}
.ai-ads-chat-window.is-chat-visible .ai-ads-user-message{
  animation:chatStepIn .48s ease forwards .20s;
}
.ai-ads-chat-window.is-chat-visible .ai-ads-answer-lines{
  animation:chatStepIn .52s ease forwards .82s;
}
.ai-ads-chat-window.is-chat-visible .ai-ads-sponsored-card{
  animation:chatStepIn .58s ease forwards 1.55s;
}
.ai-ads-chat-window.is-chat-visible .ai-ads-answer-lines span{
  transform-origin:left center;
  animation:chatLineGrow .55s ease both;
}
.ai-ads-chat-window.is-chat-visible .ai-ads-answer-lines span:nth-child(1){animation-delay:.95s}
.ai-ads-chat-window.is-chat-visible .ai-ads-answer-lines span:nth-child(2){animation-delay:1.08s}
.ai-ads-chat-window.is-chat-visible .ai-ads-answer-lines span:nth-child(3){animation-delay:1.21s}
@keyframes chatStepIn{to{opacity:1;transform:translateY(0)}}
@keyframes chatLineGrow{from{transform:scaleX(.18);opacity:.35}to{transform:scaleX(1);opacity:1}}

/* 5) Accompagnement : trois offres distinctes dans la colonne droite */
.choice-service-block{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--border);
}
.choice-service-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.choice-service-head h4{
  margin:0;
  color:var(--navy-deep);
  font:700 18px/1.2 var(--font-title);
}
.choice-service-price{
  flex:0 0 auto;
  color:var(--slate);
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
}
.choice-service-price strong{color:#00aaa1;font-size:13px}
.choice-service-block .choice-checklist{margin-top:14px}
.accompaniment-choice-primary>.choice-link{margin-top:24px}

/* 6) SEO vs GEO : nouvelle stat 48% */
.growth-stat-highlight{
  justify-content:center;
  min-height:398px;
}
.growth-geo-stat strong{margin-top:0!important}
.growth-geo-stat span{margin-top:22px!important}
.growth-geo-stat em{margin-top:8px!important}

/* 7) Footer */
.footer-links-wrap{
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.footer-copyright{
  color:rgba(255,255,255,.5);
  font-size:10.5px;
  text-align:center;
}
.footer-social .footer-email{
  width:auto;
  height:auto;
  padding:0;
  display:inline-block;
  border-radius:0;
  background:none;
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.footer-social .footer-email:hover{color:var(--aqua)}

@media(max-width:1080px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
  .stat-card:nth-child(2)::before{display:none}
  .visibility-model-bridge{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px}
  .visibility-model-bridge .ai-ads-bridge-equals{grid-column:1/-1;justify-self:center}
  .visibility-model-bridge .ai-ads-bridge-result{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:16px 0 0;justify-content:center;text-align:center}
  .choice-service-head{align-items:flex-start;flex-direction:column;gap:6px}
}

@media(max-width:760px){
  .stats-grid{grid-template-columns:1fr;max-width:none}
  .stat-card{padding-left:24px;padding-right:24px}
  .stat-card::before{display:none!important}
  .visibility-model-bridge{grid-template-columns:1fr;gap:13px;padding:18px}
  .visibility-model-bridge .ai-ads-bridge-plus,
  .visibility-model-bridge .ai-ads-bridge-equals{justify-self:center}
  .visibility-model-bridge .ai-ads-bridge-result{grid-column:auto;justify-content:flex-start;text-align:left}
  .paradigm-manifesto-inline{padding-left:64px!important}
  .paradigm-manifesto-inline::before,
  .growth-conqet-lines::before{left:16px;width:32px;height:32px}
  .ai-ads-release{margin-bottom:-18px!important}
  .ai-ads-new-badge{min-height:38px!important;padding:10px 20px!important;font-size:11px!important}
  .ai-ads-showcase{padding-top:58px}
  .ai-ads-visual{gap:24px!important}
  .ai-ads-conversion-stat{transform:translateY(-8px)}
  .ai-ads-chat-window{margin-top:14px!important}
  .growth-stat-highlight{min-height:0}
  .footer-links-wrap{justify-self:center}
  .footer-social{justify-self:center!important;justify-content:center!important}
}

@media(prefers-reduced-motion:reduce){
  .ai-ads-chat-window .ai-ads-user-message,
  .ai-ads-chat-window .ai-ads-answer-lines,
  .ai-ads-chat-window .ai-ads-sponsored-card{opacity:1!important;transform:none!important;animation:none!important}
  .ai-ads-chat-window .ai-ads-answer-lines span{animation:none!important;transform:none!important}
}

/* V3.25 — ajustements exclusivement demandés */

/* Stats : pictogrammes 78% / croissance 37% */
.stat-icon-growth{font-size:30px;font-weight:800;transform:translateY(-1px)}

/* ORGANIQUE VS PAYANT — équation recentrée, sans séparateur vertical */
.visibility-model-bridge{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:18px 22px!important;
  text-align:center;
}
.visibility-model-bridge .ai-ads-bridge-side{
  justify-content:center;
  text-align:left;
}
.visibility-model-bridge .ai-ads-bridge-plus{
  justify-self:center;
}
.visibility-model-bridge .ai-ads-bridge-equals{
  grid-column:1/-1;
  justify-self:center;
  margin-top:1px;
}
.visibility-model-bridge .ai-ads-bridge-result{
  grid-column:1/-1;
  justify-content:center!important;
  width:100%;
  min-height:auto!important;
  padding:0!important;
  border-left:0!important;
  border-top:0!important;
  color:#fff;
  font-size:20px!important;
  text-align:center!important;
  white-space:normal;
  overflow:visible;
}

/* Mention manuscrite du diagnostic légèrement abaissée */
.diagnostic-note{top:23%!important}

/* Tarification des accompagnements */
.choice-service-media-note{
  margin:10px 0 0!important;
  color:#7a8ea1!important;
  font-size:11px!important;
  font-weight:700;
  font-style:italic;
}
.choice-service-block-360{
  padding:20px;
  border:1px solid rgba(0,209,198,.2);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(0,209,198,.06),rgba(0,209,198,.018));
}
.choice-service-block-360 .choice-service-head h4{color:#083653}

/* SEO pris en charge par Conqet */
.collab-price{
  display:block;
  margin-top:9px;
  color:rgba(255,255,255,.7);
  font-size:10.5px;
  font-weight:700;
}
.collab-price strong{color:var(--aqua);font-size:11.5px}

@media(max-width:1080px){
  .visibility-model-bridge{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  }
  .visibility-model-bridge .ai-ads-bridge-equals,
  .visibility-model-bridge .ai-ads-bridge-result{grid-column:1/-1}
}

@media(max-width:760px){
  .visibility-model-bridge{grid-template-columns:1fr!important;gap:13px!important}
  .visibility-model-bridge .ai-ads-bridge-side{justify-content:flex-start;text-align:left}
  .visibility-model-bridge .ai-ads-bridge-plus,
  .visibility-model-bridge .ai-ads-bridge-equals{grid-column:auto;justify-self:center}
  .visibility-model-bridge .ai-ads-bridge-result{grid-column:auto!important;justify-content:center!important;text-align:center!important}
  .diagnostic-note{top:26%!important}
}

/* V3.26 — refonte ciblée de la zone offres dans COMMENT CONQET PEUT VOUS ACCOMPAGNER */
.offers-showcase{position:relative;margin-top:4px;margin-bottom:34px}
.offers-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:0 18px 34px}
.offers-timeline::before{content:"";position:absolute;top:20px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,rgba(0,209,198,.46),#dceaf0 28%,#dceaf0 72%,rgba(0,209,198,.34));z-index:0}
.offers-timeline-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.offers-timeline-step span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f7fbfc;border:1px solid #d9e6eb;box-shadow:0 7px 20px rgba(15,45,74,.07);font:800 11px/1 var(--font-title);color:var(--navy)}
.offers-timeline-step.is-active span{background:var(--aqua);border-color:var(--aqua);color:var(--navy-deep);box-shadow:0 0 0 5px rgba(0,209,198,.08),0 9px 22px rgba(0,209,198,.16)}
.offers-timeline-step strong{font:700 13px/1.3 var(--font-title);color:var(--navy)}

.offer-diagnostic-card{display:grid;grid-template-columns:1.35fr 1.05fr .92fr;gap:28px;align-items:center;padding:24px 26px;border:1px solid #dce7ec;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f8fcfd 100%);box-shadow:0 14px 38px rgba(15,45,74,.055);margin-bottom:24px}
.offer-diagnostic-main{display:flex;align-items:center;gap:18px;min-width:0}
.offer-icon{width:60px;height:60px;flex:0 0 60px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#e1fbf9,#effcfd);color:#0b5170}
.offer-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.offer-icon-chatgpt img{width:31px;height:31px;object-fit:contain}
.offer-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.offer-title-line h3,.offer-card h3{font-size:21px;line-height:1.15;letter-spacing:-.03em}
.offer-title-line p,.offer-diagnostic-main p{margin-top:7px;color:var(--slate);font-size:12px;line-height:1.45}
.offer-badge,.offer-featured-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#dff9f7;color:#00a9a1;font-size:9px;font-weight:800;letter-spacing:.05em;white-space:nowrap}
.offer-diagnostic-list,.offer-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.offer-diagnostic-list li,.offer-list li{position:relative;padding-left:29px;color:#536d83;font-size:12.5px;line-height:1.42}
.offer-diagnostic-list li::before,.offer-list li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#c9f7f3;color:#077c79;font-size:10px;font-weight:900}
.offer-diagnostic-cta{display:grid;gap:9px;justify-items:stretch;text-align:center}
.offer-diagnostic-cta small{color:#8296a8;font-size:9.5px}
.offer-button{min-height:42px;padding:11px 18px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;background:linear-gradient(90deg,#0b3452,#0c4a6c);color:#fff;font-size:12px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.offer-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,45,74,.15);filter:brightness(1.04)}
.offer-button-aqua{background:linear-gradient(90deg,#08cfc6,#0ca7a7);color:#fff}
.offer-button span{font-size:16px;font-weight:500}

.offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.offer-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:26px;border:1px solid #e1e9ee;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(15,45,74,.055);overflow:hidden}
.offer-card-featured{border-color:var(--aqua);background:linear-gradient(145deg,#fff 0%,#f5fffe 100%);box-shadow:0 18px 46px rgba(0,209,198,.085)}
.offer-featured-badge{position:absolute;right:18px;top:18px;background:#d9fbf8;color:#00a49d;font-size:8.5px}
.offer-card-heading{display:flex;align-items:flex-start;gap:18px;min-height:82px;padding-right:12px}
.offer-card-heading>div{min-width:0;padding-top:4px}
.offer-card-heading p{margin-top:6px;color:#637a8d;font-size:13px;line-height:1.4}
.offer-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:20px 0 15px;padding-bottom:14px;border-bottom:1px solid #e3ebef}
.offer-price>span{flex-basis:100%;font-size:11.5px;color:#61778a;margin-bottom:2px}
.offer-price strong{font:800 35px/1 var(--font-title);letter-spacing:-.05em;color:var(--navy)}
.offer-price b{font:800 17px/1.1 var(--font-title);color:var(--navy)}
.offer-price em{flex-basis:100%;margin-top:4px;font-style:normal;font-size:11px;color:#62798d}
.offer-list{margin-bottom:22px}
.offer-card .offer-button{margin-top:auto}
.offers-trust-line{display:flex;align-items:center;justify-content:center;gap:18px;margin:34px auto 4px;color:#8aa0b2;font-size:8.5px;letter-spacing:.22em;font-weight:800;text-align:center}
.offers-trust-line span{width:52px;height:1px;background:#cddbe2}

/* La stack / les moteurs doivent suivre directement la nouvelle grille d'offres */
.offers-showcase + .accompaniment-tech-grid{margin-top:0!important;padding-top:24px!important;border-top:0!important}

@media(max-width:1080px){
  .offer-diagnostic-card{grid-template-columns:1.2fr 1fr;gap:22px}.offer-diagnostic-cta{grid-column:1/-1;justify-self:end;width:min(100%,310px)}
  .offers-timeline{margin-inline:0}
}

@media(max-width:760px){
  .offers-timeline{grid-template-columns:1fr 1fr;gap:20px 12px;margin-bottom:26px}.offers-timeline::before{display:none}.offers-timeline-step{padding-top:10px;border-top:1px solid #deeaef}.offers-timeline-step span{width:38px;height:38px}
  .offer-diagnostic-card{grid-template-columns:1fr;padding:20px;gap:20px}.offer-diagnostic-main{align-items:flex-start}.offer-diagnostic-cta{grid-column:auto;width:100%;justify-self:stretch}.offer-title-line{align-items:flex-start}
  .offers-grid{grid-template-columns:1fr}.offer-card{min-height:0;padding:22px}.offer-card-heading{min-height:0}.offer-card-heading br{display:none}.offer-featured-badge{position:static;align-self:flex-start;margin:0 0 16px}
  .offers-trust-line{gap:10px;letter-spacing:.14em}.offers-trust-line span{width:26px}
}

@media(max-width:480px){
  .offer-icon{width:52px;height:52px;flex-basis:52px;border-radius:14px}.offer-icon svg{width:28px;height:28px}.offer-icon-chatgpt img{width:28px;height:28px}
  .offer-title-line h3,.offer-card h3{font-size:19px}.offer-price strong{font-size:31px}.offer-price b{font-size:15px}
}

/* V3.27 — ajustements ciblés demandés, sans autre modification */

/* ORGANIQUE VS PAYANT : équation sur une seule ligne */
.visibility-model-bridge{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(210px,.9fr)!important;
  gap:16px!important;
  align-items:center;
  text-align:left;
}
.visibility-model-bridge .ai-ads-bridge-side{justify-content:center;text-align:left}
.visibility-model-bridge .ai-ads-bridge-plus,
.visibility-model-bridge .ai-ads-bridge-equals{grid-column:auto!important;justify-self:center;margin:0!important}
.visibility-model-bridge .ai-ads-bridge-result{
  grid-column:auto!important;
  width:auto!important;
  min-width:210px;
  padding:0!important;
  border:0!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.2;
}

/* Accompagnement : titre plus proche de la section précédente + annotation abaissée */
.accompaniment.section{padding-top:30px!important}
.diagnostic-note{top:37%!important}

/* Timeline : mention facultative + point lumineux en mouvement */
.offers-timeline-step strong small{
  font:600 10px/1.2 var(--font-body);
  color:#7f93a4;
}
.offers-timeline::after{
  content:"";
  position:absolute;
  z-index:2;
  top:16px;
  left:9%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#63f4eb;
  box-shadow:0 0 0 4px rgba(0,209,198,.09),0 0 18px rgba(0,209,198,.8),0 0 34px rgba(0,209,198,.42);
  transform:translateX(-50%);
  animation:offersTimelineGlow 4.8s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes offersTimelineGlow{
  from{left:9%}
  to{left:91%}
}
.offer-title-suffix{
  display:inline;
  color:#00aaa1;
  font-size:.65em;
  font-weight:700;
  letter-spacing:0;
  white-space:nowrap;
}

/* Conqet SEO : mise en avant visuelle mesurée */
.collab-card-seo{
  background:linear-gradient(145deg,rgba(0,209,198,.17),rgba(255,255,255,.10))!important;
  border-color:rgba(110,244,236,.42)!important;
  box-shadow:0 0 0 1px rgba(0,209,198,.10),0 16px 34px rgba(0,0,0,.10),0 0 28px rgba(0,209,198,.08);
}
.collab-card-seo .collab-icon{
  background:rgba(0,209,198,.20);
  border-color:rgba(110,244,236,.42);
}
.collab-card-seo h3{color:#6ef4ec}
.collab-card-seo .collab-price{color:rgba(255,255,255,.84)}

/* Footer : slogan, liens et email sur la même ligne */
.footer-meta{
  grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr)!important;
  gap:34px!important;
  align-items:center!important;
  padding-bottom:12px!important;
}
.footer-links{justify-content:center!important;align-items:center}
.footer-social{justify-self:end!important;justify-content:flex-end!important}
.footer-copyright-standalone{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  margin:0 auto 8px;
  text-align:center;
}

@media(max-width:1080px){
  .visibility-model-bridge{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  }
  .visibility-model-bridge .ai-ads-bridge-equals{grid-column:1/-1!important}
  .visibility-model-bridge .ai-ads-bridge-result{grid-column:1/-1!important;min-width:0}
  .diagnostic-note{top:34%!important}
  .footer-meta{grid-template-columns:1fr!important;text-align:center}
  .footer-motto,.footer-links,.footer-social{justify-self:center!important;justify-content:center!important}
}

@media(max-width:760px){
  .accompaniment.section{padding-top:26px!important}
  .diagnostic-note{top:32%!important}
  .offers-timeline::after{display:none}
  .visibility-model-bridge{grid-template-columns:1fr!important}
  .visibility-model-bridge .ai-ads-bridge-plus,
  .visibility-model-bridge .ai-ads-bridge-equals,
  .visibility-model-bridge .ai-ads-bridge-result{grid-column:auto!important}
  .visibility-model-bridge .ai-ads-bridge-result{min-width:0;width:100%!important}
}

@media(prefers-reduced-motion:reduce){
  .offers-timeline::after{animation:none!important;left:50%}
}

/* V3.28 — ajustements ciblés demandés, sans autre modification */

/* Bandeau nouveauté ChatGPT Ads au-dessus du header */
.announcement-bar{
  min-height:38px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 18px;
  background:linear-gradient(90deg,#08253f 0%,#0b4663 48%,#083651 100%);
  border-bottom:1px solid rgba(110,244,236,.18);
  color:rgba(255,255,255,.9);
  text-decoration:none;
  text-align:center;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:.01em;
}
.announcement-bar:hover{color:#fff}
.announcement-new{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  background:var(--aqua);
  color:var(--navy-deep);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.1em;
}
.announcement-bar strong{color:#6ef4ec;font-weight:800;white-space:nowrap}

/* VISIBILITÉ IA ORGANIQUE : pictogramme fusée fourni + flèches manuscrites */
.paradigm-visual-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.uploaded-rocket-icon{
  display:block;
  width:118px;
  height:118px;
  background:var(--aqua);
  -webkit-mask:url('assets/rocket-icon.png') center/contain no-repeat;
  mask:url('assets/rocket-icon.png') center/contain no-repeat;
  filter:drop-shadow(0 8px 20px rgba(0,209,198,.12));
}
.paradigm-manifesto-conqet{position:relative}
.paradigm-hand-arrows{
  width:min(100%,900px);
  height:56px;
  margin:14px auto -18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:end;
  pointer-events:none;
}
.paradigm-hand-arrows svg{
  width:100%;
  height:56px;
  overflow:visible;
}
.paradigm-hand-arrows path{
  fill:none;
  stroke:#00aaa1;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hand-arrow-left{transform:rotate(-4deg)}
.hand-arrow-center{transform:translateY(2px)}
.hand-arrow-right{transform:rotate(4deg)}

/* COMMENT CONQET : rapproché de la section précédente + sous-titre */
.accompaniment.section{padding-top:16px!important}
.accompaniment-entry-note{
  max-width:620px;
  margin-top:14px;
  color:var(--slate);
  font-size:14.5px;
  line-height:1.6;
}
/* Annotation manuscrite légèrement déplacée vers la gauche */
.diagnostic-note{right:9%!important}

/* Timeline : le point va uniquement de gauche à droite, puis repart */
.offers-timeline::after{
  animation:offersTimelineGlowForward 4.8s linear infinite!important;
}
@keyframes offersTimelineGlowForward{
  0%{left:9%;opacity:0;transform:translateX(-50%) scale(.75)}
  6%{opacity:1;transform:translateX(-50%) scale(1)}
  92%{left:91%;opacity:1;transform:translateX(-50%) scale(1)}
  100%{left:91%;opacity:0;transform:translateX(-50%) scale(.75)}
}

/* Logos outils / moteurs : arrêt du défilement au hover sans déplacement vertical */
.logo-marquee:hover .logo-marquee-track{animation-play-state:paused}
.logo-marquee .brand-chip:hover{
  transform:none!important;
  background:rgba(255,255,255,.12);
  border-color:rgba(110,244,236,.28);
}
.brand-ahrefs .brand-symbol img,
.brand-copilot .brand-symbol img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:7px;
}

/* Pictos fournis dans UNE APPROCHE COMPLÉMENTAIRE */
.collab-icon-upload::before{
  content:"";
  display:block;
  width:30px;
  height:30px;
  background:currentColor;
}
.collab-icon-handshake::before{
  -webkit-mask:url('assets/handshake-icon.png') center/contain no-repeat;
  mask:url('assets/handshake-icon.png') center/contain no-repeat;
}
.collab-icon-rocket::before{
  -webkit-mask:url('assets/rocket-icon.png') center/contain no-repeat;
  mask:url('assets/rocket-icon.png') center/contain no-repeat;
}

/* Offre de lancement Visibilité IA 360° */
.offer-price-launch{position:relative}
.offer-price-old{
  flex-basis:100%;
  margin:0 0 1px;
  color:#8798a8;
  font:700 14px/1.25 var(--font-title);
  text-decoration-thickness:1.5px;
  text-decoration-color:#687d90;
}
.offer-launch-label{
  flex-basis:auto!important;
  display:inline-flex;
  align-items:center;
  margin:8px 0 0!important;
  padding:6px 9px;
  border-radius:999px;
  background:#d9fbf8;
  color:#00a49d!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em;
}
.offer-launch-footnote{
  margin:-6px 0 14px;
  color:#7b8fa1;
  font-size:9.5px;
  line-height:1.4;
  font-style:italic;
}

@media(max-width:1080px){
  .announcement-bar{font-size:11px}
  .diagnostic-note{right:6%!important}
  .uploaded-rocket-icon{width:104px;height:104px}
}

@media(max-width:760px){
  .announcement-bar{
    gap:6px;
    padding:7px 12px;
    font-size:10px;
    flex-wrap:wrap;
  }
  .announcement-bar strong{font-size:10px}
  .paradigm-hand-arrows{display:none}
  .accompaniment.section{padding-top:12px!important}
  .accompaniment-entry-note{font-size:13.5px}
  .diagnostic-note{right:3%!important}
}

@media(prefers-reduced-motion:reduce){
  .offers-timeline::after{animation:none!important}
}

/* V3.29 — corrections ciblées demandées, sans autre modification */

/* Bandeau ChatGPT Ads : reste visible en permanence au-dessus du header */
.announcement-bar{
  position:sticky;
  top:0;
  z-index:121;
  height:38px;
  min-height:38px;
}
.announcement-new{flex:0 0 auto}
.site-header{top:38px}

/* Icônes fournies : images réellement affichées et déjà recolorées dans la charte */
.uploaded-rocket-img{
  display:block;
  width:118px;
  height:118px;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 8px 20px rgba(0,209,198,.12));
}
.collab-icon-upload img{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
}
.collab-icon-upload::before{display:none!important}

/* Flèches manuscrites : pas de séparateur dessous et cartes rapprochées */
.paradigm-manifesto-conqet{
  border-bottom:0!important;
  margin-bottom:6px!important;
  padding-bottom:8px!important;
}
.paradigm-hand-arrows{
  margin:10px auto -30px!important;
}
.paradigm-grid{
  margin-top:0!important;
}

/* Timeline : gauche -> droite avec accélération puis décélération, puis redémarrage */
.offers-timeline::after{
  animation:offersTimelineGlowForward 4.8s cubic-bezier(.42,0,.58,1) infinite!important;
}

/* Marquees : aucun rognage vertical des bulles ; hover = pause uniquement */
.logo-marquee{
  padding-top:4px!important;
  padding-bottom:8px!important;
}
.logo-marquee-track{
  padding-top:1px;
  padding-bottom:1px;
}
.logo-marquee .brand-chip:hover{
  transform:none!important;
}

/* Footer : slogan plus discret */
.footer-motto{
  font-size:14px!important;
}

@media(max-width:1080px){
  .uploaded-rocket-img{width:104px;height:104px}
}

@media(max-width:760px){
  .announcement-bar{
    height:50px;
    min-height:50px;
  }
  .site-header{top:50px}
  .footer-motto{font-size:12px!important}
}

/* V3.30 — ajustements strictement ciblés */

/* Fusée de la statistique 65 % : bleu nuit uniquement ici */
.paradigm-visual-icon .uploaded-rocket-img{
  filter:brightness(0) saturate(100%) invert(16%) sepia(25%) saturate(1637%) hue-rotate(168deg) brightness(86%) contrast(98%)!important;
}

/* Les flèches manuscrites doivent passer visuellement au-dessus des trois cartes */
.paradigm-manifesto-conqet{
  position:relative;
  z-index:4;
}
.paradigm-hand-arrows{
  position:relative;
  z-index:8;
  margin-bottom:-28px;
}
.paradigm-grid{
  position:relative;
  z-index:2;
}
.paradigm-card{
  z-index:1;
}

/* Précision de l'offre 360° */
.offer-360-detail{
  font-size:.62em;
  font-weight:700;
  color:#5b7186;
  white-space:nowrap;
}
.offer-card-featured .offer-360-detail{
  color:#237c83;
}

@media(max-width:760px){
  .offer-360-detail{
    display:block;
    margin-top:3px;
    white-space:normal;
  }
}

/* V3.31 — navigation, offres et page Contact projet */

/* Timeline : 02/03/04 en aqua, 01 en style secondaire */
.offers-timeline-step span{
  background:var(--aqua);
  border-color:var(--aqua);
  color:var(--navy-deep);
  box-shadow:0 0 0 5px rgba(0,209,198,.08),0 9px 22px rgba(0,209,198,.16);
}
.offers-timeline-step.is-active span{
  background:#f7fbfc;
  border-color:#d9e6eb;
  color:var(--navy);
  box-shadow:0 7px 20px rgba(15,45,74,.07);
}

/* Harmonisation des précisions d'offres */
.offer-360-detail{
  display:inline;
  color:#00aaa1!important;
  font-size:.65em!important;
  font-weight:700!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
.offer-card-featured .offer-360-detail{color:#00aaa1!important}

/* Offre 360° : badges de lancement plus visibles */
.offer-featured-badge,
.offer-launch-label{
  background:var(--aqua)!important;
  color:var(--navy-deep)!important;
  border:1px solid rgba(8,30,51,.08);
  box-shadow:0 8px 20px rgba(0,209,198,.18);
  font-weight:900!important;
}
.offer-featured-badge{padding:8px 12px;font-size:9px}
.offer-launch-label{padding:7px 10px!important;font-size:9px!important}

/* Footer : navigation principale vers les sections de la landing */
.footer-links{gap:15px!important}
.footer-links a{white-space:nowrap}

/* ===== Page Contact projet ===== */
.project-contact-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 7% 8%,rgba(0,209,198,.11),transparent 25%),
    linear-gradient(180deg,#f8fbfc 0%,#fff 100%);
}
.project-contact-hero{
  position:relative;
  overflow:hidden;
  padding:92px 0 74px;
}
.project-contact-hero::before{
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  right:-260px;
  top:-280px;
  border-radius:50%;
  border:1px solid rgba(0,209,198,.12);
  pointer-events:none;
}
.project-contact-shell{
  position:relative;
  z-index:1;
  width:min(calc(100% - 64px),1240px);
  margin-inline:auto;
}
.project-contact-heading{
  max-width:940px;
  margin:0 auto 48px;
  text-align:center;
}
.project-contact-heading .section-kicker{margin-bottom:14px}
.project-contact-heading h1{
  font:800 clamp(40px,4.8vw,68px)/1.02 var(--font-title);
  letter-spacing:-.055em;
  color:var(--navy);
  text-wrap:balance;
}
.project-contact-heading>p:last-child{
  max-width:760px;
  margin:20px auto 0;
  color:var(--slate);
  font-size:17px;
  line-height:1.65;
}
.project-contact-layout{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:stretch;
}
.project-contact-aside{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:24px;
  background:linear-gradient(145deg,var(--navy-deep),#0c4b6b);
  color:#fff;
  box-shadow:0 22px 54px rgba(8,30,51,.14);
}
.project-contact-aside::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  left:-130px;
  bottom:-150px;
  border-radius:50%;
  border:1px solid rgba(110,244,236,.14);
}
.project-contact-aside .project-contact-badge{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(0,209,198,.13);
  border:1px solid rgba(110,244,236,.23);
  color:#6ef4ec;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.project-contact-aside h2{
  margin-top:20px;
  color:#fff;
  font-size:30px;
  line-height:1.12;
}
.project-contact-aside>p{
  margin-top:14px;
  color:rgba(255,255,255,.74);
  font-size:14px;
  line-height:1.65;
}
.project-contact-points{
  display:grid;
  gap:12px;
  margin-top:28px;
}
.project-contact-point{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.09);
}
.project-contact-point>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(0,209,198,.12);
  color:#63f4eb;
  font:800 14px/1 var(--font-title);
}
.project-contact-point strong{display:block;color:#fff;font-size:13px}
.project-contact-point small{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.4}
.project-contact-alt{
  position:relative;
  z-index:1;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.7);
  font-size:12px;
  line-height:1.55;
}
.project-contact-alt a{color:#6ef4ec;font-weight:800;text-decoration:none}
.project-contact-alt a:hover{text-decoration:underline}

.project-contact-form{
  align-self:stretch;
  padding:30px;
  border:1px solid #dfe9ee;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,45,74,.075);
}
.project-contact-form h2{font-size:26px;margin-bottom:8px}
.project-contact-form>.form-intro{color:var(--slate);font-size:13px;line-height:1.55;margin-bottom:22px}
.project-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.project-contact-form label{
  display:block;
  color:#405b78;
  font-size:11px;
  font-weight:700;
}
.project-contact-form input,
.project-contact-form select,
.project-contact-form textarea{
  width:100%;
  margin-top:6px;
  border:1px solid #d8e2e9;
  border-radius:10px;
  padding:12px 13px;
  background:#fff;
  color:var(--navy);
  outline:none;
  font:400 13px/1.4 var(--font-body);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.project-contact-form input:focus,
.project-contact-form select:focus,
.project-contact-form textarea:focus{
  border-color:var(--aqua);
  box-shadow:0 0 0 3px rgba(0,209,198,.09);
}
.project-contact-form textarea{min-height:132px;resize:vertical}
.project-form-full{grid-column:1/-1}
.project-contact-form .btn{margin-top:18px;border-radius:10px;padding:15px;font-size:14px}
.project-contact-form .privacy-note{margin-top:10px}

/* Contact page footer uses links back to landing sections */
.contact-page .footer-links{justify-content:center!important}

@media(max-width:980px){
  .project-contact-layout{grid-template-columns:1fr}
  .project-contact-aside{order:2}
  .project-contact-form{order:1}
}
@media(max-width:760px){
  .project-contact-hero{padding:64px 0 54px}
  .project-contact-shell{width:min(calc(100% - 32px),1240px)}
  .project-contact-heading{margin-bottom:30px}
  .project-contact-heading h1{font-size:38px}
  .project-contact-heading>p:last-child{font-size:15px}
  .project-contact-form,.project-contact-aside{padding:22px;border-radius:18px}
  .project-form-grid{grid-template-columns:1fr}
  .project-form-full{grid-column:auto}
}

/* V3.32 — pages légales + confirmation formulaire projet */
.project-contact-form .btn.is-success,
.project-contact-form .btn:disabled.is-success{opacity:1;cursor:default;background:var(--aqua);color:var(--navy-deep);box-shadow:none}
.legal-page{background:#f7fafb;color:var(--text)}
.legal-main{padding:76px 0 90px}
.legal-shell{width:min(calc(100% - 48px),980px);margin-inline:auto}
.legal-back{display:inline-flex;margin-bottom:28px;color:var(--navy);font-weight:700;text-decoration:none}
.legal-back:hover{color:#00aaa1}
.legal-card{padding:44px 48px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(15,45,74,.07)}
.legal-card .section-kicker{margin-bottom:12px}
.legal-card h1{font-size:clamp(36px,4vw,52px);line-height:1.08;color:var(--navy)}
.legal-card .legal-intro{margin-top:18px;color:var(--slate);font-size:16px;line-height:1.7}
.legal-card h2{margin-top:34px;font-size:24px;color:var(--navy)}
.legal-card p,.legal-card li{margin-top:10px;color:var(--slate);font-size:15px;line-height:1.7}
.legal-card ul{padding-left:20px}
.legal-placeholder{margin-top:24px;padding:16px 18px;border-left:3px solid var(--aqua);border-radius:0 12px 12px 0;background:rgba(0,209,198,.06);color:var(--navy)!important;font-weight:700}
@media(max-width:760px){.legal-main{padding:54px 0 70px}.legal-shell{width:min(calc(100% - 30px),980px)}.legal-card{padding:28px 22px;border-radius:18px}}

/* ========================================================================== */
/* V3.33 — LANDINGS DÉDIÉES CHATGPT ADS + DIAGNOSTIC                         */
/* Styles entièrement scopés : aucune modification visuelle de la homepage.    */
/* ========================================================================== */

/* ---------- Base commune des deux nouvelles landing pages ---------- */
.chatgpt-ads-page,
.diagnostic-landing-page{background:#fff}
.chatgpt-ads-page .site-header,
.diagnostic-landing-page .site-header{top:0}
.cgpt-shell,
.diag-shell{width:min(calc(100% - 64px),1180px);margin-inline:auto}
.cgpt-section,
.diag-section{padding:92px 0}
.cgpt-section-heading,
.diag-section-heading{max-width:860px;margin-bottom:38px}
.cgpt-section-heading h2,
.diag-section-heading h2{font-size:clamp(34px,3.1vw,50px);line-height:1.08}
.cgpt-section-heading>p:last-child,
.diag-section-heading>p:last-child{margin-top:16px;color:var(--slate);font-size:17px;line-height:1.65;max-width:780px}
.cgpt-section-heading-light h2,
.diag-section-heading-light h2{color:#fff}
.cgpt-section-heading-light>p:last-child,
.diag-section-heading-light>p:last-child{color:rgba(255,255,255,.72)}

/* ---------- ChatGPT Ads : hero ---------- */
.cgpt-hero{position:relative;overflow:hidden;padding:86px 0 92px;background:
  radial-gradient(circle at 92% 18%,rgba(0,209,198,.22),transparent 24%),
  radial-gradient(circle at 72% 82%,rgba(0,209,198,.12),transparent 22%),
  linear-gradient(135deg,#071f35 0%,#0a3352 54%,#0b4b66 100%)}
.cgpt-hero::before{content:"";position:absolute;left:-170px;bottom:-220px;width:540px;height:540px;border:1px solid rgba(110,244,236,.12);border-radius:50%}
.cgpt-hero::after{content:"";position:absolute;right:-130px;top:-190px;width:410px;height:410px;border:1px solid rgba(110,244,236,.13);border-radius:50%}
.cgpt-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:72px;align-items:center}
.cgpt-hero-copy{max-width:720px}
.cgpt-new-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(110,244,236,.18);border-radius:999px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.055);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:18px}
.cgpt-new-pill span{padding:4px 8px;border-radius:999px;background:var(--aqua);color:var(--navy-deep);font:800 10px/1 var(--font-title);letter-spacing:.09em}
.cgpt-hero .section-kicker{color:#6ef4ec;margin-bottom:14px}
.cgpt-hero h1{font-size:clamp(44px,4.2vw,68px);line-height:1.01;color:#fff;max-width:760px}
.cgpt-hero h1 span{color:#6ef4ec}
.cgpt-hero-lead{margin-top:24px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.65;max-width:680px}
.cgpt-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cgpt-hero .btn-secondary{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
.cgpt-hero .btn-secondary:hover{background:rgba(255,255,255,.13)}
.cgpt-hero-proof{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:24px;color:rgba(255,255,255,.72);font-size:13px;font-weight:700}
.cgpt-hero-proof span::first-letter{color:var(--aqua)}
.cgpt-hero-visual{position:relative;min-height:500px;display:grid;place-items:center}
.cgpt-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(0,209,198,.22),rgba(0,209,198,0) 68%);filter:blur(7px)}
.cgpt-chat-card{position:relative;z-index:2;width:min(100%,460px);transform:rotate(2.2deg);box-shadow:0 38px 90px rgba(0,0,0,.26)}
.cgpt-hero-note{position:absolute;z-index:3;right:-4px;bottom:28px;font-family:"Caveat",cursive;color:#fff;font-size:24px;line-height:1.05;transform:rotate(-4deg);text-align:center}
.cgpt-hero-note strong{display:block;color:#6ef4ec;font-size:29px}

.cgpt-proof-strip{background:#fff;border-bottom:1px solid var(--border)}
.cgpt-proof-strip-inner{min-height:94px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.cgpt-proof-strip-inner span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;color:var(--navy);font-weight:700;font-size:14px;border-right:1px solid var(--border)}
.cgpt-proof-strip-inner span:last-child{border-right:0}
.cgpt-proof-strip-inner b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--aqua-soft);color:#00a9a1;font:800 11px/1 var(--font-title)}

/* ---------- ChatGPT Ads : why ---------- */
.cgpt-why{background:linear-gradient(180deg,#fff,#f7fafc)}
.cgpt-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cgpt-info-card{position:relative;min-height:248px;padding:28px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(15,45,74,.055)}
.cgpt-info-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--aqua-soft);color:#00a9a1;font:800 12px/1 var(--font-title)}
.cgpt-info-card h3{margin-top:24px;font-size:21px}
.cgpt-info-card p{margin-top:10px;color:var(--slate);font-size:15px;line-height:1.62}

/* ---------- ChatGPT Ads : méthode ---------- */
.cgpt-method{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-deep),#0b4563)}
.cgpt-method::after{content:"";position:absolute;right:-180px;bottom:-270px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(110,244,236,.12)}
.cgpt-method-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cgpt-method-step{min-height:260px;padding:26px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.cgpt-method-number{color:#6ef4ec;font:800 13px/1 var(--font-title);letter-spacing:.08em}
.cgpt-method-step h3{margin-top:42px;color:#fff;font-size:18px}
.cgpt-method-step p{margin-top:10px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.58}

/* ---------- ChatGPT Ads : organique vs paid ---------- */
.cgpt-organic-paid{background:#fff}
.cgpt-organic-paid-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center}
.cgpt-organic-copy h2{font-size:clamp(34px,3vw,48px);line-height:1.08}
.cgpt-organic-copy>p:not(.section-kicker){margin-top:16px;color:var(--slate);font-size:16px;line-height:1.65}
.cgpt-text-link{display:inline-flex;margin-top:24px;color:#00a9a1;text-decoration:none;font-weight:800}
.cgpt-equation-card{display:grid;grid-template-columns:1fr auto 1fr auto 1.08fr;gap:13px;align-items:stretch;padding:22px;border-radius:24px;background:linear-gradient(135deg,#08253e,#0b3f5d);box-shadow:0 24px 58px rgba(8,30,51,.15)}
.cgpt-equation-card>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}
.cgpt-equation-card>div>span{font:800 11px/1 var(--font-title);letter-spacing:.11em;color:#6ef4ec}
.cgpt-equation-card>div>strong{margin-top:8px;color:#fff;font:700 15px/1.3 var(--font-title)}
.cgpt-equation-card>div>small{margin-top:7px;color:rgba(255,255,255,.64);font-size:12px;line-height:1.4}
.cgpt-equation-card>b{align-self:center;color:var(--aqua);font:800 25px/1 var(--font-title)}
.cgpt-equation-card .cgpt-equation-result{background:rgba(0,209,198,.14);border-color:rgba(110,244,236,.24)}
.cgpt-equation-card .cgpt-equation-result strong{color:#6ef4ec;font-size:14px;margin-top:0}

/* ---------- ChatGPT Ads : offres ---------- */
.cgpt-offers{background:linear-gradient(180deg,#f7fafc,#fff)}
.cgpt-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.cgpt-price-card{position:relative;display:flex;flex-direction:column;padding:32px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(15,45,74,.07)}
.cgpt-price-card-featured{border-color:rgba(0,209,198,.56);box-shadow:0 24px 64px rgba(0,209,198,.1)}
.cgpt-price-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cgpt-price-label{font:800 11px/1 var(--font-title);letter-spacing:.13em;color:#00a9a1}
.cgpt-price-badge{padding:7px 10px;border-radius:999px;background:var(--aqua);color:var(--navy-deep);font:800 10px/1 var(--font-title);letter-spacing:.06em}
.cgpt-price-card h3{margin-top:20px;font-size:25px;max-width:460px}
.cgpt-price-card ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px;color:var(--slate);font-size:14px}
.cgpt-price-card li{position:relative;padding-left:24px}
.cgpt-price-card li::before{content:"✓";position:absolute;left:0;top:0;color:#00b6ae;font-weight:900}
.cgpt-price{margin-top:auto;padding-top:22px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start}
.cgpt-price>small{color:var(--slate);font-size:12px;font-weight:700}
.cgpt-price>strong{margin-top:4px;color:var(--navy);font:800 34px/1 var(--font-title);letter-spacing:-.045em}
.cgpt-price>strong span{font-size:14px;letter-spacing:0;color:var(--slate)}
.cgpt-price>em{margin-top:8px;font-style:normal;color:var(--slate);font-size:12px}
.cgpt-price-launch del{margin-top:6px;color:#7c8c9b;font-size:14px}
.cgpt-launch-note{margin-top:14px;align-self:flex-start;padding:8px 11px;border-radius:9px;background:var(--aqua);color:var(--navy-deep);font:800 10px/1 var(--font-title);letter-spacing:.05em}
.cgpt-launch-terms{margin:8px 0 18px;color:var(--slate);font-size:11px;line-height:1.4}
.cgpt-price-card .btn{margin-top:20px}
.cgpt-price-card-featured .btn{margin-top:0}

.cgpt-faq{background:#fff}
.cgpt-final-cta{padding:72px 0;background:linear-gradient(135deg,#071f35,#0b4563)}
.cgpt-final-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}
.cgpt-final-cta h2{color:#fff;font-size:clamp(32px,3vw,46px);max-width:800px}
.cgpt-final-cta p:not(.section-kicker){margin-top:12px;color:rgba(255,255,255,.7);max-width:760px}
.cgpt-final-cta .section-kicker{color:#6ef4ec}

/* ---------- Diagnostic : hero ---------- */
.diag-hero{position:relative;overflow:hidden;padding:82px 0 86px;background:
  radial-gradient(circle at 8% 8%,rgba(0,209,198,.09),transparent 24%),
  linear-gradient(180deg,#f8fbfc,#fff)}
.diag-hero::after{content:"";position:absolute;right:-150px;top:-210px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(0,209,198,.11)}
.diag-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:72px;align-items:center}
.diag-hero-copy{max-width:650px}
.diag-free-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--aqua-soft);color:#009f98;font:800 10px/1 var(--font-title);letter-spacing:.08em;margin-bottom:18px}
.diag-hero h1{font-size:clamp(44px,4.3vw,68px);line-height:1.02}
.diag-hero h1 span{color:#00bdb4}
.diag-hero-lead{margin-top:22px;color:var(--slate);font-size:18px;line-height:1.65}
.diag-hero-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:25px;color:var(--navy);font-size:14px;font-weight:700}
.diag-hero-points span{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 20px rgba(15,45,74,.04)}
.diag-no-obligation{margin-top:22px;padding-left:15px;border-left:3px solid var(--aqua);color:var(--slate);font-size:14px;line-height:1.5}
.diag-no-obligation strong{color:var(--navy)}
.diag-lead-form{padding:32px;border-radius:26px;background:#fff;border:1px solid var(--border);box-shadow:0 26px 70px rgba(15,45,74,.13)}
.diag-form-head>span{display:inline-block;padding:7px 10px;border-radius:999px;background:var(--aqua);color:var(--navy-deep);font:800 10px/1 var(--font-title);letter-spacing:.08em}
.diag-form-head h2{margin-top:15px;font-size:28px;line-height:1.15}
.diag-form-head p{margin-top:8px;color:var(--slate);font-size:14px}
.diag-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.diag-form-grid label{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}
.diag-form-grid input{width:100%;height:48px;padding:0 13px;border-radius:10px;border:1px solid #dce5eb;background:#fbfcfd;color:var(--text);outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.diag-form-grid input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(0,209,198,.09)}
.diag-form-full{grid-column:1/-1}
.diag-lead-form .btn{margin-top:18px}
.diag-lead-form .privacy-note{margin-top:12px;color:#718398;font-size:11px;line-height:1.45;text-align:center}
.diag-lead-form .form-status{margin-top:10px;color:#00a49c;font-weight:700;font-size:13px;text-align:center}

.diag-trust-strip{background:var(--navy-deep)}
.diag-trust-strip-inner{min-height:88px;display:grid;grid-template-columns:repeat(4,1fr)}
.diag-trust-strip-inner span{display:flex;align-items:baseline;justify-content:center;gap:7px;color:rgba(255,255,255,.72);font-size:13px;border-right:1px solid rgba(255,255,255,.12)}
.diag-trust-strip-inner span:last-child{border-right:0}
.diag-trust-strip-inner strong{color:#6ef4ec;font:800 24px/1 var(--font-title)}

/* ---------- Diagnostic : valeur ---------- */
.diag-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.diag-value-card{min-height:230px;padding:25px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,45,74,.045)}
.diag-value-card>span{color:#00aaa2;font:800 11px/1 var(--font-title);letter-spacing:.08em}
.diag-value-card h3{margin-top:34px;font-size:19px}
.diag-value-card p{margin-top:10px;color:var(--slate);font-size:14px;line-height:1.58}

/* ---------- Diagnostic : process ---------- */
.diag-process{background:linear-gradient(135deg,var(--navy-deep),#0b4563)}
.diag-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.diag-process-step{min-height:230px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(255,255,255,.06)}
.diag-process-step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(0,209,198,.13);border:1px solid rgba(110,244,236,.2);color:#6ef4ec;font:800 11px/1 var(--font-title)}
.diag-process-step h3{margin-top:32px;color:#fff;font-size:19px}
.diag-process-step p{margin-top:10px;color:rgba(255,255,255,.67);font-size:14px;line-height:1.58}

/* ---------- Diagnostic : aperçu rapport ---------- */
.diag-report-section{background:linear-gradient(180deg,#f7fafc,#fff)}
.diag-report-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:76px;align-items:center}
.diag-report-copy h2{font-size:clamp(34px,3.1vw,49px);line-height:1.08}
.diag-report-copy>p:not(.section-kicker){margin-top:16px;color:var(--slate);font-size:16px;line-height:1.65}
.diag-report-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px;color:var(--navy);font-weight:700;font-size:14px}
.diag-report-list li{position:relative;padding-left:26px}
.diag-report-list li::before{content:"✓";position:absolute;left:0;color:#00b3ab}
.diag-report-preview{position:relative;min-height:560px}
.diag-report-page{position:absolute;top:50%;width:310px;border-radius:13px;border:1px solid rgba(15,45,74,.09);box-shadow:0 24px 58px rgba(15,45,74,.16)}
.diag-report-page-one{left:9%;transform:translateY(-50%) rotate(-5deg);z-index:1}
.diag-report-page-two{right:8%;transform:translateY(-47%) rotate(5deg);z-index:2}
.diag-report-note{position:absolute;right:2%;bottom:15px;z-index:3;color:#00a79f;font-family:"Caveat",cursive;font-size:23px;line-height:1.05;text-align:center;transform:rotate(-3deg)}

/* ---------- Diagnostic : frontière gratuit/audit ---------- */
.diag-boundary{padding-top:56px}
.diag-boundary-card{padding:38px;border-radius:26px;background:linear-gradient(135deg,#f8fbfc,#fff);border:1px solid var(--border);box-shadow:0 16px 44px rgba(15,45,74,.06)}
.diag-boundary-card>div:first-child{max-width:780px}
.diag-boundary-card h2{font-size:clamp(31px,2.6vw,42px)}
.diag-boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.diag-boundary-grid>div{padding:22px;border-radius:17px;background:#fff;border:1px solid var(--border)}
.diag-boundary-grid strong{color:var(--navy);font:700 17px/1.25 var(--font-title)}
.diag-boundary-grid p{margin-top:8px;color:var(--slate);font-size:14px;line-height:1.55}
.diag-boundary-grid span{display:inline-block;margin-top:14px;color:#00a9a1;font-weight:800;font-size:12px}

.diag-faq{background:#fff}
.diag-final-cta{padding:72px 0;background:linear-gradient(135deg,var(--navy-deep),#0b4563)}
.diag-final-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center}
.diag-final-cta h2{color:#fff;font-size:clamp(32px,3vw,46px);max-width:780px}
.diag-final-cta p:not(.section-kicker){margin-top:12px;color:rgba(255,255,255,.68)}
.diag-final-cta .section-kicker{color:#6ef4ec}

/* ---------- Responsive : nouvelles pages ---------- */
@media(max-width:1100px){
  .cgpt-hero-grid{grid-template-columns:1fr 420px;gap:42px}
  .cgpt-organic-paid-grid{grid-template-columns:1fr;gap:38px}
  .cgpt-equation-card{max-width:760px}
  .diag-hero-grid{grid-template-columns:1fr 430px;gap:38px}
  .diag-report-layout{grid-template-columns:1fr 500px;gap:42px}
  .diag-value-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .cgpt-shell,.diag-shell{width:min(calc(100% - 40px),1180px)}
  .cgpt-hero,.diag-hero{padding:64px 0 70px}
  .cgpt-hero-grid,.diag-hero-grid{grid-template-columns:1fr;gap:46px}
  .cgpt-hero-copy,.diag-hero-copy{max-width:none}
  .cgpt-hero-visual{min-height:440px}
  .cgpt-chat-card{width:min(92%,470px)}
  .cgpt-proof-strip-inner{grid-template-columns:1fr 1fr}
  .cgpt-proof-strip-inner span:nth-child(2){border-right:0}
  .cgpt-proof-strip-inner span:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .cgpt-why-grid,.cgpt-method-grid{grid-template-columns:1fr 1fr}
  .cgpt-offer-grid{grid-template-columns:1fr}
  .cgpt-price-card{max-width:720px;width:100%;margin-inline:auto}
  .diag-trust-strip-inner{grid-template-columns:1fr 1fr}
  .diag-trust-strip-inner span:nth-child(2){border-right:0}
  .diag-trust-strip-inner span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .diag-process-grid{grid-template-columns:1fr}
  .diag-report-layout{grid-template-columns:1fr;gap:36px}
  .diag-report-preview{min-height:530px;max-width:650px;width:100%;margin-inline:auto}
  .cgpt-final-cta-inner,.diag-final-cta-inner{grid-template-columns:1fr;gap:28px}
  .cgpt-final-cta-inner .btn,.diag-final-cta-inner .btn{justify-self:start}
}

@media(max-width:650px){
  .cgpt-shell,.diag-shell{width:min(calc(100% - 28px),1180px)}
  .cgpt-section,.diag-section{padding:68px 0}
  .cgpt-hero h1,.diag-hero h1{font-size:38px}
  .cgpt-hero-lead,.diag-hero-lead{font-size:16px}
  .cgpt-hero-actions{display:grid}
  .cgpt-hero-actions .btn{width:100%}
  .cgpt-hero-visual{min-height:390px}
  .cgpt-hero-note{right:8px;bottom:8px;font-size:21px}
  .cgpt-proof-strip-inner,.diag-trust-strip-inner{grid-template-columns:1fr}
  .cgpt-proof-strip-inner span,.diag-trust-strip-inner span{border-right:0;border-bottom:1px solid var(--border)}
  .diag-trust-strip-inner span{border-bottom-color:rgba(255,255,255,.12)}
  .cgpt-proof-strip-inner span:last-child,.diag-trust-strip-inner span:last-child{border-bottom:0}
  .cgpt-why-grid,.cgpt-method-grid,.diag-value-grid{grid-template-columns:1fr}
  .cgpt-equation-card{grid-template-columns:1fr;gap:9px;text-align:center}
  .cgpt-equation-card>b{transform:rotate(90deg);margin:1px auto}
  .cgpt-equation-card>div{align-items:center}
  .cgpt-price-card{padding:24px}
  .cgpt-price-card h3{font-size:22px}
  .diag-form-grid{grid-template-columns:1fr}
  .diag-form-full{grid-column:auto}
  .diag-lead-form{padding:24px 18px}
  .diag-hero-points{grid-template-columns:1fr}
  .diag-report-preview{min-height:430px}
  .diag-report-page{width:230px}
  .diag-report-page-one{left:2%}
  .diag-report-page-two{right:2%}
  .diag-report-note{font-size:19px;bottom:0}
  .diag-boundary-card{padding:26px 20px}
  .diag-boundary-grid{grid-template-columns:1fr}
  .cgpt-final-cta,.diag-final-cta{padding:60px 0}
}

/* ========================================================================== */
/* V3.34 — ChatGPT Ads : reconstruction complète d'après la maquette fournie */
/* Scope strict .cgpt2-page : aucune autre page n'est modifiée.               */
/* ========================================================================== */
.cgpt2-page{background:#fff;color:var(--text)}
.cgpt2-page .site-header{top:38px}
.cgpt2-shell{width:min(calc(100% - 54px),1240px);margin-inline:auto}
.cgpt2-section{padding:62px 0}
.cgpt2-title{margin-bottom:26px}
.cgpt2-title>span{display:block;width:34px;height:3px;border-radius:999px;background:var(--aqua);margin-bottom:13px}
.cgpt2-title h2{font-size:clamp(30px,2.7vw,44px);line-height:1.08}
.cgpt2-title p{margin-top:8px;color:var(--slate);font-size:15px;line-height:1.52}
.cgpt2-title-light h2{color:#fff}.cgpt2-title-light p{color:rgba(255,255,255,.68)}

.cgpt2-hero{position:relative;overflow:hidden;isolation:isolate;padding:52px 0 56px;background-color:#062a43;background-image:linear-gradient(90deg,rgba(6,42,67,.99) 0%,rgba(6,42,67,.96) 30%,rgba(6,42,67,.78) 44%,rgba(6,42,67,.22) 60%,rgba(6,42,67,0) 72%),url("assets/chatgpt-ads-hero-bg-v2.webp");background-repeat:no-repeat,no-repeat;background-size:100% 100%,auto 94%;background-position:left center,right center}
.cgpt2-hero::before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:0}
.cgpt2-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,760px);gap:0;align-items:center}
.cgpt2-hero .section-kicker{color:#63f4eb;margin-bottom:12px}
.cgpt2-hero h1{font-size:clamp(42px,3.35vw,58px);line-height:1.02;color:#fff;max-width:690px}
.cgpt2-hero h1 span{color:#63f4eb}
.cgpt2-hero-subtitle{margin-top:8px;color:#fff;font:700 clamp(22px,1.7vw,28px)/1.16 var(--font-title);letter-spacing:-.028em;max-width:680px}
.cgpt2-hero-lead{margin-top:16px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.55;max-width:650px}
.cgpt2-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:#fff;font-size:13px;font-weight:700}
.cgpt2-checks span::first-letter{color:var(--aqua)}
.cgpt2-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.cgpt2-btn-ghost{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.04);color:#fff;box-shadow:none}.cgpt2-btn-ghost:hover{background:rgba(255,255,255,.09)}
.cgpt2-mini-proof{margin-top:18px;color:rgba(255,255,255,.72);font-size:12px;font-weight:600;max-width:660px}
.cgpt2-hero-visual{position:relative;min-height:525px}
.cgpt2-ui-shell{position:absolute;inset:25px 50px 25px 22px;display:grid;grid-template-columns:34% 66%;border:1px solid rgba(145,236,237,.28);border-radius:23px;background:linear-gradient(135deg,rgba(5,38,61,.95),rgba(14,70,91,.82));box-shadow:0 34px 80px rgba(0,0,0,.22);transform:rotate(-2.3deg);overflow:visible}
.cgpt2-ui-sidebar{padding:24px 16px;border-right:1px solid rgba(255,255,255,.08)}
.cgpt2-ui-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px}.cgpt2-ui-brand img{filter:brightness(0) invert(1)}
.cgpt2-ui-sidebar>span{display:block;height:8px;margin-top:16px;border-radius:10px;background:rgba(255,255,255,.10)}.cgpt2-ui-sidebar>span:nth-of-type(2){width:75%}.cgpt2-ui-sidebar>span:nth-of-type(3){width:84%}.cgpt2-ui-sidebar>span:nth-of-type(4){width:60%}
.cgpt2-ui-main{position:relative;padding:48px 18px 20px}
.cgpt2-user-bubble{position:absolute;right:-42px;top:24px;width:240px;padding:12px 14px;border-radius:15px;background:#fff;color:var(--navy);box-shadow:0 16px 36px rgba(0,0,0,.18);font-size:12px;font-weight:700;line-height:1.38}
.cgpt2-sponsored-card{position:absolute;right:-58px;top:112px;width:300px;padding:16px;border-radius:17px;background:#fff;color:var(--navy);box-shadow:0 22px 44px rgba(0,0,0,.22);border:1px solid rgba(0,209,198,.35);transform:rotate(1.3deg)}
.cgpt2-sponsored-label{font-size:10px;color:#526d84;margin-bottom:9px}.cgpt2-sponsored-brand{display:flex;align-items:center;gap:8px}.cgpt2-sponsored-brand span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:var(--navy);color:var(--aqua);font:800 12px var(--font-title)}.cgpt2-sponsored-brand strong{font-size:13px}
.cgpt2-sponsored-card h3{margin-top:10px;font-size:15px;line-height:1.18}.cgpt2-sponsored-card p{margin-top:6px;color:#58728b;font-size:10px;line-height:1.45}.cgpt2-sponsored-card a{display:inline-flex;margin-top:11px;padding:8px 11px;border:1px solid #a5b9c7;border-radius:8px;text-decoration:none;font-size:10px;font-weight:800;color:#2977bb}
.cgpt2-response-card{position:absolute;right:-34px;top:330px;width:260px;height:98px;border-radius:15px;background:rgba(255,255,255,.78);padding:14px;color:#698096}.cgpt2-response-card b{font-size:10px}.cgpt2-response-card i{display:block;height:7px;border-radius:8px;background:#cbd6de;margin-top:12px}.cgpt2-response-card i:last-child{width:65%}
.cgpt2-hand-note{position:absolute;z-index:5;font:600 23px/1.05 "Caveat",cursive;color:#6ef4ec;text-align:center}.cgpt2-hand-note-top{right:-12px;top:18px;transform:rotate(-6deg)}.cgpt2-hand-note-top svg{display:block;width:74px;height:62px;margin:2px 0 0 20px}.cgpt2-hand-note-top path{fill:none;stroke:#6ef4ec;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cgpt2-hand-note-bottom{right:-6px;bottom:20px;transform:rotate(-3deg);font-size:20px}.cgpt2-hand-note-bottom strong{font-size:26px}.cgpt2-chatgpt-mark{position:absolute;right:-16px;bottom:105px;width:72px;opacity:.3;filter:brightness(0) saturate(100%) invert(82%) sepia(57%) saturate(1558%) hue-rotate(119deg) brightness(97%) contrast(102%)}

.cgpt2-why{background:#fff;padding-top:48px;padding-bottom:58px}
.cgpt2-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cgpt2-white-card{min-height:200px;padding:24px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 9px 26px rgba(15,45,74,.045)}
.cgpt2-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--aqua-soft);color:#00aaa2;font-size:21px}.cgpt2-icon-bars{font-weight:800}
.cgpt2-white-card h3{margin-top:16px;font-size:18px}.cgpt2-white-card p{margin-top:10px;color:var(--slate);font-size:14px;line-height:1.55}

.cgpt2-benefits{background:linear-gradient(135deg,#08314e,#0a4966)}
.cgpt2-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cgpt2-dark-card{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055)}
.cgpt2-round-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(0,209,198,.12);color:#29e3da;font-size:23px}
.cgpt2-dark-card h3{color:#fff;font-size:17px}.cgpt2-dark-card p{margin-top:5px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.48}

.cgpt2-process{background:#fff;padding-bottom:54px}
.cgpt2-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px}
.cgpt2-steps::before{content:"";position:absolute;top:21px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,rgba(0,209,198,.22),rgba(0,209,198,.85),rgba(0,209,198,.22))}
.cgpt2-steps article{position:relative;padding:0 22px;text-align:center}.cgpt2-step-num{position:relative;z-index:2;width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:var(--aqua-soft);color:#00a9a1;font:800 11px var(--font-title);border:1px solid rgba(0,209,198,.16)}
.cgpt2-step-icon{font-size:28px;color:var(--navy)}.cgpt2-steps h3{margin-top:8px;font-size:17px}.cgpt2-steps p{margin-top:7px;color:var(--slate);font-size:13px;line-height:1.45}

.cgpt2-objections{background:linear-gradient(180deg,#fff,#f8fbfc);padding-top:46px}
.cgpt2-objection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cgpt2-objection-card{min-height:205px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,45,74,.035)}
.cgpt2-objection-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--aqua-soft);color:#00aaa2;font-weight:800}.cgpt2-objection-card h3{margin-top:12px;font-size:14px;line-height:1.3}.cgpt2-objection-card p{margin-top:10px;color:var(--slate);font-size:12px;line-height:1.45}

.cgpt2-offer{position:relative;overflow:hidden;isolation:isolate;padding:48px 0 50px;background-color:#062b45;background-image:linear-gradient(90deg,rgba(6,43,69,.99) 0%,rgba(6,43,69,.96) 29%,rgba(6,43,69,.78) 43%,rgba(6,43,69,.22) 60%,rgba(6,43,69,0) 72%),url("assets/chatgpt-ads-offer-bg-v2.webp");background-repeat:no-repeat,no-repeat;background-size:100% 100%,auto 96%;background-position:left center,right center;color:#fff}
.cgpt2-offer::before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:0}
.cgpt2-offer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,780px);gap:0;align-items:center}
.cgpt2-offer-badge{display:inline-flex;padding:7px 12px;border:1px solid rgba(110,244,236,.5);border-radius:999px;color:#6ef4ec;font:800 10px/1 var(--font-title);letter-spacing:.12em}
.cgpt2-offer h2{margin-top:14px;color:#fff;font-size:clamp(34px,2.8vw,48px);line-height:1.05;max-width:650px}.cgpt2-offer h2 strong{color:#5ff4ec}.cgpt2-offer-copy>p{margin-top:12px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.5;max-width:680px}
.cgpt2-offer-content{display:grid;grid-template-columns:250px 1fr;gap:22px;margin-top:22px;align-items:start;max-width:690px}.cgpt2-price-box{padding:18px;border:1px solid rgba(110,244,236,.25);border-radius:14px;background:rgba(3,26,45,.32)}.cgpt2-price-box small,.cgpt2-price-box em,.cgpt2-price-box i{display:block}.cgpt2-price-box small{font-size:11px;color:rgba(255,255,255,.72)}.cgpt2-price-box strong{display:block;margin-top:5px;color:#6ef4ec;font:800 38px/1 var(--font-title);letter-spacing:-.04em}.cgpt2-price-box strong span{font-size:15px;color:#fff}.cgpt2-price-box em{margin-top:10px;font-style:normal;color:#fff;font-size:12px}.cgpt2-price-box em b{color:#6ef4ec}.cgpt2-price-box i{margin-top:8px;font-style:normal;color:rgba(255,255,255,.55);font-size:10px}
.cgpt2-offer-content ul{list-style:none;margin:0;padding:3px 0;display:grid;gap:8px;color:#fff;font-size:13px}.cgpt2-offer-content li{position:relative;padding-left:25px}.cgpt2-offer-content li::before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--aqua);color:var(--navy-deep);font-size:10px;font-weight:800}
.cgpt2-offer .btn{margin-top:19px}.cgpt2-offer-term{margin-top:12px!important;font-size:10px!important;color:rgba(255,255,255,.62)!important}
.cgpt2-mountain-art{position:relative;min-height:330px}.cgpt2-mountain-art svg{position:absolute;inset:auto 0 0;width:100%;height:auto}.cgpt2-mountain-note{position:absolute;right:10%;top:92px;color:#61f6ef;font:800 17px/1.15 var(--font-title);letter-spacing:.08em;text-align:center}.cgpt2-early-card{position:absolute;right:2%;bottom:40px;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:12px;border:1px solid rgba(110,244,236,.55);background:rgba(4,36,58,.72);box-shadow:0 12px 30px rgba(0,0,0,.12)}.cgpt2-early-card>b{font-size:28px;color:#fff}.cgpt2-early-card strong{display:block;color:#fff;font-size:12px}.cgpt2-early-card small{display:block;margin-top:2px;color:rgba(255,255,255,.68);font-size:10px}

.cgpt2-hero-copy,.cgpt2-offer-copy{position:relative;z-index:2}
.cgpt2-hero-copy{max-width:690px}
.cgpt2-offer-copy{max-width:700px}

.cgpt2-more{padding:46px 0 58px;background:#fff}
.cgpt2-more .cgpt2-title{margin-bottom:20px}.cgpt2-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cgpt2-more-card{position:relative;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(15,45,74,.04)}.cgpt2-more-featured{border-color:rgba(0,209,198,.68);background:linear-gradient(145deg,#fff,#f3fffe)}.cgpt2-reco{position:absolute;right:18px;top:-10px;padding:5px 9px;border-radius:7px;background:#00bdb4;color:#fff;font:800 9px/1 var(--font-title);letter-spacing:.08em}.cgpt2-more-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--aqua-soft);color:#00aaa2;font-size:22px}.cgpt2-more-card h3{margin-top:12px;font-size:17px}.cgpt2-more-card p{margin-top:8px;color:var(--slate);font-size:13px;line-height:1.5}.cgpt2-more-card>strong{display:block;margin-top:12px;color:var(--navy);font-size:12px}.cgpt2-outline-link{display:inline-flex;margin-top:14px;padding:9px 13px;border:1px solid var(--navy);border-radius:8px;text-decoration:none;color:var(--navy);font-size:11px;font-weight:800}

.cgpt2-page .cgpt2-footer{padding-top:24px}
.cgpt2-page .site-footer .footer-meta{display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:26px;align-items:center}.cgpt2-page .site-footer .footer-motto{color:rgba(255,255,255,.72);font-size:11px}.cgpt2-page .site-footer .footer-social{justify-content:flex-end}.cgpt2-page .site-footer .footer-social a{width:auto;height:auto;background:none;border-radius:0;color:rgba(255,255,255,.72);font-weight:600}

@media(max-width:1100px){
  .cgpt2-hero-grid{grid-template-columns:minmax(0,680px)}.cgpt2-hero h1{font-size:50px}.cgpt2-offer-grid{grid-template-columns:minmax(0,680px)}.cgpt2-offer-content{grid-template-columns:220px 1fr}
}
@media(max-width:900px){
  .cgpt2-page .site-header{top:50px}.cgpt2-shell{width:min(calc(100% - 38px),1240px)}.cgpt2-hero{padding:50px 0 54px;background-size:100% 100%,auto 88%;background-position:left center,78% center}.cgpt2-hero-grid{grid-template-columns:1fr;gap:0}.cgpt2-three-grid,.cgpt2-benefit-grid{grid-template-columns:1fr}.cgpt2-steps{grid-template-columns:1fr 1fr;gap:28px 0}.cgpt2-steps::before{display:none}.cgpt2-objection-grid{grid-template-columns:1fr 1fr}.cgpt2-offer{background-size:100% 100%,auto 90%;background-position:left center,80% center}.cgpt2-offer-grid{grid-template-columns:1fr}.cgpt2-more-grid{grid-template-columns:1fr}.cgpt2-page .site-footer .footer-meta{grid-template-columns:1fr;text-align:center}.cgpt2-page .site-footer .footer-social{justify-content:center}
}
@media(max-width:620px){
  .cgpt2-page .site-header{top:50px}.cgpt2-shell{width:min(calc(100% - 26px),1240px)}.cgpt2-section{padding:54px 0}.cgpt2-hero{padding:48px 0 52px;background-size:100% 100%,auto 78%;background-position:left center,74% center}.cgpt2-hero h1{font-size:38px}.cgpt2-hero-subtitle{font-size:23px}.cgpt2-hero-lead{font-size:15px}.cgpt2-hero-actions{display:grid}.cgpt2-hero-actions .btn{width:100%}.cgpt2-three-grid,.cgpt2-objection-grid{grid-template-columns:1fr}.cgpt2-steps{grid-template-columns:1fr}.cgpt2-steps article{padding:0}.cgpt2-offer{padding:48px 0;background-size:100% 100%,auto 80%;background-position:left center,78% center}.cgpt2-offer-content{grid-template-columns:1fr}
}

/* ========================================================================== */
/* V3.36 — ChatGPT Ads : sections hero/offre plus compactes + visuels réduits */
/* Les images restent entièrement visibles à droite, sans effet de zoom/crop.  */
/* ========================================================================== */
@media (min-width:901px){
  .cgpt2-hero{
    padding:38px 0 42px;
    background-size:100% 100%,auto 72%;
    background-position:left center,calc(100% - 18px) center;
  }
  .cgpt2-hero-grid{grid-template-columns:minmax(0,650px)}
  .cgpt2-hero-copy{max-width:650px}
  .cgpt2-hero h1{font-size:clamp(38px,3.25vw,54px);line-height:1.02;max-width:650px}
  .cgpt2-hero-subtitle{font-size:clamp(20px,1.7vw,26px);max-width:640px}
  .cgpt2-hero-lead{margin-top:14px;font-size:15px;line-height:1.5;max-width:620px}
  .cgpt2-checks{margin-top:17px;gap:9px 18px;font-size:12px}
  .cgpt2-hero-actions{margin-top:20px}
  .cgpt2-mini-proof{margin-top:14px;font-size:11px;max-width:620px}

  .cgpt2-offer{
    padding:34px 0 36px;
    background-size:100% 100%,auto 74%;
    background-position:left center,calc(100% - 18px) center;
  }
  .cgpt2-offer-grid{grid-template-columns:minmax(0,650px)}
  .cgpt2-offer-copy{max-width:650px}
  .cgpt2-offer h2{font-size:clamp(32px,2.8vw,44px);line-height:1.05;max-width:620px}
  .cgpt2-offer-copy>p{margin-top:9px;font-size:14px;line-height:1.45;max-width:620px}
  .cgpt2-offer-content{grid-template-columns:220px 1fr;gap:18px;margin-top:17px;max-width:610px}
  .cgpt2-price-box{padding:15px}
  .cgpt2-price-box strong{font-size:34px}
  .cgpt2-offer-content ul{gap:7px;font-size:12px}
  .cgpt2-offer .btn{margin-top:15px}
  .cgpt2-offer-term{margin-top:9px!important}
}

@media (max-width:900px){
  .cgpt2-hero{
    padding:44px 0 46px;
    background-size:100% 100%,auto 58%;
    background-position:left center,112% center;
  }
  .cgpt2-hero-copy{max-width:620px}
  .cgpt2-offer{
    padding:42px 0 44px;
    background-size:100% 100%,auto 60%;
    background-position:left center,112% center;
  }
  .cgpt2-offer-copy{max-width:620px}
}

@media (max-width:620px){
  .cgpt2-hero{
    padding:40px 0 42px;
    background-size:100% 100%,auto 42%;
    background-position:left center,132% 78%;
  }
  .cgpt2-hero h1{font-size:35px}
  .cgpt2-hero-subtitle{font-size:21px}
  .cgpt2-hero-lead{font-size:14px}
  .cgpt2-offer{
    padding:38px 0 40px;
    background-size:100% 100%,auto 44%;
    background-position:left center,132% 76%;
  }
  .cgpt2-offer h2{font-size:34px}
}

/* ========================================================================== */
/* V3.37 — ChatGPT Ads : rendu final calé sur la maquette de référence        */
/* Images seules en fond, pleine largeur, sections moins hautes.              */
/* ========================================================================== */
@media (min-width:901px){
  .cgpt2-hero{
    min-height:clamp(500px,49.5vw,680px);
    padding:30px 0 32px;
    background-color:transparent;
    background-image:url("assets/chatgpt-ads-hero-bg-v2.webp");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center;
  }
  .cgpt2-hero::before{display:none}
  .cgpt2-hero-grid{grid-template-columns:minmax(0,620px);min-height:100%;align-items:center}
  .cgpt2-hero-copy{max-width:620px}
  .cgpt2-hero h1{font-size:clamp(38px,3vw,50px);line-height:1.02;max-width:610px}
  .cgpt2-hero-subtitle{font-size:clamp(20px,1.55vw,25px);line-height:1.15;max-width:600px}
  .cgpt2-hero-lead{margin-top:13px;font-size:14px;line-height:1.48;max-width:590px}
  .cgpt2-checks{margin-top:16px;gap:8px 17px;font-size:12px}
  .cgpt2-hero-actions{margin-top:18px;gap:10px}
  .cgpt2-hero-actions .btn{min-height:45px;padding:12px 18px;font-size:13px}
  .cgpt2-mini-proof{margin-top:12px;font-size:10px;max-width:590px}

  .cgpt2-offer{
    min-height:clamp(430px,44vw,600px);
    padding:26px 0 28px;
    background-color:transparent;
    background-image:url("assets/chatgpt-ads-offer-bg-v2.webp");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center;
  }
  .cgpt2-offer::before{display:none}
  .cgpt2-offer-grid{grid-template-columns:minmax(0,610px);min-height:100%;align-items:center}
  .cgpt2-offer-copy{max-width:610px}
  .cgpt2-offer-badge{padding:6px 10px;font-size:9px}
  .cgpt2-offer h2{margin-top:11px;font-size:clamp(30px,2.45vw,40px);line-height:1.04;max-width:590px}
  .cgpt2-offer-copy>p{margin-top:8px;font-size:13px;line-height:1.42;max-width:590px}
  .cgpt2-offer-content{grid-template-columns:205px 1fr;gap:16px;margin-top:14px;max-width:580px}
  .cgpt2-price-box{padding:13px 14px}
  .cgpt2-price-box strong{font-size:31px}
  .cgpt2-price-box em{margin-top:7px;font-size:11px}
  .cgpt2-price-box i{margin-top:6px;font-size:9px}
  .cgpt2-offer-content ul{gap:6px;font-size:11px}
  .cgpt2-offer-content li{padding-left:21px}
  .cgpt2-offer-content li::before{width:15px;height:15px;font-size:9px}
  .cgpt2-offer .btn{margin-top:13px;min-height:44px;padding:11px 18px;font-size:13px}
  .cgpt2-offer-term{margin-top:7px!important;font-size:9px!important}
}

@media (max-width:900px){
  .cgpt2-hero,
  .cgpt2-offer{
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
  }
  .cgpt2-hero{background-image:url("assets/chatgpt-ads-hero-bg-v2.webp");padding:40px 0 44px}
  .cgpt2-offer{background-image:url("assets/chatgpt-ads-offer-bg-v2.webp");padding:38px 0 42px}
  .cgpt2-hero::before,.cgpt2-offer::before{display:none}
}


/* ========================================================================== */
/* V3.38 — ChatGPT Ads : proportions finales d'après la maquette de référence */
/* Les deux visuels sont les seuls backgrounds des sections.                   */
/* Aucun ancien visuel HTML n'intervient dans la hauteur des sections.         */
/* ========================================================================== */

/* Sécurité : si une ancienne version du HTML subsiste en cache, on neutralise
   les anciens blocs d'images qui ne doivent plus être présents. */
.cgpt2-page .cgpt2-hero-visual,
.cgpt2-page .cgpt2-mountain-art,
.cgpt2-page .cgpt2-hero-reference-image,
.cgpt2-page .cgpt2-offer-reference-image{
  display:none !important;
}

@media (min-width:901px){
  .cgpt2-page .cgpt2-hero{
    min-height:0 !important;
    height:auto !important;
    padding:34px 0 36px !important;
    background-color:transparent !important;
    background-image:url("assets/chatgpt-ads-hero-bg-v2.webp") !important;
    background-repeat:no-repeat !important;
    background-size:100% auto !important;
    background-position:center 42% !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-hero::after{
    display:none !important;
  }
  .cgpt2-page .cgpt2-hero-grid{
    min-height:0 !important;
    grid-template-columns:minmax(0,610px) !important;
    gap:0 !important;
    align-items:center !important;
  }
  .cgpt2-page .cgpt2-hero-copy{
    max-width:610px !important;
  }
  .cgpt2-page .cgpt2-hero h1{
    max-width:600px !important;
    font-size:clamp(38px,3vw,49px) !important;
    line-height:1.02 !important;
  }
  .cgpt2-page .cgpt2-hero-subtitle{
    max-width:590px !important;
    margin-top:7px !important;
    font-size:clamp(20px,1.5vw,24px) !important;
    line-height:1.14 !important;
  }
  .cgpt2-page .cgpt2-hero-lead{
    max-width:580px !important;
    margin-top:13px !important;
    font-size:14px !important;
    line-height:1.48 !important;
  }
  .cgpt2-page .cgpt2-checks{
    margin-top:16px !important;
    gap:8px 17px !important;
    font-size:12px !important;
  }
  .cgpt2-page .cgpt2-hero-actions{
    margin-top:18px !important;
    gap:10px !important;
  }
  .cgpt2-page .cgpt2-hero-actions .btn{
    min-height:44px !important;
    padding:11px 18px !important;
    font-size:13px !important;
  }
  .cgpt2-page .cgpt2-mini-proof{
    max-width:580px !important;
    margin-top:12px !important;
    font-size:10px !important;
  }

  .cgpt2-page .cgpt2-offer{
    min-height:0 !important;
    height:auto !important;
    padding:30px 0 32px !important;
    background-color:transparent !important;
    background-image:url("assets/chatgpt-ads-offer-bg-v2.webp") !important;
    background-repeat:no-repeat !important;
    background-size:100% auto !important;
    background-position:center 49% !important;
  }
  .cgpt2-page .cgpt2-offer::before,
  .cgpt2-page .cgpt2-offer::after{
    display:none !important;
  }
  .cgpt2-page .cgpt2-offer-grid{
    min-height:0 !important;
    grid-template-columns:minmax(0,600px) !important;
    gap:0 !important;
    align-items:center !important;
  }
  .cgpt2-page .cgpt2-offer-copy{
    max-width:600px !important;
  }
  .cgpt2-page .cgpt2-offer-badge{
    padding:6px 10px !important;
    font-size:9px !important;
  }
  .cgpt2-page .cgpt2-offer h2{
    max-width:570px !important;
    margin-top:10px !important;
    font-size:clamp(30px,2.35vw,39px) !important;
    line-height:1.04 !important;
  }
  .cgpt2-page .cgpt2-offer-copy>p{
    max-width:570px !important;
    margin-top:8px !important;
    font-size:13px !important;
    line-height:1.42 !important;
  }
  .cgpt2-page .cgpt2-offer-content{
    max-width:560px !important;
    grid-template-columns:200px 1fr !important;
    gap:15px !important;
    margin-top:13px !important;
  }
  .cgpt2-page .cgpt2-price-box{
    padding:12px 13px !important;
  }
  .cgpt2-page .cgpt2-price-box strong{
    font-size:30px !important;
  }
  .cgpt2-page .cgpt2-price-box em{
    margin-top:7px !important;
    font-size:11px !important;
  }
  .cgpt2-page .cgpt2-price-box i{
    margin-top:6px !important;
    font-size:9px !important;
  }
  .cgpt2-page .cgpt2-offer-content ul{
    gap:6px !important;
    font-size:11px !important;
  }
  .cgpt2-page .cgpt2-offer-content li{
    padding-left:21px !important;
  }
  .cgpt2-page .cgpt2-offer-content li::before{
    width:15px !important;
    height:15px !important;
    font-size:9px !important;
  }
  .cgpt2-page .cgpt2-offer .btn{
    min-height:43px !important;
    margin-top:12px !important;
    padding:10px 17px !important;
    font-size:13px !important;
  }
  .cgpt2-page .cgpt2-offer-term{
    margin-top:7px !important;
    font-size:9px !important;
  }
}

/* Tablette : on garde le visuel entier en largeur sans l'étirer. */
@media (min-width:621px) and (max-width:900px){
  .cgpt2-page .cgpt2-hero{
    min-height:0 !important;
    padding:38px 0 40px !important;
    background-color:transparent !important;
    background-image:url("assets/chatgpt-ads-hero-bg-v2.webp") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:72% center !important;
  }
  .cgpt2-page .cgpt2-offer{
    min-height:0 !important;
    padding:36px 0 38px !important;
    background-color:transparent !important;
    background-image:url("assets/chatgpt-ads-offer-bg-v2.webp") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:72% center !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{
    display:none !important;
  }
}

/* Mobile : même images, cadrées sur la zone utile, sans image HTML en plus. */
@media (max-width:620px){
  .cgpt2-page .cgpt2-hero{
    min-height:0 !important;
    padding:36px 0 38px !important;
    background-color:transparent !important;
    background-image:url("assets/chatgpt-ads-hero-bg-v2.webp") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:68% center !important;
  }
  .cgpt2-page .cgpt2-offer{
    min-height:0 !important;
    padding:34px 0 36px !important;
    background-color:transparent !important;
    background-image:url("assets/chatgpt-ads-offer-bg-v2.webp") !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:72% center !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{
    display:none !important;
  }
}

/* ========================================================================== */
/* V3.39 — Composition finale des 2 backgrounds                               */
/* Couche nette proportionnelle + même image en fond pour couvrir la largeur. */
/* ========================================================================== */
@media (min-width:901px){
  .cgpt2-page .cgpt2-hero,
  .cgpt2-page .cgpt2-offer{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:none !important;
  }

  /* Le fond utilise uniquement l'image de la section et couvre toute la largeur. */
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{
    display:block !important;
    content:"";
    position:absolute;
    inset:-12px;
    z-index:0;
    pointer-events:none;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    filter:blur(10px);
    transform:scale(1.02);
  }

  /* La couche nette garde les proportions originales du visuel. */
  .cgpt2-page .cgpt2-hero::after,
  .cgpt2-page .cgpt2-offer::after{
    display:block !important;
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background-repeat:no-repeat;
    background-position:right 46%;
    background-size:auto 120%;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 7%,#000 18%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 7%,#000 18%,#000 100%);
  }

  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-hero::after{
    background-image:url("assets/chatgpt-ads-hero-bg-v2.webp");
  }

  .cgpt2-page .cgpt2-offer::before,
  .cgpt2-page .cgpt2-offer::after{
    background-image:url("assets/chatgpt-ads-offer-bg-v2.webp");
  }

  .cgpt2-page .cgpt2-hero-grid,
  .cgpt2-page .cgpt2-offer-grid{
    position:relative;
    z-index:2 !important;
  }
}


/* ========================================================================== */
/* V3.40 — Ajustements fins demandés : hauteurs, fondu gauche, cohérence typo */
/* ========================================================================== */
@media (min-width:901px){
  .cgpt2-page .cgpt2-hero{
    padding:42px 0 46px !important;
  }
  .cgpt2-page .cgpt2-hero-grid{
    grid-template-columns:minmax(0,690px) !important;
  }
  .cgpt2-page .cgpt2-hero-copy{
    max-width:690px !important;
  }
  .cgpt2-page .cgpt2-hero h1{
    max-width:670px !important;
    font-size:clamp(44px,4.15vw,64px) !important;
    line-height:1.01 !important;
  }
  .cgpt2-page .cgpt2-hero-subtitle{
    max-width:670px !important;
    margin-top:8px !important;
    font-size:clamp(23px,1.95vw,31px) !important;
    line-height:1.12 !important;
  }
  .cgpt2-page .cgpt2-hero-lead{
    max-width:640px !important;
    margin-top:18px !important;
    font-size:16px !important;
    line-height:1.58 !important;
  }
  .cgpt2-page .cgpt2-checks{
    margin-top:22px !important;
    gap:10px 22px !important;
    font-size:13px !important;
  }
  .cgpt2-page .cgpt2-hero-actions{
    margin-top:24px !important;
    gap:12px !important;
  }
  .cgpt2-page .cgpt2-hero-actions .btn{
    min-height:48px !important;
    padding:13px 21px !important;
    font-size:14px !important;
  }
  .cgpt2-page .cgpt2-mini-proof{
    max-width:640px !important;
    margin-top:16px !important;
    font-size:12px !important;
  }
  .cgpt2-page .cgpt2-hero::before{
    inset:-16px !important;
    filter:blur(12px) !important;
    transform:scale(1.035) !important;
    background-position:center center !important;
    background-size:cover !important;
  }
  .cgpt2-page .cgpt2-hero::after{
    background-position:calc(100% - 95px) 47% !important;
    background-size:auto 108% !important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.18) 17%,rgba(0,0,0,.5) 26%,#000 36%,#000 100%) !important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.18) 17%,rgba(0,0,0,.5) 26%,#000 36%,#000 100%) !important;
  }

  .cgpt2-page .cgpt2-offer{
    padding:40px 0 44px !important;
  }
  .cgpt2-page .cgpt2-offer-grid{
    grid-template-columns:minmax(0,700px) !important;
  }
  .cgpt2-page .cgpt2-offer-copy{
    max-width:700px !important;
  }
  .cgpt2-page .cgpt2-offer-badge{
    padding:7px 12px !important;
    font-size:10px !important;
  }
  .cgpt2-page .cgpt2-offer h2{
    max-width:670px !important;
    margin-top:14px !important;
    font-size:clamp(42px,3.6vw,58px) !important;
    line-height:1.04 !important;
  }
  .cgpt2-page .cgpt2-offer-copy>p{
    max-width:650px !important;
    margin-top:12px !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }
  .cgpt2-page .cgpt2-offer-content{
    max-width:650px !important;
    grid-template-columns:235px 1fr !important;
    gap:20px !important;
    margin-top:19px !important;
  }
  .cgpt2-page .cgpt2-price-box{
    padding:16px 17px !important;
  }
  .cgpt2-page .cgpt2-price-box strong{
    font-size:37px !important;
  }
  .cgpt2-page .cgpt2-price-box em{
    margin-top:9px !important;
    font-size:12px !important;
  }
  .cgpt2-page .cgpt2-price-box i{
    margin-top:8px !important;
    font-size:10px !important;
  }
  .cgpt2-page .cgpt2-offer-content ul{
    gap:8px !important;
    font-size:13px !important;
  }
  .cgpt2-page .cgpt2-offer-content li{
    padding-left:24px !important;
  }
  .cgpt2-page .cgpt2-offer-content li::before{
    width:17px !important;
    height:17px !important;
    font-size:10px !important;
  }
  .cgpt2-page .cgpt2-offer .btn{
    min-height:48px !important;
    margin-top:18px !important;
    padding:13px 21px !important;
    font-size:14px !important;
  }
  .cgpt2-page .cgpt2-offer-term{
    margin-top:11px !important;
    font-size:10px !important;
  }
  .cgpt2-page .cgpt2-offer::before{
    inset:-16px !important;
    filter:blur(12px) !important;
    transform:scale(1.035) !important;
    background-position:center center !important;
    background-size:cover !important;
  }
  .cgpt2-page .cgpt2-offer::after{
    background-position:calc(100% - 100px) 49% !important;
    background-size:auto 108% !important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.18) 17%,rgba(0,0,0,.5) 26%,#000 36%,#000 100%) !important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.04) 10%,rgba(0,0,0,.18) 17%,rgba(0,0,0,.5) 26%,#000 36%,#000 100%) !important;
  }
}


/* ========================================================================== */
/* V3.41 — Backgrounds uniques, alignés à droite, sans duplication            */
/* ========================================================================== */
.cgpt2-page .cgpt2-hero,
.cgpt2-page .cgpt2-offer{
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right center !important;
}

.cgpt2-page .cgpt2-hero{
  background-image:url("assets/chatgpt-ads-hero-bg-v2.webp") !important;
}

.cgpt2-page .cgpt2-offer{
  background-image:url("assets/chatgpt-ads-offer-bg-v2.webp") !important;
}

/* Supprime les doubles couches qui donnaient l'impression que l'image
   recommençait à droite et pouvaient faire passer le visuel sous le texte. */
.cgpt2-page .cgpt2-hero::before,
.cgpt2-page .cgpt2-hero::after,
.cgpt2-page .cgpt2-offer::before,
.cgpt2-page .cgpt2-offer::after{
  display:none !important;
  content:none !important;
  background-image:none !important;
}

/* Le contenu texte reste au-dessus du background, sans aucune modification
   de taille de typographie. */
.cgpt2-page .cgpt2-hero-grid,
.cgpt2-page .cgpt2-offer-grid{
  position:relative !important;
  z-index:1 !important;
}

/* Desktop : l'image reste calée sur le bord droit afin de garder la
   conversation et la montagne à distance du bloc de texte gauche. */
@media (min-width:901px){
  .cgpt2-page .cgpt2-hero{
    background-position:right center !important;
  }
  .cgpt2-page .cgpt2-offer{
    background-position:right center !important;
  }
}


/* ========================================================================== */
/* V3.42 — ChatGPT Ads uniquement : contenus / cohérence index / FAQ / frise */
/* ========================================================================== */

/* Hero : mêmes dimensions typographiques et CTA que le hero de la page index. */
.cgpt2-page .cgpt2-hero h1{
  font-size:clamp(44px,3.25vw,60px) !important;
  line-height:1.06 !important;
  font-weight:700 !important;
}
.cgpt2-page .cgpt2-hero-lead{
  margin-top:22px !important;
  max-width:700px !important;
  font-size:18px !important;
  line-height:1.55 !important;
}
.cgpt2-page .cgpt2-hero-actions{
  margin-top:30px !important;
  gap:14px !important;
}
.cgpt2-page .cgpt2-hero-actions .btn{
  min-height:0 !important;
  padding:18px 28px !important;
  font-size:17px !important;
  line-height:1.15 !important;
}
/* Les 4 preuves occupent désormais la position de l'ancienne ligne de preuve. */
.cgpt2-page .cgpt2-hero-actions + .cgpt2-checks{
  margin-top:22px !important;
  gap:10px 20px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

/* Les kickers des sections reprennent exactement le composant de l'index. */
.cgpt2-page .cgpt2-title .section-kicker{
  margin-bottom:14px;
}
.cgpt2-page .cgpt2-title .section-kicker.light{
  color:#6EF4EC;
}

/* Frise "Ce que Conqet fait pour vous" : même ligne et même particule que
   la timeline de la page index, avec accélération puis décélération. */
.cgpt2-page .cgpt2-steps::before{
  top:20px;
  left:9%;
  right:9%;
  height:2px;
  background:linear-gradient(90deg,rgba(0,209,198,.46),#dceaf0 28%,#dceaf0 72%,rgba(0,209,198,.34));
}
.cgpt2-page .cgpt2-steps::after{
  content:"";
  position:absolute;
  z-index:3;
  top:16px;
  left:9%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#63f4eb;
  box-shadow:0 0 0 4px rgba(0,209,198,.09),0 0 18px rgba(0,209,198,.8),0 0 34px rgba(0,209,198,.42);
  transform:translateX(-50%);
  animation:offersTimelineGlowForward 4.8s cubic-bezier(.42,0,.58,1) infinite;
  pointer-events:none;
}

/* La FAQ reprend volontairement les classes de la FAQ de l'index. */
.cgpt2-page .faq-section{
  background:#fff;
}

@media(max-width:900px){
  .cgpt2-page .cgpt2-steps::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .cgpt2-page .cgpt2-steps::after{animation:none!important}
}

/* Responsive du hero calé sur les mêmes paliers que la page index. */
@media(max-width:1360px){
  .cgpt2-page .cgpt2-hero h1{font-size:48px !important}
  .cgpt2-page .cgpt2-hero-lead{font-size:16px !important}
}
@media(max-width:1080px){
  .cgpt2-page .cgpt2-hero h1{font-size:clamp(42px,6vw,56px) !important}
}
@media(max-width:760px){
  .cgpt2-page .cgpt2-hero h1{font-size:39px !important;line-height:1.07 !important}
  .cgpt2-page .cgpt2-hero-lead{font-size:16px !important}
  .cgpt2-page .cgpt2-hero-actions{display:grid !important;grid-template-columns:1fr !important}
  .cgpt2-page .cgpt2-hero-actions .btn{width:100% !important}
  .cgpt2-page .cgpt2-hero-actions + .cgpt2-checks{font-size:12px !important}
}
@media(max-width:480px){
  .cgpt2-page .cgpt2-hero h1{font-size:34px !important}
  .cgpt2-page .cgpt2-hero-actions .btn{font-size:15px !important;padding:15px 18px !important}
}

/* ========================================================================== */
/* V3.43 — ChatGPT Ads uniquement : contenu, comparatif, cartes et stats       */
/* ========================================================================== */

/* Décalage du visuel du hero vers la droite, sans toucher aux proportions. */
@media (min-width:901px){
  .cgpt2-page .cgpt2-hero{
    background-position:calc(100% + 70px) center !important;
    background-color:#062a43 !important;
  }
}

/* Bande de statistiques identique à celle de l'index. */
.cgpt2-page .cgpt2-stats-band{
  scroll-margin-top:108px;
}
.cgpt2-page .cgpt2-stats-band .stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1180px;
}

/* Les kickers reprennent strictement le style de "QUESTIONS FRÉQUENTES". */
.cgpt2-page .cgpt2-title .section-kicker{
  margin-top:0 !important;
  margin-bottom:14px !important;
  color:#0AAEA6 !important;
  font-size:11px !important;
  line-height:1.3 !important;
  letter-spacing:.18em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.cgpt2-page .cgpt2-title .section-kicker.light{
  color:#6EF4EC !important;
}

/* 6 cartes retournables — "Pourquoi ChatGPT Ads ?" */
.cgpt2-page .cgpt2-reasons-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.cgpt2-page .cgpt2-reason-card{
  min-height:252px;
  perspective:1200px;
}
.cgpt2-page .cgpt2-reason-card > summary{
  display:block;
  height:100%;
  list-style:none;
  cursor:pointer;
  outline:none;
}
.cgpt2-page .cgpt2-reason-card > summary::-webkit-details-marker{display:none}
.cgpt2-page .cgpt2-reason-inner{
  position:relative;
  display:block;
  min-height:252px;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .58s cubic-bezier(.2,.72,.22,1);
}
.cgpt2-page .cgpt2-reason-card[open] .cgpt2-reason-inner{
  transform:rotateY(180deg);
}
.cgpt2-page .cgpt2-reason-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 28px 26px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbfc);
  box-shadow:0 14px 34px rgba(15,45,74,.055);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
}
.cgpt2-page .cgpt2-reason-face::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-62px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:rgba(0,209,198,.07);
}
.cgpt2-page .cgpt2-reason-back{
  transform:rotateY(180deg);
  justify-content:flex-start;
  background:linear-gradient(145deg,#072a44,#0c4764);
  border-color:rgba(110,244,236,.22);
  color:#fff;
}
.cgpt2-page .cgpt2-reason-num{
  position:absolute;
  top:22px;
  right:24px;
  z-index:2;
  color:var(--aqua);
  font:800 13px/1 var(--font-title);
  letter-spacing:.08em;
}
.cgpt2-page .cgpt2-reason-front strong,
.cgpt2-page .cgpt2-reason-back strong{
  position:relative;
  z-index:1;
  max-width:82%;
  font:700 23px/1.2 var(--font-title);
  letter-spacing:-.03em;
}
.cgpt2-page .cgpt2-reason-front small{
  position:relative;
  z-index:1;
  margin-top:18px;
  color:#71869a;
  font-size:11px;
  font-weight:700;
}
.cgpt2-page .cgpt2-reason-back > span:last-child{
  position:relative;
  z-index:1;
  margin-top:18px;
  color:rgba(255,255,255,.76);
  font-size:14px;
  line-height:1.58;
}
.cgpt2-page .cgpt2-reason-card:hover .cgpt2-reason-front{
  border-color:#cfe6e7;
  box-shadow:0 20px 46px rgba(15,45,74,.10);
}

/* Comparatif Google Ads / Meta Ads / ChatGPT Ads. */
.cgpt2-page .cgpt2-benefits .cgpt2-title p:not(.section-kicker){
  max-width:900px;
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.55;
}
.cgpt2-page .cgpt2-media-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.cgpt2-page .cgpt2-media-card{
  position:relative;
  min-height:390px;
  padding:28px 26px 26px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.065);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.cgpt2-page .cgpt2-media-card-featured{
  border-color:rgba(110,244,236,.55);
  background:linear-gradient(145deg,rgba(0,209,198,.15),rgba(255,255,255,.07));
  box-shadow:0 18px 42px rgba(0,209,198,.08),inset 0 1px 0 rgba(255,255,255,.05);
}
.cgpt2-page .cgpt2-media-badge{
  position:absolute;
  right:20px;
  top:18px;
  padding:6px 9px;
  border-radius:999px;
  background:var(--aqua);
  color:var(--navy-deep);
  font:800 9px/1 var(--font-title);
  letter-spacing:.09em;
}
.cgpt2-page .cgpt2-media-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.cgpt2-page .cgpt2-network-logo{
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#fff;
  font:800 28px/1 var(--font-title);
}
.cgpt2-page .cgpt2-google-logo{
  background:linear-gradient(145deg,#fff,#f4f8fb);
  color:#4285F4;
}
.cgpt2-page .cgpt2-meta-logo{
  color:#0c83ff;
  font-family:Arial,sans-serif;
  font-size:37px;
  font-weight:700;
}
.cgpt2-page .cgpt2-chatgpt-logo{
  background:rgba(255,255,255,.96);
}
.cgpt2-page .cgpt2-chatgpt-logo img{
  width:30px;
  height:30px;
  object-fit:contain;
}
.cgpt2-page .cgpt2-media-head small{
  display:block;
  margin-bottom:4px;
  color:#6EF4EC;
  font:800 9px/1 var(--font-title);
  letter-spacing:.12em;
}
.cgpt2-page .cgpt2-media-head h3{
  color:#fff;
  font-size:22px;
}
.cgpt2-page .cgpt2-media-card ul{
  list-style:none;
  padding:0;
  margin:23px 0 0;
  display:grid;
  gap:17px;
}
.cgpt2-page .cgpt2-media-card li{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:10px;
  align-items:start;
}
.cgpt2-page .cgpt2-media-card li > span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,209,198,.14);
  color:#6EF4EC;
  font-size:11px;
  font-weight:900;
}
.cgpt2-page .cgpt2-media-card li strong{
  display:block;
  color:#fff;
  font-size:13px;
}
.cgpt2-page .cgpt2-media-card li small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.63);
  font-size:12px;
  line-height:1.48;
}

/* Frise : numéros calés sur le style de la timeline de l'index. */
.cgpt2-page .cgpt2-step-num{
  width:42px !important;
  height:42px !important;
  background:var(--aqua) !important;
  border-color:var(--aqua) !important;
  color:var(--navy-deep) !important;
  box-shadow:0 0 0 5px rgba(0,209,198,.08),0 9px 22px rgba(0,209,198,.16) !important;
  font:800 11px/1 var(--font-title) !important;
}
.cgpt2-page .cgpt2-steps article:first-child .cgpt2-step-num{
  background:#f7fbfc !important;
  border-color:#d9e6eb !important;
  color:var(--navy) !important;
  box-shadow:0 7px 20px rgba(15,45,74,.07) !important;
}

/* Offre : titre aligné sur les autres H2 de la page et prix principal clarifié. */
.cgpt2-page .cgpt2-offer h2{
  font-size:clamp(30px,2.7vw,44px) !important;
  line-height:1.08 !important;
}
.cgpt2-page .cgpt2-price-box strong{
  font-size:38px !important;
  line-height:1.03 !important;
}
.cgpt2-page .cgpt2-price-box strong > span{
  font-size:15px !important;
}
.cgpt2-page .cgpt2-price-box em{
  font-size:12px !important;
}

/* "Votre visibilité IA à 360°" garde exactement le style de kicker de l'index. */
.cgpt2-page .visibility-model-head .section-kicker{
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
  color:#0AAEA6;
  text-transform:uppercase;
}

@media(max-width:1100px){
  .cgpt2-page .cgpt2-reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgpt2-page .cgpt2-media-grid{grid-template-columns:1fr}
  .cgpt2-page .cgpt2-media-card{min-height:0}
}
@media(max-width:900px){
  .cgpt2-page .cgpt2-stats-band .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .cgpt2-page .cgpt2-reasons-grid{grid-template-columns:1fr}
  .cgpt2-page .cgpt2-reason-card,
  .cgpt2-page .cgpt2-reason-inner{min-height:235px}
  .cgpt2-page .cgpt2-reason-front strong,
  .cgpt2-page .cgpt2-reason-back strong{font-size:20px}
  .cgpt2-page .cgpt2-reason-back > span:last-child{font-size:13px}
  .cgpt2-page .cgpt2-stats-band .stats-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .cgpt2-page .cgpt2-reason-inner{transition:none}
}


/* ========================================================================== */
/* V3.44 — ChatGPT Ads uniquement : ajustements ciblés demandés               */
/* ========================================================================== */

/* Hero : fond sombre continu ; le visuel démarre à l'aplomb du texte et se
   fond naturellement à gauche. L'image conserve son ratio (cover = aucun étirement). */
.cgpt2-page .cgpt2-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#062a43 !important;
  background-image:none !important;
}
.cgpt2-page .cgpt2-hero::after{
  display:none !important;
  content:none !important;
}
.cgpt2-page .cgpt2-hero::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:max(27px,calc((100% - 1240px)/2)) !important;
  pointer-events:none !important;
  background-image:url("assets/chatgpt-ads-hero-bg-v2.webp") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right center !important;
  filter:none !important;
  transform:none !important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.28) 10%,rgba(0,0,0,.68) 17%,#000 25%,#000 100%) !important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.28) 10%,rgba(0,0,0,.68) 17%,#000 25%,#000 100%) !important;
}
.cgpt2-page .cgpt2-hero-grid{
  position:relative !important;
  z-index:1 !important;
}
@media(min-width:901px){
  .cgpt2-page .cgpt2-hero{
    padding-top:56px !important;
    padding-bottom:62px !important;
  }
}
@media(min-width:621px) and (max-width:900px){
  .cgpt2-page .cgpt2-hero::before{
    left:19px !important;
    background-position:72% center !important;
  }
}
@media(max-width:620px){
  .cgpt2-page .cgpt2-hero::before{
    left:13px !important;
    background-position:70% center !important;
  }
}

/* Stat 6x : histogramme. */
.cgpt2-page .stat-icon-bars svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
}
.cgpt2-page .stat-icon-bars svg rect{
  fill:currentColor;
  stroke:none;
}

/* Cartes timing : face avant en bleu nuit, comme la face retournée. */
.cgpt2-page .cgpt2-reason-front{
  background:linear-gradient(145deg,#072a44,#0c4764) !important;
  border-color:rgba(110,244,236,.22) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(5,31,52,.16) !important;
}
.cgpt2-page .cgpt2-reason-front strong{
  color:#fff !important;
}
.cgpt2-page .cgpt2-reason-front small{
  color:#6EF4EC !important;
}
.cgpt2-page .cgpt2-reason-card:hover .cgpt2-reason-front{
  transform:translateY(-3px);
  border-color:rgba(110,244,236,.42) !important;
  background:linear-gradient(145deg,#082f4c,#0d506d) !important;
  box-shadow:0 20px 46px rgba(5,31,52,.22) !important;
}
.cgpt2-page .cgpt2-reason-back::before{
  content:"↩";
  position:absolute;
  right:23px;
  bottom:19px;
  z-index:3;
  color:#6EF4EC;
  font:800 20px/1 var(--font-title);
  opacity:.9;
}

/* Comparatif paid media : fond global légèrement plus sombre. */
.cgpt2-page .cgpt2-benefits{
  background:linear-gradient(135deg,#04192d 0%,#062740 44%,#0a4966 100%) !important;
}

/* Vrai pictogramme Google Ads. */
.cgpt2-page .cgpt2-google-logo{
  background:#fff !important;
  color:inherit !important;
}
.cgpt2-page .cgpt2-google-logo img{
  width:31px;
  height:31px;
  object-fit:contain;
  display:block;
}

/* Même micro-animation que les cartes de collaboration SEO de l'index. */
.cgpt2-page .cgpt2-media-card{
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.cgpt2-page .cgpt2-media-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
}
.cgpt2-page .cgpt2-media-card-featured:hover{
  background:linear-gradient(145deg,rgba(0,209,198,.19),rgba(255,255,255,.10));
  border-color:rgba(110,244,236,.70);
  box-shadow:0 22px 50px rgba(0,209,198,.12),inset 0 1px 0 rgba(255,255,255,.06);
}

/* Frise : 01 identique aux autres + histogramme pour le pilotage. */
.cgpt2-page .cgpt2-steps article:first-child .cgpt2-step-num{
  background:var(--aqua) !important;
  border-color:var(--aqua) !important;
  color:var(--navy-deep) !important;
  box-shadow:0 0 0 5px rgba(0,209,198,.08),0 9px 22px rgba(0,209,198,.16) !important;
}
.cgpt2-page .cgpt2-step-icon-bars svg{
  width:30px;
  height:30px;
  fill:currentColor;
  display:block;
  margin:auto;
}

@media(prefers-reduced-motion:reduce){
  .cgpt2-page .cgpt2-media-card,
  .cgpt2-page .cgpt2-reason-front{transition:none!important;transform:none!important}
}


/* ========================================================================== */
/* V3.45 — Ajustements ciblés ChatGPT Ads + blocs GEO/Ads                      */
/* ========================================================================== */

/* Hero : visuel légèrement plus à droite, fondu plus sombre, hauteur accrue. */
.cgpt2-page .cgpt2-hero{
  background:#031a2c !important;
}
.cgpt2-page .cgpt2-hero::before{
  left:clamp(84px,calc((100% - 1240px)/2 + 92px),390px) !important;
  background-position:right center !important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.035) 7%,rgba(0,0,0,.16) 14%,rgba(0,0,0,.46) 23%,#000 34%,#000 100%) !important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.035) 7%,rgba(0,0,0,.16) 14%,rgba(0,0,0,.46) 23%,#000 34%,#000 100%) !important;
}
@media(min-width:901px){
  .cgpt2-page .cgpt2-hero{
    padding-top:64px !important;
    padding-bottom:70px !important;
  }
}

/* Timing : en-tête centré et indication de clic plus lisible. */
.cgpt2-page .cgpt2-why .cgpt2-title{
  text-align:center;
}
.cgpt2-page .cgpt2-why .cgpt2-title .section-kicker,
.cgpt2-page .cgpt2-why .cgpt2-title>span{
  margin-left:auto;
  margin-right:auto;
}
.cgpt2-page .cgpt2-why .cgpt2-title p:not(.section-kicker){
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.cgpt2-page .cgpt2-reason-front small{
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
}

/* Petit bloc sous la frise : pourquoi déléguer le pilotage. */
.cgpt2-page .cgpt2-agency-why{
  margin-top:42px;
  padding:27px 28px;
  border:1px solid #dce8ed;
  border-radius:18px;
  background:linear-gradient(145deg,#fbfefe,#f5fbfc);
  box-shadow:0 14px 34px rgba(15,45,74,.055);
}
.cgpt2-page .cgpt2-agency-why-copy{
  max-width:930px;
}
.cgpt2-page .cgpt2-agency-why-copy .section-kicker{
  margin-bottom:9px;
}
.cgpt2-page .cgpt2-agency-why-copy h3{
  max-width:920px;
  font-size:clamp(20px,1.75vw,27px);
  line-height:1.2;
}
.cgpt2-page .cgpt2-agency-why-copy>p:last-child{
  margin-top:10px;
  color:var(--slate);
  font-size:14px;
  line-height:1.55;
}
.cgpt2-page .cgpt2-agency-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:20px;
}
.cgpt2-page .cgpt2-agency-points article{
  padding:17px 18px;
  border:1px solid rgba(0,174,166,.15);
  border-radius:13px;
  background:#fff;
}
.cgpt2-page .cgpt2-agency-points strong{
  display:block;
  color:var(--navy);
  font-size:14px;
}
.cgpt2-page .cgpt2-agency-points span{
  display:block;
  margin-top:6px;
  color:var(--slate);
  font-size:12px;
  line-height:1.48;
}

/* Offre : zoom léger et cadrage haut/droite sans déformer le visuel. */
@media(min-width:901px){
  .cgpt2-page .cgpt2-offer{
    background-size:108% auto !important;
    background-position:100% 60% !important;
  }
}

/* Visibilité IA 360 : texte introductif long, infographie simplifiée et 2 offres. */
.cgpt2-page .cgpt2-visibility-intro{
  max-width:980px;
  margin-top:14px;
  color:var(--slate);
}
.cgpt2-page .cgpt2-visibility-intro p{
  margin-top:9px;
  font-size:15px;
  line-height:1.62;
}
.cgpt2-page .cgpt2-visibility-intro p:first-child{margin-top:0}
.cgpt2-page .cgpt2-visibility-intro strong{color:var(--navy);font-weight:800}

.cgpt2-page .cgpt2-visibility-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(210px,.72fr);
  align-items:stretch;
  gap:12px;
  margin-top:28px;
}
.cgpt2-page .cgpt2-flow-item,
.cgpt2-page .cgpt2-flow-result{
  min-height:136px;
  padding:20px;
  border:1px solid #dce8ed;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,45,74,.045);
}
.cgpt2-page .cgpt2-flow-label{
  display:inline-flex;
  color:#00a9a1;
  font:800 10px/1 var(--font-title);
  letter-spacing:.13em;
}
.cgpt2-page .cgpt2-flow-item strong{
  display:block;
  margin-top:13px;
  color:var(--navy);
  font:700 18px/1.2 var(--font-title);
}
.cgpt2-page .cgpt2-flow-item small{
  display:block;
  margin-top:7px;
  color:var(--slate);
  font-size:12px;
  line-height:1.45;
}
.cgpt2-page .cgpt2-flow-symbol{
  display:grid;
  place-items:center;
  color:var(--aqua);
  font:800 28px/1 var(--font-title);
}
.cgpt2-page .cgpt2-flow-result{
  display:grid;
  place-items:center;
  text-align:center;
  color:#fff;
  border-color:#0AAEA6;
  background:linear-gradient(145deg,#06324d,#0a5b6f);
  font:800 16px/1.35 var(--font-title);
  letter-spacing:.025em;
}
.cgpt2-page .cgpt2-cross-offers{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:28px;
}
.cgpt2-page .cgpt2-cross-offers .offer-card{
  height:100%;
}

@media(max-width:900px){
  .cgpt2-page .cgpt2-agency-points{grid-template-columns:1fr}
  .cgpt2-page .cgpt2-visibility-flow{grid-template-columns:1fr}
  .cgpt2-page .cgpt2-flow-symbol{min-height:30px}
  .cgpt2-page .cgpt2-cross-offers{grid-template-columns:1fr}
}
@media(max-width:620px){
  .cgpt2-page .cgpt2-hero::before{
    left:24px !important;
  }
  .cgpt2-page .cgpt2-agency-why{padding:22px 18px}
}


/* ========================================================================== */
/* V3.44 — Diagnostic CTA, visibilité 360° et alignements ciblés              */
/* ========================================================================== */

/* Bandeau ChatGPT Ads : dernière mention compacte. */
.cgpt2-page .announcement-bar .announcement-free{
  font-weight:800;
  color:var(--navy-deep);
}

/* Le visuel du rapport remplace les formulaires finaux sur Index + ChatGPT Ads. */
.contact .contact-diagnostic-preview{
  min-height:430px;
  width:100%;
  margin-left:0;
  transform:none;
}
.contact .contact-diagnostic-preview .diagnostic-page{
  width:min(48%,245px);
}
.contact .contact-diagnostic-preview .diagnostic-page-one{left:7%;top:32px}
.contact .contact-diagnostic-preview .diagnostic-page-two{left:37%;right:auto;top:8px}
.contact .contact-diagnostic-preview .diagnostic-note{right:1%;top:20%}
.contact .contact-diagnostic-preview:hover .diagnostic-page-one{left:3%}
.contact .contact-diagnostic-preview:hover .diagnostic-page-two{left:43%}

/* Index : les séparateurs des deux cartes ORGANIQUE / PAYANT restent au même niveau. */
.visibility-model-card{
  display:flex;
  flex-direction:column;
}
.visibility-model-card .visibility-model-note{
  margin-top:auto;
}

/* Prix ChatGPT Ads : détail du premier mois. */
.offer-price-chatgpt .offer-first-month{
  flex-basis:100%;
  margin:7px 0 0;
  color:#657c90;
  font-size:10px;
  line-height:1.35;
  font-weight:700;
}

/* ChatGPT Ads : nouvelle composition texte gauche / infographie droite. */
.cgpt2-page .cgpt2-visibility-layout{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);
  gap:64px;
  align-items:center;
  margin-top:22px;
}
.cgpt2-page .cgpt2-visibility-layout .cgpt2-visibility-intro{
  max-width:none;
  margin-top:0;
  text-align:left;
}
.cgpt2-page .cgpt2-visibility-punchline{
  margin:20px 0 16px;
  text-align:left;
}
.cgpt2-page .cgpt2-visibility-punchline p,
.cgpt2-page .cgpt2-visibility-punchline strong{
  text-align:left;
}
.cgpt2-page .cgpt2-dual-infographic{
  position:relative;
  padding:28px 26px;
  border-radius:24px;
  background:linear-gradient(145deg,#082943,#0b405c);
  box-shadow:0 20px 48px rgba(8,30,51,.14);
  overflow:hidden;
}
.cgpt2-page .cgpt2-dual-infographic::before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-100px;
  top:-110px;
  border-radius:50%;
  background:rgba(0,209,198,.12);
  filter:blur(8px);
}
.cgpt2-page .cgpt2-dual-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:112px 1fr;
  gap:18px;
  align-items:start;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.cgpt2-page .cgpt2-dual-code{
  color:#67f0ea;
  font:800 11px/1.2 var(--font-title);
  letter-spacing:.11em;
}
.cgpt2-page .cgpt2-dual-row strong{
  display:block;
  color:#fff;
  font:700 16px/1.25 var(--font-title);
}
.cgpt2-page .cgpt2-dual-row small{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.45;
}
.cgpt2-page .cgpt2-dual-plus,
.cgpt2-page .cgpt2-dual-equals{
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  margin:10px auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#67f0ea;
  background:rgba(0,209,198,.10);
  border:1px solid rgba(103,240,234,.18);
  font:800 20px/1 var(--font-title);
}
.cgpt2-page .cgpt2-dual-result{
  position:relative;
  z-index:1;
  padding:15px 18px;
  border:1px solid rgba(103,240,234,.34);
  border-radius:12px;
  color:#fff;
  background:rgba(0,209,198,.10);
  text-align:center;
  font:800 14px/1.3 var(--font-title);
  letter-spacing:.04em;
}

/* Page dédiée au formulaire diagnostic. */
.diagnostic-request-page .project-contact-heading{max-width:920px}
.diagnostic-request-page .project-contact-layout{align-items:stretch}
.diagnostic-request-page .project-contact-aside,
.diagnostic-request-page .project-contact-form{height:100%}

@media(max-width:900px){
  .contact .contact-diagnostic-preview{min-height:360px;max-width:650px;margin-inline:auto}
  .cgpt2-page .cgpt2-visibility-layout{grid-template-columns:1fr;gap:32px}
  .cgpt2-page .cgpt2-dual-infographic{max-width:620px;width:100%}
}
@media(max-width:620px){
  .contact .contact-diagnostic-preview{min-height:285px}
  .contact .contact-diagnostic-preview .diagnostic-page{width:min(43%,155px)}
  .contact .contact-diagnostic-preview .diagnostic-page-one{left:0;top:30px}
  .contact .contact-diagnostic-preview .diagnostic-page-two{left:29%;top:7px}
  .contact .contact-diagnostic-preview .diagnostic-note{right:-2%;top:23%;font-size:17px;width:115px}
  .cgpt2-page .cgpt2-dual-infographic{padding:22px 18px}
  .cgpt2-page .cgpt2-dual-row{grid-template-columns:1fr;gap:8px}
}


/* ========================================================================== */
/* V3.45 — Ajustements ciblés Index + ChatGPT Ads + navigation globale         */
/* ========================================================================== */

/* Le manifeste GEO reprend la même échelle typographique que les blocs SEO/GEO. */
.paradigm-story-body .paradigm-manifesto-inline p,
.paradigm-story-body .paradigm-manifesto-inline strong{
  font-size:15.5px!important;
  line-height:1.64!important;
}

/* ChatGPT Ads : punchline GEO continue, sans rupture artificielle. */
.cgpt2-page .cgpt2-visibility-punchline p,
.cgpt2-page .cgpt2-visibility-punchline strong{
  font-size:15.5px!important;
  line-height:1.64!important;
  letter-spacing:0!important;
}
.cgpt2-page .cgpt2-visibility-punchline strong{
  display:inline!important;
  margin:0!important;
}

/* CTA diagnostic final — remonté, avec bouton puis preuve de gratuité. */
.contact.contact-diagnostic-cta{
  padding-top:62px;
  padding-bottom:70px;
}
.contact.contact-diagnostic-cta .contact-grid{
  align-items:center;
}
.contact.contact-diagnostic-cta .contact-copy{
  transform:translateY(-8px);
}
.contact.contact-diagnostic-cta .contact-diagnostic-button{
  display:inline-flex;
  width:auto;
  margin-top:22px;
}
.contact.contact-diagnostic-cta .contact-copy>p:last-child{
  margin-top:13px;
}
.contact.contact-diagnostic-cta .contact-diagnostic-preview{
  min-height:390px;
}
.contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page{
  width:min(43%,220px);
}
.contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-one{
  left:10%;
  top:34px;
}
.contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-two{
  left:38%;
  top:12px;
}
.contact.contact-diagnostic-cta .contact-diagnostic-preview:hover .diagnostic-page-one{left:7%}
.contact.contact-diagnostic-cta .contact-diagnostic-preview:hover .diagnostic-page-two{left:43%}
.contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note{
  color:#fff!important;
  right:2%;
  top:21%;
}
.contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note path{
  stroke:#fff!important;
}

/* Offre ChatGPT Ads : badges de lancement en bleu nuit comme son CTA. */
.offer-card-chatgpt .offer-chatgpt-launch-badge,
.offer-card-chatgpt .offer-chatgpt-launch-label{
  background:linear-gradient(90deg,#0b3452,#0c4a6c)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 8px 20px rgba(8,30,51,.13)!important;
}
.offer-card-chatgpt .offer-chatgpt-launch-label{
  display:inline-flex!important;
  align-items:center;
  align-self:flex-start;
}
.offer-card-chatgpt .offer-launch-footnote{
  margin:0 0 14px;
}

@media(max-width:900px){
  .contact.contact-diagnostic-cta{
    padding-top:56px;
    padding-bottom:62px;
  }
  .contact.contact-diagnostic-cta .contact-copy{transform:none}
  .contact.contact-diagnostic-cta .contact-diagnostic-preview{
    min-height:340px;
  }
}
@media(max-width:620px){
  .contact.contact-diagnostic-cta .contact-diagnostic-preview{
    min-height:275px;
  }
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page{
    width:min(40%,145px);
  }
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-one{left:2%;top:30px}
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-two{left:29%;top:8px}
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note{right:-1%;top:24%;font-size:16px}
}


/* ========================================================================== */
/* V3.45 — FAQ dédiée + retouches ciblées Index / ChatGPT Ads                */
/* ========================================================================== */

/* INDEX — Hero légèrement plus compact et remonté, sans toucher au contenu. */
@media (min-width:1081px){
  .hero-shell{min-height:610px}
  .hero-copy{margin-top:-48px}
  .hero-report{width:clamp(390px,27vw,455px);top:46.5%}
  .hero-note{right:5.2%;top:7%;width:132px;font-size:19px}
  .hero-note b{font-size:24px}
  .hero-note svg{width:84px;height:52px;transform:translate(-13px,2px)}
  .hero-proof{margin-top:30px}
  .hero-bg{background-position:82px 43%}
}

/* INDEX — davantage d'air avant le séparateur sous les 01/02/03. */
.visibility-model-card .visibility-model-points{margin-bottom:17px}

/* INDEX — aligner les mentions de lancement ChatGPT Ads / 360° sur la même ligne. */
@media (min-width:901px){
  .offers-grid .offer-card-chatgpt .offer-launch-footnote,
  .offers-grid .offer-card-featured .offer-launch-footnote{
    margin-top:auto;
    min-height:14px;
    margin-bottom:14px;
  }
  .offers-grid .offer-card-chatgpt .offer-button,
  .offers-grid .offer-card-featured .offer-button{
    margin-top:0;
  }
}

/* CHATGPT ADS — bandeau diagnostic. */
.cgpt2-page .announcement-bar .announcement-free{color:#6ef4ec!important}

/* CHATGPT ADS — punchline : seule la promesse centrale passe en cyan. */
.cgpt2-page .cgpt2-visibility-punchline .cgpt2-natural-highlight{
  color:#00cfc6!important;
  font:inherit!important;
}

/* CHATGPT ADS — nouvelle composition de l'infographie GEO + Ads. */
.cgpt2-page .cgpt2-dual-infographic{
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
  grid-template-areas:
    "geo plus ads"
    ". equals ."
    "result result result";
  gap:14px 12px;
  padding:24px;
  background:
    radial-gradient(circle at 14% 0%,rgba(0,209,198,.11),transparent 32%),
    linear-gradient(145deg,#072740,#0a3b58);
}
.cgpt2-page .cgpt2-dual-infographic::before{display:none}
.cgpt2-page .cgpt2-dual-row{
  display:flex;
  flex-direction:column;
  gap:13px;
  min-height:190px;
  padding:22px;
  border:1px solid rgba(103,240,234,.18);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.cgpt2-page .cgpt2-dual-row-geo{grid-area:geo}
.cgpt2-page .cgpt2-dual-row-ads{grid-area:ads}
.cgpt2-page .cgpt2-dual-code{
  display:inline-flex;
  align-self:flex-start;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,209,198,.12);
  border:1px solid rgba(103,240,234,.16);
}
.cgpt2-page .cgpt2-dual-row strong{font-size:18px}
.cgpt2-page .cgpt2-dual-row small{font-size:12.5px;line-height:1.5}
.cgpt2-page .cgpt2-dual-plus,
.cgpt2-page .cgpt2-dual-equals{
  align-self:center;
  justify-self:center;
  margin:0;
  width:40px;
  height:40px;
  background:rgba(0,209,198,.13);
  border-color:rgba(103,240,234,.3);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.cgpt2-page .cgpt2-dual-plus{grid-area:plus}
.cgpt2-page .cgpt2-dual-equals{grid-area:equals}
.cgpt2-page .cgpt2-dual-result{
  grid-area:result;
  margin-top:0;
  padding:16px 18px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(0,209,198,.13),rgba(0,209,198,.06));
}
@media(max-width:700px){
  .cgpt2-page .cgpt2-dual-infographic{
    grid-template-columns:1fr;
    grid-template-areas:"geo" "plus" "ads" "equals" "result";
  }
  .cgpt2-page .cgpt2-dual-row{min-height:0}
}

/* PAGE FAQ — mêmes codes graphiques que les FAQ internes + recherche. */
.faq-page{background:#fff}
.faq-page-section{padding-top:76px;padding-bottom:84px;min-height:70vh}
.faq-page-title{max-width:900px;margin-bottom:26px}
.faq-page-title h1{font-size:clamp(38px,3.4vw,56px);line-height:1.05;letter-spacing:-.045em}
.faq-page-title>p:last-child{margin-top:14px;color:var(--slate);font-size:16px;line-height:1.55;max-width:760px}
.faq-search-card{
  max-width:900px;
  margin:0 0 28px;
  padding:18px 20px;
  border:1px solid var(--border);
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f8fbfc);
  box-shadow:0 10px 28px rgba(15,45,74,.05);
}
.faq-search-label{display:block;margin-bottom:9px;color:var(--navy);font-size:12px;font-weight:800}
.faq-search-field{display:flex;align-items:center;gap:10px;border:1px solid #d6e2e9;border-radius:11px;background:#fff;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease}
.faq-search-field:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(0,209,198,.09)}
.faq-search-field>span{color:#00aaa1;font-size:21px;line-height:1}
.faq-search-field input{width:100%;border:0;outline:0;background:transparent;padding:14px 0;color:var(--navy);font:500 14px/1.2 var(--font-body)}
.faq-search-field input::placeholder{color:#8a9cac}
.faq-search-meta{margin-top:9px;color:#7a8fa1;font-size:11px}
.faq-page-grid{align-items:start}
.faq-page-grid .faq-item[hidden]{display:none!important}
.faq-empty{margin-top:18px;padding:22px;border:1px dashed #cad8e1;border-radius:14px;color:var(--slate);text-align:center;font-size:14px}
@media(max-width:760px){
  .faq-page-section{padding-top:58px;padding-bottom:64px}
  .faq-page-title h1{font-size:36px}
  .faq-search-card{padding:15px}
}


/* ========================================================================== */
/* V3.46 — Retouches ciblées Index / ChatGPT Ads / FAQ / Diagnostic gratuit  */
/* ========================================================================== */

/* INDEX — Hero : rapport plus large mais moins haut, visuel remonté et hero
   légèrement raccourci. Le titre reste uniformément dans la couleur principale. */
.hero-copy h1{color:var(--navy)}
@media (min-width:1081px){
  .hero-shell{min-height:570px}
  .hero-copy{margin-top:-58px}
  .hero-bg{
    background-position:82px 35%;
    background-size:120% auto;
  }
  .hero-report{
    width:clamp(455px,31vw,500px);
    top:44.5%;
  }
  .hero-report .report-card{padding:16px 18px}
  .hero-report .report-head{margin-bottom:10px}
  .hero-report .report-subtitle{margin:4px 0 11px}
  .hero-report .report-main-grid{gap:8px}
  .hero-report .report-panel{padding:10px}
  .hero-report .report-bottom-grid{gap:8px;margin-top:8px}
  .hero-report .report-mini{min-height:66px;padding:9px}
  .hero-proof{margin-top:30px}
}

/* CHATGPT ADS — micro-animation légère sur la carte GEO + ChatGPT Ads. */
.cgpt2-page .cgpt2-dual-infographic{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  transform:translateZ(0);
}
.cgpt2-page .cgpt2-dual-infographic:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 58px rgba(8,30,51,.18);
}
.cgpt2-page .cgpt2-dual-row{
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.cgpt2-page .cgpt2-dual-infographic:hover .cgpt2-dual-row{
  border-color:rgba(103,240,234,.28);
  background:rgba(255,255,255,.075);
}
@media(prefers-reduced-motion:reduce){
  .cgpt2-page .cgpt2-dual-infographic,
  .cgpt2-page .cgpt2-dual-row{transition:none!important;transform:none!important}
}

/* FAQ dédiée — titre et recherche centrés. */
.faq-page-title{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.faq-page-title>p:last-child{margin-left:auto;margin-right:auto}
.faq-page-title .section-kicker{text-align:center}
.faq-search-card{margin-left:auto;margin-right:auto;text-align:center}
.faq-search-label{text-align:center}
.faq-search-field{max-width:760px;margin-inline:auto;text-align:left}
.faq-search-meta{text-align:center}

/* DIAGNOSTIC GRATUIT — l'illustration du rapport remplace le panneau bleu. */
.diagnostic-request-page .diagnostic-request-layout{align-items:center}
.diagnostic-request-page .diagnostic-request-visual{
  position:relative;
  min-height:520px;
  overflow:visible;
  border-radius:24px;
  background:transparent;
}
.diagnostic-request-page .diagnostic-request-preview{
  position:relative;
  display:block;
  min-height:520px;
  margin:0;
  transform:none;
  cursor:default;
}
.diagnostic-request-page .diagnostic-request-preview::before{
  inset:12% 8% 8% 8%;
  background:radial-gradient(circle at 50% 48%,rgba(0,209,198,.15),rgba(0,209,198,0) 68%);
}
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page{
  width:min(48%,245px);
}
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
  left:23%;
  top:54px;
}
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
  left:49%;
  right:auto;
  top:22px;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-one{
  left:21%;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-two{
  left:52%;
}
.diagnostic-request-page .diagnostic-request-note{
  left:0!important;
  right:auto!important;
  top:19%!important;
  width:155px;
  color:var(--navy)!important;
  text-align:center;
  transform:rotate(3deg);
}
.diagnostic-request-page .diagnostic-request-note svg{
  width:98px;
  height:58px;
  margin:6px auto 0;
  transform:translateX(18px) rotate(3deg);
}
.diagnostic-request-page .diagnostic-request-note path{stroke:var(--navy)!important}

@media(max-width:980px){
  .diagnostic-request-page .diagnostic-request-visual{order:2;min-height:430px}
  .diagnostic-request-page .project-contact-form{order:1}
  .diagnostic-request-page .diagnostic-request-preview{min-height:430px;max-width:650px;margin-inline:auto}
}
@media(max-width:620px){
  .diagnostic-request-page .diagnostic-request-visual{min-height:330px}
  .diagnostic-request-page .diagnostic-request-preview{min-height:330px}
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page{width:min(43%,165px)}
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{left:25%;top:44px}
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{left:48%;top:16px}
  .diagnostic-request-page .diagnostic-request-note{left:0!important;top:18%!important;font-size:17px;width:115px}
  .diagnostic-request-page .diagnostic-request-note svg{width:76px;height:46px;transform:translateX(14px) rotate(3deg)}
}


/* ========================================================================== */
/* V3.47 — Retouches ultra ciblées : index / diagnostic gratuit / FAQ         */
/* ========================================================================== */

/* INDEX — remonter uniquement l'image du hero, avec léger crop possible en haut/bas. */
@media (min-width:1081px){
  .hero-bg{
    background-position:82px 21% !important;
  }
}
@media (min-width:761px) and (max-width:1080px){
  .hero-bg{
    background-position:54px 28% !important;
  }
}

/* DIAGNOSTIC GRATUIT — mention au-dessus, flèche vers le bas, rapports plus bas et plus à gauche. */
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
  left:15% !important;
  top:118px !important;
}
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
  left:41% !important;
  right:auto !important;
  top:86px !important;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-one{
  left:13% !important;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-two{
  left:44% !important;
}
.diagnostic-request-page .diagnostic-request-note{
  left:24% !important;
  right:auto !important;
  top:6px !important;
  width:190px !important;
  text-align:center !important;
  transform:rotate(-2deg) !important;
}
.diagnostic-request-page .diagnostic-request-note svg{
  display:block !important;
  width:78px !important;
  height:88px !important;
  margin:2px auto 0 !important;
  transform:rotate(90deg) scaleY(-1) !important;
  transform-origin:center !important;
}

@media(max-width:980px){
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
    left:18% !important;
    top:112px !important;
  }
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
    left:44% !important;
    top:80px !important;
  }
  .diagnostic-request-page .diagnostic-request-note{
    left:28% !important;
    top:4px !important;
  }
}
@media(max-width:620px){
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
    left:12% !important;
    top:98px !important;
  }
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
    left:40% !important;
    top:72px !important;
  }
  .diagnostic-request-page .diagnostic-request-note{
    left:20% !important;
    top:2px !important;
    width:150px !important;
  }
  .diagnostic-request-page .diagnostic-request-note svg{
    width:64px !important;
    height:70px !important;
  }
}

/* FAQ dédiée — carte de recherche en bleu nuit. */
.faq-page .faq-search-card{
  border-color:rgba(110,244,236,.16) !important;
  background:linear-gradient(145deg,#071f35,#0a3d59) !important;
  box-shadow:0 16px 38px rgba(7,31,53,.16) !important;
}
.faq-page .faq-search-label{
  color:#fff !important;
}
.faq-page .faq-search-meta{
  color:rgba(255,255,255,.7) !important;
}
.faq-page .faq-search-field{
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.98) !important;
}

/* ========================================================================== */
/* V3.48 — Retouches ultra ciblées : index / diagnostic gratuit / FAQ         */
/* ========================================================================== */

/* INDEX — conserver le bas du visuel du hero et rogner davantage le haut. */
@media (min-width:1081px){
  .hero-bg{
    background-position:82px 78% !important;
  }
}
@media (min-width:761px) and (max-width:1080px){
  .hero-bg{
    background-position:54px 72% !important;
  }
}
@media (max-width:760px){
  .hero-bg{
    background-position:18% 72% !important;
  }
}

/* DIAGNOSTIC GRATUIT — note en haut à gauche, puis flèche vers les rapports. */
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
  left:11% !important;
  top:150px !important;
}
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
  left:37% !important;
  right:auto !important;
  top:118px !important;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-one{
  left:9% !important;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-two{
  left:40% !important;
}
.diagnostic-request-page .diagnostic-request-note{
  left:3% !important;
  right:auto !important;
  top:8px !important;
  width:205px !important;
  text-align:center !important;
  transform:rotate(-2deg) !important;
}
.diagnostic-request-page .diagnostic-request-note svg{
  display:block !important;
  width:82px !important;
  height:88px !important;
  margin:4px 0 0 92px !important;
  transform:rotate(90deg) !important;
  transform-origin:center !important;
}

@media(max-width:980px){
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
    left:14% !important;
    top:145px !important;
  }
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
    left:40% !important;
    top:113px !important;
  }
  .diagnostic-request-page .diagnostic-request-note{
    left:4% !important;
    top:6px !important;
  }
}
@media(max-width:620px){
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
    left:8% !important;
    top:126px !important;
  }
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
    left:36% !important;
    top:100px !important;
  }
  .diagnostic-request-page .diagnostic-request-note{
    left:1% !important;
    top:3px !important;
    width:155px !important;
  }
  .diagnostic-request-page .diagnostic-request-note svg{
    width:64px !important;
    height:68px !important;
    margin:3px 0 0 70px !important;
    transform:rotate(90deg) !important;
  }
}

/* FAQ dédiée — champ de recherche bleu clair, saisie blanche. */
.faq-page .faq-search-field{
  border-color:rgba(110,244,236,.34) !important;
  background:linear-gradient(135deg,rgba(24,132,164,.72),rgba(18,105,142,.68)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.faq-page .faq-search-field:focus-within{
  border-color:#6ef4ec !important;
  box-shadow:0 0 0 3px rgba(110,244,236,.12),inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.faq-page .faq-search-field input{
  color:#fff !important;
}
.faq-page .faq-search-field input::placeholder{
  color:rgba(255,255,255,.68) !important;
}
.faq-page .faq-search-field>span{
  color:#6ef4ec !important;
}


/* ========================================================================== */
/* V3.49 — Diagnostic gratuit : disposition calée sur la référence fournie    */
/* Uniquement positionnement de la note, de la flèche et des deux rapports.   */
/* ========================================================================== */
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
  left:10% !important;
  top:154px !important;
}
.diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
  left:40% !important;
  right:auto !important;
  top:104px !important;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-one{
  left:8% !important;
}
.diagnostic-request-page .diagnostic-request-preview:hover .diagnostic-page-two{
  left:43% !important;
}
.diagnostic-request-page .diagnostic-request-note{
  left:5% !important;
  right:auto !important;
  top:16px !important;
  width:220px !important;
  text-align:center !important;
  transform:rotate(-2deg) !important;
}
.diagnostic-request-page .diagnostic-request-note svg{
  display:block !important;
  width:88px !important;
  height:70px !important;
  margin:8px 0 0 105px !important;
  transform:scaleY(-1) rotate(-3deg) !important;
  transform-origin:center !important;
}

@media(max-width:980px){
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
    left:12% !important;
    top:148px !important;
  }
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
    left:42% !important;
    top:101px !important;
  }
  .diagnostic-request-page .diagnostic-request-note{
    left:7% !important;
    top:14px !important;
  }
}
@media(max-width:620px){
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one{
    left:11% !important;
    top:112px !important;
  }
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two{
    left:40% !important;
    top:82px !important;
  }
  .diagnostic-request-page .diagnostic-request-note{
    left:4% !important;
    top:8px !important;
    width:160px !important;
  }
  .diagnostic-request-page .diagnostic-request-note svg{
    width:67px !important;
    height:54px !important;
    margin:5px 0 0 79px !important;
    transform:scaleY(-1) rotate(-3deg) !important;
  }
}

/* ========================================================================== */
/* V3.50 — Retouches ultra ciblées : index + diagnostic gratuit              */
/* ========================================================================== */

/* INDEX — descendre légèrement la card du rapport IA dans le hero. */
@media (min-width:1081px){
  .hero-report{
    top:47% !important;
  }
}

/* DIAGNOSTIC GRATUIT — mention manuscrite au-dessus, flèche en dessous. */
.diagnostic-request-page .diagnostic-request-note{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.diagnostic-request-page .diagnostic-request-note svg{
  order:1 !important;
  display:block !important;
  margin:9px 0 0 105px !important;
  transform:scaleY(-1) rotate(-3deg) !important;
  transform-origin:center !important;
}

@media(max-width:620px){
  .diagnostic-request-page .diagnostic-request-note svg{
    margin:6px 0 0 79px !important;
  }
}


/* ========================================================================== */
/* V3.51 — Retouches ultra ciblées : index + diagnostic gratuit              */
/* ========================================================================== */

/* INDEX — descendre encore légèrement la card du rapport IA dans le hero. */
@media (min-width:1081px){
  .hero-report{
    top:48.5% !important;
  }
}

/* DIAGNOSTIC GRATUIT — décaler le bloc mention + flèche vers la gauche. */
.diagnostic-request-page .diagnostic-request-note{
  left:0 !important;
}

@media(max-width:980px){
  .diagnostic-request-page .diagnostic-request-note{
    left:2% !important;
  }
}

@media(max-width:620px){
  .diagnostic-request-page .diagnostic-request-note{
    left:0 !important;
  }
}


/* ========================================================================== */
/* V3.52 — Retouches ciblées : ChatGPT Ads hero                              */
/* ========================================================================== */
.cgpt2-page .cgpt2-hero-actions + .cgpt2-checks{
  margin-top:30px !important;
}
@media(max-width:900px){
  .cgpt2-page .cgpt2-hero-actions + .cgpt2-checks{
    margin-top:26px !important;
  }
}


/* ========================================================================== */
/* V3.53 — Validation desktop : offres / FAQ / backgrounds / typographie      */
/* ========================================================================== */

/* INDEX — le lien "Nos offres" arrive directement sur la frise. */
.offers-showcase#accompagnement{
  scroll-margin-top:116px;
}

/* INDEX — une carte FAQ ouverte ne force plus sa voisine fermée à s'étirer. */
.faq-grid{
  align-items:start;
}
.faq-grid .faq-item{
  align-self:start;
}

/* INDEX — carte Conqet SEO retournable, dans le même esprit que les cartes
   interactives de la page ChatGPT Ads. */
.collab-card-flip{
  position:relative;
  min-height:210px;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  perspective:1200px;
  cursor:pointer;
  outline:none;
}
.collab-card-flip:focus-visible{
  box-shadow:0 0 0 3px rgba(110,244,236,.35);
  border-radius:16px;
}
.collab-flip-inner{
  position:relative;
  width:100%;
  min-height:210px;
  transform-style:preserve-3d;
  transition:transform .58s cubic-bezier(.2,.72,.22,1);
}
.collab-card-flip.is-flipped .collab-flip-inner{
  transform:rotateY(180deg);
}
.collab-flip-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.11);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
}
.collab-flip-front{
  background:rgba(255,255,255,.08);
}
.collab-flip-back{
  transform:rotateY(180deg);
  background:linear-gradient(145deg,rgba(0,209,198,.17),rgba(255,255,255,.075));
  border-color:rgba(110,244,236,.30);
}
.collab-card-flip:hover{
  transform:translateY(-4px);
}
.collab-card-flip h3{
  margin-top:12px;
}
.collab-flip-back h3{
  margin-top:0;
  color:#6ef4ec;
}
.collab-discover{
  display:inline-flex;
  margin-top:13px;
  color:#6ef4ec;
  font-size:12px;
  font-weight:800;
}
.collab-seo-services{
  display:grid;
  gap:5px;
  margin:9px 0 0;
  padding:0;
  list-style:none;
  color:rgba(255,255,255,.76);
  font-size:11.5px;
  line-height:1.35;
}
.collab-seo-services strong{color:#fff}
.collab-flip-back .collab-price{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.9);
  font-size:11.5px;
}
.collab-contact{
  display:inline-flex;
  align-items:center;
  gap:6px;
  align-self:flex-start;
  margin-top:9px;
  padding:8px 11px;
  border-radius:8px;
  background:#6ef4ec;
  color:var(--navy-deep);
  text-decoration:none;
  font-size:11.5px;
  font-weight:800;
}
.collab-flip-return{
  position:absolute;
  right:13px;
  bottom:11px;
  color:#6ef4ec;
  font-size:20px;
  line-height:1;
}

/* DESKTOP LARGE — garder la composition verticale du hero Index validée sur
   écran portable : le titre ne remonte plus sous le header lorsque la fenêtre
   devient plus grande. */
@media (min-width:1600px){
  .hero-shell{
    min-height:620px !important;
  }
  .hero-copy{
    margin-top:-18px !important;
  }
}

/* CHATGPT ADS — au-delà d'une largeur de portable, les visuels conservent une
   largeur maximale fixe. Seul le fond bleu nuit continue sur les côtés. */
@media (min-width:1081px){
  .cgpt2-page .cgpt2-hero,
  .cgpt2-page .cgpt2-offer{
    background-image:none !important;
    background-repeat:no-repeat !important;
  }
  .cgpt2-page .cgpt2-hero{
    background-color:#062a43 !important;
  }
  .cgpt2-page .cgpt2-offer{
    background-color:#062b45 !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    right:auto !important;
    width:min(100%,1600px) !important;
    transform:translateX(-50%) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;
    pointer-events:none !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%) !important;
  }
  .cgpt2-page .cgpt2-hero::before{
    background-image:url("assets/chatgpt-ads-hero-bg-v2.webp") !important;
  }
  .cgpt2-page .cgpt2-offer::before{
    background-image:url("assets/chatgpt-ads-offer-bg-v2.webp") !important;
  }
  .cgpt2-page .cgpt2-hero::after,
  .cgpt2-page .cgpt2-offer::after{
    display:none !important;
    content:none !important;
  }
}

/* COHÉRENCE TYPOGRAPHIQUE DESKTOP — les grands titres de section utilisent la
   même échelle, et les vrais paragraphes éditoriaux gagnent légèrement en
   lisibilité. Les micro-libellés et interfaces simulées restent inchangés. */
@media (min-width:1081px){
  .section-title h2,
  .paradigm-head h2,
  .method-head h2,
  .audit-title h2,
  .growth-title h2,
  .ai-ads-copy h2,
  .visibility-model-head h2,
  .accompaniment-intro-copy h2,
  .contact-copy h2,
  .cgpt2-page .cgpt2-title h2,
  .cgpt2-page .cgpt2-offer h2,
  .diag-section-heading h2,
  .diag-report-copy h2,
  .cgpt-organic-copy h2,
  .cgpt-final-cta h2,
  .diag-final-cta h2{
    font-size:46px !important;
    line-height:1.08 !important;
  }

  main p:not(.section-kicker):not(.hero-kicker):not(.eyebrow-light):not(.report-subtitle):not(.offer-launch-footnote):not(.cgpt2-offer-term):not(.privacy-note):not(.form-status):not(.faq-search-meta){
    font-size:16.5px !important;
    line-height:1.65 !important;
  }

  /* Ces paragraphes appartiennent à des maquettes d'interface et non au
     contenu éditorial du site. */
  .cgpt2-page .cgpt2-sponsored-card p{
    font-size:10px !important;
    line-height:1.45 !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .collab-flip-inner{transition:none !important}
}


/* ========================================================================== */
/* V3.54 — Dernières retouches desktop Index + ChatGPT Ads                    */
/* ========================================================================== */

/* INDEX + CHATGPT ADS — statistiques plus présentes sous les hero. */
@media (min-width:1081px){
  .stats-band .stat-card{
    min-height:148px;
    padding-top:24px;
    padding-bottom:24px;
  }
  .stats-band .stat-icon{
    font-size:34px;
    margin-bottom:12px;
  }
  .stats-band .stat-card strong,
  .stats-band .stat-card b{
    font-size:39px;
  }
  .stats-band .stat-card span{
    font-size:12.5px;
    line-height:1.35;
  }
  .stats-band .stat-card em{
    font-size:14px;
  }
  .cgpt2-page .stat-icon-bars svg{
    width:28px;
    height:28px;
  }
}

/* INDEX — la simulation ChatGPT devient un lien vers la page dédiée. */
.ai-ads-chat-link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.ai-ads-chat-link:focus-visible{
  outline:3px solid rgba(0,209,198,.38);
  outline-offset:4px;
}

/* OFFRES — sous-ligne d'audit commune + badge audit offert 360°. */
.offer-price .offer-first-month{
  flex-basis:100%;
  margin-top:5px;
  color:#526b7f;
  font-size:11px;
  line-height:1.35;
}
.offer-price .offer-audit-gift{
  flex-basis:auto !important;
  width:auto !important;
  margin:0 0 0 8px !important;
  color:var(--aqua) !important;
  font-size:12px !important;
  font-weight:900;
  letter-spacing:.02em;
  white-space:nowrap;
}

/* INDEX — la carte Conqet SEO occupe exactement la même hauteur que ses
   voisines, face avant comme face arrière, sur la grille desktop. */
@media (min-width:1081px){
  .collab-grid{align-items:stretch}
  .collab-card-flip{
    height:auto;
    min-height:0;
  }
  .collab-card-flip .collab-flip-inner{
    position:absolute;
    inset:0;
    width:100%;
    min-height:0;
  }
  .collab-card-flip .collab-flip-face{
    height:100%;
    box-sizing:border-box;
  }
}

/* CHATGPT ADS — fond latéral plus bleu nuit sur grand écran, tandis que le
   visuel lui-même reste net et conserve la composition validée sur 15 pouces. */
@media (min-width:1081px){
  .cgpt2-page .cgpt2-hero{
    background-color:#031a2c !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{
    filter:none !important;
    transform:translateX(-50%) !important;
  }
}


/* ========================================================================== */
/* V3.55 — Dernières retouches ciblées desktop Index + ChatGPT Ads            */
/* ========================================================================== */

/* INDEX — sous-ligne du premier audit en gras uniquement sur l'offre GEO. */
.offer-price .offer-first-month-strong{
  font-weight:800 !important;
}

/* INDEX + CHATGPT ADS — rendre l'avantage audit offert plus visible sur 360°. */
.offer-price .offer-audit-gift{
  font-size:15px !important;
  font-weight:900 !important;
}

/* CHATGPT ADS — décaler nettement le visuel du hero vers la droite sans
   modifier sa taille ni son rendu sur mobile. */
@media (min-width:1081px){
  .cgpt2-page .cgpt2-hero::before{
    left:57% !important;
    transform:translateX(-50%) !important;
  }
}


/* ========================================================================== */
/* V3.56 — Retouches ciblées Index : cards cliquables + mise en avant GEO    */
/* ========================================================================== */

/* ORGANIQUE VS PAYANT — la card ChatGPT Ads entière est cliquable. */
.visibility-model-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.visibility-model-card-link:visited{color:inherit}
.visibility-model-card-link:focus-visible{
  outline:3px solid rgba(0,209,198,.38);
  outline-offset:4px;
}

/* SEO VS GEO — légère mise en avant de la card GEO, dans l'esprit de l'offre 360°. */
.compare-card-ai{
  border-color:var(--aqua);
  background:linear-gradient(145deg,#fff 0%,#f5fffe 100%);
  box-shadow:0 18px 46px rgba(0,209,198,.085);
}


/* ========================================================================== */
/* V3.61 — Préprod responsive : lisibilité globale + mobile uniquement        */
/* ========================================================================== */

/* Lisibilité éditoriale : justifier les paragraphes de contenu sur l'ensemble
   du site. Les micro-libellés, légendes et éléments d'interface restent alignés
   comme avant. */
main p:not(.section-kicker):not(.hero-kicker):not(.eyebrow-light):not(.report-subtitle):not(.faq-search-meta):not(.privacy-note):not(.form-status):not(.offer-launch-footnote):not(.cgpt2-offer-term),
main .faq-item p{
  text-align:justify;
  text-justify:inter-word;
}

/* INDEX — l'ancre "Nos offres" commence désormais au titre de la section. */
.accompaniment#accompagnement{scroll-margin-top:116px}

/* INDEX — Conqet SEO ressort légèrement plus que les deux autres cartes. */
.collab-card-seo .collab-flip-face{
  border-color:rgba(110,244,236,.52) !important;
  box-shadow:0 0 0 1px rgba(110,244,236,.10),0 17px 38px rgba(0,209,198,.10);
}
.collab-card-seo .collab-flip-front{
  background:linear-gradient(145deg,rgba(110,244,236,.13),rgba(255,255,255,.075)) !important;
}

/* Les duplications de statistiques sont strictement réservées au mobile. */
.announcement-copy-mobile,
.paradigm-visual-stat-mobile,
.ai-ads-conversion-stat-mobile,
.growth-geo-stat-mobile{display:none !important}

@keyframes mobileStatCycle{
  0%,20%{opacity:1;transform:translateY(0);visibility:visible}
  24%,100%{opacity:0;transform:translateY(8px);visibility:hidden}
}

@media(max-width:1080px){
  /* INDEX — bandeau mobile uniquement. */
  body:not(.cgpt2-page) .announcement-bar .announcement-copy-desktop{display:none !important}
  body:not(.cgpt2-page) .announcement-bar .announcement-copy-mobile{display:inline !important}

  /* INDEX — hero mobile sans image de fond, rapport ni annotation. */
  .hero-bg,
  .hero-report,
  .hero-note{display:none !important}
  .hero-shell{min-height:auto !important;padding-top:42px !important;padding-bottom:38px !important}
  .hero-copy{width:100% !important;margin:0 !important}
  .hero-proof{justify-content:center !important;text-align:center !important;width:100%}

  /* INDEX + CHATGPT ADS — une seule statistique visible à la fois sous le hero. */
  .stats-band .stats-grid,
  .cgpt2-page .cgpt2-stats-band .stats-grid{
    display:block !important;
    position:relative !important;
    min-height:156px !important;
    max-width:100% !important;
  }
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    min-height:156px !important;
    border:0 !important;
    border-bottom:0 !important;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    animation:mobileStatCycle 16s ease-in-out infinite;
  }
  .stats-band .stat-card:nth-child(1),.cgpt2-page .cgpt2-stats-band .stat-card:nth-child(1){animation-delay:0s}
  .stats-band .stat-card:nth-child(2),.cgpt2-page .cgpt2-stats-band .stat-card:nth-child(2){animation-delay:4s}
  .stats-band .stat-card:nth-child(3),.cgpt2-page .cgpt2-stats-band .stat-card:nth-child(3){animation-delay:8s}
  .stats-band .stat-card:nth-child(4),.cgpt2-page .cgpt2-stats-band .stat-card:nth-child(4){animation-delay:12s}

  /* INDEX — le + reste réellement centré entre les deux grandes cartes. */
  .visibility-model-grid{gap:0 !important}
  .visibility-model-connector{
    height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }
  .visibility-model-connector span{position:relative !important;inset:auto !important;margin:0 !important}

  /* INDEX — bridge GEO + ChatGPT Ads centré et pastilles au-dessus. */
  .visibility-model-bridge .ai-ads-bridge-side{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:9px !important;
  }
  .visibility-model-bridge .ai-ads-bridge-side>span{margin:0 auto !important}
  .visibility-model-bridge .ai-ads-bridge-side>div,
  .visibility-model-bridge .ai-ads-bridge-side strong,
  .visibility-model-bridge .ai-ads-bridge-side small{text-align:center !important}
  .visibility-model-bridge .ai-ads-bridge-plus{justify-self:center !important}

  /* INDEX — 65% directement sous le titre, fusée au-dessus. */
  .paradigm-head-story>.paradigm-visual-stat:not(.paradigm-visual-stat-mobile){display:none !important}
  .paradigm-visual-stat-mobile{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    margin:22px auto 24px !important;
    text-align:center !important;
  }
  .paradigm-visual-stat-mobile .paradigm-visual-icon{margin:0 auto 4px !important}
  .paradigm-visual-stat-mobile .uploaded-rocket-img{width:82px !important;height:82px !important}
  .paradigm-visual-stat-mobile .paradigm-stat-card{margin:0 auto !important;text-align:center !important}
  .paradigm-visual-stat-mobile .paradigm-stat-card p{text-align:center !important}

  /* INDEX — analyse concurrentielle et récit centrés sur mobile. */
  .audit-title,
  .audit-title .section-kicker,
  .audit-title h2,
  .audit-story-copy,
  .audit-story-copy p,
  .audit-battle,
  .audit-battle p,
  .audit-story-punchline{text-align:center !important}
  .audit-title{margin-inline:auto !important}
  .audit-podium{display:flex !important;justify-content:center !important;width:100% !important;margin-inline:auto !important}
  .podium-chart{margin-inline:auto !important}

  /* INDEX — 6x directement sous le titre ChatGPT Ads. */
  .ai-ads-visual>.ai-ads-conversion-stat{display:none !important}
  .ai-ads-conversion-stat-mobile{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:20px auto 24px !important;
    transform:none !important;
    text-align:left !important;
  }

  /* INDEX — intro accompagnement centrée. */
  .accompaniment-intro-copy,
  .accompaniment-intro-copy .section-kicker,
  .accompaniment-intro-copy h2,
  .accompaniment-intro-copy .accompaniment-entry-note{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* INDEX — visuel diagnostic : annotation en haut à gauche, flèche dessous,
     pages légèrement plus basses, comme sur la page diagnostic gratuit. */
  .accompaniment-intro>.diagnostic-preview{
    min-height:360px !important;
    margin:0 auto !important;
    transform:none !important;
  }
  .accompaniment-intro>.diagnostic-preview .diagnostic-page{width:min(43%,165px) !important}
  .accompaniment-intro>.diagnostic-preview .diagnostic-page-one{left:25% !important;top:112px !important}
  .accompaniment-intro>.diagnostic-preview .diagnostic-page-two{left:48% !important;right:auto !important;top:82px !important}
  .accompaniment-intro>.diagnostic-preview .diagnostic-note{
    left:0 !important;right:auto !important;top:8px !important;width:160px !important;
    display:flex !important;flex-direction:column !important;align-items:center !important;
    text-align:center !important;transform:rotate(-2deg) !important;
  }
  .accompaniment-intro>.diagnostic-preview .diagnostic-note svg{
    order:1 !important;width:67px !important;height:54px !important;
    margin:6px 0 0 79px !important;transform:scaleY(-1) rotate(-3deg) !important;
  }

  /* INDEX + CHATGPT ADS — visuel diagnostic final : même disposition, mais
     annotation et flèche restent blanches. */
  .contact.contact-diagnostic-cta .contact-diagnostic-preview{
    min-height:355px !important;margin:0 auto !important;transform:none !important;
  }
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page{width:min(43%,165px) !important}
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-one{left:25% !important;top:112px !important}
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-two{left:48% !important;right:auto !important;top:82px !important}
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note{
    left:0 !important;right:auto !important;top:8px !important;width:160px !important;
    display:flex !important;flex-direction:column !important;align-items:center !important;
    text-align:center !important;color:#fff !important;transform:rotate(-2deg) !important;
  }
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note svg{
    order:1 !important;width:67px !important;height:54px !important;
    margin:6px 0 0 79px !important;transform:scaleY(-1) rotate(-3deg) !important;
  }
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note path{stroke:#fff !important}

  /* INDEX — 48% sous le titre SEO vs GEO, sans carte. */
  .growth-intro-layout>.growth-stat-highlight:not(.growth-geo-stat-mobile){display:none !important}
  .growth-geo-stat-mobile{
    display:block !important;
    min-height:0 !important;
    margin:20px auto 24px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:center !important;
  }
  .growth-geo-stat-mobile strong,
  .growth-geo-stat-mobile span,
  .growth-geo-stat-mobile em{display:block !important;text-align:center !important}
  .growth-geo-stat-mobile strong{font-size:58px !important;color:var(--aqua) !important}
  .growth-geo-stat-mobile span{margin-top:6px !important;color:var(--navy) !important;font-weight:700 !important}
  .growth-geo-stat-mobile em{margin-top:2px !important;color:var(--slate) !important;font-style:italic !important}

  /* CHATGPT ADS — hero et offre sans image de fond sur mobile. */
  .cgpt2-page .cgpt2-hero,
  .cgpt2-page .cgpt2-offer{
    background-image:none !important;
    background-color:#031a2c !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{display:none !important;background-image:none !important}

  /* CHATGPT ADS — puces hero centrées. */
  .cgpt2-page .cgpt2-checks{
    justify-content:center !important;
    text-align:center !important;
    width:100% !important;
  }

  /* CHATGPT ADS — titre "Ce que Conqet fait pour vous" centré. */
  .cgpt2-page .cgpt2-process .cgpt2-title,
  .cgpt2-page .cgpt2-process .cgpt2-title .section-kicker,
  .cgpt2-page .cgpt2-process .cgpt2-title h2,
  .cgpt2-page .cgpt2-process .cgpt2-title p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* CHATGPT ADS — GEO / ChatGPT Ads centrés dans la carte 360°. */
  .cgpt2-page .cgpt2-dual-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .cgpt2-page .cgpt2-dual-code{margin:0 auto !important}
  .cgpt2-page .cgpt2-dual-row strong,
  .cgpt2-page .cgpt2-dual-row small{text-align:center !important}

  /* DIAGNOSTIC GRATUIT — le visuel arrive directement après l'introduction,
     avant le formulaire, uniquement sur mobile. */
  .diagnostic-request-page .diagnostic-request-layout{display:flex !important;flex-direction:column !important}
  .diagnostic-request-page .diagnostic-request-visual{order:1 !important;width:100% !important}
  .diagnostic-request-page .project-contact-form{order:2 !important;width:100% !important}
}

@media(max-width:480px){
  .accompaniment-intro>.diagnostic-preview,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview{min-height:330px !important}
  .accompaniment-intro>.diagnostic-preview .diagnostic-page-one,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-one{left:22% !important}
  .accompaniment-intro>.diagnostic-preview .diagnostic-page-two,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-two{left:47% !important}
  .ai-ads-conversion-stat-mobile{gap:12px !important}
}

@media (prefers-reduced-motion:reduce) and (max-width:1080px){
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{animation:none !important;opacity:0 !important;visibility:hidden !important;transform:none !important}
  .stats-band .stat-card:first-child,
  .cgpt2-page .cgpt2-stats-band .stat-card:first-child{opacity:1 !important;visibility:visible !important}
}


/* ========================================================================== */
/* V3.62 — Responsive mobile final + burger / backgrounds                     */
/* Desktop conservé, hors déjustification explicitement demandée.             */
/* ========================================================================== */

/* Copies réservées au responsive. */
.responsive-copy-mobile,
.cgpt2-process-lead-mobile,
.visibility-model-mobile-dual,
.mobile-nav-contact{
  display:none !important;
}

/* DESKTOP — uniquement les 3 descriptions de "Une approche complémentaire". */
@media(min-width:1081px){
  .ecosystem-block .collab-card > div > p,
  .ecosystem-block .collab-flip-front p{
    text-align:left !important;
    text-justify:auto !important;
  }
}

/* Burger : transition fluide vers une croix, façon bouton hamburger animé. */
.menu-toggle span{
  transition:transform .34s cubic-bezier(.22,.8,.26,1), opacity .22s ease, width .28s ease !important;
  transform-origin:center;
}
.site-header:not(.menu-open) .menu-toggle:hover span:nth-child(1){transform:translateY(-1px)}
.site-header:not(.menu-open) .menu-toggle:hover span:nth-child(3){transform:translateY(1px)}
.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0;transform:scaleX(.25)}
.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Le lien Contact n'apparaît que lorsque la navigation passe en burger. */
@media(max-width:1080px){
  .main-nav .mobile-nav-contact{
    display:block !important;
    margin-top:8px;
    padding-top:14px !important;
    border-top:1px solid rgba(255,255,255,.13);
    color:#6ef4ec !important;
  }
}

/* Statistiques mobile : fondu entrant + sortant, sans déplacement vertical. */
@keyframes mobileStatCycleV2{
  0%{opacity:0;visibility:visible;transform:none}
  4%{opacity:1;visibility:visible;transform:none}
  23%{opacity:1;visibility:visible;transform:none}
  27%{opacity:0;visibility:visible;transform:none}
  100%{opacity:0;visibility:hidden;transform:none}
}

@media(max-width:1080px){

  /* Copies mobile/desktop. */
  .responsive-copy-desktop{display:none !important}
  .responsive-copy-mobile{display:inline !important}
  .cgpt2-process-lead-desktop{display:none !important}
  .cgpt2-process-lead-mobile{display:block !important}

  /* INDEX — hero sur le nouveau fond blanc / cyan, sans réintroduire le rapport. */
  .hero{
    background-color:#f8fcff !important;
    background-image:url('assets/mobile-hero-light-particles.webp') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  .hero-bg,
  .hero-report,
  .hero-note{display:none !important}
  .hero-copy{position:relative;z-index:2}

  /* INDEX + CHATGPT ADS — carrousel stats fixe avec crossfade propre. */
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    transform:none !important;
    animation-name:mobileStatCycleV2 !important;
    animation-duration:16s !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important;
  }

  /* INDEX — remplacer le bridge mobile par la carte 360° de ChatGPT Ads. */
  .visibility-model-bridge{display:none !important}
  .visibility-model-mobile-dual{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"geo" "plus" "ads" "equals" "result" !important;
    gap:12px !important;
    width:100% !important;
    margin:28px auto 0 !important;
    padding:18px !important;
    border-radius:22px !important;
    background:
      radial-gradient(circle at 14% 0%,rgba(0,209,198,.11),transparent 32%),
      linear-gradient(145deg,#072740,#0a3b58) !important;
    box-shadow:0 18px 44px rgba(8,30,51,.16) !important;
  }
  .visibility-model-mobile-dual .cgpt2-dual-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:0 !important;
    padding:20px 18px !important;
    border:1px solid rgba(103,240,234,.18) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
    text-align:center !important;
  }
  .visibility-model-mobile-dual .cgpt2-dual-row-geo{grid-area:geo}
  .visibility-model-mobile-dual .cgpt2-dual-row-ads{grid-area:ads}
  .visibility-model-mobile-dual .cgpt2-dual-code{
    display:inline-flex !important;
    align-self:center !important;
    margin:0 auto !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(103,240,234,.16) !important;
    background:rgba(0,209,198,.12) !important;
    color:#6ef4ec !important;
    font:800 10px/1 var(--font-title) !important;
    letter-spacing:.08em !important;
  }
  .visibility-model-mobile-dual .cgpt2-dual-row strong{
    display:block !important;
    color:#fff !important;
    font-size:18px !important;
    text-align:center !important;
  }
  .visibility-model-mobile-dual .cgpt2-dual-row small{
    display:block !important;
    margin-top:6px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
    text-align:center !important;
  }
  .visibility-model-mobile-dual .cgpt2-dual-plus,
  .visibility-model-mobile-dual .cgpt2-dual-equals{
    display:grid !important;
    place-items:center !important;
    justify-self:center !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    border:1px solid rgba(103,240,234,.30) !important;
    border-radius:50% !important;
    background:rgba(0,209,198,.13) !important;
    color:#6ef4ec !important;
    font:800 22px/1 var(--font-title) !important;
  }
  .visibility-model-mobile-dual .cgpt2-dual-plus{grid-area:plus}
  .visibility-model-mobile-dual .cgpt2-dual-equals{grid-area:equals}
  .visibility-model-mobile-dual .cgpt2-dual-result{
    grid-area:result !important;
    padding:15px 16px !important;
    border-radius:14px !important;
    background:linear-gradient(90deg,rgba(0,209,198,.13),rgba(0,209,198,.06)) !important;
    color:#6ef4ec !important;
    font:800 12px/1.3 var(--font-title) !important;
    letter-spacing:.05em !important;
    text-align:center !important;
  }

  /* INDEX — 65% après le manifeste Google AI, séparateur inclus. */
  .paradigm-visual-stat-mobile{
    width:100% !important;
    margin:24px auto 0 !important;
    padding:22px 0 0 !important;
    border-top:1px solid var(--border) !important;
  }
  .paradigm-visual-stat-mobile .paradigm-visual-icon{margin-bottom:2px !important}
  .paradigm-visual-stat-mobile .uploaded-rocket-img{
    width:58px !important;
    height:58px !important;
  }

  /* INDEX — analyse concurrentielle : une seule colonne cohérente. */
  .audit .audit-title-row{
    display:block !important;
    width:100% !important;
    margin-bottom:30px !important;
  }
  .audit .audit-title-row .audit-title{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    text-align:center !important;
  }
  .audit .audit-title .section-kicker,
  .audit .audit-title h2{text-align:center !important}
  .audit .audit-narrative{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    gap:28px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  .audit .audit-podium{
    display:block !important;
    width:100% !important;
    max-width:350px !important;
    margin:0 auto !important;
    padding:0 0 26px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }
  .audit .podium-chart{
    width:100% !important;
    max-width:320px !important;
    margin:0 auto !important;
  }
  .audit .audit-story-copy,
  .audit .audit-story-copy p,
  .audit .audit-battle,
  .audit .audit-battle p,
  .audit .audit-story-punchline{
    width:100% !important;
    max-width:none !important;
    text-align:left !important;
  }

  /* INDEX — 6x sous le CTA et texte du CTA réellement centré. */
  .ai-ads-actions .btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .ai-ads-conversion-stat-mobile{
    margin:22px auto 0 !important;
  }

  /* INDEX — supprimer toute la frise 01→04 sur mobile. */
  .accompaniment .offers-timeline{display:none !important}

  /* INDEX — descriptions courtes des offres non justifiées. */
  .accompaniment .offer-diagnostic-main p,
  .accompaniment .offer-card-heading p{
    text-align:left !important;
    text-justify:auto !important;
  }

  /* INDEX — restaurer la stat 48% sous forme de vraie card + cercle. */
  .growth-geo-stat-mobile{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:0 !important;
    width:100% !important;
    margin:22px auto 28px !important;
    padding:26px 22px 28px !important;
    border:1px solid rgba(15,45,74,.06) !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(251,253,253,.99)) !important;
    box-shadow:0 14px 34px rgba(15,45,74,.06) !important;
    text-align:center !important;
  }
  .growth-geo-stat-mobile strong{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:148px !important;
    height:148px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    font:800 49px/1 var(--font-title) !important;
    color:#10c9c3 !important;
  }
  .growth-geo-stat-mobile strong::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;
    background:conic-gradient(from -48deg,#10cbc4 0deg 108deg,rgba(0,209,198,.12) 108deg 360deg) !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px)) !important;
  }
  .growth-geo-stat-mobile strong > span{
    position:relative !important;
    z-index:1 !important;
    display:inline !important;
    margin:0 !important;
    font:inherit !important;
    color:inherit !important;
  }
  .growth-geo-stat-mobile > span{
    margin-top:18px !important;
    color:var(--navy) !important;
    font:800 18px/1.15 var(--font-title) !important;
  }
  .growth-geo-stat-mobile > em{
    margin-top:8px !important;
    color:#00aca5 !important;
    font-size:14.5px !important;
    font-weight:800 !important;
    font-style:normal !important;
  }

  /* INDEX + CHATGPT ADS — dernier diagnostic centré. */
  .contact.contact-diagnostic-cta .contact-copy,
  .contact.contact-diagnostic-cta .contact-copy .eyebrow-light,
  .contact.contact-diagnostic-cta .contact-copy h2,
  .contact.contact-diagnostic-cta .contact-copy > p:last-child{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .contact.contact-diagnostic-cta .contact-diagnostic-button{
    display:flex !important;
    width:max-content !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  /* CHATGPT ADS — nouveau fond bleu nuit / particules pour hero + offre. */
  .cgpt2-page .cgpt2-hero,
  .cgpt2-page .cgpt2-offer{
    background-color:#031a2c !important;
    background-image:url('assets/mobile-chatgpt-dark-particles.webp') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  .cgpt2-page .cgpt2-hero::before,
  .cgpt2-page .cgpt2-offer::before{
    display:none !important;
    background-image:none !important;
  }

  /* CHATGPT ADS — badge NOUVEAU centré à cheval sur le bord supérieur. */
  .cgpt2-page .cgpt2-media-card-featured{
    padding-top:34px !important;
    overflow:visible !important;
  }
  .cgpt2-page .cgpt2-media-badge{
    left:50% !important;
    right:auto !important;
    top:0 !important;
    transform:translate(-50%,-50%) !important;
    z-index:3 !important;
  }

  /* CHATGPT ADS — textes des 4 étapes centrés. */
  .cgpt2-page .cgpt2-steps article p{
    text-align:center !important;
    text-justify:auto !important;
  }

  /* CHATGPT ADS — intro process mobile. */
  .cgpt2-page .cgpt2-process-lead-mobile{
    text-align:center !important;
    text-justify:auto !important;
  }
}

/* Animation statique si réduction des animations demandée. */
@media (prefers-reduced-motion:reduce) and (max-width:1080px){
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    animation:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:none !important;
  }
  .stats-band .stat-card:first-child,
  .cgpt2-page .cgpt2-stats-band .stat-card:first-child{
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* ========================================================================== */
/* V3.63 — Responsive burger final : transitions, visuels, podium, diagnostic */
/* ========================================================================== */

.cgpt2-mobile-conversation,
.cgpt2-dual-copy-mobile{
  display:none !important;
}

@keyframes mobileStatCycleV3{
  0%{
    opacity:0;
    visibility:visible;
    transform:none;
  }
  4.5%{
    opacity:1;
    visibility:visible;
    transform:none;
  }
  19%{
    opacity:1;
    visibility:visible;
    transform:none;
  }
  23.5%{
    opacity:0;
    visibility:visible;
    transform:none;
  }
  25%,100%{
    opacity:0;
    visibility:hidden;
    transform:none;
  }
}

@media(max-width:1080px){

  /* INDEX — montrer davantage la zone droite / bas-droite du fond particules. */
  .hero{
    background-position:100% 100% !important;
  }

  /* INDEX + CHATGPT ADS — stats plus grandes, fixes, avec fondu lent dans les
     deux sens et un bref retour au blanc entre deux statistiques. */
  .stats-band .stats-grid,
  .cgpt2-page .cgpt2-stats-band .stats-grid{
    min-height:188px !important;
  }

  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    min-height:188px !important;
    transform:none !important;
    animation-name:mobileStatCycleV3 !important;
    animation-duration:28s !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important;
    will-change:opacity !important;
  }

  .stats-band .stat-card:nth-child(1),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(1){animation-delay:0s !important}

  .stats-band .stat-card:nth-child(2),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(2){animation-delay:7s !important}

  .stats-band .stat-card:nth-child(3),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(3){animation-delay:14s !important}

  .stats-band .stat-card:nth-child(4),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(4){animation-delay:21s !important}

  .stats-band .stat-card strong,
  .cgpt2-page .cgpt2-stats-band .stat-card strong{
    font-size:52px !important;
    line-height:.95 !important;
  }

  .stats-band .stat-card b,
  .cgpt2-page .cgpt2-stats-band .stat-card b{
    font-size:27px !important;
  }

  .stats-band .stat-card span,
  .cgpt2-page .cgpt2-stats-band .stat-card span{
    font-size:16px !important;
    line-height:1.3 !important;
  }

  .stats-band .stat-card em,
  .cgpt2-page .cgpt2-stats-band .stat-card em{
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .stats-band .stat-icon,
  .cgpt2-page .cgpt2-stats-band .stat-icon{
    width:36px !important;
    height:36px !important;
    font-size:21px !important;
  }

  /* INDEX — légende du podium parfaitement centrée sous le graphique. */
  .audit .audit-podium{
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:34px !important;
  }

  .audit .audit-podium::after{
    left:50% !important;
    right:auto !important;
    width:100% !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .audit .podium-chart{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .audit .audit-story-copy{
    margin-top:12px !important;
  }

  /* TOUS LES VISUELS DIAGNOSTIC — disposition mobile identique :
     mention au-dessus à gauche, flèche dessous dirigée vers les pages,
     deux pages plus basses et légèrement décalées. Les couleurs existantes
     du texte et de la flèche sont volontairement conservées. */
  .diagnostic-preview,
  .diagnostic-request-page .diagnostic-request-preview,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview,
  .accompaniment-intro > .diagnostic-preview{
    position:relative !important;
    min-height:430px !important;
    width:100% !important;
    max-width:500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;
    overflow:visible !important;
  }

  .diagnostic-preview .diagnostic-page,
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page{
    width:min(49%,205px) !important;
  }

  .diagnostic-preview .diagnostic-page-one,
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-one,
  .accompaniment-intro > .diagnostic-preview .diagnostic-page-one{
    left:20% !important;
    top:142px !important;
  }

  .diagnostic-preview .diagnostic-page-two,
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-two,
  .accompaniment-intro > .diagnostic-preview .diagnostic-page-two{
    left:47% !important;
    right:auto !important;
    top:104px !important;
  }

  .diagnostic-preview .diagnostic-note,
  .diagnostic-request-page .diagnostic-request-note,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note,
  .accompaniment-intro > .diagnostic-preview .diagnostic-note{
    left:8% !important;
    right:auto !important;
    top:14px !important;
    width:210px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    transform:rotate(-2deg) !important;
  }

  .diagnostic-preview .diagnostic-note svg,
  .diagnostic-request-page .diagnostic-request-note svg,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note svg,
  .accompaniment-intro > .diagnostic-preview .diagnostic-note svg{
    order:1 !important;
    width:84px !important;
    height:58px !important;
    margin:7px 0 0 96px !important;
    transform:rotate(180deg) !important;
    transform-origin:center !important;
  }

  /* La page diagnostic utilisait un groupe SVG déjà inversé : on annule cette
     symétrie pour garder exactement la même direction de flèche partout. */
  .diagnostic-request-page .diagnostic-request-note svg g{
    transform:none !important;
  }

  /* CHATGPT ADS — variante mobile des textes de la carte GEO + Paid. */
  .cgpt2-page .cgpt2-dual-copy-desktop{display:none !important}
  .cgpt2-page .cgpt2-dual-copy-mobile{display:inline !important}

  /* CHATGPT ADS — image transparente entre les stats et le timing. */
  .cgpt2-mobile-conversation{
    display:block !important;
    width:100% !important;
    max-width:620px !important;
    margin:4px auto -4px !important;
    padding:0 20px !important;
    text-align:center !important;
    overflow:visible !important;
  }

  .cgpt2-mobile-conversation img{
    display:block !important;
    width:min(100%,500px) !important;
    height:auto !important;
    margin:0 auto !important;
  }

  /* Réduire l'espace vide entre stats / image / "L'importance du timing". */
  .cgpt2-page .cgpt2-stats-band{
    padding-bottom:6px !important;
  }

  .cgpt2-page .cgpt2-why{
    padding-top:24px !important;
  }

  /* CHATGPT ADS — descriptions courtes des deux offres non justifiées. */
  .cgpt2-page .cgpt2-cross-offers .offer-card-heading p{
    text-align:left !important;
    text-justify:auto !important;
  }
}

@media(max-width:560px){
  .diagnostic-preview,
  .diagnostic-request-page .diagnostic-request-preview,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview,
  .accompaniment-intro > .diagnostic-preview{
    min-height:380px !important;
  }

  .diagnostic-preview .diagnostic-page,
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page{
    width:min(47%,176px) !important;
  }

  .diagnostic-preview .diagnostic-page-one,
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-one,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-one,
  .accompaniment-intro > .diagnostic-preview .diagnostic-page-one{
    left:18% !important;
    top:132px !important;
  }

  .diagnostic-preview .diagnostic-page-two,
  .diagnostic-request-page .diagnostic-request-preview .diagnostic-page-two,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-page-two,
  .accompaniment-intro > .diagnostic-preview .diagnostic-page-two{
    left:46% !important;
    top:98px !important;
  }

  .diagnostic-preview .diagnostic-note,
  .diagnostic-request-page .diagnostic-request-note,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note,
  .accompaniment-intro > .diagnostic-preview .diagnostic-note{
    left:4% !important;
    width:190px !important;
  }

  .diagnostic-preview .diagnostic-note svg,
  .diagnostic-request-page .diagnostic-request-note svg,
  .contact.contact-diagnostic-cta .contact-diagnostic-preview .diagnostic-note svg,
  .accompaniment-intro > .diagnostic-preview .diagnostic-note svg{
    width:76px !important;
    height:52px !important;
    margin-left:80px !important;
  }
}

@media (prefers-reduced-motion:reduce) and (max-width:1080px){
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    animation:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  .stats-band .stat-card:first-child,
  .cgpt2-page .cgpt2-stats-band .stat-card:first-child{
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* ========================================================================== */
/* V3.64 — Header binaire + rythme stats responsive                           */
/* ========================================================================== */

/* HEADER GLOBAL
   Supprime l'état intermédiaire : tant que le burger n'est pas affiché,
   le logo conserve son séparateur + sa signature complète. Dès que le
   burger apparaît, seuls le logo et le burger restent visibles. */
@media (min-width:1081px){
  .site-header .brand-divider{
    display:block !important;
  }
  .site-header .brand-tagline{
    display:flex !important;
  }
}

@media (max-width:1080px){
  .site-header .brand-divider,
  .site-header .brand-tagline{
    display:none !important;
  }
}

/* RESPONSIVE UNIQUEMENT — même fondu qu'avant, mais rotation plus rapide. */
@media (max-width:1080px){
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    animation-duration:20s !important;
  }

  .stats-band .stat-card:nth-child(1),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(1){
    animation-delay:0s !important;
  }

  .stats-band .stat-card:nth-child(2),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(2){
    animation-delay:5s !important;
  }

  .stats-band .stat-card:nth-child(3),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(3){
    animation-delay:10s !important;
  }

  .stats-band .stat-card:nth-child(4),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(4){
    animation-delay:15s !important;
  }

  /* CHATGPT ADS — Hero > visuel conversation > stats. */
  .cgpt2-page .cgpt2-mobile-conversation{
    margin-top:10px !important;
    margin-bottom:0 !important;
  }
  .cgpt2-page .cgpt2-stats-band{
    padding-top:8px !important;
  }
}


/* ========================================================================== */
/* V3.65 — Dernières retouches responsive + ordre SEO/GEO                     */
/* ========================================================================== */

/* Header global : éviter toute superposition avant le passage au burger.
   La signature n'apparaît que lorsque l'espace desktop est réellement suffisant. */
@media (min-width:1361px){
  .site-header .brand-divider{display:block !important}
  .site-header .brand-tagline{display:flex !important}
}
@media (max-width:1360px){
  .site-header .brand-divider,
  .site-header .brand-tagline{
    display:none !important;
  }
}

/* Variantes audit : desktop inchangé, mobile remplacé. */
.audit-story-mobile{display:none !important}

@media (max-width:1080px){

  /* INDEX — le texte long est remplacé par la statistique 65% sur mobile. */
  .paradigm-choice-desktop{display:none !important}
  .paradigm-story-body .paradigm-visual-stat-mobile{
    display:flex !important;
    margin:4px 0 2px !important;
    padding:20px 0 18px !important;
    border-top:1px solid var(--border) !important;
    border-bottom:1px solid var(--border) !important;
  }

  /* INDEX — suppression des trois cartes "Être compris / cité / recommandé". */
  .paradigm-grid{display:none !important}

  /* INDEX — nouvelle version du texte concurrentiel, justifiée sur mobile. */
  .audit-story-desktop{display:none !important}
  .audit-story-mobile{display:block !important}

  .audit-story-mobile .audit-battle p,
  .audit-story-mobile > p,
  .audit-story-mobile .audit-story-punchline{
    text-align:justify !important;
    text-justify:inter-word !important;
    hyphens:auto;
  }

  /* INDEX — les offres sont visibles immédiatement, sans attendre leur reveal au scroll. */
  .accompaniment .offers-showcase.reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  /* CHATGPT ADS — la zone portant le nouveau visuel transparent reprend
     exactement l'esprit gris clair de la bande de statistiques. */
  .cgpt2-page .cgpt2-mobile-conversation{
    max-width:none !important;
    margin:0 !important;
    padding:24px 20px 18px !important;
    background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%) !important;
  }
}

/* Respect du mode sans animation : les offres restent visibles. */
@media (prefers-reduced-motion:reduce) and (max-width:1080px){
  .accompaniment .offers-showcase.reveal{
    opacity:1 !important;
    transform:none !important;
  }
}


/* ========================================================================== */
/* V3.67 — Correctif responsive strict depuis V5                              */
/* ========================================================================== */

/* Variantes de contenu : le desktop conserve strictement son texte V5. */
.hero-lead-mobile,
.stat-count-mobile{display:none !important}

@media(max-width:1080px){
  /* INDEX — texte du hero mobile uniquement. */
  .hero-lead-desktop{display:none !important}
  .hero-lead-mobile{display:inline !important}

  /* INDEX + CHATGPT ADS — le 900 est immédiatement visible : seul le
     crossfade de la carte reste animé, pas le compteur 0 → 900. */
  .stat-count-desktop{display:none !important}
  .stat-count-mobile{display:inline !important}

  /* INDEX — ORGANIQUE VS PAYANT : tout le bloc d'introduction centré. */
  #geo-vs-gpt-ads .visibility-model-head,
  #geo-vs-gpt-ads .visibility-model-head .section-kicker,
  #geo-vs-gpt-ads .visibility-model-head h2,
  #geo-vs-gpt-ads .visibility-model-head > p:last-child{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* INDEX — VISIBILITÉ IA ORGANIQUE : kicker + titre centrés uniquement. */
  #solutions .paradigm-story-left > .section-kicker,
  #solutions .paradigm-story-left > h2{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* INDEX — stat 65% : aucun séparateur horizontal au-dessus ou dessous. */
  #solutions .paradigm-story-body .paradigm-visual-stat-mobile{
    border:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
  }
  #solutions .paradigm-story-body .paradigm-visual-stat-mobile::before,
  #solutions .paradigm-story-body .paradigm-visual-stat-mobile::after{
    display:none !important;
    content:none !important;
  }

  /* INDEX — analyse concurrentielle : vraies respirations entre le titre,
     chaque paragraphe et la punchline. */
  #audit .audit-story-mobile{
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
  }
  #audit .audit-story-mobile .audit-battle{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    margin:0 !important;
  }
  #audit .audit-story-mobile .audit-battle > strong,
  #audit .audit-story-mobile .audit-battle > p,
  #audit .audit-story-mobile > p{
    margin:0 !important;
  }
  #audit .audit-story-mobile .audit-story-punchline{
    margin:4px 0 0 !important;
    padding-top:22px !important;
  }

  /* INDEX — SEO VS GEO : kicker + titre centrés. */
  #seo-geo .growth-title,
  #seo-geo .growth-title .section-kicker,
  #seo-geo .growth-title h2{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* INDEX — "Nous ne remplaçons pas votre SEO..." centré. */
  #seo-geo .growth-intro-copy > p:first-child,
  #seo-geo .growth-intro-copy > p:first-child strong{
    display:block !important;
    text-align:center !important;
    text-justify:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* CHATGPT ADS — zone visuelle juste sous le hero avec exactement le même
     fond blanc/cyan à particules que le hero mobile de l'index. */
  .cgpt2-page .cgpt2-mobile-conversation{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:24px 20px 18px !important;
    background-color:#f8fcff !important;
    background-image:url('assets/mobile-hero-light-particles.webp') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:100% 100% !important;
  }

  /* CHATGPT ADS — titre de la section 360° centré. */
  .cgpt2-page #geo-vs-gpt-ads .visibility-model-head,
  .cgpt2-page #geo-vs-gpt-ads .visibility-model-head .section-kicker,
  .cgpt2-page #geo-vs-gpt-ads .visibility-model-head h2{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ========================================================================== */
/* V3.70 — Correctifs mobiles ciblés repris depuis la V7 stable               */
/* ========================================================================== */

@media(max-width:1080px){

  /* INDEX — ORGANIQUE VS PAYANT : retour à l'alignement gauche. */
  #geo-vs-gpt-ads .visibility-model-head,
  #geo-vs-gpt-ads .visibility-model-head .section-kicker,
  #geo-vs-gpt-ads .visibility-model-head h2,
  #geo-vs-gpt-ads .visibility-model-head > p:last-child{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* INDEX — VISIBILITÉ IA ORGANIQUE : retour à l'alignement gauche. */
  #solutions .paradigm-story-left > .section-kicker,
  #solutions .paradigm-story-left > h2{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* INDEX — la stat 65% est placée sous le manifeste, sans séparateur. */
  #solutions .paradigm-manifesto-inline + .paradigm-visual-stat-mobile{
    display:flex !important;
    margin:26px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
  }
  #solutions .paradigm-manifesto-inline + .paradigm-visual-stat-mobile::before,
  #solutions .paradigm-manifesto-inline + .paradigm-visual-stat-mobile::after{
    display:none !important;
    content:none !important;
  }

  /* INDEX — texte de l'analyse concurrentielle réellement justifié. */
  #audit .audit-story-mobile .audit-battle > p,
  #audit .audit-story-mobile > p,
  #audit .audit-story-mobile .audit-story-punchline{
    width:100% !important;
    max-width:none !important;
    text-align:justify !important;
    text-align-last:left !important;
    text-justify:inter-word !important;
    hyphens:auto !important;
  }
  #audit .audit-story-mobile .audit-story-punchline strong{
    text-align:inherit !important;
  }

  /* INDEX — "Nous ne remplaçons pas votre SEO..." : retour à gauche. */
  #seo-geo .growth-intro-copy > p:first-child,
  #seo-geo .growth-intro-copy > p:first-child strong{
    display:block !important;
    text-align:left !important;
    text-justify:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* ==========================================================================
   CONQET — Gestion du consentement / cookies
   ========================================================================== */

.footer-cookie-link{appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.footer-cookie-link:hover,.footer-cookie-link:focus-visible{color:var(--aqua)}
.cookie-consent[hidden],.cookie-modal[hidden]{display:none!important}
.cookie-consent{position:fixed;z-index:10000;inset:auto 20px 20px;display:flex;justify-content:center;pointer-events:none}
.cookie-consent__panel{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px 26px;background:rgba(8,30,51,.985);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 70px rgba(8,30,51,.32);backdrop-filter:blur(16px);pointer-events:auto}
.cookie-consent__copy{max-width:700px}
.cookie-consent__eyebrow{display:block;margin-bottom:7px;color:var(--aqua);font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.16em}
.cookie-consent__copy h2,.cookie-modal__dialog h2{margin:0;color:#fff;font-size:22px;line-height:1.18;letter-spacing:-.025em}
.cookie-consent__copy p{margin-top:8px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.55}
.cookie-consent__copy a{display:inline-block;margin-top:8px;color:#fff;font-size:12px;font-weight:700;text-underline-offset:3px}
.cookie-consent__actions{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;gap:10px}
.cookie-btn{min-height:44px;padding:11px 17px;border-radius:10px;border:1px solid transparent;font-family:var(--font-body);font-size:13px;line-height:1.1;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.cookie-btn:hover{transform:translateY(-1px)}
.cookie-btn:focus-visible,.cookie-modal__close:focus-visible,.footer-cookie-link:focus-visible,.cookie-switch input:focus-visible + span{outline:3px solid rgba(0,209,198,.38);outline-offset:3px}
.cookie-btn--primary,.cookie-btn--primary-alt{background:var(--aqua);color:var(--navy-deep);border-color:var(--aqua);box-shadow:0 8px 22px rgba(0,209,198,.18)}
.cookie-btn--primary-alt{background:#fff;border-color:#fff}
.cookie-btn--secondary{background:#fff;color:var(--navy-deep);border-color:#fff}
.cookie-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.cookie-modal{position:fixed;z-index:10010;inset:0;display:grid;place-items:center;padding:24px}
.cookie-modal__backdrop{position:absolute;inset:0;background:rgba(4,17,29,.72);backdrop-filter:blur(6px)}
.cookie-modal__dialog{position:relative;z-index:1;width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,#081E33,#0D3554);color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.36)}
.cookie-modal__dialog h2{font-size:30px}
.cookie-modal__intro{margin-top:11px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55}
.cookie-modal__close{position:absolute;top:18px;right:18px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.cookie-category{margin-top:16px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055)}
.cookie-category strong{display:block;color:#fff;font-family:var(--font-title);font-size:15px}
.cookie-category p{margin-top:5px;color:rgba(255,255,255,.66);font-size:12px;line-height:1.45}
.cookie-category--toggle{cursor:pointer}
.cookie-always-on{padding:7px 10px;border-radius:999px;background:rgba(0,209,198,.13);color:#7ffaf3;font-size:10px;font-weight:800;white-space:nowrap}
.cookie-switch{position:relative;width:50px;height:28px;flex:0 0 50px}
.cookie-switch input{position:absolute;opacity:0;pointer-events:none}
.cookie-switch span{position:absolute;inset:0;border-radius:999px;background:#536678;border:1px solid rgba(255,255,255,.16);transition:background .2s ease,border-color .2s ease}
.cookie-switch span::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:transform .2s ease}
.cookie-switch input:checked + span{background:var(--aqua);border-color:var(--aqua)}
.cookie-switch input:checked + span::after{transform:translateX(22px)}
.cookie-modal__actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;margin-top:22px}
.cookie-modal-open{overflow:hidden}

@media (max-width:1080px){
  .cookie-consent{inset:auto 12px 12px}
  .cookie-consent__panel{grid-template-columns:1fr;gap:18px;padding:20px}
  .cookie-consent__actions{grid-template-columns:1fr 1fr 1fr}
  .cookie-btn{width:100%}
}

@media (max-width:680px){
  .cookie-consent{inset:auto 8px 8px}
  .cookie-consent__panel{gap:15px;padding:18px 16px 16px;border-radius:16px}
  .cookie-consent__copy h2{font-size:19px}
  .cookie-consent__copy p{font-size:13px}
  .cookie-consent__actions{grid-template-columns:1fr;gap:8px}
  .cookie-consent__actions .cookie-btn--secondary{order:1}
  .cookie-consent__actions .cookie-btn--ghost{order:2}
  .cookie-consent__actions .cookie-btn--primary{order:3}
  .cookie-modal{padding:10px}
  .cookie-modal__dialog{max-height:calc(100vh - 20px);padding:28px 18px 20px;border-radius:18px}
  .cookie-modal__dialog h2{padding-right:44px;font-size:25px}
  .cookie-category{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px}
  .cookie-modal__actions{grid-template-columns:1fr}
}



/* ========================================================================== */
/* V3.68 — Correctifs ciblés 01/10/2026                                      */
/* ========================================================================== */

/* Footer global — le bouton "Gérer mes cookies" adopte exactement la même
   présentation que les liens voisins, sur desktop comme sur mobile. */
.footer-links a,
.footer-links .footer-cookie-link{
  text-decoration:none;
  color:rgba(255,255,255,.72);
  font-family:inherit;
  font-size:11px;
  line-height:inherit;
  font-weight:600;
  letter-spacing:normal;
  transition:color .2s ease;
}
.footer-links .footer-cookie-link{
  appearance:none;
  border:0;
  background:none;
  padding:0;
  margin:0;
  cursor:pointer;
}
.footer-links a:hover,
.footer-links .footer-cookie-link:hover,
.footer-links .footer-cookie-link:focus-visible{color:var(--aqua)}

/* INDEX + CHATGPT ADS — rotation des 4 statistiques mobile plus rapide :
   3 s par statistique, tout en conservant le fondu validé. */
@media (max-width:1080px){
  .stats-band .stat-card,
  .cgpt2-page .cgpt2-stats-band .stat-card{
    animation-duration:12s !important;
  }
  .stats-band .stat-card:nth-child(1),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(1){animation-delay:0s !important}
  .stats-band .stat-card:nth-child(2),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(2){animation-delay:3s !important}
  .stats-band .stat-card:nth-child(3),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(3){animation-delay:6s !important}
  .stats-band .stat-card:nth-child(4),
  .cgpt2-page .cgpt2-stats-band .stat-card:nth-child(4){animation-delay:9s !important}
}

/* INDEX desktop — la frise et toutes les cartes d'offres sont déjà visibles
   lorsqu'on atteint la section ; aucun reveal tardif au fur et à mesure. */
@media (min-width:1081px){
  .accompaniment .offers-showcase.reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* ========================================================================== */
/* V3.69 — Correctif final footer cookies                                   */
/* ========================================================================== */

/* FOOTER GLOBAL — même rendu, au pixel près, pour les liens légaux et le
   bouton d'ouverture des préférences cookies. Les !important neutralisent
   à la fois le style natif du <button> et les anciennes règles de consentement. */
.footer-links > a,
.footer-links > .footer-cookie-link{
  -webkit-appearance:none !important;
  appearance:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.76) !important;
  font-family:var(--font-body) !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  text-decoration:none !important;
  text-underline-offset:initial !important;
  text-transform:none !important;
  white-space:nowrap !important;
}
.footer-links > .footer-cookie-link{cursor:pointer !important}
.footer-links > a:hover,
.footer-links > .footer-cookie-link:hover,
.footer-links > a:focus-visible,
.footer-links > .footer-cookie-link:focus-visible{
  color:var(--aqua) !important;
  text-decoration:none !important;
}

/* ========================================================================== */
/* V3.71 — INDEX : hero responsive stabilisé                                */
/* ========================================================================== */

/* 1) Desktop intermédiaire : le visuel remplit toujours toute la hauteur.
      On masque aussi le kicker dans la zone où il peut se rapprocher du
      header, et on annule le décalage vertical négatif du bloc texte. */
@media (min-width:1081px) and (max-width:1450px){
  .hero-bg{
    background-size:auto 101% !important;
  }
  .hero-kicker{
    display:none !important;
  }
  .hero-copy{
    margin-top:0 !important;
  }
}

/* 2) Tant qu'il reste assez de largeur, les deux CTA restent sur UNE ligne.
      Une légère réduction ciblée suffit à éviter le retour à la ligne sans
      modifier le reste du hero. */
@media (min-width:1201px) and (max-width:1450px){
  .hero-actions{
    flex-wrap:nowrap !important;
    gap:10px !important;
  }
  .hero-actions .btn-lg{
    flex:0 0 auto;
    padding:16px 18px !important;
    font-size:15px !important;
    white-space:nowrap;
  }
}

/* 3) À partir d'un seul breakpoint, les CTA passent l'un sous l'autre et
      restent ainsi jusqu'au responsive mobile. Plus aucun effet
      "empilé → côte à côte → empilé" pendant le redimensionnement. */
@media (min-width:761px) and (max-width:1200px){
  .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
  .hero-actions .btn{
    width:auto !important;
  }
}

/* 4) Sur le petit desktop où le texte prend davantage de lignes, on donne au
      hero la hauteur nécessaire pour que le titre ne puisse jamais être rogné. */
@media (min-width:1081px) and (max-width:1200px){
  .hero-shell{
    min-height:650px !important;
  }
}



/* ========================================================================== */
/* V3.72 — ChatGPT Ads : footer strictement aligné sur le footer global       */
/* ========================================================================== */
.cgpt2-page .site-footer .footer-meta{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr) !important;
  gap:34px !important;
  align-items:center !important;
  padding-bottom:12px !important;
  text-align:initial !important;
}
.cgpt2-page .site-footer .footer-motto{
  margin:0 !important;
  color:#fff !important;
  font:700 16px/1.3 var(--font-title) !important;
}
.cgpt2-page .site-footer .footer-links{
  justify-self:center !important;
  justify-content:center !important;
  align-items:center !important;
}
.cgpt2-page .site-footer .footer-social{
  justify-self:end !important;
  justify-content:flex-end !important;
}
.cgpt2-page .site-footer .footer-social .footer-email{
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  display:inline-block !important;
  border-radius:0 !important;
  background:none !important;
  color:rgba(255,255,255,.76) !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-decoration:none !important;
}
@media(max-width:1080px){
  .cgpt2-page .site-footer .footer-meta{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .cgpt2-page .site-footer .footer-motto,
  .cgpt2-page .site-footer .footer-links,
  .cgpt2-page .site-footer .footer-social{
    justify-self:center !important;
    justify-content:center !important;
  }
}