*,*:before,*:after{box-sizing:border-box}img{display:block;max-width:100%;height:auto}:root{--fond: #F4F1EA;--anthracite: #535861;--sage: #7F9B88;--the: #A8B8A2;--ocre: #C99763;--ocre-h: #b07d45;--blanc: #ffffff}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}h1,h2,h3{font-family:Montserrat,sans-serif}body{font-family:Inter,sans-serif}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sage);font-weight:600;margin-bottom:.5rem;display:block}.eyebrow-ocre{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ocre);font-weight:600;margin-bottom:.5rem;display:block;text-align:center}.btn-ocre{display:inline-block;align-self:center;background:var(--ocre);color:var(--blanc);padding:.95rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.95rem;text-align:center;transition:background .2s;border:none;cursor:pointer}.btn-ocre:hover{background:var(--ocre-h);color:var(--blanc)}.btn-block{display:block;width:100%;margin-top:1rem}.btn-grand{font-size:1.05rem;padding:1.1rem 2.5rem}.note{font-size:.75rem;color:#9a9590;margin-top:.6rem;text-align:center}.hero{background:var(--anthracite);color:var(--fond);overflow:hidden}.hero-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column}.hero-photo-wrap{position:relative;width:100%;order:-1}.hero-photo{width:100%;aspect-ratio:16/9;object-fit:contain;object-position:center 25%;display:block;background:var(--anthracite)}display: block; width: fit-content; margin: 0 auto; background: var(--ocre); color: var(--blanc); padding: .5rem 1.25rem; border-radius: 50px; text-align: center; line-height: 1.3; position: relative; top: -1.25rem; } .hero-texte{padding:0 1.5rem 3rem;order:1;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-texte a.btn-ocre{align-self:center}.surtitre{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ocre);margin-bottom:.75rem;text-align:center}.hero h1{font-size:2.2rem;font-weight:700;line-height:1.12;color:var(--fond);margin-bottom:1.25rem;text-align:center;font-family:Montserrat,sans-serif}.sous-titre{font-size:1rem;color:#8C8C4B8;margin-bottom:2rem;font-style:italic;line-height:1.6;text-align:center}.diagnostic{background:var(--fond);padding:5rem 1.5rem}.diag-h2{font-size:1.6rem;color:var(--anthracite);margin-bottom:2.5rem;line-height:1.25;font-weight:700;text-align:center}.diag-wrap{max-width:620px;margin:0 auto}.diag-progress-row{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.diag-track{flex:1;height:6px;background:#ddd9d0;border-radius:3px;overflow:hidden}.diag-track div{height:100%;width:0;background:var(--ocre);border-radius:3px;transition:width .4s ease}.diag-step{font-size:.78rem;color:var(--sage);font-weight:600;white-space:nowrap;margin:0}.diag-question{font-size:1.2rem;font-weight:700;color:var(--anthracite);line-height:1.4;margin-bottom:1.5rem}.diag-options{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem}.diag-opt{display:flex;align-items:center;gap:14px;background:var(--blanc);border:2px solid #C8C3BA;border-radius:12px;padding:14px 18px;cursor:pointer;text-align:left;width:100%;transition:border-color .18s,background .18s,transform .12s}.diag-opt:hover{border-color:var(--ocre);background:#fdf0e0;transform:translate(4px)}.diag-opt.active{border-color:var(--ocre);background:#fdf0e0}.diag-opt.active .opt-num{background:var(--ocre);color:var(--blanc)}.opt-num{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--fond);color:var(--ocre);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--ocre);transition:background .18s,color .18s}.opt-txt{font-size:1rem;color:var(--anthracite);line-height:1.4;font-weight:500}.diag-nav{display:flex;gap:10px;align-items:center}.btn-continuer{flex:1;background:var(--ocre);color:var(--blanc);border:none;border-radius:50px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-continuer:hover:not([disabled]){background:var(--ocre-h)}.btn-continuer[disabled]{background:var(--anthracite);color:var(--ocre);cursor:not-allowed}.btn-retour{background:transparent;border:2px solid #C8C3BA;border-radius:50px;padding:.9rem 1.25rem;font-size:.9rem;color:var(--sage);cursor:pointer}.btn-retour:hover{border-color:var(--sage)}.result-card{background:var(--blanc);border:2px solid var(--ocre);border-radius:16px;padding:2rem 1.75rem;margin-bottom:1.25rem}.result-tag{display:inline-block;background:var(--ocre);color:var(--blanc);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:50px;margin-bottom:1rem}.result-titre{font-size:1.15rem;font-weight:700;color:var(--anthracite);line-height:1.3;margin-bottom:.75rem}.result-desc{font-size:.95rem;color:#5a5f5b;line-height:1.75;margin-bottom:1.25rem}.result-phrase{border-left:3px solid var(--ocre);padding-left:1rem;font-size:.92rem;color:var(--ocre-h);font-style:italic;line-height:1.6;margin:0}.btn-restart{display:block;width:100%;background:transparent;border:2px solid #C8C3BA;border-radius:50px;padding:.75rem;font-size:.88rem;color:var(--sage);cursor:pointer;margin-top:.75rem}.btn-restart:hover{border-color:var(--sage)}.resultats{background:var(--anthracite);padding:5rem 1.5rem}.resultats-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:900px;margin:2rem auto 0}.resultat-item{display:flex;align-items:flex-start;gap:1rem;background:#ffffff0f;border-left:3px solid var(--ocre);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem}.resultat-icone{font-size:1.5rem;flex-shrink:0;margin-top:.1rem;color:var(--ocre)}.resultat-texte{font-size:1rem;color:var(--fond);line-height:1.5;font-weight:500}.resultats h2{font-size:1.7rem;color:var(--fond);font-weight:700;line-height:1.2;text-align:center}.methode{background:var(--blanc);padding:5rem 1.5rem}.methode-h2{font-size:1.7rem;color:var(--anthracite);margin-bottom:2.5rem;line-height:1.2;font-weight:700}.m2p-trio{display:flex;flex-direction:column;gap:0}.m2p-item{padding:2.5rem 2rem;text-align:center}.m2p-1{background:var(--anthracite)}.m2p-2{background:var(--sage)}.m2p-3{background:var(--the)}.m2p-num{width:64px;height:64px;border-radius:50%;background:#fff3;color:var(--blanc);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.m2p-item h3{font-size:1.15rem;color:var(--blanc);margin-bottom:.5rem;font-weight:700}.m2p-item p{font-size:.95rem;color:#ffffffd9;line-height:1.6;margin:0}.m2p-arrow{text-align:center;font-size:1.5rem;color:var(--ocre);padding:.5rem;transform:rotate(90deg);display:block}.chiffres{background:var(--sage);padding:5rem 1.5rem}.chiffres-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:800px;margin:0 auto}.chiffre-bloc{text-align:center}.chiffre-n{display:block;font-size:3rem;font-weight:700;color:var(--blanc);line-height:1;margin-bottom:.5rem}.chiffre-l{display:block;font-size:.82rem;color:#ffffffd9;text-transform:uppercase;letter-spacing:.08em;line-height:1.4}.chiffres-lien{text-align:center;margin-top:3rem}.chiffres-lien a{color:var(--fond);font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(244,241,234,.4);padding-bottom:2px}.chiffres-lien a:hover{border-color:var(--fond)}.avis-section{background:var(--fond);padding:4rem 1.5rem}.avis-card{max-width:680px;margin:0 auto;background:var(--blanc);border:2px solid var(--ocre);border-radius:16px;padding:2rem 2rem 1.75rem}.avis-etoiles{color:var(--ocre);font-size:1.2rem;margin-bottom:1rem;letter-spacing:.1em}.avis-texte{font-size:1rem;color:var(--anthracite);line-height:1.75;font-style:italic;margin-bottom:1.25rem}.avis-auteur{font-size:.82rem;color:var(--sage);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.cta-final{background:var(--fond);padding:6rem 1.5rem;text-align:center}.cta-phrase{font-size:1.3rem;color:var(--anthracite);margin-bottom:2rem;line-height:1.6;font-style:italic}@media(min-width:860px){.hero-inner{flex-direction:row;align-items:stretch;min-height:580px}.hero-texte{flex:1 1 0%;min-width:0;overflow:hidden;padding:3rem 4rem 3rem 3rem;display:flex;flex-direction:column;justify-content:center;order:0}.hero-photo-wrap{width:300px;flex-shrink:0;overflow:hidden;position:relative;order:1}.hero-photo{width:100%;height:100%;aspect-ratio:unset;object-fit:cover;object-position:center 12%;display:block}{.hero h1 font-size: 2.6rem}}