#fxr{--p:#024550;--v:#30AE7B;--l:#A1C621;--fond:#FAFBFC;--g:#4A6B71;--t:#E4E9EB;--vc:#e2f3eb;--lc:#f1f6dc;--r:#E07A5F;--rc:#fbece7;--e:cubic-bezier(.2,.8,.2,1);background:var(--fond);color:var(--p);font-family:Poppins,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow:clip}
#fxr *{box-sizing:border-box}
#fxr svg{display:block;flex:none}
#fxr h1,#fxr h2,#fxr h3,#fxr h4{font-family:Poppins,system-ui,sans-serif;color:var(--p);margin:0;padding:0;text-transform:none;letter-spacing:-.02em;line-height:1.2}
#fxr p{margin:0}
#fxr ul{margin:0;padding:0;list-style:none}
#fxr li{margin:0}#fxr li::before{display:none}
#fxr a{text-decoration:none!important}
#fxr img{max-width:100%}
#fxr a:focus-visible,#fxr button:focus-visible,#fxr input:focus-visible{outline:3px solid var(--l)!important;outline-offset:3px}
#fxr .w{max-width:1180px;margin:0 auto;padding:0 24px}
#fxr .kick{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--t);border-radius:999px;padding:6px 16px 6px 10px;font-size:13px;font-weight:500;color:var(--g);margin-bottom:16px}
#fxr .kick i{position:relative;display:block;width:9px;height:9px;border-radius:50%;background:var(--l)}
#fxr .kick i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--l);animation:xPulse 2s ease-out infinite}
@keyframes xPulse{to{transform:scale(2.8);opacity:0}}
#fxr .crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--g);margin-bottom:22px}
#fxr .crumb a{color:var(--g)!important}#fxr .crumb a:hover{color:var(--p)!important}
#fxr .crumb span[aria-hidden]{opacity:.5}
#fxr .bd{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 12px;background:var(--l);color:var(--p)}
#fxr .bd.pr{background:var(--vc);color:#1e7a55}
#fxr .bd.th{background:#fff;border:1px solid var(--t);color:var(--g);font-weight:500}
#fxr.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--e) var(--dd,0ms),transform .8s var(--e) var(--dd,0ms)}
#fxr.js .rv.in{opacity:1;transform:none}
#fxr .cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;background:var(--p);border-radius:32px;padding:48px 52px}
#fxr .cta::after{content:"";position:absolute;right:-70px;bottom:-70px;width:240px;height:240px;border-radius:50%;border:38px solid rgba(161,198,33,.14);pointer-events:none}
#fxr .cta h2{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:600}
#fxr .cta p{color:rgba(255,255,255,.78);margin-top:6px;max-width:48ch}
#fxr .cta .bt{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}
#fxr a.btn,#fxr a.btn:visited,#fxr button.btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex!important;align-items:center;gap:12px;background:var(--l)!important;color:var(--p)!important;font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:15px;line-height:1.2;padding:8px 8px 8px 22px;border-radius:999px;transition:background .25s}
#fxr a.btn:hover,#fxr button.btn:hover{background:#fff!important}
#fxr .btn i{width:38px;height:38px;border-radius:50%;background:var(--p);color:var(--l);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--e)}
#fxr a.btn:hover i,#fxr button.btn:hover i{transform:translateX(3px)}
#fxr a.btn2,#fxr a.btn2:visited{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#fff!important;border:1px solid rgba(255,255,255,.3);padding:13px 22px;border-radius:999px;transition:border-color .25s,background .25s}
#fxr a.btn2:hover{border-color:#fff;background:rgba(255,255,255,.06)}
@media (max-width:640px){#fxr .w{padding:0 18px}#fxr .cta{padding:32px 24px;border-radius:24px}}
@media (prefers-reduced-motion:reduce){#fxr *,#fxr *::before,#fxr *::after{animation:none!important;transition:none!important}#fxr.js .rv{opacity:1;transform:none}}

#fxr .hd{padding-top:64px;padding-bottom:40px}
#fxr .hd h1{font-size:clamp(34px,5vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin-bottom:14px}
#fxr .hd .lead{font-size:17px;color:var(--g);max-width:60ch}
#fxr .jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
#fxr .jump a,#fxr .jump a:visited{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--t);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--p)!important;transition:background .2s,color .2s,border-color .2s}
#fxr .jump a:hover{background:var(--p);border-color:var(--p);color:#fff!important}
#fxr .rep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;background:#fff;border:1px solid var(--t);border-radius:32px;padding:44px;margin-bottom:20px;scroll-margin-top:24px;position:relative;overflow:hidden}
#fxr .rep:nth-child(even){direction:rtl}#fxr .rep:nth-child(even)>*{direction:ltr}
#fxr .vis{position:relative;aspect-ratio:4/3;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#fxr .vis .big{width:120px;height:120px;border-radius:36px;display:flex;align-items:center;justify-content:center;animation:xBob 3.6s ease-in-out infinite}
@keyframes xBob{50%{transform:translateY(-8px) rotate(-5deg)}}
#fxr .vis .big svg{width:56px;height:56px}
#fxr .vis .ring{position:absolute;border-radius:50%;border:2px dashed currentColor;opacity:.25;animation:xSpin 30s linear infinite}
@keyframes xSpin{to{transform:rotate(360deg)}}
#fxr .vis .chip{position:absolute;background:#fff;border-radius:14px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--p);animation:xFloat 5s ease-in-out infinite alternate}
@keyframes xFloat{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
#fxr .v-env{background:var(--vc);color:var(--v)}#fxr .v-env .big{background:var(--v);color:#fff}
#fxr .v-san{background:var(--lc);color:#7a9a14}#fxr .v-san .big{background:var(--l);color:var(--p)}
#fxr .v-dat{background:#E6EEF0;color:var(--p)}#fxr .v-dat .big{background:var(--p);color:var(--l)}
#fxr .stt{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border-radius:999px;padding:5px 14px;background:#FFF4E5;color:#9a5a00;margin-bottom:14px}
#fxr .stt::before{content:"";width:7px;height:7px;border-radius:50%;background:#E8A23A;animation:xBlink 1.4s ease-in-out infinite}
@keyframes xBlink{50%{opacity:.25}}
#fxr .stt.ok{background:var(--vc);color:#1e7a55}#fxr .stt.ok::before{background:var(--v)}
#fxr .rep h2{font-size:clamp(24px,3vw,34px);font-weight:600;margin-bottom:10px}
#fxr .rep>div>p{color:var(--g);font-size:16px}
#fxr .rep h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--v);margin:22px 0 10px}
#fxr .rep ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#fxr .rep li{display:flex;gap:10px;align-items:flex-start;font-size:14px;background:var(--fond);border:1px solid var(--t);border-radius:14px;padding:10px 12px}
#fxr .rep li svg{color:var(--v);margin-top:3px}
#fxr .rep .act{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}
#fxr .rep .btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
#fxr .rep .note{font-size:13px;color:var(--g)}
@media (max-width:900px){#fxr .rep{grid-template-columns:1fr;padding:28px;gap:24px;direction:ltr!important}#fxr .vis{aspect-ratio:16/9}}
@media (max-width:560px){#fxr .rep ul{grid-template-columns:1fr}#fxr .rep{padding:22px;border-radius:24px}}
/* --- Pages de l'extension (catalogues + rapports) --- */
#fxr .hd{position:relative}
#fxr .tabs{display:flex;gap:4px;margin-top:26px;background:#fff;border:1px solid var(--t);border-radius:999px;padding:5px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
#fxr .tabs::-webkit-scrollbar{display:none}
#fxr .tabs a,#fxr .tabs a:visited{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--g)!important;white-space:nowrap;transition:background .25s,color .25s}
#fxr .tabs a:hover{background:var(--fond);color:var(--p)!important}
#fxr .tabs a[aria-current="page"]{background:var(--p);color:#fff!important}
#fxr .tabs a i{font-style:normal;font-size:12px;font-weight:600;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--fond);color:var(--p)}
#fxr .tabs a[aria-current="page"] i{background:var(--l)}
#fxr .deco{position:absolute;top:56px;right:24px;width:260px;height:200px;pointer-events:none}
#fxr .deco span{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:20px;animation:xBob 4s ease-in-out infinite}
#fxr .deco span:nth-child(1){top:0;right:40px;width:66px;height:66px;background:var(--p);color:var(--l)}
#fxr .deco span:nth-child(2){top:78px;right:150px;width:56px;height:56px;background:#fff;border:1px solid var(--t);color:var(--v);animation-delay:.7s}
#fxr .deco span:nth-child(3){top:120px;right:20px;width:52px;height:52px;background:var(--l);color:var(--p);animation-delay:1.3s}
#fxr .deco svg{width:48%;height:48%}
#fxr .cat{padding-bottom:16px}
.faan-exp-main{display:block;width:100%;max-width:none;margin:0;padding:0}
@media (max-width:1100px){#fxr .deco{display:none}}
@media (max-width:640px){#fxr .tabs{width:100%}}

#fxr .vis .chip:last-child{left:auto!important;right:7%}