:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}.paris-banner{position:relative;margin:24px 0 0;border-radius:8px;overflow:hidden;
  height:clamp(190px,28vw,330px);border-bottom:3px solid var(--red);
  box-shadow:0 18px 44px rgba(27,58,107,.16)}
.paris-view{width:100%;height:100%;display:block}
.pv-far{fill:#1E3B6A}
.pv-mid{fill:#152F57}
.pv-near{fill:#0B1D3A}
.pv-win rect{fill:#FFC061;opacity:.85}
.pv-beacon{fill:#FF3B4E;filter:drop-shadow(0 0 6px #FF3B4E);animation:ledBlink 2.2s steps(1,end) infinite}
.paris-banner::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,26,51,.90) 0%,rgba(10,26,51,.62) 40%,rgba(10,26,51,.10) 68%)}
.paris-banner figcaption{z-index:3;position:absolute;left:clamp(16px,3vw,28px);bottom:clamp(14px,2.4vw,22px);right:auto;
  max-width:min(430px,86%);padding:12px 16px;border-left:3px solid var(--red);border-radius:6px;
  background:rgba(10,26,51,.86);backdrop-filter:blur(4px);
  color:#fff;font-size:clamp(15px,1.9vw,17.5px);line-height:1.45;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.paris-banner figcaption .pb-k{display:block;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}
.paris-banner figcaption b{font-family:"Archivo",system-ui,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:800}

.tw-body{opacity:.96}
.tw-lat{fill:none;stroke:#F1C46F;stroke-opacity:.5;stroke-width:.8}
.tw-edge{fill:none;stroke:#FFD48A;stroke-width:1.3;stroke-opacity:.9;filter:drop-shadow(0 0 3px rgba(255,200,110,.85))}
.tw-plat{stroke:#FFD48A;stroke-width:1.6;filter:drop-shadow(0 0 3px rgba(255,200,110,.85))}
.tw-leds circle{fill:#FFE9B5;opacity:.12;animation:ledRun 3.2s linear infinite;filter:drop-shadow(0 0 3px #FFD27A)}
.tw-leds circle.row{animation-duration:1.6s}
@keyframes ledRun{0%{opacity:.12}5%{opacity:1}16%{opacity:.12}100%{opacity:.12}}
.spk circle{fill:#fff;opacity:0;animation:twinkle 3.2s ease-in-out infinite}
@keyframes twinkle{0%,70%,100%{opacity:0}78%{opacity:1}86%{opacity:0}}
.beam-core{fill:#FFF6DE;filter:drop-shadow(0 0 6px #FFE2A0) drop-shadow(0 0 14px #FFD27A)}
.beam polygon{mix-blend-mode:screen}
.pool{mix-blend-mode:screen}
.pv-win rect,.sk-win rect{animation:winGlow 8s ease-in-out infinite}
@keyframes winGlow{0%,100%{opacity:.75}50%{opacity:.95}}
@media (prefers-reduced-motion:reduce){.spk circle,.tw-leds circle{animation:none;opacity:.6}}

@keyframes ledBlink{0%,60%{opacity:.8}61%,100%{opacity:.15}}
@keyframes pulseRun{to{stroke-dashoffset:0}}
.paris-wrap{max-width:1120px;margin:28px auto 0}
.paris-banner figcaption b{font-family:var(--f-display),system-ui,sans-serif}
:root{--amber:#FFC061}
@media (prefers-reduced-motion:reduce){.pv-wire,.pv-beacon{animation:none}}

:root{
  --navy:#123E8C; --blue:#1248A3; --sky:#DCE6F6; --red:#E8192C;
  --bg:#f3f6fb; --panel:#ffffff; --ink:#14223a; --muted:#56657d; --line:#d4dcea; --field:#f7f9fd;
  --on-accent:#ffffff; --ok:#1d7a4c; --ok-bg:#e3f4ea; --warn:#9a5b00; --warn-bg:#fdf0d8; --alert:#C8102E; --alert-bg:#fde8eb;
  --f-display:"Archivo","Arial Black",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --navy:#9fbdf0; --blue:#7fa5ec; --sky:#1c2c48; --red:#ff6b80;
  --bg:#0e1522; --panel:#162033; --ink:#e7edf7; --muted:#9dabc2; --line:#2a3a55; --field:#111a2a;
  --on-accent:#0b1220; --ok:#6fd39b; --ok-bg:#15301f; --warn:#f2bd5c; --warn-bg:#33270f; --alert:#ff6b80; --alert-bg:#3a1520;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --navy:#9fbdf0; --blue:#7fa5ec; --sky:#1c2c48; --red:#ff6b80;
  --bg:#0e1522; --panel:#162033; --ink:#e7edf7; --muted:#9dabc2; --line:#2a3a55; --field:#111a2a;
  --on-accent:#0b1220; --ok:#6fd39b; --ok-bg:#15301f; --warn:#f2bd5c; --warn-bg:#33270f; --alert:#ff6b80; --alert-bg:#3a1520;
  color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;padding:0 16px}
.page{max-width:1120px;margin:0 auto;padding-block:24px 64px}
header.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:3px solid var(--navy);margin-bottom:24px}
.brand{font-family:var(--f-display);font-weight:800;font-size:1.5rem;letter-spacing:.02em;color:var(--navy)}
.brand b{color:var(--red)}
.brand small{display:block;font-family:var(--f-body);font-weight:500;font-size:.85rem;color:var(--muted);letter-spacing:0}
h1{font-family:var(--f-display);font-weight:700;font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.1;margin:0 0 6px;text-wrap:balance}
.intro{margin:0 0 22px;color:var(--muted);max-width:60ch}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
form{display:flex;flex-direction:column;gap:18px;min-width:0}
.step{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:14px}
.step-h{display:flex;gap:12px;align-items:baseline}
.num{font-family:var(--f-mono);font-size:.8rem;color:var(--on-accent);background:var(--navy);border-radius:4px;padding:2px 7px;flex:none}
h2{font-family:var(--f-display);font-weight:700;font-size:1.2rem;margin:0}
h3{font-size:1rem;margin:0;font-weight:700}
.sub{color:var(--muted);font-size:.9rem;margin:-6px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{position:relative;display:block}
.card input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.card span{display:flex;flex-direction:column;gap:2px;height:100%;border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--field);font-weight:600;font-size:.95rem}
.card span em{font-style:normal;font-weight:400;color:var(--muted);font-size:.82rem}
.card input:checked+span{border-color:var(--blue);background:var(--sky);box-shadow:inset 0 0 0 1px var(--blue)}
.card input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
@media (max-width:560px){.fields{grid-template-columns:1fr}.cards.two,.cards.three{grid-template-columns:1fr}}
@media (min-width:561px) and (max-width:760px){.cards.three{grid-template-columns:1fr}}
.full{grid-column:1/-1}
label.f{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem;min-width:0}
label.f .h{font-weight:400;color:var(--muted);font-size:.82rem}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea{font:inherit;font-size:.95rem;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:9px 10px;width:100%;min-width:0}
textarea{min-height:84px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.88rem;background:var(--field)}
.chip input:checked+span{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}
.chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.alert{background:var(--alert-bg);color:var(--alert);border-radius:8px;padding:10px 12px;font-weight:600;font-size:.92rem}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--muted)}
.consent input{margin-top:4px}
.btn{font:inherit;font-weight:700;border-radius:8px;padding:12px 18px;border:0;cursor:pointer;background:var(--red);color:#fff}
.btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--line);padding:8px 14px;font-weight:600}
.err{color:var(--alert);font-size:.88rem;font-weight:600}

aside.est{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--panel);border:2px solid var(--navy);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
@media (max-width:900px){aside.est{position:static}}
.eyebrow{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.range{font-family:var(--f-display);font-weight:800;font-size:2rem;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}
.range small{display:block;font-family:var(--f-body);font-weight:600;font-size:.88rem;color:var(--muted)}
.split{display:flex;flex-direction:column;gap:6px}
.splitbar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--line)}
.splitbar i{display:block;height:100%}
.leg{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);gap:8px}
.leg span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:0}
.leg .mo::before{background:var(--navy)} .leg .mat::before{background:var(--red)}
.lines{list-style:none;margin:0;padding:0;font-size:.88rem;display:flex;flex-direction:column;gap:6px}
.lines li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:5px}
.lines li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.badge{display:inline-block;font-size:.8rem;font-weight:600;border-radius:6px;padding:6px 10px}
.b-ok{background:var(--ok-bg);color:var(--ok)} .b-warn{background:var(--warn-bg);color:var(--warn)}
.fine{font-size:.78rem;color:var(--muted);margin:0}
.done{background:var(--ok-bg);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}
.done pre{white-space:pre-wrap;font-family:var(--f-mono);font-size:.78rem;background:var(--panel);border-radius:6px;padding:10px;margin:0;max-height:320px;overflow:auto}
@media (prefers-reduced-motion:no-preference){.range{transition:color .2s}}

.brand{display:flex;align-items:center;gap:10px}
.brand svg{width:30px;height:38px;flex:none}
.brand .wm{line-height:1}
.brand small{margin-top:4px;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem}
.headtel{font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.headtel span{display:block;font-weight:400;font-size:.8rem;color:var(--muted);text-align:right}
.group{display:flex;flex-direction:column;gap:12px;border-top:1px dashed var(--line);padding-top:14px}
.group:first-child{border-top:0;padding-top:0}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.85rem;color:var(--muted);margin:-8px 0 22px}
.trust b{color:var(--ink)}
.cmp{font-size:.82rem;color:var(--muted);display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:8px}
.cmp b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.card span em{margin-top:2px}
.mbar{display:none}
@media (max-width:900px){
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:10px;align-items:center;justify-content:space-between;background:var(--navy);color:var(--on-accent);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px rgba(0,0,0,.18)}
  .mbar b{font-family:var(--f-display);font-size:1.05rem;font-variant-numeric:tabular-nums;display:block;line-height:1.15}
  .mbar small{font-size:.75rem;opacity:.85}
  .mbar button{font:inherit;font-weight:700;font-size:.85rem;border:0;border-radius:6px;padding:8px 12px;background:var(--red);color:#fff;cursor:pointer;flex:none}
  .page{padding-bottom:84px}
}
.prog{display:flex;flex-direction:column;gap:4px}
.prog .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.prog .bar i{display:block;height:100%;background:var(--blue);transition:width .25s}
@media (prefers-reduced-motion:reduce){.prog .bar i{transition:none}}
.note{font-size:.88rem;border-radius:8px;padding:9px 12px;background:var(--sky);color:var(--ink)}
details.why{font-size:.85rem;color:var(--muted)}
details.why summary{cursor:pointer;font-weight:600;color:var(--blue)}
details.why ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
ol.next{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.85rem}
ol.next li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start}
ol.next li span{font-family:var(--f-mono);font-size:.72rem;background:var(--sky);color:var(--navy);border-radius:4px;text-align:center;padding:1px 0}
.drop{display:flex;flex-direction:column;gap:10px;border:1.5px dashed var(--blue);border-radius:10px;padding:14px;background:var(--field)}
.drop.over{background:var(--sky)}
.drop label.pick{align-self:flex-start;font-weight:700;font-size:.92rem;background:var(--blue);color:var(--on-accent);border-radius:6px;padding:8px 14px;cursor:pointer}
.drop label.pick:focus-within{outline:3px solid var(--blue);outline-offset:2px}
.drop input[type=file]{position:absolute;opacity:0;width:1px;height:1px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.thumbs figure{margin:0;position:relative;aspect-ratio:1;max-width:100%;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:14px;line-height:24px;cursor:pointer;padding:0}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:6px}
.lang a{font:inherit;font-size:.78rem;font-weight:700;border:0;background:var(--panel);color:var(--muted);padding:4px 10px;cursor:pointer}
.lang a[aria-current="true"]{background:var(--navy);color:var(--on-accent)}
.headtel{display:flex;flex-direction:column;align-items:flex-end}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

#besoins{grid-template-columns:repeat(4,minmax(0,1fr))}
#besoins[data-n="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}
#besoins .card:has(#besoin_autre){grid-column:1/-1}
#besoins .card:has(#besoin_autre) span{flex-direction:row;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
@media (max-width:700px){
  #besoins,#besoins[data-n="9"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  #besoins[data-n="9"] .card:first-child{grid-column:1/-1}
}

.estnote{margin:0;font-size:.85rem;line-height:1.45;font-weight:600;color:var(--ink);background:var(--warn-bg);border-left:3px solid var(--warn);border-radius:6px;padding:8px 10px}

.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.brand .home{display:block;line-height:0}
.back{font-size:.85rem;font-weight:600;color:var(--blue);text-decoration:none}
.back:hover{text-decoration:underline}
.site-foot{max-width:1120px;margin:0 auto;padding-block:8px 32px;font-size:.78rem;color:var(--muted);border-top:1px solid var(--line)}
.site-foot p{margin:10px 0 0}

:root{--on-red:#ffffff;--logo-plate:transparent;--logo-pad:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--on-red:#1a0a0e;--logo-plate:#ffffff;--logo-pad:4px 8px}}
:root[data-theme="dark"]{--on-red:#1a0a0e;--logo-plate:#ffffff;--logo-pad:4px 8px}
.brand .logo-img{background:var(--logo-plate);padding:var(--logo-pad);border-radius:6px;box-sizing:content-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.btn,.mbar button{color:var(--on-red)}
.card,.chip,.btn,.lang a,.drop label.pick,summary{-webkit-tap-highlight-color:transparent}

input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea{font-size:1rem;min-height:44px;line-height:1.3}
input[type=date]{-webkit-appearance:none;appearance:none;display:block;text-align:left}
input[type=date]::-webkit-date-and-time-value{text-align:left}
select{-webkit-appearance:none;appearance:none;padding-right:34px;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}

.fields{align-items:end}
label.f{justify-content:flex-end}
label.f .h{display:block}
.step-h{align-items:center}
.sub{margin:0}
.lines li span:first-child{min-width:0}
.consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--blue)}

header.top{flex-wrap:nowrap;align-items:center}
.brand{min-width:0}
.brand .logo-img{display:block;height:52px;width:auto;max-width:100%}
.headtel{flex:none}
@media (max-width:560px){
  .page{padding-block:16px 96px}
  header.top{gap:10px;padding-bottom:14px;margin-bottom:18px}
  .brand .logo-img{height:40px}
  .headtel{font-size:.9rem}
  .headtel span{font-size:.72rem}
  .step{padding:14px}
  .chip span{padding:8px 14px;min-height:40px;display:inline-flex;align-items:center}
  .card span{padding:12px}
  .trust{gap:6px 14px;font-size:.8rem}
  .range{font-size:1.7rem}
  .btn[type=submit]{width:100%}
}

.pagenav{display:flex;flex-wrap:wrap;gap:4px 14px;margin:-8px 0 20px;font-size:.92rem}
.pagenav a{color:var(--navy);text-decoration:none;font-weight:600;padding:6px 2px;border-bottom:2px solid transparent}
.pagenav a:hover{border-color:var(--red)}
.lang[hidden]{display:none}

/* Fluidité */
.anim-off, .anim-off *, .anim-off *::before, .anim-off *::after,
html.anim-off-all *, html.anim-off-all *::before, html.anim-off-all *::after{animation-play-state:paused!important}
.wm-bolt-glow,.wm-bolt-halo{will-change:opacity}
@media (max-width:860px), (pointer:coarse){
  .trust li,.paris-banner figcaption{backdrop-filter:none;-webkit-backdrop-filter:none}
  .tw-leds circle,.sk-beacon,.pv-beacon{filter:none}
}

/* Protection des images */
img, svg, figure, .shot, .wordmark{-webkit-touch-callout:none;-webkit-user-drag:none}