/* p-marketing-local.css — refonte de mise en page (14-10). Sélecteurs préfixés body.p-marketing-local main.int. Généré depuis la source de travail ; aucun fichier partagé modifié. */
/* ============ ICÔNES, SQUELETTES, TITRES ============ */
body.p-marketing-local main.int .ml-sprite{position:absolute;width:0;height:0;overflow:hidden}
body.p-marketing-local main.int .ml-ic{display:block;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
body.p-marketing-local main.int .ml-ic.fill{fill:currentColor;stroke:none}
body.p-marketing-local main.int .sk{display:block;height:.5rem;border-radius:99px;background:rgba(18,15,11,.14);max-width:100%}
body.p-marketing-local main.int .sk.w3{width:30%}body.p-marketing-local main.int .sk.w4{width:40%}body.p-marketing-local main.int .sk.w5{width:50%}body.p-marketing-local main.int .sk.w6{width:60%}body.p-marketing-local main.int .sk.w7{width:70%}body.p-marketing-local main.int .sk.w8{width:80%}body.p-marketing-local main.int .sk.w9{width:90%}body.p-marketing-local main.int .sk.w10{width:100%}
body.p-marketing-local main.int .stars{display:inline-flex;gap:2px;color:var(--orange)}
body.p-marketing-local main.int .stars .ml-ic{width:.95rem;height:.95rem}
body.p-marketing-local main.int .stars.sm .ml-ic{width:.78rem;height:.78rem}

body.p-marketing-local main.int .ml-h2{margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(2.1rem,3.7vw,3.5rem);line-height:1.05;letter-spacing:-.028em;text-wrap:balance;color:var(--ink-900)}
body.p-marketing-local main.int .ml-h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,1.15rem + .5vw,1.55rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink-900)}
body.p-marketing-local main.int .ml-p{margin:0;max-width:56ch;font-size:1.0625rem;line-height:1.58;color:var(--ink-800)}
body.p-marketing-local main.int .ml-h3 + .ml-p{margin-top:.55rem}
body.p-marketing-local main.int .ml-head .ml-p,body.p-marketing-local main.int .ml-feed-copy .ml-p{margin-top:1.15rem;font-size:1.125rem}
body.p-marketing-local main.int .ml-h3 .card-link{font:inherit;padding:0;border:0;color:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;display:inline}
body.p-marketing-local main.int .ml-local :focus-visible,body.p-marketing-local main.int .ml-feed :focus-visible,body.p-marketing-local main.int .ml-route :focus-visible,body.p-marketing-local main.int .ml-faq :focus-visible,body.p-marketing-local main.int .ml-panel :focus-visible,body.p-marketing-local main.int .ml-strip :focus-visible{outline-color:var(--orange-deep)}
body.p-marketing-local main.int .ml-ac:has(.card-link:focus-visible),body.p-marketing-local main.int .ml-stop:has(.card-link:focus-visible){outline:2px solid var(--orange-deep);outline-offset:6px;border-radius:.6rem}
body.p-marketing-local main.int .ml-ac:has(.card-link:focus-visible){outline-color:var(--orange)}
body.p-marketing-local main.int .ml-off,body.p-marketing-local main.int .ml-off *,body.p-marketing-local main.int .ml-off *::before,body.p-marketing-local main.int .ml-off *::after{animation-play-state:paused!important}

@keyframes ml-ping{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.4);opacity:0}}
@keyframes ml-radar{0%{scale:.12;opacity:0}12%{opacity:.6}100%{scale:1;opacity:0}}
@keyframes ml-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes ml-type{0%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(24,end)}28%{clip-path:inset(0 0 0 0)}94%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes ml-carmove{0%{left:0;animation-timing-function:steps(24,end)}28%{left:100%}94%{left:100%}100%{left:0}}
@keyframes ml-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ml-a1{0%,30%{opacity:0;transform:translateY(8px)}36%{opacity:1;transform:none}94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ml-a2{0%,38%{opacity:0;transform:translateY(8px)}44%{opacity:1;transform:none}94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ml-a3{0%,46%{opacity:0;transform:translateY(8px)}52%{opacity:1;transform:none}94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ml-a4{0%,54%{opacity:0;transform:translateY(8px)}60%{opacity:1;transform:none}94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ml-stop{0%{transform:scale(.3);opacity:.6}100%{transform:scale(1.5);opacity:0}}
@keyframes ml-ride{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}

/* ============ HÉROS : la carte, la fiche, le repère ============ */
body.p-marketing-local main.int .ml-hero{position:relative;padding:0;background:var(--forest-900);color:var(--paper);overflow:clip}
body.p-marketing-local main.int .ml-map{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
body.p-marketing-local main.int .ml-map .bg,body.p-marketing-local main.int .pk-svg .bg{fill:var(--forest-900)}
body.p-marketing-local main.int .ml-map .mn{stroke:var(--champagne);stroke-opacity:.09;stroke-width:2;fill:none}
body.p-marketing-local main.int .ml-map .mj{stroke:var(--champagne);stroke-opacity:.18;stroke-width:6;fill:none;stroke-linecap:round}
body.p-marketing-local main.int .ml-map .pk{fill:var(--forest-700);fill-opacity:.6}
body.p-marketing-local main.int .ml-map .rv{stroke:var(--sage);stroke-opacity:.22;stroke-width:44;fill:none;stroke-linecap:round}
body.p-marketing-local main.int .ml-map .mp-d{fill:var(--champagne);fill-opacity:.6}
body.p-marketing-local main.int .ml-map .mp-r{fill:none;stroke:var(--champagne);stroke-opacity:.45;stroke-width:1.5;transform-box:fill-box;transform-origin:center}

body.p-marketing-local main.int .ml-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,88px);align-items:center;width:min(100%,1280px);margin-inline:auto;padding:clamp(36px,4.5vw,68px) var(--gutter) clamp(52px,6vw,92px)}
body.p-marketing-local main.int .ml-panel{position:relative;z-index:3;min-width:0;background:var(--paper);color:var(--ink-900);border-radius:.55rem;padding:clamp(26px,3.4vw,54px);box-shadow:0 34px 70px -34px rgba(0,0,0,.65)}
body.p-marketing-local main.int .ml-panel .page-title{margin:clamp(18px,2.4vw,30px) 0 0;max-width:14ch;font-size:clamp(2.2rem,3.9vw,3.9rem);font-weight:300;line-height:1.04;letter-spacing:-.03em;color:var(--ink-900);text-wrap:balance}
body.p-marketing-local main.int .ml-panel .lead{margin-top:clamp(16px,1.8vw,24px);max-width:40ch;color:var(--ink-800);font-size:clamp(1.05rem,1.25vw,1.22rem);line-height:1.55}
body.p-marketing-local main.int .ml-panel .page-hero-actions{margin-top:clamp(24px,2.8vw,36px)}
body.p-marketing-local main.int .ml-panel .btn-ghost{color:var(--ink-900);border-color:rgba(18,15,11,.4)}
body.p-marketing-local main.int .ml-panel .btn-ghost:hover{border-color:var(--ink-900)}

body.p-marketing-local main.int .ml-place{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:0}
body.p-marketing-local main.int .ml-fiche{position:relative;z-index:3;width:min(100%,410px);margin:0;background:var(--paper);color:var(--ink-900);border-radius:1rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
body.p-marketing-local main.int .ml-fiche::after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;margin-left:-9px;background:var(--paper);transform:rotate(45deg);border-radius:0 0 3px 0}
body.p-marketing-local main.int .ml-fiche-img{aspect-ratio:16/10;overflow:hidden;border-radius:1rem 1rem 0 0;background:var(--forest-700)}
body.p-marketing-local main.int .ml-fiche-img img{display:block;width:100%;height:100%;object-fit:cover;animation:none;filter:none}
body.p-marketing-local main.int .ml-fiche-body{display:grid;gap:12px;padding:16px 18px 20px}
body.p-marketing-local main.int .fb-top,body.p-marketing-local main.int .pkp-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.p-marketing-local main.int .fb-name,body.p-marketing-local main.int .pkp-h b{font-family:var(--font-display);font-weight:500;font-size:1.2rem;letter-spacing:-.01em}
body.p-marketing-local main.int .fb-meta{display:grid;gap:7px}
body.p-marketing-local main.int .fb-acts,body.p-marketing-local main.int .pkp-acts{display:flex;gap:10px}
body.p-marketing-local main.int .fb-act{flex:1;display:grid;justify-items:center;gap:6px;padding:9px 4px;border-radius:.7rem;border:1px solid rgba(18,15,11,.14);font-size:.8rem;color:var(--ink-800)}
body.p-marketing-local main.int .fb-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--forest-900);color:var(--paper)}
body.p-marketing-local main.int .fb-ic .ml-ic{width:1.05rem;height:1.05rem}
body.p-marketing-local main.int .fb-act:first-child .fb-ic{background:var(--orange);color:var(--ink-900)}
body.p-marketing-local main.int .ml-fiche .pgh-card{display:flex;position:static;animation:none;box-shadow:none;background:color-mix(in srgb,var(--champagne) 55%,var(--paper));padding:10px 14px;border-radius:.7rem;max-width:none;gap:2px 10px;justify-content:space-between;opacity:1;transform:none}
body.p-marketing-local main.int .ml-fiche .pgh-from{color:var(--muted)}
body.p-marketing-local main.int .ml-fiche .pgh-to{color:var(--orange-deep)}

body.p-marketing-local main.int .ml-pin{position:relative;z-index:1;width:0;height:80px;margin-top:8px}
body.p-marketing-local main.int .ml-pin .pn{position:absolute;left:-17px;top:6px;width:34px;height:34px;background:var(--orange);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
body.p-marketing-local main.int .ml-pin .pn::after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--ink-900)}
body.p-marketing-local main.int .ml-pin .sh{position:absolute;left:-14px;top:43px;width:28px;height:8px;border-radius:50%;background:rgba(0,0,0,.42)}
body.p-marketing-local main.int .ml-pin .rg{position:absolute;left:0;top:47px;border-radius:50%;border:1.5px solid var(--champagne);translate:-50% -50%;pointer-events:none}
body.p-marketing-local main.int .ml-pin .r1{width:200px;height:100px;opacity:.6}
body.p-marketing-local main.int .ml-pin .r2{width:420px;height:210px;opacity:.32}
body.p-marketing-local main.int .ml-pin .r3{width:700px;height:350px;opacity:.16}

body.p-marketing-local main.int .ml-strip{position:relative;z-index:4;background:var(--paper);color:var(--ink-900)}
body.p-marketing-local main.int .ml-strip-in{width:min(100%,1280px);margin-inline:auto;padding:clamp(30px,4vw,56px) var(--gutter) clamp(34px,4.4vw,60px)}
body.p-marketing-local main.int .ml-strip .pair{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
body.p-marketing-local main.int .ml-strip .pair-side{padding:0;border:0;border-radius:0}
body.p-marketing-local main.int .ml-strip .pair-lbl{display:flex;align-items:center;gap:.8em;color:var(--muted)}
body.p-marketing-local main.int .ml-strip .pair-lbl::before{content:"";flex:none;width:.8em;height:.8em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid currentColor}
body.p-marketing-local main.int .ml-strip .pair-with .pair-lbl{color:var(--orange-deep)}
body.p-marketing-local main.int .ml-strip .pair-with .pair-lbl::before{background:var(--orange);border-color:var(--orange)}
body.p-marketing-local main.int .ml-strip .pair-txt{margin-top:12px;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.5}
body.p-marketing-local main.int .ml-strip .pair-today .pair-txt{color:var(--muted)}
body.p-marketing-local main.int .ml-strip .pair-with .pair-txt{color:var(--ink-900)}
body.p-marketing-local main.int .ml-strip .triplets{margin-top:clamp(26px,3.4vw,42px);padding-top:clamp(22px,2.8vw,32px);border-top:2px dashed rgba(18,15,11,.22);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,36px)}
body.p-marketing-local main.int .ml-strip .triplets li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0;min-height:0;border:0;border-radius:0;background:none}
body.p-marketing-local main.int .ml-strip .tri-from{color:var(--muted)}
body.p-marketing-local main.int .ml-strip .tri-arrow{color:var(--orange-deep)}
body.p-marketing-local main.int .ml-strip .tri-to{color:var(--ink-900)}

@media (prefers-reduced-motion:no-preference){
  body.p-marketing-local main.int .ml-hero .mp-r{animation:ml-ping 4.6s ease-out infinite;animation-delay:var(--d)}
  body.p-marketing-local main.int .ml-hero .mp-r2{animation-delay:calc(var(--d) + 2.3s)}
  body.p-marketing-local main.int .ml-pin .rg{width:700px;height:350px;opacity:0;animation:ml-radar 7.2s linear infinite}
  body.p-marketing-local main.int .ml-pin .r1{animation-delay:0s}
  body.p-marketing-local main.int .ml-pin .r2{animation-delay:-2.4s}
  body.p-marketing-local main.int .ml-pin .r3{animation-delay:-4.8s}
  body.p-marketing-local main.int .ml-pin .pn{animation:ml-bob 2.6s ease-in-out infinite}
}

/* ============ SECTION 1 : la fiche, la carte, l'avis ============ */
body.p-marketing-local main.int .ml-local{background:color-mix(in srgb,var(--champagne) 40%,var(--paper));padding-block:clamp(60px,8vw,120px)}
body.p-marketing-local main.int .ml-local-in{width:min(100%,1280px);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,104px);align-items:stretch}
body.p-marketing-local main.int .ml-lc-list{list-style:none;margin:clamp(36px,5vw,64px) 0 0;padding:0;display:flex;flex-direction:column}
body.p-marketing-local main.int .ml-lc{position:relative;min-height:clamp(210px,30vh,320px);padding:clamp(22px,3vw,34px) 0 clamp(22px,3vw,34px) clamp(68px,7.5vw,100px);border-top:1px solid rgba(18,15,11,.18)}
body.p-marketing-local main.int .ml-lc:last-child{border-bottom:1px solid rgba(18,15,11,.18)}
body.p-marketing-local main.int .ml-n{position:absolute;left:0;top:clamp(18px,2.6vw,30px);font-family:var(--font-display);font-weight:200;font-size:clamp(2.6rem,4.4vw,4rem);line-height:1;letter-spacing:-.03em;color:rgba(18,15,11,.3);transition:color .35s ease}
body.p-marketing-local main.int .ml-lc.is-on .ml-n{color:var(--orange-deep)}
body.p-marketing-local main.int .ml-lc::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--orange-deep);transition:width .5s ease}
body.p-marketing-local main.int .ml-lc.is-on::before{width:clamp(48px,5.6vw,76px)}
body.p-marketing-local main.int .ml-local-mock{position:relative;min-width:0}
body.p-marketing-local main.int .ml-pack{position:sticky;top:112px;width:min(100%,470px);margin-left:auto;background:var(--paper);border-radius:1.1rem;overflow:hidden;box-shadow:0 34px 64px -36px rgba(18,15,11,.55),0 0 0 1px rgba(18,15,11,.1)}
body.p-marketing-local main.int .pk-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(18,15,11,.1);color:var(--muted)}
body.p-marketing-local main.int .pk-bar .sk{flex:1;width:auto}
body.p-marketing-local main.int .pk-map{aspect-ratio:400/190;background:var(--forest-900)}
body.p-marketing-local main.int .pk-svg{display:block;width:100%;height:100%}
body.p-marketing-local main.int .pk-svg .mn{stroke:var(--champagne);stroke-opacity:.1;stroke-width:1.2;fill:none}
body.p-marketing-local main.int .pk-svg .mj{stroke:var(--champagne);stroke-opacity:.22;stroke-width:3.5;fill:none;stroke-linecap:round}
body.p-marketing-local main.int .pk-svg .rv{stroke:var(--sage);stroke-opacity:.26;stroke-width:22;fill:none;stroke-linecap:round}
body.p-marketing-local main.int .pk-oth circle{fill:var(--champagne);fill-opacity:.55}
body.p-marketing-local main.int .pk-rad{fill:rgba(232,136,32,.07);stroke:var(--orange-light);stroke-width:1.2;stroke-dasharray:4 4;opacity:0;transition:opacity .45s ease}
body.p-marketing-local main.int .ml-local[data-state="2"] .pk-rad{opacity:1}
body.p-marketing-local main.int .pk-drop{fill:var(--orange)}
body.p-marketing-local main.int .pk-hole{fill:var(--ink-900)}
body.p-marketing-local main.int .pk-ring{fill:none;stroke:var(--orange-light);stroke-width:1.5;opacity:.5;transform-box:fill-box;transform-origin:center}
body.p-marketing-local main.int .pk-st{opacity:0;transition:opacity .45s ease}
body.p-marketing-local main.int .pk-st rect{fill:var(--paper)}
body.p-marketing-local main.int .pk-st use{fill:var(--orange);stroke:none}
body.p-marketing-local main.int .ml-local[data-state="3"] .pk-st{opacity:1}
body.p-marketing-local main.int .pk-stack{display:grid;padding:16px 18px 20px;min-height:236px}
body.p-marketing-local main.int .pk-panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,visibility 0s .4s}
body.p-marketing-local main.int .ml-local[data-state="1"] .p1,body.p-marketing-local main.int .ml-local[data-state="2"] .p2,body.p-marketing-local main.int .ml-local[data-state="3"] .p3{opacity:1;visibility:visible;transform:none;transition-delay:0s}
body.p-marketing-local main.int .pkp-h{margin-bottom:12px}
body.p-marketing-local main.int .pkp-acts{margin-bottom:14px}
body.p-marketing-local main.int .pkp-sk{display:grid;gap:7px;margin-bottom:14px}
body.p-marketing-local main.int .pkp-ph{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.p-marketing-local main.int .pkp-ph i{display:block;aspect-ratio:3/2;border-radius:.5rem;background:var(--champagne)}
body.p-marketing-local main.int .pkp-ph i:nth-child(2){background:var(--sage);opacity:.65}
body.p-marketing-local main.int .pkp-row{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:6px;border-radius:.7rem;border:1px solid transparent}
body.p-marketing-local main.int .pkp-row.on{border-color:var(--orange-deep);background:color-mix(in srgb,var(--champagne) 50%,var(--paper))}
body.p-marketing-local main.int .pkp-pin{color:var(--muted)}
body.p-marketing-local main.int .pkp-row.on .pkp-pin{color:var(--orange-deep)}
body.p-marketing-local main.int .pkp-tx{display:grid;gap:7px;flex:1;min-width:0}
body.p-marketing-local main.int .pkp-tx b{font-family:var(--font-display);font-weight:500;font-size:1.02rem}
body.p-marketing-local main.int .pkp-rev{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid rgba(18,15,11,.1)}
body.p-marketing-local main.int .pkp-av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--champagne)}
body.p-marketing-local main.int .pkp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body.p-marketing-local main.int .pkp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid rgba(18,15,11,.2);font-size:.82rem;color:var(--ink-800)}
body.p-marketing-local main.int .pkp-chip .ml-ic{width:.9rem;height:.9rem}

@media (prefers-reduced-motion:no-preference){
  body.p-marketing-local main.int .ml-local .pk-ring{animation:ml-ping 3.2s ease-out infinite}
  body.p-marketing-local main.int .ml-local .pk-ring2{animation-delay:1.6s}
}

/* ============ SECTION 2 : la question tapée, la réponse ============ */
body.p-marketing-local main.int .ml-ask{position:relative;background:var(--forest-900);color:var(--paper);padding-block:clamp(60px,8vw,120px);overflow:clip}
body.p-marketing-local main.int .ml-ask::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(228,217,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(228,217,196,.05) 1px,transparent 1px);background-size:88px 88px}
body.p-marketing-local main.int .ml-ask-in{position:relative;width:min(100%,1280px);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:center}
body.p-marketing-local main.int .ml-ask .ml-h2,body.p-marketing-local main.int .ml-ask .ml-h3{color:var(--paper)}
body.p-marketing-local main.int .ml-ask .ml-p{color:var(--champagne)}
body.p-marketing-local main.int .ml-ac-list{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0}
body.p-marketing-local main.int .ml-ac{position:relative;padding:22px 0 24px;border-top:1px solid var(--hairline-dark)}
body.p-marketing-local main.int .ml-ac:last-child{border-bottom:1px solid var(--hairline-dark)}
body.p-marketing-local main.int .ml-ac .card-go{color:var(--orange-light);margin-top:10px}
body.p-marketing-local main.int .ml-ac:has(.card-link):hover .ml-h3{color:var(--orange-light)}
body.p-marketing-local main.int .ml-ask-stage{position:relative;min-width:0}
body.p-marketing-local main.int .ml-ask-photo{margin:0;border-radius:1rem;overflow:hidden}
body.p-marketing-local main.int .ml-ask-clip{aspect-ratio:5/4;background:var(--forest-700)}
body.p-marketing-local main.int .ml-ask-clip img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 36%}
body.p-marketing-local main.int .ml-ask-ui{position:relative;z-index:2;display:grid;gap:14px;width:min(100%,430px);margin:calc(-1 * clamp(70px,9vw,118px)) 0 0 auto;padding:16px;background:var(--paper);color:var(--ink-900);border-radius:1.1rem;box-shadow:0 34px 70px -30px rgba(0,0,0,.75)}
body.p-marketing-local main.int .as-tabs{display:flex;gap:6px}
body.p-marketing-local main.int .as-tabs span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:.82rem;color:var(--muted)}
body.p-marketing-local main.int .as-tabs .on{background:var(--champagne);color:var(--ink-900)}
body.p-marketing-local main.int .as-tabs .ml-ic{width:.95rem;height:.95rem}
body.p-marketing-local main.int .as-q{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:99px;border:1.5px solid var(--forest-900);font-size:1.02rem;color:var(--ink-900)}
body.p-marketing-local main.int .as-q .ml-ic{color:var(--forest-900)}
body.p-marketing-local main.int .as-type{position:relative;display:inline-block;min-width:0}
body.p-marketing-local main.int .as-typed{display:inline-block;white-space:nowrap}
body.p-marketing-local main.int .as-caret{position:absolute;left:100%;top:8%;width:2px;height:84%;margin-left:2px;background:var(--orange-deep)}
body.p-marketing-local main.int .as-a{display:grid;gap:12px}
body.p-marketing-local main.int .as-l1,body.p-marketing-local main.int .as-l2{display:grid;gap:7px}
body.p-marketing-local main.int .as-hit{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:.8rem;border:1px solid var(--orange-deep);background:color-mix(in srgb,var(--champagne) 55%,var(--paper))}
body.p-marketing-local main.int .as-pin{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--ink-900)}
body.p-marketing-local main.int .as-pin .ml-ic{width:1.05rem;height:1.05rem}
body.p-marketing-local main.int .as-hit-tx{display:grid;gap:7px;flex:1;min-width:0}
body.p-marketing-local main.int .as-hit-tx b{font-family:var(--font-display);font-weight:500;font-size:1.05rem}
body.p-marketing-local main.int .as-ok{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--sage);color:var(--ink-900)}
body.p-marketing-local main.int .as-ok .ml-ic{width:.9rem;height:.9rem;stroke-width:2.4}
body.p-marketing-local main.int .as-src{display:flex;gap:8px}
body.p-marketing-local main.int .as-src span{flex:1;display:flex;align-items:center;gap:6px;min-width:0;padding:8px 10px;border-radius:99px;border:1px solid rgba(18,15,11,.16);color:var(--muted)}
body.p-marketing-local main.int .as-src .ml-ic{width:.9rem;height:.9rem}
body.p-marketing-local main.int .as-src .sk{flex:1;width:auto}

@media (prefers-reduced-motion:no-preference){
  body.p-marketing-local main.int .ml-ask .as-typed{animation:ml-type 11s infinite}
  body.p-marketing-local main.int .ml-ask .as-caret{left:0;animation:ml-carmove 11s infinite,ml-blink 1s steps(2,jump-none) infinite}
  body.p-marketing-local main.int .ml-ask .as-l1{animation:ml-a1 11s infinite}
  body.p-marketing-local main.int .ml-ask .as-hit{animation:ml-a2 11s infinite}
  body.p-marketing-local main.int .ml-ask .as-l2{animation:ml-a3 11s infinite}
  body.p-marketing-local main.int .ml-ask .as-src{animation:ml-a4 11s infinite}
}

/* ============ SECTION 3 : le fil ============ */
body.p-marketing-local main.int .ml-feed{background:var(--paper);padding-block:clamp(60px,8vw,120px)}
body.p-marketing-local main.int .ml-feed-in{width:min(100%,1280px);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,7vw,120px);align-items:start}
body.p-marketing-local main.int .ml-feed-copy{position:sticky;top:120px}
body.p-marketing-local main.int .ml-posts{list-style:none;margin:0 0 0 auto;padding:0;display:flex;flex-direction:column;gap:clamp(20px,3vw,34px);width:min(100%,560px)}
body.p-marketing-local main.int .ml-post{background:color-mix(in srgb,var(--champagne) 30%,var(--paper));border:1px solid rgba(18,15,11,.13);border-radius:1.1rem;overflow:hidden}
body.p-marketing-local main.int .po-head{display:flex;align-items:center;gap:12px;padding:14px 18px}
body.p-marketing-local main.int .po-av{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--forest-900);color:var(--paper)}
body.p-marketing-local main.int .po-av .ml-ic{width:1.05rem;height:1.05rem}
body.p-marketing-local main.int .po-who{display:grid;gap:6px;flex:1;min-width:0}
body.p-marketing-local main.int .po-who b{font-family:var(--font-display);font-weight:500;font-size:1rem}
body.p-marketing-local main.int .po-who .sk{width:6rem}
body.p-marketing-local main.int .po-more{display:flex;gap:3px}
body.p-marketing-local main.int .po-more i{display:block;width:4px;height:4px;border-radius:50%;background:var(--muted)}
body.p-marketing-local main.int .po-media{position:relative;aspect-ratio:16/8;display:grid;place-items:center;padding:14px}
body.p-marketing-local main.int .po-media.m1{background:var(--forest-900)}
body.p-marketing-local main.int .po-media.m2{background:var(--champagne)}
body.p-marketing-local main.int .po-media.m3{background:color-mix(in srgb,var(--sage) 45%,var(--paper))}
body.p-marketing-local main.int .po-tiles{display:flex;gap:clamp(10px,2vw,18px)}
body.p-marketing-local main.int .po-tile{display:grid;place-items:center;width:clamp(48px,6vw,64px);aspect-ratio:1;border-radius:16px;background:var(--forest-700);color:var(--paper)}
body.p-marketing-local main.int .po-tile.on{background:var(--orange);color:var(--ink-900)}
body.p-marketing-local main.int .po-tile .ml-ic{width:1.5rem;height:1.5rem}
body.p-marketing-local main.int .po-crowd{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(8px,1.4vw,14px)}
body.p-marketing-local main.int .po-crowd i{display:block;width:clamp(12px,1.6vw,16px);aspect-ratio:1;border-radius:50%;background:rgba(18,15,11,.2)}
body.p-marketing-local main.int .po-crowd i.on{background:var(--orange)}
body.p-marketing-local main.int .po-tag{position:absolute;left:14px;top:12px;padding:3px 10px;border-radius:99px;background:var(--paper);font-size:.74rem;color:var(--ink-800)}
body.p-marketing-local main.int .po-profs{display:flex;gap:clamp(8px,1.6vw,14px);width:100%;justify-content:center}
body.p-marketing-local main.int .po-prof{position:relative;display:grid;justify-items:center;gap:7px;width:30%;padding:12px 8px;border-radius:.8rem;background:var(--paper)}
body.p-marketing-local main.int .po-pav{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--forest-900);color:var(--paper)}
body.p-marketing-local main.int .po-pav .ml-ic{width:.9rem;height:.9rem}
body.p-marketing-local main.int .po-prof .sk{width:80%}body.p-marketing-local main.int .po-prof .sk.w5{width:50%}
body.p-marketing-local main.int .po-chk{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sage);color:var(--ink-900)}
body.p-marketing-local main.int .po-chk .ml-ic{width:.65rem;height:.65rem;stroke-width:2.6}
body.p-marketing-local main.int .po-body{padding:18px 18px 6px}
body.p-marketing-local main.int .po-body .ml-h3{font-size:clamp(1.2rem,1.1rem + .4vw,1.4rem)}
body.p-marketing-local main.int .po-foot{display:flex;gap:18px;padding:10px 18px 16px;color:var(--muted)}
body.p-marketing-local main.int .po-foot .ml-ic{width:1.3rem;height:1.3rem}

/* ============ SECTION 4 : l'itinéraire ============ */
body.p-marketing-local main.int .ml-route{position:relative;background:color-mix(in srgb,var(--champagne) 40%,var(--paper));padding-block:clamp(60px,8vw,120px);overflow:clip}
body.p-marketing-local main.int .ml-route-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body.p-marketing-local main.int .ml-route-bg .mn{stroke:var(--ink-900);stroke-opacity:.05;stroke-width:2;fill:none}
body.p-marketing-local main.int .ml-route-bg .mj{stroke:var(--ink-900);stroke-opacity:.08;stroke-width:6;fill:none;stroke-linecap:round}
body.p-marketing-local main.int .ml-route-bg .rv{stroke:var(--sage);stroke-opacity:.2;stroke-width:44;fill:none;stroke-linecap:round}
body.p-marketing-local main.int .ml-route-in{position:relative;width:min(100%,1280px);margin-inline:auto;padding-inline:var(--gutter)}
body.p-marketing-local main.int .ml-route-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,5vw,80px);align-items:end}
body.p-marketing-local main.int .ml-route-body{position:relative;margin-top:clamp(48px,6vw,76px)}
body.p-marketing-local main.int .ml-trace{position:absolute;left:0;top:0;width:100%;height:130px;overflow:visible;display:block}
body.p-marketing-local main.int .ml-trace .tr{fill:none;stroke:var(--ink-900);stroke-opacity:.6;stroke-width:2.5;stroke-dasharray:3 9;stroke-linecap:round;vector-effect:non-scaling-stroke}
body.p-marketing-local main.int .ml-stops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}
body.p-marketing-local main.int .ml-stop{--py:78px;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:calc(var(--py) + 26px) clamp(14px,2.4vw,40px) 0;text-align:center}
body.p-marketing-local main.int .ml-stop:nth-child(2){--py:46px}
body.p-marketing-local main.int .ml-stop:nth-child(3){--py:92px}
body.p-marketing-local main.int .ml-stop .ml-p{max-width:34ch}
body.p-marketing-local main.int .ml-stopnum{position:absolute;left:50%;top:calc(var(--py) - 63px);display:grid;place-items:center;width:52px;height:52px;border-radius:50% 50% 50% 0;background:var(--forest-900);color:var(--paper);transform:translateX(-50%) rotate(-45deg)}
body.p-marketing-local main.int .ml-stopnum b{display:block;transform:rotate(45deg);font-family:var(--font-display);font-weight:400;font-size:1rem}
body.p-marketing-local main.int .ml-stop:nth-child(3) .ml-stopnum{background:var(--orange);color:var(--ink-900)}
body.p-marketing-local main.int .ml-stop::before{content:"";position:absolute;left:50%;top:var(--py);width:44px;height:16px;margin:-8px 0 0 -22px;border-radius:50%;border:1.5px solid var(--ink-900);opacity:.35}
body.p-marketing-local main.int .ml-stop .card-go{margin-top:12px}
body.p-marketing-local main.int .ml-stop:has(.card-link):hover .ml-h3{color:var(--orange-deep)}

@media (prefers-reduced-motion:no-preference){
  body.p-marketing-local main.int .ml-route .ml-stop::before{animation:ml-stop 3.6s ease-out infinite}
  body.p-marketing-local main.int .ml-route .ml-stop:nth-child(2)::before{animation-delay:1.2s}
  body.p-marketing-local main.int .ml-route .ml-stop:nth-child(3)::before{animation-delay:2.4s}
  body.p-marketing-local main.int .ml-stop:hover .card-go{transform:translateX(4px)}
}

/* ============ ÉTAPES : la ligne ============ */
body.p-marketing-local main.int .ml-steps{background:var(--ink-900);color:var(--paper);padding-block:clamp(60px,8vw,112px)}
body.p-marketing-local main.int .ml-steps-in{width:min(100%,1280px);margin-inline:auto;padding-inline:var(--gutter)}
body.p-marketing-local main.int .ml-steps .ml-h2{color:var(--paper)}
body.p-marketing-local main.int .ml-line{--pad:clamp(10px,1.6vw,24px);position:relative;list-style:none;margin:clamp(40px,5vw,68px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
body.p-marketing-local main.int .ml-line::before{content:"";position:absolute;left:0;right:0;top:27px;height:3px;background:rgba(228,217,196,.28)}
body.p-marketing-local main.int .ml-line::after{content:"";position:absolute;top:21px;left:calc(100% - 14px);width:14px;height:14px;border-radius:50%;background:var(--orange)}
body.p-marketing-local main.int .ml-line>li{position:relative;min-width:0;padding:84px var(--pad) 0}
body.p-marketing-local main.int .ml-line .step-num{position:absolute;left:var(--pad);top:0;display:grid;place-items:center;width:56px;height:56px;margin:0;border-radius:50%;background:var(--ink-900);border:2px solid var(--orange);font-family:var(--font-display);font-weight:300;font-size:1.15rem;line-height:1;letter-spacing:0;color:var(--orange-light)}
body.p-marketing-local main.int .ml-line .ml-h3{color:var(--paper)}
body.p-marketing-local main.int .ml-line .ml-p{margin-top:.6rem;color:var(--champagne);font-size:1.05rem;font-weight:400}

@media (prefers-reduced-motion:no-preference){
  body.p-marketing-local main.int .ml-steps .ml-line::after{left:0;opacity:0;animation:ml-ride 9s linear infinite}
}

/* ============ QUESTIONS : adresses ============ */
body.p-marketing-local main.int .ml-faq{background:var(--paper);border-top:0}
body.p-marketing-local main.int .ml-faq .section-head .sec-title{font-size:clamp(2.1rem,3.7vw,3.4rem);font-weight:300;line-height:1.05;letter-spacing:-.028em;text-wrap:balance}
body.p-marketing-local main.int .ml-faq .faq-list{border-top:0}
body.p-marketing-local main.int .ml-faq details{border-bottom:1px solid rgba(18,15,11,.16)}
body.p-marketing-local main.int .ml-faq summary{position:relative;gap:16px;padding:20px 4px 20px 46px}
body.p-marketing-local main.int .ml-faq summary::before{content:"";position:absolute;left:6px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid var(--orange-deep);transition:background .2s ease}
body.p-marketing-local main.int .ml-faq details[open] summary::before{background:var(--orange-deep)}
body.p-marketing-local main.int .ml-faq .faq-a{padding:0 44px 24px 46px}

/* ============ Petits écrans ============ */
@media (max-width:999px){
  body.p-marketing-local main.int .ml-local-in{display:flex;flex-direction:column;gap:clamp(28px,5vw,44px)}
  body.p-marketing-local main.int .ml-local-copy{display:contents}
  body.p-marketing-local main.int .ml-head{order:1}
  body.p-marketing-local main.int .ml-local-mock{order:2}
  body.p-marketing-local main.int .ml-lc-list{order:3;margin-top:0}
  body.p-marketing-local main.int .ml-pack{position:static;margin-inline:auto}
  body.p-marketing-local main.int .ml-lc{min-height:0}
  body.p-marketing-local main.int .ml-ask-in{grid-template-columns:1fr}
  body.p-marketing-local main.int .ml-feed-in{grid-template-columns:1fr}
  body.p-marketing-local main.int .ml-feed-copy{position:static}
  body.p-marketing-local main.int .ml-posts{margin-inline:auto;width:min(100%,560px)}
  body.p-marketing-local main.int .ml-route-head{grid-template-columns:1fr;align-items:start}
}
@media (max-width:899px){
  body.p-marketing-local main.int .ml-hero-in{grid-template-columns:1fr;gap:clamp(30px,6vw,48px);padding-bottom:clamp(40px,8vw,64px)}
  body.p-marketing-local main.int .ml-panel .page-title{max-width:16ch}
  body.p-marketing-local main.int .ml-strip .pair{grid-template-columns:1fr}
  body.p-marketing-local main.int .ml-strip .triplets{grid-template-columns:1fr}
  body.p-marketing-local main.int .ml-line{grid-template-columns:1fr;--pad:0px}
  body.p-marketing-local main.int .ml-line::before{left:27px;right:auto;top:28px;bottom:28px;width:3px;height:auto}
  body.p-marketing-local main.int .ml-line::after{display:none}
  body.p-marketing-local main.int .ml-line>li{padding:0 0 clamp(28px,5vw,40px) 84px;min-height:56px}
  body.p-marketing-local main.int .ml-line .step-num{left:0}
  body.p-marketing-local main.int .ml-line .ml-h3{padding-top:12px}
}
@media (max-width:759px){
  body.p-marketing-local main.int .ml-trace{display:none}
  body.p-marketing-local main.int .ml-route-body{margin-top:clamp(28px,6vw,44px)}
  body.p-marketing-local main.int .ml-stops{grid-template-columns:1fr;gap:clamp(28px,6vw,40px)}
  body.p-marketing-local main.int .ml-stop,body.p-marketing-local main.int .ml-stop:nth-child(2),body.p-marketing-local main.int .ml-stop:nth-child(3){align-items:flex-start;padding:4px 0 0 84px;text-align:left;min-height:64px}
  body.p-marketing-local main.int .ml-stopnum{left:6px;top:0;transform:rotate(-45deg)}
  body.p-marketing-local main.int .ml-stop::before{display:none}
  body.p-marketing-local main.int .ml-stop::after{content:"";position:absolute;left:31px;top:56px;bottom:calc(-1 * clamp(28px,6vw,40px));width:0;border-left:2.5px dotted rgba(18,15,11,.5)}
  body.p-marketing-local main.int .ml-stop:last-child::after{display:none}
  body.p-marketing-local main.int .ml-faq summary{padding-left:38px}
  body.p-marketing-local main.int .ml-faq .faq-a{padding-left:38px;padding-right:8px}
  body.p-marketing-local main.int .ml-ask-ui{margin-top:-64px;width:92%}
  body.p-marketing-local main.int .ml-lc{padding-left:64px}
}
@media (max-width:420px){
  body.p-marketing-local main.int .ml-fiche .pgh-card{flex-direction:column;align-items:flex-start}
  body.p-marketing-local main.int .ml-fiche .pgh-arrow{display:none}
}