:root{--gold: #c8a84b;--gold-light: #e8d5a0;--cream: #faf6ee;--cream-dark: #f0e6cc;--brown: #3a2a10;--brown-mid: #5c3d1e;--text: #2a1f0e;--text-muted: #6b5740;--white: #ffffff;--error: #b91c1c;--success: #15803d;--radius: 8px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}.container{width:100%;max-width:560px;margin-inline:auto;padding-inline:1.25rem}header{display:flex;align-items:center;justify-content:center;padding:1.25rem;border-bottom:1px solid var(--cream-dark);position:sticky;top:0;background:var(--cream);z-index:10}.logo{font-family:EB Garamond,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--brown);letter-spacing:.05em}.hero{background:linear-gradient(160deg,var(--cream) 0%,var(--cream-dark) 100%);padding:3rem 1.25rem 4rem;text-align:center}.hero-inner{max-width:480px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-image{width:160px;height:180px;filter:drop-shadow(0 8px 24px rgba(200,168,75,.2))}.hero-quote{font-family:EB Garamond,Georgia,serif;font-style:italic;font-size:1.1rem;color:var(--brown-mid);max-width:340px;line-height:1.5}h1{font-family:EB Garamond,Georgia,serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:500;color:var(--brown);line-height:1.25}.brand-name{font-family:EB Garamond,Georgia,serif;font-size:2.4rem;font-weight:600;color:var(--brown);letter-spacing:.12em;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:.4rem 2rem}.btn-primary{display:inline-block;background:var(--brown);color:var(--cream);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:var(--radius);padding:.875rem 2rem;min-height:52px;min-width:220px;cursor:pointer;transition:background var(--transition),transform var(--transition);text-align:center;width:100%}.btn-primary:hover:not(:disabled){background:var(--brown-mid)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.section-geste{padding:3.5rem 0;background:var(--white)}.section-geste .container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.geste-visual{width:140px;height:70px}.section-geste h2,.section-origine h2{font-family:EB Garamond,Georgia,serif;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:500;color:var(--brown);line-height:1.3}.section-geste p,.section-origine p{color:var(--text-muted);max-width:420px}.section-origine{padding:3.5rem 0;background:var(--cream-dark)}.section-origine .container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.origine-badge{width:72px;height:72px}.origine-points{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.origine-points li{display:flex;align-items:center;gap:.6rem;color:var(--brown-mid);font-family:EB Garamond,Georgia,serif;font-size:1.05rem}.point-icon{color:var(--gold);font-size:.7rem}.section-form{padding:4rem 0;background:var(--brown);color:var(--cream)}.section-form h2{font-family:EB Garamond,Georgia,serif;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:500;color:var(--cream);margin-bottom:1.5rem;text-align:center}.section-form form{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.375rem}.field-group label{font-size:.9rem;font-weight:500;color:var(--gold-light)}.field-group input[type=email]{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:Inter,sans-serif;background:#ffffff14;border:1.5px solid rgba(200,168,75,.4);border-radius:var(--radius);color:var(--cream);transition:border-color var(--transition);min-height:52px}.field-group input[type=email]::placeholder{color:#faf6ee59}.field-group input[type=email]:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c8a84b40}.field-group input[aria-invalid=true]{border-color:#fca5a5}.field-error{color:#fca5a5;font-size:.875rem;margin-top:.25rem}.field-info{color:var(--gold-light);font-size:.875rem;margin-top:.25rem}.section-form .btn-primary{background:var(--gold);color:var(--brown);font-weight:600}.section-form .btn-primary:hover:not(:disabled){background:var(--gold-light)}.consent{font-size:.78rem;color:#faf6ee80;text-align:center;line-height:1.5}.form-success{text-align:center;padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.form-success p{font-family:EB Garamond,Georgia,serif;font-size:1.3rem;color:var(--cream)}.success-icon{font-size:2rem;color:var(--gold)}.section-survey{padding:3.5rem 0;background:var(--cream);outline:none}.section-survey h2{font-family:EB Garamond,Georgia,serif;font-size:1.5rem;font-weight:500;color:var(--brown);margin-bottom:.25rem}.survey-sub{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem}.section-survey form{display:flex;flex-direction:column;gap:2rem}.section-survey fieldset{border:none;padding:0}.section-survey legend{font-family:EB Garamond,Georgia,serif;font-size:1.05rem;color:var(--brown);font-weight:500;margin-bottom:.875rem;line-height:1.4}.legend-hint{font-size:.8rem;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:400}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.radio-option,.checkbox-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1.5px solid var(--cream-dark);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),background var(--transition);min-height:52px}.radio-option:hover,.checkbox-option:hover{border-color:var(--gold);background:#c8a84b0f}.radio-option input,.checkbox-option input{accent-color:var(--brown);width:18px;height:18px;flex-shrink:0}.radio-option span,.checkbox-option span{font-size:.95rem;color:var(--text)}.radio-option:has(input:checked),.checkbox-option:has(input:checked){border-color:var(--gold);background:#c8a84b14}.survey-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.survey-actions .btn-primary{width:100%}.btn-skip{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.5rem;min-height:44px;transition:color var(--transition)}.btn-skip:hover{color:var(--brown)}.section-survey-done{padding:2.5rem 0;background:var(--cream);text-align:center}.survey-thanks{font-family:EB Garamond,Georgia,serif;font-size:1.25rem;color:var(--brown-mid)}footer{background:var(--cream-dark);border-top:1px solid rgba(200,168,75,.3);padding:2rem 0;text-align:center}footer .container{display:flex;flex-direction:column;gap:.5rem;align-items:center}.legal{font-size:.8rem;color:var(--text-muted);font-style:italic}.footer-name{font-family:EB Garamond,Georgia,serif;font-size:.9rem;color:var(--brown-mid);letter-spacing:.05em}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:640px){.hero{padding:5rem 1.25rem 6rem}.section-geste,.section-origine{padding:5rem 0}.section-form{padding:5.5rem 0}.section-survey{padding:5rem 0}}