/* ERE CONNECT — thème sombre : composants articles & pages locales */
/* alias des anciens tokens (styles inline hérités de styles.css) */
:root{--orange-deep:#7790BB;--orange:#7790BB;--orange-2:#9DB1D3;--navy:#0E1A2C;--white-70:#A2AFC0;--white-55:#6A798E;--white-12:rgba(255,255,255,.12);--white-08:rgba(255,255,255,.06);--blue:#7790BB;--blue-200:#9DB1D3;}
.phero{padding:128px 0 clamp(40px,6vw,72px);}
.phero__inner{max-width:900px;}
.phero h1{font-size:clamp(30px,4.6vw,54px);max-width:24ch;}
.phero p{margin-top:20px;font-size:clamp(16px,1.4vw,19px);color:var(--ink-soft);max-width:62ch;line-height:1.7;}
.phero__crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
.phero__crumb a:hover{color:var(--brand-light);}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-light);margin:0 0 12px;}
.lead{font-size:17px;color:var(--ink-soft);line-height:1.7;}
.section-head{margin-bottom:34px;}
.section-head h2{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;}
.section-head.center{text-align:center;}
.section.is-soft{background:rgba(13,22,38,.45);border-block:1px solid var(--line);}
.section.is-dark{background:rgba(10,18,32,.55);border-block:1px solid var(--line);}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2);}
.btn--ghost:hover{background:rgba(99,128,177,.12);border-color:var(--brand-light);color:var(--ink);}
.pin-badge,.article-cat{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-light);background:rgba(99,128,177,.13);border:1px solid rgba(99,128,177,.32);padding:7px 14px;border-radius:999px;}
.pin-badge svg{width:15px;height:15px;}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-family:var(--mono);font-size:12px;color:var(--ink-soft);}
.article-meta span{display:inline-flex;align-items:center;gap:8px;}
.article-meta svg{width:16px;height:16px;color:var(--brand-light);}
.article-fig{position:relative;z-index:3;max-width:880px;margin:0 auto;padding-inline:var(--gut);}
.article-fig img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line-2);box-shadow:0 30px 64px rgba(0,0,0,.42);}
.article{max-width:760px;margin:0 auto;}
.prose h2{font-size:clamp(21px,2.4vw,29px);font-weight:800;letter-spacing:-.015em;margin:42px 0 16px;}
.prose p{color:var(--ink-soft);margin:0 0 18px;font-size:16.5px;line-height:1.8;}
.prose .lead-p{color:var(--ink);font-size:19px;line-height:1.75;}
.prose strong{color:var(--ink);}
.prose a{color:var(--brand-light);font-weight:600;}
.prose a:hover{color:#fff;}
.prose ul{margin:0 0 18px;padding-left:22px;color:var(--ink-soft);display:grid;gap:9px;font-size:16px;line-height:1.7;}
.prose ul li::marker{color:var(--brand-light);}
.pullquote{border-block:1px solid var(--line);padding:26px 4px;margin:34px 0;font-family:var(--f-head);font-weight:700;font-size:clamp(19px,2.2vw,24px);line-height:1.4;color:var(--ink);letter-spacing:-.01em;}
.pullquote .by{display:block;margin-top:14px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);}
.keypoints{background:var(--glass);border:1px solid var(--line-2);border-radius:var(--r);padding:26px 28px;margin:34px 0;}
.keypoints h4{display:flex;align-items:center;gap:10px;font-family:var(--f-head);font-size:16px;font-weight:800;margin:0 0 16px;color:var(--ink);}
.keypoints h4 svg{width:20px;height:20px;color:var(--brand-light);}
.keypoints ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.keypoints li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-soft);font-size:15px;line-height:1.6;}
.keypoints li svg{flex:0 0 auto;width:17px;height:17px;color:var(--brand-light);margin-top:3px;}
.article-share{display:flex;align-items:center;gap:12px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);}
.article-share span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
.article-share a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-soft);transition:.2s;}
.article-share a svg{width:18px;height:18px;}
.article-share a:hover{background:var(--brand);border-color:var(--brand-light);color:#fff;}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:880px){.relgrid{grid-template-columns:1fr;}}
.relcard{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .4s,transform .4s,box-shadow .4s;}
.relcard:hover{border-color:var(--line-2);transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 64px rgba(0,0,0,.4);}
.relcard>img{width:100%;height:150px;object-fit:cover;border-bottom:1px solid var(--line);}
.relcard__b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.tagm{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-light);}
.relcard h3{font-size:17px;font-weight:700;line-height:1.3;flex:1;}
.loc-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:center;}
@media(max-width:860px){.loc-intro{grid-template-columns:1fr;}}
.loc-intro h2{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px;}
.illus{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line-2);box-shadow:0 30px 64px rgba(0,0,0,.42);}
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:13px;}
.check-list li{display:flex;gap:13px;align-items:flex-start;font-size:15px;color:var(--ink-soft);}
.check-list .ic{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(99,128,177,.14);color:var(--brand-light);display:grid;place-items:center;margin-top:1px;}
.check-list .ic svg{width:13px;height:13px;}
.loc-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:860px){.loc-svc{grid-template-columns:1fr;}}
.loc-card{position:relative;overflow:hidden;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .4s,transform .4s,box-shadow .4s;display:flex;flex-direction:column;gap:12px;}
.loc-card:hover{border-color:var(--line-2);transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 64px rgba(0,0,0,.4);}
.loc-card .ic{width:52px;height:52px;border-radius:14px;background:rgba(99,128,177,.12);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--brand-light);}
.loc-card .ic svg{width:25px;height:25px;}
.loc-card h3{font-size:19px;font-weight:700;}
.loc-card p{color:var(--ink-soft);font-size:14.5px;flex:1;}
.zones{display:flex;flex-wrap:wrap;gap:10px;}
.zones .z{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:600;font-size:14px;color:var(--ink-soft);background:var(--glass);border:1px solid var(--line);padding:10px 17px;border-radius:100px;transition:.2s;}
.zones .z:hover{border-color:var(--brand-light);color:var(--ink);}
.zones .z svg{width:15px;height:15px;color:var(--brand-light);}
.loc-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,34px);}
@media(max-width:860px){.loc-reasons{grid-template-columns:1fr;}}
.loc-reason{display:flex;gap:16px;align-items:flex-start;}
.loc-reason .n{font-family:var(--f-head);font-weight:800;font-size:38px;color:rgba(99,128,177,.85);line-height:1;}
.loc-reason h3{font-size:18px;font-weight:700;margin-bottom:7px;}
.loc-reason p{color:var(--ink-soft);font-size:14.5px;}
.diag-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1.4fr auto;gap:clamp(28px,4vw,60px);align-items:center;background:linear-gradient(120deg,rgba(99,128,177,.16),rgba(14,26,44,.62) 62%);border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(34px,4.6vw,60px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.diag-cta h2{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;margin:8px 0 14px;}
.diag-cta p{color:var(--ink-soft);max-width:52ch;}
.diag-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;}
.diag-cta__micro{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.diag-cta__viz{width:clamp(150px,16vw,200px);justify-self:center;}
.diag-cta__viz svg{width:100%;height:auto;}
.dcg-dot{animation:dcgPulse 2.6s ease-in-out infinite;}
@keyframes dcgPulse{0%,100%{opacity:.35;}50%{opacity:1;}}
@media(prefers-reduced-motion:reduce){.dcg-dot{animation:none;}}
@media(max-width:820px){.diag-cta{grid-template-columns:1fr;}.diag-cta__viz{display:none;}}