/* Thème clair du site Factosyn : chargé en dernier, il remplace les fonds sombres par un blanc légèrement teinté de turquoise, comme l'application. */
:root{--soft:#eef7f8;--soft2:#e3f2f4;--sub:#4a6166;--edge:#d3e6e9}
.dark{background:var(--bg);color:var(--ink)}
.dark .eyebrow{color:var(--brand)}
.dark .head p{color:var(--sub)}

/* en-tête */
.logo{color:var(--ink)}.logo .wm b{color:var(--brand)}
.links a{color:#35575c}.links a:hover{color:var(--brand)}
.links a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--brand2)}
header.solid{background:rgba(255,255,255,.9);border-color:var(--line);box-shadow:0 10px 30px -24px rgba(4,29,33,.35)}
.menu-b{border-color:var(--edge);background:#fff}.menu-b span{background:var(--ink)}
.lang{border-color:var(--edge);background:#fff}.lang button{color:var(--sub)}.lang button.on{background:var(--brand);color:#fff}
.btn.g{border-color:#b9d9de;color:#0b4f57;background:#fff}.btn.g:hover{background:var(--soft)}
.btn.p{color:#fff;background:linear-gradient(135deg,#0f93aa,#077589);box-shadow:0 10px 30px -10px rgba(7,117,137,.55)}
.btn.p:hover{box-shadow:0 14px 34px -10px rgba(7,117,137,.7)}

/* bandeau d'accueil et en-tête des pages */
.hero,.ph{background:radial-gradient(900px 500px at 80% 0%,rgba(27,156,178,.16),transparent 62%),radial-gradient(700px 480px at 4% 80%,rgba(94,213,234,.16),transparent 60%),linear-gradient(180deg,#f2fafb,#fff 78%)}
.hero:before,.ph:before{background-image:radial-gradient(rgba(7,117,137,.13) 1px,transparent 1px)}
.pill{background:#fff;border-color:var(--edge);color:#35575c;box-shadow:0 8px 24px -18px rgba(4,29,33,.4)}
h1 em{background:linear-gradient(100deg,#077589,#0e9f8a 55%,#1b9cb2);-webkit-background-clip:text;background-clip:text}
.lead{color:var(--sub)}
.note{color:var(--sub)}.note span:before{color:var(--brand2)}
.cap{color:#6b8a85}
.float{box-shadow:0 22px 44px -18px rgba(4,29,33,.28);border:1px solid var(--line)}
.apk{filter:drop-shadow(0 26px 34px rgba(4,29,33,.16)) drop-shadow(0 0 1px rgba(4,29,33,.18))}
.ghost{background-color:var(--soft2);opacity:.5}
.crumbs{color:#6b8a85}.crumbs a{color:var(--brand)}.crumbs [aria-current]{color:var(--ink)}
.sky .cl{color:#1b9cb2;opacity:.09}
.sky .pl b,.pep .flyby b{box-shadow:0 6px 16px -8px rgba(4,29,33,.35)}
.sky .dc{box-shadow:0 4px 12px -4px rgba(4,29,33,.25)}
.aic-bar{background:#fff;box-shadow:0 26px 50px -26px rgba(4,29,33,.35),0 0 0 1px var(--edge),0 0 0 6px rgba(27,156,178,.1)}
.aic.voice .aic-bar{box-shadow:0 26px 50px -26px rgba(4,29,33,.35),0 0 0 1px var(--edge),0 0 0 6px rgba(52,211,153,.18)}
.aic-res{border:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(4,29,33,.35)}

/* bandeau des atouts */
.strip{background:#fff;border-color:var(--line);color:var(--sub)}
.strip .wrap{color:#3f5b60}

/* démonstration de l'IA */
#ai{background:linear-gradient(180deg,#fff,var(--soft));color:var(--ink)}
#ai:before{background:radial-gradient(700px 400px at 85% 10%,rgba(27,156,178,.12),transparent 60%)}
#ai .head h2{color:var(--ink)}
.ai-in{background:#fff;border-color:var(--line);box-shadow:0 30px 60px -44px rgba(4,29,33,.4);backdrop-filter:none}
.ai-in h3 i{color:#fff}
.ai-box{border-color:var(--line);background:#fbfdfd}
.ai-chip{border-color:var(--edge);background:#fff;color:#35575c}.ai-chip:hover{background:var(--soft)}
.ai-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.ai-note{color:var(--sub)}
.ai-step{border:1px solid var(--line);box-shadow:0 22px 44px -30px rgba(4,29,33,.35)}
.ai-replay{color:var(--brand)}

/* Peppol */
.pep{background:radial-gradient(700px 400px at 90% 0%,rgba(27,156,178,.14),transparent 60%),linear-gradient(180deg,var(--soft),#fff)}
.pep p{color:var(--sub)}
.date{background:#fff;border-color:var(--line);box-shadow:0 30px 60px -44px rgba(4,29,33,.4)}
.date big{background:linear-gradient(100deg,#077589,#1b9cb2);-webkit-background-clip:text;background-clip:text}
.date span{color:var(--sub)}.date hr{border-top-color:var(--line)}
.fmt b{background:var(--soft2);color:var(--brand)}
.lp .ln path{stroke:rgba(7,117,137,.35)}.lp .ln .sh{stroke:rgba(217,119,6,.55)}
.lp .rg{stroke:rgba(7,117,137,.3)}
.lp .hub circle,.lp .me circle{filter:drop-shadow(0 6px 16px rgba(4,29,33,.18));stroke:var(--edge);stroke-width:1}
.lp .acc circle{filter:drop-shadow(0 6px 16px rgba(4,29,33,.18))}
.lp .nd circle{fill:#fff;stroke:rgba(7,117,137,.45)}
.lp .in{fill:var(--brand)}
.lp .lb{fill:#35575c}
.lp .shl{fill:#b45309}
.lp .pk rect{filter:drop-shadow(0 3px 6px rgba(4,29,33,.22))}
.lp-cap span{background:#fff;color:var(--ink);border:1px solid var(--line)}
.lp-cap .c3{background:#fef3c7;border-color:#fde68a}
.pptest{background:#fff;border-color:#cfe3e6;box-shadow:0 14px 34px -18px rgba(7,117,137,.35);backdrop-filter:none}
.pptest input{background:var(--soft)}
.pphint{color:#6b8a85}
.ppresult{border:1px solid var(--line);box-shadow:0 24px 50px -28px rgba(4,29,33,.35)}

/* calculateur de temps gagné */
#gain{background:linear-gradient(180deg,var(--soft),#fff);color:var(--ink)}
.gain>div>p{color:var(--sub)}
.gf label{color:var(--ink)}
.gf output{color:var(--brand);background:var(--soft2)}
.gf input{accent-color:var(--brand)}
.gain-out{border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(4,29,33,.4)}

/* application mobile */
.app{background:linear-gradient(180deg,var(--soft),#fff);color:var(--ink)}
.app p{color:var(--sub)}
.app .hint{color:#6b8a85}

/* appel final et pied de page */
.final{background:radial-gradient(800px 420px at 50% 0%,rgba(27,156,178,.2),transparent 65%),linear-gradient(180deg,#fff,var(--soft2))}
.final p{color:var(--sub)}
footer{background:#fff;color:var(--sub);border-top:1px solid var(--line)}
.foot a:hover{color:var(--brand)}

@media (max-width:900px){
 .links{background:rgba(255,255,255,.98);border-color:var(--line);box-shadow:0 20px 40px -20px rgba(4,29,33,.35)}
 .links a{color:var(--ink)}.links a:active{background:var(--soft)}
 .links a[aria-current]{box-shadow:none;background:var(--soft)}
}
.sky .pl svg path:first-child,.pep .flyby svg path:first-child,#sk-prog svg path:first-child{fill:#0f93aa}
/* cartes mises en avant : turquoise de la marque au lieu du presque noir */
.bc.dk,.ag-big{background:linear-gradient(150deg,#0f93aa,#077589);border-color:#0b8196;color:#fff}
.bc.dk p,.ag-big p{color:#e3f5f7}
.tl div{color:#eefafb}.tl div:before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.ag-fh{color:#d5eff2}