:root{--paper:#faf6ef;--paper-deep:#f2ebdd;--ink:#1f2a24;--ink-soft:#54604f;--ink-mute:#8a9184;--green:#1e5b40;--green-bright:#1e7a4c;--terra:#c4572a;--line:#e3dac8;--card:#fffdf8;--radius:14px;--shadow:0 2px 6px #1f2a240f,0 18px 40px -18px #1f2a242e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);background-image:radial-gradient(circle at 12% -5%,#1e5b400f,#0000 40%),radial-gradient(circle at 95% 8%,#c4572a0d,#0000 35%);flex-direction:column;min-height:100svh;font-family:Karla,sans-serif;font-size:16px;line-height:1.55;display:flex}h1,h2,em,b{font-family:Fraunces,serif}.top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:660px;margin:0 auto;padding:14px 18px;display:flex}.brand{align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.brand small{color:var(--ink-mute);letter-spacing:.14em;text-transform:uppercase;font-family:Karla,sans-serif;font-size:.64rem;font-weight:500;display:block}.brand .dot{background:conic-gradient(var(--green) 0 60%,var(--terra) 60% 82%,#8a6d1e 82% 100%);border-radius:50%;flex:none;width:24px;height:24px;position:relative}.brand .dot:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:6px}.chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chip{background:var(--card);border:1px solid;border-radius:99px;padding:2px 9px;font-size:.7rem;font-weight:700}.progress{background:var(--paper-deep);height:3px}.progress i{background:var(--green-bright);width:0;height:100%;transition:width .4s;display:block}main{flex:1;width:100%;max-width:660px;margin:0 auto;padding:10px 18px 40px}.screen{animation:.4s both rise;display:none}.screen.active{display:block}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin:18px 0 10px;font-size:.72rem;font-weight:700}.hero h1{letter-spacing:-.01em;font-size:clamp(1.9rem,7vw,2.7rem);font-weight:900;line-height:1.08}.hero h1 em{color:var(--green);font-style:italic}.promesses{gap:10px;margin:22px 0;list-style:none;display:grid}.promesses li{background:var(--card);border:1px solid var(--line);color:var(--ink-soft);border-radius:12px;padding:12px 16px;font-size:.92rem}.promesses b{color:var(--ink);margin-right:6px;font-size:1rem}.pilote-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-top:14px;font-size:.72rem;font-weight:700}.step-head h2{font-size:1.7rem;font-weight:900}.step-head .intro{color:var(--ink-soft);margin-top:8px;font-size:.92rem}.questions{gap:22px;margin:22px 0;display:grid}.q-label{margin-bottom:10px;font-weight:700;display:block}.q-label small{color:var(--ink-mute);font-weight:500}.q-aide{color:var(--ink-mute);margin:-6px 0 10px;font-size:.8rem}.q.manque .q-label{color:var(--terra)}input[type=text],input[type=email]{width:100%;font:inherit;border:1.5px solid var(--line);background:var(--card);border-radius:12px;outline:none;padding:13px 15px;transition:all .15s}input:focus{border-color:var(--green-bright);box-shadow:0 0 0 3px #1e7a4c1f}.opts{gap:8px;display:grid}.opt{font:inherit;text-align:left;background:var(--card);border:1.5px solid var(--line);cursor:pointer;color:var(--ink);border-radius:12px;padding:13px 15px;transition:all .13s}.opt:active{transform:scale(.99)}.opt.sel{border-color:var(--green-bright);background:#eff7f1;font-weight:700;box-shadow:0 0 0 3px #1e7a4c1f}.scale{grid-template-columns:repeat(11,1fr);gap:5px;padding-bottom:22px;display:grid;position:relative}.scale .seg{text-align:center;border-radius:9px;padding:11px 0;font-weight:600}.scale-ends{color:var(--ink-mute);justify-content:space-between;font-size:.68rem;display:flex;position:absolute;bottom:0;left:0;right:0}.consent{background:var(--card);border:1.5px solid var(--line);cursor:pointer;color:var(--ink-soft);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.86rem;display:flex}.consent input{width:19px;height:19px;accent-color:var(--green-bright);flex:none;margin-top:2px}.q.manque .consent,.q.manque .opt,.q.manque input[type=email]{border-color:var(--terra)}.live{background:var(--card);border:1px solid var(--line);opacity:.45;color:var(--ink-soft);border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.live.on{opacity:1}.live-bar{background:var(--paper-deep);border-radius:99px;flex:1;height:9px;overflow:hidden}.live-bar i{border-radius:99px;width:0;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1);display:block}.live b{text-align:right;min-width:2ch;font-size:1.15rem}.nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{font:inherit;cursor:pointer;border:0;border-radius:99px;padding:14px 26px;font-weight:700;transition:all .15s}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{transform:scale(1.03)}.btn.primary:disabled{opacity:.6;cursor:wait;transform:none}.btn.ghost{border:1.5px solid var(--line);color:var(--ink-soft);background:0 0}.err{color:var(--terra);margin-top:12px;font-size:.88rem;font-weight:600}.fin{text-align:center;padding-top:26px}.fin-ring{place-items:center;width:104px;height:104px;margin:0 auto 18px;display:grid;position:relative}.fin-ring svg{position:absolute;inset:0}.fin-ring b{font-size:1.9rem}.fin h2{margin-bottom:10px;font-size:1.6rem;font-weight:900}.fin p{color:var(--ink-soft);max-width:44ch;margin:0 auto}.fin-scores{text-align:left;gap:10px;max-width:420px;margin:22px auto;display:grid}.fin-score{color:var(--ink-soft);grid-template-columns:130px 1fr 34px;align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:grid}.fin-score b{text-align:right;font-size:1rem}.fin-note{color:var(--ink-mute);margin-top:16px;font-size:.78rem}.foot{text-align:center;color:var(--ink-mute);padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);width:100%;max-width:660px;margin:0 auto;font-size:.7rem}@media (width<=520px){.scale{grid-template-columns:repeat(6,1fr)}.scale .seg:nth-child(n+7){grid-column:auto}}
