/* Couche de mise à jour des anciennes pages (style.css) pour coller à l'accueil. */
@font-face{font-family:"Geist";font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/geist-latin.woff2) format("woff2")}
/* ===== Pied de page du site (2026-10-13), autonome ===== */
.fx.D{--bg:#0b0c0e;--fg:#fff;--fg2:rgba(255,255,255,.64);--fg3:rgba(255,255,255,.45);--ln:rgba(255,255,255,.18);background:var(--bg);color:var(--fg)}
.fx.W{--bg:#fff;--fg:#111;--fg2:#5d5d5a;--fg3:#9a9a96;--ln:rgba(0,0,0,.12);background:var(--bg);color:var(--fg)}
.fx{--cta:#2C63FF;--mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
.fx *{box-sizing:border-box}.fx a{text-decoration:none}
.fx .logo{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.fx .logo .mark{width:28px;height:28px}
.fx .foot-mark{overflow:hidden;line-height:.8;user-select:none}
.fx .foot-mark span{display:inline-block;font-size:clamp(80px,30vw,680px);font-weight:700;letter-spacing:-.045em;white-space:nowrap;transform-origin:left bottom}
.fx .foot-mark sup{font-size:.11em;font-weight:600;vertical-align:top;position:relative;top:.42em;margin-left:.04em}
.fx .langs{display:flex;font-family:var(--mono);font-size:12px}
.fx .hp-cta{display:inline-flex;align-items:center;gap:12px;background:var(--cta);color:#fff;font-size:15px;font-weight:500;padding:0 24px;height:54px;border-radius:3px;transition:background .2s}
.fx .hp-cta:hover{background:#1d4fe0}
.fx .in,.fx.in{padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}
/* Nouveau pied de page */
.fx{padding-top:clamp(72px,9vw,128px);padding-bottom:28px;font-family:"Geist","Inter Tight",sans-serif}
.fx-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-bottom:clamp(56px,7vw,96px);border-bottom:1px solid var(--ln)}
.fx-h{margin:0;font-size:clamp(28px,3.2vw,48px);font-weight:300;letter-spacing:-.025em;line-height:1.1;max-width:720px;color:var(--fg)}
.fx-h span{color:var(--fg3)}
.fx-top .hp-cta{margin-top:0}
.fx-g{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px;padding-top:clamp(48px,6vw,72px)}
.fx-brand .logo{color:var(--fg)}
.fx.D .fx-brand .logo .mark rect{fill:#fff}
.fx.D .fx-brand .logo .mark path{fill:#111}
.fx-brand p{margin:16px 0 0;font-size:14px;line-height:1.55;color:var(--fg2);max-width:300px}
.fx-mail{display:inline-block;margin-top:18px;font-size:14px;color:var(--fg);border-bottom:1px solid var(--ln);padding-bottom:3px}
.fx-t{margin:0 0 16px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.fx ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.fx ul a{color:var(--fg);transition:opacity .2s}
.fx ul a:hover{opacity:.6}
.fx .soc{display:inline-flex;align-items:center;gap:8px}
.fx .soc svg{width:15px;height:15px}
.fx-mark{margin-top:clamp(56px,7vw,96px);color:var(--fg);opacity:.08}
.fx.W .fx-mark{opacity:1}
.fx-b{margin-top:clamp(32px,4vw,48px);padding-top:20px;border-top:1px solid var(--ln);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;color:var(--fg2)}
.fx-legal{display:flex;gap:20px}
.fx-legal a{color:var(--fg2)}
.fx-legal a:hover{color:var(--fg)}
.fx .langs{gap:16px}
.fx .langs a{color:var(--fg3)}
.fx .langs a[aria-current]{color:var(--fg);box-shadow:inset 0 -1px 0 var(--fg)}
@media (max-width:980px){.fx-g{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-brand{grid-column:1/-1}}
@media (max-width:560px){.fx-g{grid-template-columns:1fr 1fr;gap:28px 20px}.fx-b{flex-direction:column;align-items:flex-start}}
.mq .hx-agent{--fg:#fff;--fg2:rgba(255,255,255,.78);--fg3:rgba(255,255,255,.5);--ln:rgba(255,255,255,.22);color:#fff}

/* ===== Typographie et boutons de l'accueil, appliqués aux anciennes pages ===== */
body{font-family:"Geist","Inter Tight",-apple-system,BlinkMacSystemFont,"Inter",ui-sans-serif,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
main h1,section h1,.hero h1,.svc-hero h1,.article-hero h1{font-weight:300!important;letter-spacing:-.035em!important;line-height:1.06!important}
main h2,section h2,.container h2{font-weight:300!important;letter-spacing:-.03em!important;line-height:1.12!important}
main h3,section h3,main h4,section h4{font-weight:500!important;letter-spacing:-.01em!important}
.article-content h2,.article-body h2{font-weight:400!important}
.section-label{font-size:12px!important;font-weight:500!important;letter-spacing:.14em!important;color:#8a8a87!important}
.section-label::before{display:none!important}
main p,section p{color:inherit}
.btn-primary,.btn-outline,.btn-submit,.btn-white,.btn-white-sm,.hero-cta a{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:500!important;border-radius:3px!important}
.btn-primary,.btn-outline{padding:15px 24px!important}
.btn-outline{border-width:1px!important;border-color:rgba(0,0,0,.2)!important}
.btn-outline:hover{border-color:#111!important;background:transparent!important;color:#111!important}

/* Titres de héros et de sections des anciennes pages : même graisse que l'accueil */
body h1,body .h1{font-weight:300!important;letter-spacing:-.035em!important}
body h2{font-weight:300!important;letter-spacing:-.03em!important}
body .fx h2,body .fx-h{font-weight:300!important}
.exp-number,.e404-code{font-weight:200!important}
.form-hero-stat-num,.form-card-price,.form-featured-price{font-weight:400!important}
.form-card-title,.form-featured-title,.coming-title,.process-step h3{font-weight:500!important}
/* Boutons secondaires noirs et capitales des anciennes pages */
.e404 a,.e404-actions a{text-transform:none!important;letter-spacing:0!important;border-radius:3px!important;font-size:15px!important}
.e404 a:first-child,.e404-actions a:first-child{background:#2C63FF!important;border-color:#2C63FF!important;color:#fff!important}

/* Pas de grand « Fahria » dans le pied de page */
.fx-mark{display:none!important}

/* Point bleu devant chaque intitulé de section */
.hx-lab,.badge,.section-label{display:inline-flex!important;align-items:center;gap:10px!important}
.hx-lab::before,.badge::before,.section-label::before{content:""!important;display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2C63FF!important;animation:none!important;flex:none}

/* Sélecteur de langue en haut à droite */
.hdr .lsw{position:relative}
.hdr .lsw summary{list-style:none;display:flex;align-items:center;gap:7px;height:40px;padding:0 6px;cursor:pointer;font-size:14px;font-weight:500;color:#6f6f6f;user-select:none;transition:color .2s}
.hdr .lsw summary::-webkit-details-marker{display:none}
.hdr .lsw summary:hover,.hdr .lsw[open] summary{color:#111}
.hdr .lsw svg{width:18px;height:18px}
.hdr .lsw-m{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:3px;box-shadow:0 16px 40px -12px rgba(0,0,0,.25);padding:6px;display:grid;gap:2px;z-index:60}
.hdr .lsw-m a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:3px;font-size:14px;color:#111}
.hdr .lsw-m a b{font-family:var(--mono,ui-monospace);font-size:11.5px;font-weight:500;color:#8a8a87;width:20px}
.hdr .lsw-m a:hover{background:#f4f4f2}
.hdr .lsw-m a[aria-current]{color:#2C63FF}
.hdr .lsw-m a[aria-current] b{color:#2C63FF}
body[data-home="hpx"] .hdr:not(.scrolled):not(.open) .lsw summary{color:rgba(255,255,255,.75)}
body[data-home="hpx"] .hdr:not(.scrolled):not(.open) .lsw summary:hover{color:#fff}
@media (max-width:980px){.hdr .lsw summary span{display:none}.hdr .lsw summary{padding:0 4px}}

/* Survol des liens du menu : trait qui se dessine sous le mot */
@media (min-width:981px){.hdr .nav a{position:relative;box-shadow:none!important;padding-bottom:6px}
.hdr .nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.hdr .nav a:hover::after,.hdr .nav a[aria-current]::after{transform:scaleX(1)}}

/* ===== Mobile (2026-10-13) ===== */
@media (max-width:980px){
  /* barre du haut toujours visible, fond plein dès qu on défile ou qu on ouvre le menu */
  body[data-home="hpx"] .hdr{position:fixed!important}
  body[data-home="hpx"] .hdr.scrolled,body[data-home="hpx"] .hdr.open{background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:saturate(1.4) blur(10px)!important;backdrop-filter:saturate(1.4) blur(10px)!important;box-shadow:0 1px 0 rgba(0,0,0,.08)!important}
  body[data-home="hpx"] .hdr.scrolled .logo,body[data-home="hpx"] .hdr.open .logo{color:#111!important}
  body[data-home="hpx"] .hdr.scrolled .logo .mark rect,body[data-home="hpx"] .hdr.open .logo .mark rect{fill:#111!important}
  body[data-home="hpx"] .hdr.scrolled .logo .mark path,body[data-home="hpx"] .hdr.open .logo .mark path{fill:#fff!important}
  body[data-home="hpx"] .hdr.scrolled .burger span,body[data-home="hpx"] .hdr.scrolled .burger span::before,body[data-home="hpx"] .hdr.scrolled .burger span::after,body[data-home="hpx"] .hdr.open .burger span,body[data-home="hpx"] .hdr.open .burger span::before,body[data-home="hpx"] .hdr.open .burger span::after{background:#111!important}
  body[data-home="hpx"] .hdr.scrolled .burger,body[data-home="hpx"] .hdr.open .burger{border-color:rgba(0,0,0,.15)!important}
  .hdr .mnav{background:#fff}
  .hdr.open .mnav a{color:#111!important}
  .hdr.open{height:100svh;overflow-y:auto}
  /* barre plus aérée : globe à côté du burger, bouton Agent Fahria compact */
  .hdr-r{gap:10px!important}
  .hdr .lsw{order:2}.hdr .burger{order:3}
  .hdr .wpill3{height:38px!important;padding:0 12px 0 4px!important;font-size:13.5px!important;gap:8px!important}
  .hdr .wpill3 .w3orb{width:30px!important;height:30px!important}
}
@media (max-width:380px){.hdr .wpill3>span:last-child{display:none}.hdr .wpill3{padding:0 4px!important}}

/* Bouton Agent Fahria : noir, logo bleu, texte blanc */
.hdr .wpill3,body[data-home="hpx"] .hdr .wpill3{background:#0b0c0e!important;color:#fff!important;box-shadow:0 8px 22px -10px rgba(0,0,0,.45)!important}
.hdr .wpill3::before{display:none!important}
.hdr .wpill3 .w3orb{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.45),rgba(255,255,255,0) 34%),#2C63FF!important;box-shadow:0 0 14px rgba(44,99,255,.6)!important}
.hdr .wpill3:hover{background:#1a1b1f!important}
.hdr .wpill3{border:1px solid rgba(255,255,255,.16)!important}
body[data-home="hpx"] .hdr:not(.scrolled):not(.open) .wpill3{background:#fff!important;color:#111!important;border-color:#fff!important}
body[data-home="hpx"] .hdr:not(.scrolled):not(.open) .wpill3:hover{background:#f1f1ef!important}
@media (min-width:981px){.hdr .nav a{padding-top:6px!important;padding-bottom:6px!important;line-height:1.2}.hdr .nav a::after{bottom:-2px!important}.hdr .nav{align-items:center}}