.ads-page [hidden]{display:none!important}
.ads-page main h1{font-size:clamp(42px,4.6vw,66px);line-height:1.08;max-width:610px}
.ads-page main h2{font-size:clamp(32px,3.1vw,45px);line-height:1.15}
.ads-page main h3{font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.35}
.ads-page main p{font-size:14px;line-height:1.85}
.ads-page main section[id]{scroll-margin-top:120px}
.ads-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding-top:25px;color:var(--muted);font-size:11px}
.ads-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.ads-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding-block:58px 65px}
.ads-hero>div>p{max-width:490px;margin-top:26px}
.ads-page .hero-actions{gap:24px;margin-top:29px}
.ads-page .hero-actions .button,.ads-page .hero-actions .text-link{font-size:12px}
.ads-hero-image{min-width:0;margin:0}
.ads-hero-image>a{display:block;position:relative;overflow:hidden;border-radius:3px;background:#e9e5e1}
.ads-hero-image>a>img{display:block;width:100%;height:365px;object-fit:cover;object-position:center top}
.ads-client-mark{position:absolute;bottom:22px;left:22px;background:#fff;padding:14px 20px}
.ads-client-mark>img{display:block;width:100px;height:38px;object-fit:contain}
.ads-image-arrow{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:36px;height:36px;background:white;font-size:24px}
.ads-hero-image figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.7;margin-top:14px}
.ads-hero-image figcaption>span{color:var(--muted);text-align:right}
.ads-section{padding-block:72px}
.ads-channels{border-top:1px solid var(--line);padding-top:48px}
.ads-channels>h2{max-width:700px}
.ads-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:35px}
.ads-platforms{display:flex;align-items:center;gap:20px;min-height:38px;margin-bottom:21px}
.ads-platforms>img{object-fit:contain;flex:none}
.ads-channel-grid p{margin-top:12px;max-width:330px}
.ads-analysis-wrap{background:#f3f5f6;border-block:1px solid var(--line)}
.ads-analysis{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:9%;align-items:center}
.ads-analysis>div>p{margin-top:25px;max-width:480px}
.ads-analysis>div>.text-link{margin-top:23px}
.ads-comparison{padding:30px;background:white;border:1px solid var(--line);border-radius:4px;margin:0;min-width:0}
.ads-chart-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}
.ads-page main .ads-chart-heading h3{font-size:17px;max-width:225px;letter-spacing:-.025em}
.ads-chart-heading>span{font-size:10px;color:var(--muted);padding-top:4px;white-space:nowrap}
.ads-metric-controls{display:flex;gap:4px;padding:4px;background:#f0f3f5;margin-top:25px;border-radius:3px}
.ads-metric-controls>button{flex:1;font-size:11px;line-height:1.5;padding:11px 8px;min-height:44px;border-radius:2px;color:#536177}
.ads-metric-controls>button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 3px #0c172912}
.ads-metric-controls>button:focus-visible{outline:2px solid #4374b5;outline-offset:3px}
.ads-chart{margin-top:30px}
.ads-chart-row+.ads-chart-row{margin-top:22px}
.ads-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:12px;margin-bottom:10px}
.ads-bar-label strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.ads-bar-track{height:18px;background:#eef1f3;border-radius:1px;overflow:hidden}
.ads-bar{display:block;height:100%;width:var(--bar-size);background:#8e9da9;transition:width 650ms cubic-bezier(.22,.61,.36,1)}
.ads-bar-b{background:#345e65}
.ads-chart-inputs{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}
.ads-chart-inputs>div{display:flex;flex-direction:column;gap:7px;font-size:10px}
.ads-chart-inputs span{color:var(--muted)}
.ads-chart-inputs strong{font-size:11px;font-weight:500;line-height:1.6}
.ads-page main .ads-chart-explanation{font-size:11px;color:var(--ink);margin-top:20px;min-height:41px}
.ads-comparison figcaption{font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:16px}
.ads-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ads-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:start;margin-bottom:37px}
.ads-section-heading>p{padding-top:4px;max-width:400px}
.ads-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ads-tool-grid>article{display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);padding:27px 25px;border-radius:3px;min-width:0}
.ads-product{display:flex;align-items:center;gap:14px}
.ads-product>img{flex:none;object-fit:contain}
.ads-page main .ads-product h3{font-size:17px;letter-spacing:-.02em}
.ads-tool-grid p{margin-top:20px;margin-bottom:23px}
.ads-tool-grid .text-link{margin-top:auto;font-size:11px;gap:17px}
.ads-reference{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-top:1px solid var(--line)}
.ads-reference-image{display:block;overflow:hidden;border-radius:3px}
.ads-reference-image>img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover}
.ads-reference-logo{display:block;object-fit:contain;object-position:left center;width:160px;height:45px;margin-bottom:23px;filter:grayscale(1)}
.ads-reference h2{max-width:490px}
.ads-reference p{margin-top:22px;max-width:455px}
.ads-reference .text-link{margin-top:24px}
.ads-process{border-top:1px solid var(--line)}
.ads-process>h2{max-width:730px}
.ads-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;list-style:none;margin:39px 0 0;padding:0}
.ads-process li{border-top:1px solid var(--line);padding-top:23px}
.ads-process li>span{display:block;color:var(--muted);font-size:10px;margin-bottom:15px}
.ads-process li p{margin-top:13px}
.ads-faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--line)}
.ads-faq details{border-top:1px solid var(--line)}
.ads-faq details:last-child{border-bottom:1px solid var(--line)}
.ads-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;min-height:70px;padding-block:20px;font-size:14px;font-weight:500;line-height:1.6}
.ads-faq summary::-webkit-details-marker{display:none}
.ads-faq summary::after{content:'+';font-size:22px;font-weight:400;flex:0 0 14px}
.ads-faq details[open]>summary::after{content:'−'}
.ads-faq details>p{padding:0 25px 24px 0}
.ads-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center;border-top:1px solid var(--ink);padding-block:48px 70px}
.ads-cta h2{max-width:740px}
.ads-cta p{max-width:610px;margin-top:18px}
@media(max-width:1000px){.ads-hero{gap:5%}.ads-hero-image>a>img{height:330px}.ads-analysis{gap:6%}.ads-comparison{padding:24px}.ads-channel-grid{gap:30px}.ads-tool-grid{gap:17px}.ads-tool-grid>article{padding:22px 20px}.ads-product{gap:10px}.ads-page main .ads-product h3{font-size:15px}.ads-process ol{gap:24px}}
@media(max-width:760px){.ads-page main h1{font-size:clamp(39px,7.9vw,58px)}.ads-hero{grid-template-columns:1fr;gap:33px;padding-block:43px 48px}.ads-hero>div>p{max-width:570px}.ads-hero-image{width:100%;max-width:600px;justify-self:center}.ads-hero-image>a>img{height:auto;aspect-ratio:1.55;object-position:center top}.ads-client-mark{bottom:16px;left:16px;padding:10px 15px}.ads-client-mark>img{width:85px;height:32px}.ads-hero-image figcaption{font-size:10px}.ads-section{padding-block:53px}.ads-channels{padding-top:42px}.ads-channel-grid{grid-template-columns:1fr;gap:29px;margin-top:30px}.ads-platforms{margin-bottom:13px}.ads-channel-grid p{max-width:570px}.ads-analysis{grid-template-columns:1fr;gap:30px}.ads-analysis>div>p{max-width:570px}.ads-comparison{max-width:560px;width:100%;justify-self:center;padding:25px}.ads-page main .ads-chart-heading h3{font-size:17px}.ads-chart-heading{gap:16px}.ads-chart-inputs{gap:15px}.ads-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:29px}.ads-section-heading>p{padding:0;max-width:570px}.ads-tool-grid{grid-template-columns:1fr;gap:17px}.ads-tool-grid>article{padding:25px}.ads-product{gap:14px}.ads-page main .ads-product h3{font-size:18px}.ads-tool-grid p{max-width:570px;margin-top:16px;margin-bottom:18px}.ads-reference{grid-template-columns:1fr;gap:29px}.ads-reference-logo{margin-bottom:18px}.ads-reference h2,.ads-reference p{max-width:570px}.ads-process ol{grid-template-columns:1fr 1fr;gap:30px;margin-top:29px}.ads-faq-section{grid-template-columns:1fr;gap:28px}.ads-cta{grid-template-columns:1fr;justify-items:start;gap:25px;padding-block:36px 50px}}
@media(max-width:380px){.ads-comparison{padding:20px}.ads-chart-heading{display:block}.ads-chart-heading>span{display:block;margin-top:8px}.ads-page main .ads-chart-heading h3{max-width:none}.ads-metric-controls>button{font-size:10px;padding-inline:5px}.ads-chart-inputs{grid-template-columns:1fr;gap:16px}.ads-chart-explanation{min-height:62px}.ads-process ol{grid-template-columns:1fr}.ads-client-mark{bottom:12px;left:12px;padding:8px 12px}.ads-client-mark>img{width:75px;height:27px}}
@media(prefers-reduced-motion:reduce){.ads-bar{transition:none}}

/* GPT Ads : nom visible pour distinguer le canal publicitaire de la visibilité IA. */
.ads-platform-name{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:12px;font-weight:500;line-height:1.4;color:var(--ink);white-space:nowrap}
.ads-platform-name img{display:block;object-fit:contain;flex:none}