/* Section « Déjà en service » en or fondu — générée par _extraire_service_or.py, ne pas éditer ici */
.os{--nuit:#050608;--encre:#15191c;--pierre:#5f6669;--or:#b98c45;--or2:#e3b766;--vert:#2f9e5b;
  --sans:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
.os-service{position:relative;background:linear-gradient(to top,#e2bb6e 0,#e2bb6e 3px,var(--nuit) 3px);color:#f3f2ee;overflow:hidden;isolation:isolate;padding:110px 16px 120px}
.os-service canvas.os-ciel{position:absolute;inset:0;width:100%;height:100%;z-index:4;display:block;pointer-events:none;mix-blend-mode:screen}
.os-service svg.os-bord{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}
.os-cadre{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.os-tete{position:relative;z-index:6;max-width:500px;margin-bottom:clamp(130px,16vw,200px)}
.os-tete .os-sur{font:600 12.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--or2)}
.os-tete h2{font:700 clamp(38px,5.2vw,64px)/1.02 var(--sans);letter-spacing:-.03em;margin-top:14px;
  background:linear-gradient(180deg,#fff 30%,#cbc3b2);-webkit-background-clip:text;background-clip:text;color:transparent}
.os-tete p{color:#a9a69d;font-size:19px;line-height:1.45;margin-top:16px;max-width:34ch}
.os-tete .os-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.os-tete .os-actions a{font:600 14.5px/1 var(--sans);padding:13px 20px;border-radius:999px;text-decoration:none}
.os-tete .os-actions .os-plein{background:linear-gradient(180deg,#f0cf8c,#c99a4c);color:#16130c;box-shadow:0 0 30px rgba(227,183,102,.35)}
.os-tete .os-actions .os-ligne{color:#e9e5da;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.os-cadran{position:relative;z-index:2;border-radius:18px;background:linear-gradient(180deg,#121419,#0a0b0e);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 50px 120px -40px rgba(0,0,0,.9);padding:0 0 22px;overflow:hidden}
.os-barre{position:relative;display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#9aa0a8}
.os-barre .os-pts{display:flex;gap:7px}
.os-barre .os-pts i{width:10px;height:10px;border-radius:50%;background:#2a2e35}
.os-barre b{color:#ece9e1;font-weight:600}
.os-barre .os-direct{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#3ccf7e;font-weight:600}
.os-barre .os-direct i{width:7px;height:7px;border-radius:50%;background:#3ccf7e;animation:pouls 2.2s infinite}
.os-cartes{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 22px 0}
.os-carte{position:relative;border-radius:16px;background:#fff;color:var(--encre);padding:20px 20px 16px;display:flex;flex-direction:column;
  min-height:290px;box-shadow:0 18px 40px -24px rgba(0,0,0,.6);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.os-carte:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(0,0,0,.75)}
.os-carte .os-haut{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:56px}
.os-carte .os-logo{height:52px;display:flex;align-items:center}
.os-carte .os-logo img{max-height:46px;max-width:108px;width:auto;object-fit:contain}
.os-etat{flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eef6f1;
  font:600 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#237a48}
.os-etat i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(47,158,91,.18)}
.os-etat.cours{background:#f7f1e6;color:#8a5a12}
.os-etat.cours i{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.os-carte h3{font:700 20px/1.18 var(--sans);letter-spacing:-.015em;margin-top:22px}
.os-carte p{font-size:14.5px;line-height:1.5;color:var(--pierre);margin-top:8px}
.os-carte .os-pied{margin-top:auto;padding-top:16px;border-top:1px solid #eeece6;display:flex;align-items:center;justify-content:space-between;
  font:600 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#8d9196}
.os-carte .os-pied a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #dcdad3;color:var(--encre);
  text-decoration:none;font-size:15px;transition:background .3s,color .3s,box-shadow .3s;position:relative;z-index:6}
.os-carte:hover .os-pied a{background:var(--encre);color:#fff;box-shadow:none}
.os-carte .os-pied{min-height:50px}
.os-cartes .os-carte .os-espace{flex:1;min-height:14px}
.os-marqueTxt{display:none;font:600 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#e3b766;padding-top:6px}
.os-signal{display:none}
.os.iA .os-carte{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));color:#f3efe6;
  box-shadow:inset 0 0 0 1px rgba(227,183,102,.22),0 30px 60px -30px rgba(0,0,0,.9)}
.os.iA .os-carte:hover{box-shadow:inset 0 0 0 1px rgba(227,183,102,.55),0 30px 60px -30px rgba(0,0,0,.9)}
.os.iA .os-logo{display:none}
.os.iA .os-marqueTxt{display:block}
.os.iA .os-carte p{color:#a6a39a}
.os.iA .os-carte .os-pied{border-top-color:rgba(227,183,102,.18);color:#8d8a82}
.os.iA .os-carte .os-pied a{box-shadow:inset 0 0 0 1px rgba(227,183,102,.45);color:#e3b766}
.os.iA .os-carte:hover .os-pied a{background:#e3b766;color:#16130c}
.os.iA .os-etat{background:rgba(60,207,126,.12);color:#5fe39a}
.os.iA .os-etat.cours{background:rgba(227,183,102,.12);color:#e3b766}
.os.iA .os-signal{display:block;position:relative;height:2px;margin-top:18px;background:rgba(227,183,102,.15);border-radius:2px;overflow:hidden}
.os.iA .os-signal i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,#f4d08a,transparent);animation:signal 2.8s ease-in-out infinite}
.os.iA .os-carte:nth-child(2) .os-signal i{animation-delay:.7s}
.os.iA .os-carte:nth-child(3) .os-signal i{animation-delay:1.4s}
.os.iA .os-carte:nth-child(4) .os-signal i{animation-delay:2.1s}
@keyframes signal{0%{left:-30%}100%{left:100%}}
.os.iB .os-carte{background:#f8f4ec;box-shadow:inset 0 2px 0 rgba(198,154,82,.85),0 24px 50px -28px rgba(0,0,0,.85)}
.os.iB .os-carte h3{font:400 22px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.os.iB .os-carte .os-pied{border-top-color:#e9e1d0}
.os.iB .os-carte .os-pied a{box-shadow:inset 0 0 0 1px #c9a565;color:#8a6a2c}
.os.iB .os-carte:hover .os-pied a{background:#b98c45;color:#fff}
.os.iC .os-cartes{gap:0;margin:18px 22px 0;padding:0;background:#fbfaf7;border-radius:14px;overflow:hidden}
.os.iC .os-carte{border-radius:0;background:transparent;box-shadow:none}
.os.iC .os-carte+.os-carte{box-shadow:inset 1px 0 0 rgba(185,140,69,.35)}
.os.iC .os-carte:hover{transform:none;background:#fff}
.os.iD .os-carte{background:linear-gradient(180deg,#16191e,#0f1115);color:#f3efe6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 30px 60px -30px rgba(0,0,0,.9);padding-top:0;overflow:hidden}
.os.iD .os-carte .os-haut{background:#f7f5f0;margin:0 -20px;padding:14px 20px;min-height:76px;align-items:center;box-shadow:inset 0 -1px 0 rgba(185,140,69,.6)}
.os.iD .os-carte p{color:#a6a39a}
.os.iD .os-carte .os-pied{border-top-color:rgba(255,255,255,.08);color:#8d8a82}
.os.iD .os-carte .os-pied a{box-shadow:inset 0 0 0 1px rgba(227,183,102,.45);color:#e3b766}
.os.iD .os-carte:hover .os-pied a{background:#e3b766;color:#16130c}
@media (max-width:1000px){.os.iC .os-cartes{grid-template-columns:1fr 1fr}.os.iC .os-carte:nth-child(3){box-shadow:inset 0 1px 0 rgba(185,140,69,.35)}.os.iC .os-carte:nth-child(4){box-shadow:inset 1px 0 0 rgba(185,140,69,.35),inset 0 1px 0 rgba(185,140,69,.35)}}
@media (max-width:600px){.os.iC .os-cartes{grid-template-columns:1fr}.os.iC .os-carte+.os-carte{box-shadow:inset 0 1px 0 rgba(185,140,69,.35)}}
.anime .os-tete>*{opacity:0;transform:translateY(18px);transition:opacity 1s,transform 1s cubic-bezier(.16,1,.3,1)}
.anime .os-tete.vu>*{opacity:1;transform:none}
.anime .os-tete.vu>*:nth-child(2){transition-delay:.1s}
.anime .os-tete.vu>*:nth-child(3){transition-delay:.2s}
.anime .os-tete.vu>*:nth-child(4){transition-delay:.3s}
.anime .os-carte{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.anime .os-cadran.vu .os-carte{opacity:1;transform:none}
.anime .os-cadran.vu .os-carte:nth-child(2){transition-delay:.12s}
.anime .os-cadran.vu .os-carte:nth-child(3){transition-delay:.24s}
.anime .os-cadran.vu .os-carte:nth-child(4){transition-delay:.36s}
@keyframes pouls{0%{box-shadow:0 0 0 0 rgba(60,207,126,.45)}70%{box-shadow:0 0 0 8px rgba(60,207,126,0)}100%{box-shadow:0 0 0 0 rgba(60,207,126,0)}}
@media (max-width:1000px){.os-cartes{grid-template-columns:1fr 1fr}}
@media (max-width:600px){
  .os-service{padding:84px 14px 90px}
  .os-tete{margin-bottom:160px;max-width:calc(100% - 58px)}
  .os-cartes{grid-template-columns:1fr;padding:16px 14px 0}.os-carte{min-height:0}
  .os-barre{padding:14px 16px}.os-barre .os-nom{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.anime .os-tete>*,.anime .os-carte{opacity:1!important;transform:none!important}}