/* ==========================================================
   Pages outils : /diagnostic-ia et /calculateur-roi
   (s'appuie sur les variables et composants de site.css)
   ========================================================== */

@property --o-ang{syntax:'<angle>';initial-value:0deg;inherits:false}

/* ---------- hero ---------- */
.o-hero{position:relative;padding:54px 0 84px;overflow-x:clip}
.o-hero-bg{
  position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,16,20,.84),rgba(13,20,26,.93) 60%,var(--noir)),
    #0a0e12 url('texture.webp') center/cover no-repeat;
}
.o-hero-bg::before,.o-hero-bg::after{
  content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;
}
.o-hero-bg::before{
  width:560px;height:560px;left:-140px;top:-180px;
  background:radial-gradient(circle,rgba(184,151,90,.34),transparent 65%);
  animation:oDrift 16s ease-in-out infinite alternate;
}
.o-hero-bg::after{
  width:640px;height:640px;right:-180px;bottom:-260px;
  background:radial-gradient(circle,rgba(212,184,120,.22),transparent 65%);
  animation:oDrift 20s ease-in-out infinite alternate-reverse;
}
.o-hero-mesh{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(184,151,90,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,151,90,.07) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000,transparent 75%);
          mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000,transparent 75%);
}
.o-hero-grid{
  position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;
  gap:68px;align-items:center;
}
.o-hero h1{font-size:clamp(34px,4vw,52px);font-weight:500}
.o-hero h1 .l2{display:block;color:var(--or);font-style:italic;font-weight:400}
.o-lede{font-size:17px;color:var(--gris);max-width:540px;margin:20px 0 26px}
.o-lede b{color:var(--blanc);font-weight:500}

/* entrée en scène au chargement */
.o-load>*{opacity:0;transform:translateY(24px);animation:oUp .95s cubic-bezier(.2,.7,.2,1) forwards}
.o-load>*:nth-child(1){animation-delay:.05s}
.o-load>*:nth-child(2){animation-delay:.18s}
.o-load>*:nth-child(3){animation-delay:.32s}
.o-load>*:nth-child(4){animation-delay:.46s}
.o-load>*:nth-child(5){animation-delay:.6s}
.o-load>*:nth-child(6){animation-delay:.74s}

.o-enter{opacity:0;transform:translateY(24px);animation:oUp 1.1s cubic-bezier(.2,.7,.2,1) .35s forwards}

.o-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.o-pill{
  display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--or-clair);border:1px solid var(--bordure);
  padding:8px 14px;border-radius:30px;background:rgba(184,151,90,.05);
}
.o-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or);box-shadow:0 0 10px var(--or)}
.o-badge-ia{font-size:12.5px;color:var(--gris-fonce);margin-top:18px;max-width:520px;line-height:1.6}

/* ---------- console (cadre de l'outil) ---------- */
.o-console{
  position:relative;z-index:5;border-radius:16px;padding:26px 26px 24px;isolation:isolate;
  background:linear-gradient(160deg,rgba(184,151,90,.10),rgba(13,20,26,.75) 55%);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.85);
}
.o-console::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from var(--o-ang),rgba(184,151,90,.15),var(--or-clair),rgba(184,151,90,.15) 30%,rgba(184,151,90,.15) 70%,var(--or),rgba(184,151,90,.15));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:oSpin 7s linear infinite;
}
.o-console::after{
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(212,184,120,.13),transparent 65%);
}
.o-console-label{
  display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.26em;
  text-transform:uppercase;color:var(--or);margin-bottom:16px;
}
.o-console-label i{width:8px;height:8px;border-radius:50%;background:var(--or-clair);animation:oPulse 1.8s ease-in-out infinite}

.outil .diag-search{max-width:none;margin:0}
.outil .diag-input{
  padding:20px 22px 20px 54px;font-size:17px;border-radius:12px;
  background:var(--noir) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23b8975a' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='6'/%3E%3Cpath d='m13 13 5 5'/%3E%3C/svg%3E") 20px 50%/20px no-repeat;
  animation:oRing 2.6s ease-out infinite;
}
.outil .diag-input:focus{animation:none;box-shadow:0 0 0 4px rgba(184,151,90,.14)}
.outil .diag-suggestions{z-index:30;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.o-hint{font-size:12.5px;color:var(--gris-fonce);margin-top:12px}

/* ---------- photo du hero ---------- */
.o-photo-wrap{position:relative;max-width:430px;margin-left:auto;width:100%}
.o-rings{position:absolute;inset:-70px;z-index:0;pointer-events:none;animation:oSpinEl 60s linear infinite}
.o-rings circle{fill:none;stroke:rgba(184,151,90,.28);stroke-width:1;stroke-dasharray:3 9}
.o-photo{
  position:relative;z-index:1;aspect-ratio:4/5;border:1px solid var(--bordure);overflow:hidden;
  box-shadow:0 50px 100px -40px rgba(0,0,0,.9);
}
.o-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:oZoom 14s ease-out forwards}
.o-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(10,14,18,.78));
}
.o-photo-wrap::before{
  content:"";position:absolute;inset:0;border:1px solid var(--or);z-index:0;
  transform:translate(16px,16px);opacity:.5;
}
/* balayage (diagnostic) */
.o-scan{
  position:absolute;left:0;right:0;height:90px;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(212,184,120,.20) 85%,rgba(232,197,106,.9) 100%);
  animation:oScan 4.6s cubic-bezier(.45,0,.55,1) infinite;
}
/* étiquettes flottantes */
.o-chip{
  position:absolute;z-index:3;display:flex;align-items:center;gap:9px;white-space:nowrap;
  background:rgba(13,20,26,.86);backdrop-filter:blur(10px);border:1px solid var(--bordure);
  padding:10px 15px;font-size:12.5px;color:var(--blanc);border-radius:30px;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9);
  opacity:0;animation:oChip .8s cubic-bezier(.2,.7,.2,1) forwards,oFloat 6s ease-in-out infinite;
}
.o-chip svg{flex:none;color:var(--or-clair)}
.o-chip.c1{top:9%;left:-46px;animation-delay:1.1s,1.9s}
.o-chip.c2{top:41%;right:-38px;animation-delay:1.7s,2.5s}
.o-chip.c3{bottom:13%;left:-30px;animation-delay:2.3s,3.1s}
/* compteur (calculateur) */
.o-meter{
  position:absolute;z-index:3;left:-38px;bottom:9%;width:236px;
  background:rgba(13,20,26,.9);backdrop-filter:blur(10px);border:1px solid var(--bordure);
  border-left:2px solid var(--or);padding:18px 20px;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.9);
  opacity:0;animation:oChip .9s cubic-bezier(.2,.7,.2,1) 1.1s forwards;
}
.o-meter-lbl{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or)}
.o-meter-val{font-family:var(--serif);font-size:38px;color:var(--or-clair);line-height:1.15;margin:6px 0 4px}
.o-meter-sub{font-size:12px;color:var(--gris);line-height:1.5}

/* ---------- zone de résultat ---------- */
.o-result-zone .diag-result{margin:0 auto;padding:10px 0 90px;scroll-margin-top:110px}
.outil .calc-result{scroll-margin-top:110px}
.outil .diag-card,.outil .calc-number,.outil .calc-starter,.outil .diag-result-head,
.outil .diag-gating-placeholder,.outil .lm-gating-placeholder,.outil .lm-capture-form{
  animation:oUp .8s cubic-bezier(.2,.7,.2,1) both;
}
.outil .calc-number:nth-child(2){animation-delay:.15s}
.outil .calc-starter{animation-delay:.3s}
.outil .diag-gating-placeholder,.outil .lm-gating-placeholder{animation-delay:.35s}
.outil .lm-capture-form{animation-delay:.5s}
.outil .diag-cards-preview{grid-template-columns:1fr;max-width:640px;margin:0 auto}
.outil .diag-loading,.outil .calc-loading{position:relative;padding:54px 0 40px}
.outil .diag-loading::before,.outil .calc-loading::before{
  content:"";display:block;width:46px;height:46px;margin:0 auto 20px;border-radius:50%;
  border:1px solid var(--bordure);border-top-color:var(--or-clair);animation:oSpinEl .9s linear infinite;
}

/* ---------- titres de section ---------- */
.o-head{text-align:center;max-width:720px;margin:0 auto 64px}
.o-head h2{font-size:clamp(30px,4.2vw,50px);margin-bottom:18px}
.o-head h2 .gold{font-style:italic}
.o-head p{font-size:17px;color:var(--gris)}
.o-head .eyebrow{margin-bottom:18px}

/* ---------- 3 étapes ---------- */
.o-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.o-steps::before{
  content:"";position:absolute;top:39px;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--or) 12%,var(--or) 88%,transparent);
  transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(.2,.7,.2,1) .3s;
}
.o-steps.in::before{transform:scaleX(1)}
.o-step{position:relative;text-align:center;padding:0 10px}
.o-step-ico{
  width:78px;height:78px;margin:0 auto 26px;border-radius:50%;border:1px solid var(--or);
  background:var(--noir-3);display:grid;place-items:center;color:var(--or-clair);position:relative;
  transition:transform .5s,box-shadow .5s;
}
.o-step:hover .o-step-ico{transform:translateY(-6px);box-shadow:0 0 50px -10px rgba(184,151,90,.8)}
.o-step-num{
  font-family:var(--serif);font-style:italic;font-size:15px;color:var(--or);letter-spacing:.08em;margin-bottom:8px;
}
.o-step h3{font-size:25px;margin-bottom:12px;color:var(--blanc)}
.o-step p{font-size:14.5px;color:var(--gris);max-width:300px;margin:0 auto}
.js .o-stagger>*{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.js .o-stagger.in>*{opacity:1;transform:none}
.js .o-stagger.in>*:nth-child(2){transition-delay:.18s}
.js .o-stagger.in>*:nth-child(3){transition-delay:.36s}
.js .o-stagger.in>*:nth-child(4){transition-delay:.54s}
.js .o-stagger.in>*:nth-child(5){transition-delay:.72s}
.js .o-stagger.reveal{opacity:1;transform:none}

/* ---------- bloc image + texte ---------- */
.o-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.o-split.rev>*:first-child{order:2}
.o-figure{position:relative;border:1px solid var(--bordure);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.o-figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.o-figure:hover img{transform:scale(1.05)}
.o-figure figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:38px 22px 16px;font-size:12.5px;color:var(--gris);
  background:linear-gradient(180deg,transparent,rgba(8,12,16,.9));font-style:italic;
}
.o-split h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:20px}
.o-split h2 .gold{font-style:italic}
.o-split p{color:var(--gris);font-size:15.5px;margin-bottom:14px}
.o-split p strong{color:var(--blanc);font-weight:500}

/* carte exemple (anatomie d'une piste) */
.o-sample{
  background:var(--noir-2);border:1px solid var(--bordure);border-left:2px solid var(--or);
  border-radius:0 12px 12px 0;padding:30px 30px 24px;position:relative;
}
.o-sample-tag{
  display:inline-block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--noir);background:var(--or-clair);padding:5px 11px;margin-bottom:16px;
}
.o-sample h3{font-size:25px;color:var(--or-clair);margin-bottom:20px;line-height:1.2}
.o-sample-row{padding:14px 0;border-top:1px solid rgba(184,151,90,.14)}
.o-sample-row .lbl{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin-bottom:5px}
.o-sample-row p{font-size:14.5px;color:var(--blanc);margin:0 0 5px}
.o-sample-row small{display:block;font-size:12.5px;color:var(--gris-fonce);font-style:italic;line-height:1.55}

/* ---------- transparence : regarde / ne regarde pas ---------- */
.o-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:0 auto}
.o-duo-col{border:1px solid var(--bordure);padding:34px 32px;position:relative;overflow:hidden;transition:transform .5s,border-color .5s}
.o-duo-col:hover{transform:translateY(-6px);border-color:var(--or)}
.o-duo-col.yes{background:linear-gradient(160deg,rgba(90,184,99,.07),rgba(184,151,90,.05))}
.o-duo-col.no{background:rgba(255,255,255,.015)}
.o-duo-col h3{font-size:24px;margin-bottom:20px}
.o-duo-col.yes h3{color:var(--or-clair)}
.o-duo-col ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.o-duo-col li{position:relative;padding-left:30px;font-size:14.5px;color:var(--gris);line-height:1.6}
.o-duo-col li b{color:var(--blanc);font-weight:500}
.o-duo-col.yes li::before{content:"✓";position:absolute;left:0;top:0;color:#5ab863}
.o-duo-col.no li::before{content:"✕";position:absolute;left:0;top:0;color:#b85e5a}
.o-duo-note{text-align:center;max-width:680px;margin:36px auto 0;font-size:14.5px;color:var(--gris);font-style:italic}

/* ---------- formule (calculateur) ---------- */
.o-formula{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:14px;max-width:1080px;margin:0 auto}
.o-term{
  flex:1 1 170px;max-width:210px;border:1px solid var(--bordure);background:var(--noir-2);
  padding:24px 18px;text-align:center;transition:transform .5s,border-color .5s,box-shadow .5s;
}
.o-term:hover{transform:translateY(-6px);border-color:var(--or);box-shadow:0 24px 50px -24px rgba(184,151,90,.5)}
.o-term-val{font-family:var(--serif);font-size:30px;color:var(--or-clair);line-height:1.15;display:block;margin-bottom:8px}
.o-term-lbl{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--or);display:block;margin-bottom:10px}
.o-term p{font-size:13px;color:var(--gris);line-height:1.6}
.o-op{align-self:center;font-family:var(--serif);font-size:34px;color:var(--or);flex:none}
.o-term.res{background:linear-gradient(160deg,rgba(184,151,90,.16),rgba(184,151,90,.04));border-color:var(--or)}

.o-example{
  max-width:860px;margin:60px auto 0;border:1px solid var(--bordure);padding:38px 34px;text-align:center;
  background:radial-gradient(600px 220px at 50% 0,rgba(184,151,90,.10),transparent 70%),var(--noir-3);
}
.o-example .o-sample-tag{margin-bottom:18px}
.o-example-q{font-family:var(--serif);font-size:clamp(20px,2.4vw,26px);color:var(--blanc);margin-bottom:28px;line-height:1.35}
.o-example-nums{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.o-example-num{border-left:2px solid var(--or);background:var(--noir-2);padding:22px 16px}
.o-example-num b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.6vw,44px);color:var(--or-clair);line-height:1.15}
.o-example-num span{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--or)}

/* ---------- calculateur : questions numérotées ---------- */
.outil .calc-questions{counter-reset:q;max-width:none;gap:0;position:relative}
.outil .calc-q{
  counter-increment:q;position:relative;padding:0 0 38px 72px;text-align:left;
}
.outil .calc-q::before{
  content:counter(q);position:absolute;left:0;top:-6px;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--or);background:var(--noir-3);display:grid;place-items:center;
  font-family:var(--serif);font-size:22px;color:var(--or-clair);transition:background .4s,color .4s,box-shadow .4s;z-index:1;
}
.outil .calc-q::after{
  content:"";position:absolute;left:23px;top:40px;bottom:-6px;width:1px;background:var(--bordure);
}
.outil .calc-q:last-child{padding-bottom:6px}
.outil .calc-q:last-child::after{display:none}
.outil .calc-q:has(.is-selected)::before{
  content:"✓";background:linear-gradient(135deg,var(--or),var(--or-clair));color:var(--noir);
  font-family:var(--sans);font-size:18px;font-weight:700;box-shadow:0 0 30px -6px rgba(184,151,90,.9);
}
.outil .calc-q:has(.is-selected)::after{background:var(--or)}
.outil .calc-q-label{text-align:left}
.outil .calc-options{justify-content:flex-start}
.outil .calc-option{transition:border-color .2s,color .2s,background .2s,transform .2s}
.outil .calc-option:hover{transform:translateY(-2px)}
.outil .calc-option.is-selected{box-shadow:0 0 0 1px var(--or),0 10px 26px -12px rgba(184,151,90,.7)}
.outil .calc-submit{margin:34px 0 0 72px}
.outil .calc-submit:not(:disabled){animation:oRing 2.2s ease-out infinite}
.o-tool{padding:20px 0 100px;position:relative;scroll-margin-top:90px}
.o-tool .o-console{max-width:940px;margin:0 auto;padding:40px 40px 38px}

/* ---------- cartes tâches ---------- */
.o-tasks{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.o-task{
  border:1px solid var(--bordure);background:rgba(255,255,255,.015);padding:26px 20px;position:relative;
  overflow:hidden;transition:transform .5s,border-color .5s,background .5s;
}
.o-task::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--or),var(--or-clair));
  transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.o-task:hover{transform:translateY(-8px);border-color:var(--or);background:rgba(184,151,90,.05)}
.o-task:hover::before{transform:scaleX(1)}
.o-task svg{color:var(--or-clair);margin-bottom:16px}
.o-task h3{font-size:20px;color:var(--blanc);margin-bottom:10px;line-height:1.2}
.o-task p{font-size:13.5px;color:var(--gris);line-height:1.6}
.o-task .tag{display:block;margin-top:14px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--or)}

/* ---------- FAQ courte ---------- */
.o-faq{max-width:820px;margin:0 auto}
.o-faq details{border-bottom:1px solid var(--bordure)}
.o-faq summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:24px 6px;
  font-family:var(--serif);font-size:clamp(19px,2.2vw,23px);color:var(--blanc);transition:color .25s;
}
.o-faq summary::-webkit-details-marker{display:none}
.o-faq summary:hover{color:var(--or-clair)}
.o-faq summary .chev{
  margin-left:auto;width:30px;height:30px;border:1px solid var(--bordure);border-radius:50%;
  display:grid;place-items:center;color:var(--or);flex:none;transition:transform .3s;
}
.o-faq details[open] summary .chev{transform:rotate(180deg)}
.o-faq .ans{padding:0 6px 28px;color:var(--gris);font-size:15.5px;max-width:72ch}

/* ---------- animations ---------- */
@keyframes oUp{to{opacity:1;transform:none}}
@keyframes oDrift{to{transform:translate(90px,60px) scale(1.15)}}
@keyframes oSpin{to{--o-ang:360deg}}
@keyframes oSpinEl{to{transform:rotate(360deg)}}
@keyframes oPulse{50%{opacity:.25;transform:scale(.7)}}
@keyframes oRing{0%{box-shadow:0 0 0 0 rgba(184,151,90,.45)}100%{box-shadow:0 0 0 11px rgba(184,151,90,0)}}
@keyframes oZoom{to{transform:scale(1)}}
@keyframes oScan{0%{top:-90px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@keyframes oChip{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes oFloat{50%{translate:0 -9px}}

/* ---------- responsive ---------- */
@media(max-width:1020px){
  .o-tasks{grid-template-columns:repeat(3,1fr)}
  .o-chip.c1,.o-chip.c3{left:-14px}
  .o-chip.c2{right:-14px}
  .o-meter{left:-14px}
}
@media(max-width:900px){
  .o-hero{padding:56px 0 70px}
  .o-hero-grid,.o-split{grid-template-columns:1fr;gap:54px}
  .o-split.rev>*:first-child{order:0}
  .o-photo-wrap{margin:0 auto;max-width:360px}
  .o-steps{grid-template-columns:1fr;gap:46px}
  .o-steps::before{display:none}
  .o-duo{grid-template-columns:1fr}
  .o-op{display:none}
  .o-term{max-width:none;flex-basis:44%}
  .o-tool .o-console{padding:30px 22px}
  .o-tool{padding-bottom:76px}
}
@media(max-width:560px){
  .o-tasks{grid-template-columns:1fr}
  .o-term{flex-basis:100%}
  .o-example{padding:30px 20px}
  .o-example-nums{grid-template-columns:1fr}
  .o-console{padding:20px 16px 18px}
  .o-chip{font-size:11.5px;padding:8px 12px}
  .o-chip.c1,.o-chip.c3{left:-8px}
  .o-chip.c2{right:-8px}
  .o-meter{left:-8px;width:210px}
  .o-photo-wrap::before{transform:translate(10px,10px)}
  .o-rings{inset:-30px}
  .outil .calc-q{padding-left:0;padding-top:58px}
  .outil .calc-q::after{display:none}
  .outil .calc-q::before{top:0}
  .outil .calc-submit{margin-left:0}
  .outil .diag-input{font-size:16px;padding:18px 16px 18px 48px;background-position:16px 50%}
}
@media(prefers-reduced-motion:reduce){
  .o-load>*,.o-enter,.o-chip,.o-meter{animation:none;opacity:1;transform:none}
  .o-hero-bg::before,.o-hero-bg::after,.o-console::before,.o-scan,.o-rings,.o-photo img,
  .outil .diag-input,.outil .calc-submit:not(:disabled),.o-console-label i{animation:none}
  .o-photo img{transform:none}
  .o-scan{display:none}
  .o-steps::before{transform:scaleX(1);transition:none}
  .js .o-stagger>*{opacity:1;transform:none;transition:none}
  .outil .diag-card,.outil .calc-number,.outil .calc-starter,.outil .diag-result-head,
  .outil .diag-gating-placeholder,.outil .lm-gating-placeholder,.outil .lm-capture-form{animation:none}
}