/* ===== ANEORAS — habillage visuel global (maj 2026-10-11) =====
   Illustrations légères en SVG (générées par fx.js, aucune image à télécharger),
   icônes de cartes, fonds décoratifs. Désactivé si « réduire les animations » pour les mouvements. */

/* Hero : trame, halo doré, filet or (pages hors « Qui sommes-nous », déjà habillées) */
main .hero:not(.q-hero){position:relative;overflow:hidden;isolation:isolate}
main .hero:not(.q-hero)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(520px 320px at 88% 18%,rgba(201,153,63,.20),transparent 70%),radial-gradient(420px 300px at 6% 115%,rgba(183,20,20,.16),transparent 70%);
 -webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
main .hero:not(.q-hero)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,transparent,#C9993F 30%,#F2DDA4 50%,#C9993F 70%,transparent);opacity:.75}
main .hero .wrap{position:relative}
.fx-art{position:absolute;right:8px;top:50%;width:300px;height:300px;transform:translateY(-50%);z-index:0;pointer-events:none;opacity:.95}
.fx-art svg{width:100%;height:100%;overflow:visible;display:block}
.fx-art-on>*:not(.fx-art){position:relative;z-index:1}
@media (min-width:1100px){.fx-art-on h1{max-width:min(900px,calc(100% - 320px))}.fx-art-on .lead{max-width:min(760px,calc(100% - 320px))}}
@media (max-width:1099px){.fx-art{display:none}}
@media print{.fx-art,main .hero::before,main .hero::after{display:none!important}}


/* Icônes de cartes (insérées par fx.js) */
.fx-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin:0 0 14px;flex:none;
 background:linear-gradient(140deg,#05254E,#0B3A6F);color:#F2DDA4;box-shadow:0 6px 16px rgba(5,37,78,.16)}
.fx-ic.g{background:linear-gradient(140deg,#F2DDA4,#C9993F);color:#05254E;box-shadow:0 6px 16px rgba(201,153,63,.26)}
.fx-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.offer .fx-ic{width:38px;height:38px;border-radius:10px}.offer .fx-ic svg{width:19px;height:19px}
.chain .fx-ic{width:34px;height:34px;border-radius:9px;margin-bottom:10px}.chain .fx-ic svg{width:17px;height:17px}

/* Chiffres clés : dégradé or */
main .figure .num,main .keyfig .num{background:linear-gradient(100deg,#B8862F,#C9993F 45%,#8F6A22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

@media (prefers-reduced-motion:no-preference){
 @keyframes fx-spin{to{transform:rotate(360deg)}}
 @keyframes fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
 @keyframes fx-pulse{0%,100%{opacity:.4}50%{opacity:1}}
 @keyframes fx-dash{to{stroke-dashoffset:0}}
 .fx-art .s{transform-box:fill-box;transform-origin:center;animation:fx-spin 50s linear infinite}
 .fx-art .s.r{animation-direction:reverse;animation-duration:70s}
 .fx-art .f{transform-box:fill-box;animation:fx-float 6s ease-in-out infinite}
 .fx-art .f2{animation-delay:-2s}.fx-art .f3{animation-delay:-4s}
 .fx-art .p{animation:fx-pulse 3s ease-in-out infinite}
 .fx-art .p2{animation-delay:-1s}.fx-art .p3{animation-delay:-2s}
 .fx-art .d{stroke-dasharray:var(--l,500);stroke-dashoffset:var(--l,500);animation:fx-dash 2.2s cubic-bezier(.4,.1,.2,1) .3s forwards}
 main .tile .fx-ic,main .prio .fx-ic,main .card .fx-ic,main .offer .fx-ic{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
 @media (hover:hover){main .tile:hover .fx-ic,main .prio:hover .fx-ic,main .card:hover .fx-ic,main .offer:hover .fx-ic{transform:rotate(-6deg) scale(1.08)}}
}
.featured .card:first-child .fx-ic,.chain li:last-child .fx-ic,.q-trio .q-card:last-child .fx-ic{background:linear-gradient(140deg,#F2DDA4,#C9993F);color:#05254E}

/* fond-exterieur : marge autour du cadre du site, distincte des sections grises */
html,body{background:#DAE0E9!important}
.site-frame{box-shadow:0 0 0 1px rgba(5,37,78,.06),0 24px 70px rgba(5,37,78,.12)}

/* 2026-10-15 : icônes des cartes en or sur fond bleu */
.fx-ic:not(.g){color:#F2DDA4!important}
.fx-ic:not(.g) svg{stroke:currentColor!important}