*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a1a2e;background:#f4f6fa;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}:root{--navy:#0f1f3d;--blue:#1a3a6b;--accent:#c9a84c;--light:#f4f6fa;--mid:#e8ecf4;--text:#1a1a2e;--muted:#5a6278;--white:#fff;--radius:8px;--shadow:0 4px 24px #0f1f3d1a}.container{max-width:760px;margin:0 auto;padding:0 24px}nav{background:var(--navy)}.nav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--white);letter-spacing:.02em;font-size:1.1rem;font-weight:800}.nav-logo span{color:var(--accent)}.nav-back{color:#ffffffbf;font-size:.85rem}.nav-back:hover{color:var(--accent)}.diag-hero{background:var(--navy);text-align:center;padding:56px 0 40px}.diag-hero .section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.75rem;font-weight:700;display:inline-block}.diag-hero h1{color:var(--white);margin-bottom:12px;font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:700}.diag-hero p{color:#ffffffb3;max-width:560px;margin:0 auto}.diag-form-section{padding:40px 0 80px}.alert-erreur{color:#8c2f1f;border-radius:var(--radius);background:#f9e4e0;margin-bottom:24px;padding:14px 18px;font-size:.9rem}.progress-bar{background:var(--mid);border-radius:3px;height:6px;margin-bottom:40px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.diag-step{background:var(--white);box-shadow:var(--shadow);border-radius:12px;padding:36px}.diag-step h2{color:var(--navy);margin-bottom:8px;font-size:1.3rem;font-weight:700}.step-sub{color:var(--muted);margin-bottom:20px;font-size:.9rem}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.field input,.field select{border:1px solid var(--mid);border-radius:var(--radius);color:var(--text);outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.field input:focus,.field select:focus{border-color:var(--accent)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:560px){.form-row{grid-template-columns:1fr}}.situation-choices{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 8px;display:grid}@media (max-width:560px){.situation-choices{grid-template-columns:1fr}}.situation-choice{border:2px solid var(--mid);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:4px;padding:16px;transition:all .15s;display:flex;position:relative}.situation-choice:hover{border-color:var(--accent)}.situation-choice input{opacity:0;pointer-events:none;position:absolute}.situation-choice.checked{border-color:var(--accent);background:#c9a84c14}.situation-choice-check{border:2px solid var(--mid);border-radius:4px;width:18px;height:18px;position:absolute;top:12px;right:12px}.situation-choice.checked .situation-choice-check{background:var(--accent);border-color:var(--accent)}.situation-choice.checked .situation-choice-check:after{content:"✓";color:var(--navy);text-align:center;font-size:.8rem;font-weight:700;line-height:14px;display:block}.situation-choice-emoji{font-size:1.4rem}.situation-choice-label{color:var(--navy);padding-right:20px;font-size:.95rem;font-weight:700}.situation-choice-desc{color:var(--muted);font-size:.82rem}.radio-choice{border:2px solid var(--mid);border-radius:var(--radius);cursor:pointer;margin-bottom:10px;padding:14px 16px;font-size:.92rem;transition:all .15s;display:block}.radio-choice:hover{border-color:var(--accent)}.radio-choice input{margin-right:10px}.radio-choice.checked{border-color:var(--accent);background:#c9a84c14;font-weight:600}.followup-group{margin-bottom:28px}.followup-group h3{color:var(--navy);align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;display:flex}.step-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-gold{background:var(--accent);color:var(--navy);margin-left:auto}.btn-gold:hover{background:#dbb95a;transform:translateY(-1px)}.btn-gold:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{border:2px solid var(--mid);color:var(--muted);background:0 0}.btn-outline:hover{border-color:var(--navy);color:var(--navy)}.honeypot{opacity:0;width:0;height:0;position:absolute;left:-9999px}.diag-step.shake{box-shadow:0 0 0 2px #c25b4a}.hero{background:var(--navy);text-align:center;padding:48px 0 36px}.hero .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.75rem;font-weight:700;display:inline-block}.hero h1{color:var(--white);margin-bottom:8px;font-size:clamp(1.4rem,3.2vw,1.9rem)}.hero p{color:#ffffffb3}.content{padding:40px 0 80px}.card{background:var(--white);box-shadow:var(--shadow);border-radius:12px;margin-bottom:24px;padding:32px}.card h2{color:var(--navy);margin-bottom:12px;font-size:1.05rem}.situation-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.situation-tag{color:var(--navy);background:#c9a84c1f;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.synthese{color:var(--text);margin-bottom:14px;font-size:.97rem}.synthese:last-child{margin-bottom:0}.offre-card{background:var(--navy);color:var(--white);border-radius:12px;margin-bottom:24px;padding:32px}.offre-card .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-block}.offre-card h2{color:var(--white);margin-bottom:4px;font-size:1.3rem}.offre-card .prix{color:var(--accent);margin-bottom:14px;font-size:1rem;font-weight:700}.offre-card p{color:#ffffffbf;font-size:.95rem}.engagement{align-items:flex-start;gap:14px;display:flex}.engagement-icon{font-size:1.4rem}.engagement p{color:var(--muted);font-size:.92rem}.actions{text-align:center;margin-top:8px}