:root{--ink:#24282e;--paper:#fff;--canvas:#f2f2f0;--signal:#6b7280;--blue:#7a8291;--ember:#8a8177;--sun:#c9c7c0;--violet:#7c7a85;--wash-sky:#edeef0;--wash-mint:#eceeec;--wash-sand:#f1f0ec;--mute:#6b7280;--line:var(--ink);--soft:#eaeae7;--bd:2px solid var(--ink);--r-pill:999px;--r-card:24px;--r-tag:12px;--police-display:system-ui,sans-serif;--police-corps:system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--canvas);font-family:var(--police-corps);color:var(--ink);min-height:100vh;align-items:center;justify-content:center;padding:24px 0}.frame,body{display:flex}.frame{position:relative;overflow:hidden;width:100%;max-width:420px;min-height:820px;flex-direction:column;background:var(--paper);border:var(--bd);border-radius:28px}.frame[data-section=profil]{background:var(--wash-sky)}.frame[data-section=diagnostic]{background:var(--paper)}.frame[data-section=projet]{background:var(--wash-mint)}.frame[data-section=plan]{background:var(--wash-sand)}@media (max-width:440px){body{padding:0}.frame{border-radius:0;border-left:0;border-right:0;min-height:100vh}}.brandbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--ink);border-bottom:var(--bd)}.brandbar .name{font-family:var(--police-display);font-weight:700;font-size:13px;letter-spacing:.12em;color:#fff;text-transform:uppercase}.brandbar .state{font-size:10px;letter-spacing:.08em;color:#98a2b3;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--signal);display:inline-block;margin-right:8px}.topbar{display:flex;align-items:center;gap:4px;padding:12px 12px 0}.back{width:36px;height:36px;border:var(--bd);border-radius:var(--r-pill);background:var(--paper);font-size:16px;cursor:pointer;color:var(--ink);line-height:1}.back:disabled{opacity:.25;cursor:default}.segments{display:flex;gap:6px;flex:1 1;padding:0 4px}.segment{flex:1 1}.segment .rail{height:10px;border:var(--bd);border-radius:var(--r-pill);background:var(--paper);overflow:hidden}.segment .fill{height:100%;background:var(--signal);transition:width .45s ease}.segment .label{margin-top:5px;text-align:center;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.segment.on .label{color:var(--ink)}.screen{display:flex;flex-direction:column;flex:1 1;padding:20px 20px 24px;overflow-y:auto}.spacer{flex:1 1;min-height:16px}h1.title{font-family:var(--police-display);font-weight:700;font-size:27px;line-height:.98;letter-spacing:-.025em;margin:0}h1.title.sm{font-size:22px}p.sub{margin:12px 0 0;font-size:14.5px;line-height:1.45}p.body,p.sub{color:var(--mute)}p.body{margin:14px 0 0;font-size:15px;line-height:1.55}.opts{flex-direction:column;gap:10px}.opt,.opts{display:flex}.opt{width:100%;text-align:left;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-card);background:var(--paper);border:var(--bd);font-size:15px;font-weight:500;line-height:1.3;color:var(--ink);cursor:pointer;font-family:inherit;transition:transform .12s,background .12s}.opt:active{transform:translateY(2px)}.opt .ic{width:38px;height:38px;border-radius:var(--r-tag);background:var(--paper);border:var(--bd);display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0;transition:background .12s}.opt.on{background:var(--wash-mint)}.opt.on .ic{background:var(--sun)}.opt .tick{width:22px;height:22px;border-radius:50%;background:var(--paper);border:var(--bd);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-left:auto}.opt.on .tick{background:var(--signal)}.badges{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:18px}.tb{gap:10px;padding:10px 12px;border:var(--bd);border-radius:var(--r-tag);background:var(--paper)}.tb,.tb .ic{display:flex;align-items:center}.tb .ic{width:30px;height:30px;border-radius:50%;border:var(--bd);background:var(--sun);justify-content:center;flex-shrink:0}.tb .l{font-size:12.5px;font-weight:700;line-height:1.15}.tb .s{margin-top:3px;font-size:10.5px;color:var(--mute);line-height:1.25}.cta{width:100%;padding:16px;border-radius:var(--r-pill);border:var(--bd);background:var(--ink);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .12s}.cta:active{transform:translateY(2px)}.cta.ghost{background:var(--paper);color:var(--ink)}.cta:disabled{opacity:.35;cursor:default}.ctas{gap:12px}.checks,.ctas{display:flex;flex-direction:column}.checks{gap:10px;margin-top:18px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}.check .v{width:20px;height:20px;border-radius:50%;background:var(--signal);border:var(--bd);color:var(--ink);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.visual{width:100%;border:var(--bd);border-radius:var(--r-card);margin-bottom:18px;display:block;object-fit:cover;aspect-ratio:16/9}.visual.sq{aspect-ratio:1/1}.mock{border:var(--bd);border-radius:var(--r-card);padding:16px;background:var(--ink);margin-bottom:18px}.mock .row{font-family:ui-monospace,monospace;font-size:11.5px;color:#9aa4b2;line-height:1.9}.mock .row.ok{color:var(--signal)}.mock .dots{display:flex;gap:6px;margin-bottom:10px}.mock .dots i{width:9px;height:9px;border-radius:50%;background:var(--sun)}.panel{border:var(--bd);border-radius:var(--r-card);margin-top:16px}.panel,.panel .inner{background:var(--paper);padding:16px}.panel .inner{border:var(--bd);border-radius:var(--r-tag)}.kicker{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--mute);text-transform:uppercase}.memline{gap:10px;margin-top:10px;font-size:13px}.memline,.memline .v{display:flex;align-items:center}.memline .v{width:20px;height:20px;border-radius:50%;background:var(--signal);border:var(--bd);color:var(--ink);font-size:11px;font-weight:700;justify-content:center;flex-shrink:0}.table{border:var(--bd);border-radius:var(--r-card);overflow:hidden;background:var(--paper);margin-top:20px}.tr{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px}.tr+.tr{border-top:var(--bd)}.tr .k{color:var(--mute);font-weight:500}.tr .k,.tr .v{font-size:13px}.tr .v{background:var(--sun);border:var(--bd);border-radius:var(--r-tag);padding:5px 12px;font-weight:700;text-align:right}.statement{border:var(--bd);border-radius:var(--r-card);padding:28px 20px;background:var(--wash-sky);margin-top:16px}.statement p{margin:0;text-align:center;font-family:var(--police-display);font-size:20px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.likert{display:flex;gap:8px}.likert button{flex:1 1;padding:16px 0;border-radius:var(--r-tag);background:var(--paper);border:var(--bd);font-size:17px;font-weight:700;font-family:inherit;cursor:pointer}.likert button:active{transform:translateY(2px);background:var(--signal)}.likert-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:500;color:var(--mute)}.program{border:var(--bd);border-radius:var(--r-card);overflow:hidden;background:var(--paper);margin-top:16px}.program .head{padding:16px 20px 6px;font-family:var(--police-display);font-size:18px;font-weight:700;letter-spacing:-.02em}.program .step{display:flex;gap:14px;padding:14px 20px;border-top:var(--bd)}.program .step .m{background:var(--violet);color:#fff;border:var(--bd);border-radius:var(--r-tag);padding:3px 9px;font-size:12px;font-weight:700;height:-moz-fit-content;height:fit-content;white-space:nowrap}.program .step .t{font-size:13.5px;line-height:1.45}.headline{border:var(--bd);border-radius:var(--r-card);padding:16px;background:var(--sun);font-size:14.5px;font-weight:600;line-height:1.4;margin-top:16px}.milestone{display:flex;gap:14px}.milestone .col{display:flex;flex-direction:column;align-items:center}.milestone .bubble{width:46px;height:46px;border-radius:50%;background:var(--paper);border:var(--bd);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.milestone.here .bubble{background:var(--signal)}.milestone .link{width:3px;flex:1 1;min-height:18px;margin:4px 0;background:var(--ink)}.milestone .lab{padding:12px 0 14px;font-size:15px;font-weight:500;color:var(--mute)}.milestone.here .lab{color:var(--ink);font-weight:700}.badge{margin-left:8px;border:var(--bd);border-radius:var(--r-pill);padding:2px 9px;background:var(--ember);color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.proj{border:var(--bd);border-radius:var(--r-card);background:var(--wash-sky);padding:16px;margin-top:18px}.proj .plot{position:relative;height:210px}.proj .barres{position:absolute;inset:0;display:flex;align-items:flex-end;gap:4px}.proj .barre{flex:1 1;border:var(--bd);border-bottom:0;border-radius:12px 12px 0 0;background:var(--paper)}.proj .barre:last-child{background:var(--sun)}.proj .courbe{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.proj .courbe polyline{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pilule{border:var(--bd);border-radius:var(--r-pill);background:var(--paper);padding:5px 11px;font-size:11.5px;font-weight:700;white-space:nowrap}.proj .depart{position:absolute;transform:translateX(-50%)}.proj .proj-point{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--signal);border:var(--bd);transform:translate(-50%,50%)}.proj .proj-cible{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;gap:8px}.proj .anneau{width:42px;height:42px;border-radius:50%;border:var(--bd);background:var(--paper);display:flex;align-items:center;justify-content:center;flex-shrink:0}.proj .axe{display:flex;gap:4px;margin-top:10px}.proj .axe span{flex:1 1;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.proj .axe span:last-child{color:var(--ink)}.progressbar{border:var(--bd);border-radius:var(--r-card);padding:16px 20px;background:var(--paper);margin-bottom:20px}.progressbar .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progressbar .pct{font-family:var(--police-display);font-size:15px;font-weight:700}.progressbar .rail{height:14px;border:var(--bd);border-radius:var(--r-pill);background:var(--paper);overflow:hidden}.progressbar .fill{height:100%;background:var(--signal);transition:width .9s ease}.verdict-card{border:var(--bd);border-radius:var(--r-card);background:var(--paper);padding:20px;margin-top:16px}.verdict-card .idx{display:flex;justify-content:space-between;align-items:baseline}.verdict-card .idx .n{font-family:var(--police-display);font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1}.verdict-card .idx .n small{font-size:15px;color:var(--mute)}.vline{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:2px solid var(--soft)}.vline .k{color:var(--mute);font-size:13px;font-weight:500}.vline .v{font-size:13px;font-weight:700;text-align:right;max-width:58%}.disclaimer{margin-top:12px;color:var(--mute);font-size:11px}.field{width:100%;padding:16px 18px;border-radius:var(--r-card);background:var(--paper);border:var(--bd);font-size:16px;font-family:inherit;outline:none;margin-top:20px}.field:focus{background:var(--wash-sky)}.bonus{border:var(--bd);border-radius:var(--r-card);padding:14px 16px;background:var(--sun);margin-top:12px;font-size:13px;font-weight:500}.bonus,.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.45}.consent{margin-top:14px;font-size:12.5px;color:var(--mute)}.consent input{margin-top:2px;width:18px;height:18px;accent-color:var(--signal)}.note{margin-top:12px;color:var(--mute);font-size:11.5px;line-height:1.4}.note.erreur{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500}.temoins{margin-top:18px}.temoins .kicker{margin-bottom:10px}.temoin{border:var(--bd);border-radius:var(--r-card);background:var(--paper);padding:16px}.temoin+.temoin{margin-top:10px}.calendar{border:2px dashed var(--ink);border-radius:var(--r-card);background:var(--paper);padding:36px 24px;text-align:center;margin-top:20px}.founder{gap:12px;border:var(--bd);border-radius:var(--r-card);padding:14px 16px;background:var(--wash-sky);margin-top:16px}.founder,.founder .mono{display:flex;align-items:center}.founder .mono{width:44px;height:44px;border-radius:var(--r-tag);background:var(--ink);color:#fff;border:var(--bd);justify-content:center;font-family:var(--police-display);font-weight:700;font-size:16px;flex-shrink:0}.founder .txt{font-size:13px;color:var(--mute);line-height:1.45}.artefact{padding:20px;background:var(--wash-sky);margin-top:16px}.artefact,.artefact .phone{border:var(--bd);border-radius:var(--r-card)}.artefact .phone{padding:16px;background:var(--paper);max-width:300px;margin:0 auto}.artefact .head{gap:10px}.artefact .av,.artefact .head{display:flex;align-items:center}.artefact .av{width:38px;height:38px;border-radius:var(--r-tag);background:var(--blue);color:#fff;border:var(--bd);justify-content:center;font-size:16px}.artefact .msg{margin-top:12px;border:var(--bd);border-radius:var(--r-tag);padding:12px;background:var(--wash-mint);font-size:13px;line-height:1.65}.caption{margin-top:16px;text-align:center;color:var(--mute);font-size:14px;line-height:1.45}.overlay{position:absolute;inset:0;background:rgba(20,26,36,.5);border-radius:28px;display:flex;padding:20px;z-index:10}.overlay.center{align-items:center}.overlay.bottom{align-items:flex-end;padding:0}.sheet{width:100%;padding:24px;border:var(--bd);border-radius:var(--r-card);background:var(--paper)}.overlay.bottom .sheet{border-radius:24px 24px 26px 26px;border-bottom:0;padding-bottom:32px}.legal{padding:10px 20px 16px;color:var(--mute);font-size:10.5px;line-height:1.4}.done,.legal{text-align:center}.done{color:var(--ink);font-weight:700;font-size:14px;margin-top:12px}body:has(.corpus){display:block;padding:0;background:#12151a}.corpus{--cx-bg:#12151a;--cx-panel:#1a1f27;--cx-line:#2b323d;--cx-ink:#e8ecf2;--cx-soft:#9aa5b4;--cx-ok:#4ade80;--cx-no:#f87171;--cx-accent:#7ba7f0;max-width:1400px;margin:0 auto;padding:40px 28px 100px;color:var(--cx-ink);font-family:var(--police-corps)}.cx-head{border-bottom:1px solid var(--cx-line);padding-bottom:28px}.cx-kick{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-soft);font-weight:600}.corpus h1{font-family:var(--police-display);font-size:clamp(30px,5vw,44px);font-weight:700;letter-spacing:-.025em;margin:12px 0 0;line-height:1.05}.cx-warn{margin:16px 0 0;max-width:70ch;font-size:14.5px;line-height:1.55;color:var(--cx-soft);border-left:3px solid var(--cx-no);padding-left:14px}.cx-sec{margin-top:48px}.corpus h2{font-family:var(--police-display);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--cx-accent);margin:0 0 18px}.cx-ok{color:var(--cx-ok)!important}.cx-no{color:var(--cx-no)!important}.cx-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.cx-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px}.cx-card{background:var(--cx-panel);border:1px solid var(--cx-line);border-radius:10px;padding:16px 18px}.cx-card h3{font-family:var(--police-display);font-size:15.5px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.cx-card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--cx-soft)}.cx-list{margin:0;padding-left:20px;display:grid;grid-gap:9px;gap:9px}.cx-list li{font-size:14.5px;line-height:1.5;color:var(--cx-soft)}.cx-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.cx-filters button{background:var(--cx-panel);border:1px solid var(--cx-line);color:var(--cx-soft);border-radius:999px;padding:7px 14px;font-size:13px;font-family:inherit;cursor:pointer}.cx-filters button:hover{border-color:var(--cx-accent);color:var(--cx-ink)}.cx-filters button:focus-visible{outline:2px solid var(--cx-accent);outline-offset:2px}.cx-filters button.on{background:var(--cx-accent);border-color:var(--cx-accent);color:#0e1116;font-weight:600}.cx-filters button span{opacity:.6;margin-left:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cx-lot{font-family:var(--police-display);font-size:17px;font-weight:700;margin:34px 0 14px;letter-spacing:-.01em}.cx-lot span{color:var(--cx-soft);font-weight:500;font-size:14px;margin-left:8px}.cx-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px;align-items:start}.cx-shot{margin:0;background:var(--cx-panel);border:1px solid var(--cx-line);border-radius:10px;overflow:hidden}.cx-shot.has-note{border-color:#3c4a5f}.cx-imgbtn{display:block;width:100%;padding:0;border:0;background:#0b0d11;cursor:zoom-in}.cx-imgbtn:focus-visible{outline:2px solid var(--cx-accent);outline-offset:-2px}.cx-shot img{display:block;width:100%;height:auto}.cx-shot figcaption{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.cx-file{font-family:ui-monospace,monospace;font-size:11px;color:var(--cx-soft)}.cx-type{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cx-accent);border:1px solid;border-radius:4px;padding:2px 7px}.cx-note{font-size:12.5px;line-height:1.45;color:var(--cx-soft)}.cx-zoom{position:fixed;inset:0;background:rgba(6,8,11,.94);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.cx-zoom img{max-width:100%;max-height:100%;border-radius:6px}@media (max-width:720px){.cx-two{grid-template-columns:1fr;gap:28px}.corpus{padding:28px 16px 72px}}body:has(.diag){display:block;padding:0;background:#12151a}.diag{max-width:760px;margin:0 auto;padding:56px 28px;color:#e8ecf2;font-family:var(--police-corps)}.diag h1{font-family:var(--police-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.diag h2{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7ba7f0;margin:32px 0 10px}.diag p{color:#9aa5b4;font-size:15.5px;line-height:1.6}.diag ul{margin:0;padding-left:20px;display:grid;grid-gap:10px;gap:10px}.diag li{color:#e8ecf2;font-size:15px;line-height:1.55}.diag code{font-family:ui-monospace,monospace;font-size:13px;background:#1a1f27;border:1px solid #2b323d;border-radius:4px;padding:1px 6px}.pv{padding-bottom:110px}.pv-bloc{margin-top:28px}.pv-h{font-family:var(--police-display);font-size:21px;font-weight:700;letter-spacing:-.018em;margin:0 0 14px}.pv-rejeu{display:grid;grid-gap:10px;gap:10px;margin-top:10px}.pv-carte{display:flex;justify-content:space-between;align-items:center;gap:14px;border:var(--bd);border-radius:var(--r-card);background:var(--paper);padding:14px 16px}.pv-carte .k{color:var(--mute);font-size:13px;font-weight:500}.pv-carte .v{font-weight:700;font-size:14px;text-align:right}.pv-ligne{display:grid;grid-gap:3px;gap:3px;padding:14px 0;border-bottom:2px solid var(--soft)}.pv-ligne b{font-size:15.5px}.pv-ligne span{font-size:14px;color:var(--mute);line-height:1.45}.pv-garantie{border:var(--bd);border-radius:var(--r-card);background:var(--wash-mint);padding:20px}.pv-garantie .pv-h{margin-bottom:8px}.pv-collant{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 62%,transparent);display:flex;justify-content:center;pointer-events:none}.pv-collant .cta{max-width:420px;width:100%;pointer-events:auto}.qa-grille .pv-collant{position:static;background:none;padding:14px 0 0}.screen.pv{padding-bottom:92px}.qa-grille .screen.pv{padding-bottom:0}.plans{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.plan{border:var(--bd);border-radius:var(--r-card);background:var(--paper);padding:20px;position:relative}.plan.on{background:var(--wash-mint)}.plan-badge{position:absolute;top:-13px;left:16px;border:var(--bd);border-radius:var(--r-pill);background:var(--sun);padding:3px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.plan-nom{font-size:19px}.plan-nom,.plan-prix{font-family:var(--police-display);font-weight:700}.plan-prix{font-size:38px;letter-spacing:-.03em;line-height:1.1;margin-top:4px}.plan-prix small{font-size:15px;font-weight:500;color:var(--mute);margin-left:4px}.plan-detail{font-size:13.5px;color:var(--mute);margin-top:4px}.plan .cta{margin-top:16px}.alertes{position:fixed;top:0;left:0;right:0;z-index:200;background:#33270d;color:#e5b85c;font-family:var(--police-corps);font-size:12.5px;line-height:1.45;padding:10px 16px;border-bottom:2px solid #e5b85c}.alertes b{display:block;margin-bottom:4px}.alertes ul{margin:0;padding-left:18px}body:has(.desinscription){display:block;padding:0;background:var(--canvas)}.desinscription{max-width:560px;margin:0 auto;padding:72px 24px}.desinscription h1{font-family:var(--police-display);font-size:34px;font-weight:700;letter-spacing:-.025em;margin:0 0 18px}.desinscription p{font-size:16.5px;line-height:1.6;color:var(--mute);margin:0 0 16px}.desinscription .reste{border:var(--bd);border-radius:var(--r-card);background:var(--wash-mint);color:var(--ink);padding:18px 20px}.desinscription .pied{font-size:13.5px;margin-top:28px}.opts.cartes{display:grid;grid-gap:12px;gap:12px}.opt.carte{position:relative;display:block;width:100%;padding:0;border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--paper);text-align:left;cursor:pointer;transition:transform .12s ease}.opt.carte:active{transform:scale(.985)}.opt.carte .opt-img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--canvas)}.opt.carte .opt-label{display:block;padding:12px 58px 14px 16px;font-size:17px;font-weight:600;color:var(--ink);line-height:1.25}.opt.carte .opt-fleche{position:absolute;right:14px;bottom:12px;width:34px;height:34px;border-radius:999px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:600}.screen .visual{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px;border:2px solid var(--ink);background:var(--canvas)}.etape-faite{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:8px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);font-size:13.5px;font-weight:600;color:var(--ink)}.etape-faite .coche{width:20px;height:20px;flex:none;border-radius:999px;background:var(--signal);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.zones{margin-top:10px}.zones-rail{position:relative;display:flex;gap:4px;height:10px}.zone-seg{flex:1 1;border-radius:999px;background:var(--line)}.zone-seg.atteinte{background:var(--signal)}.zone-curseur{position:absolute;top:50%;width:16px;height:16px;margin-left:-8px;transform:translateY(-50%);border-radius:999px;background:var(--paper);border:3px solid var(--ink)}.zones-noms{display:flex;margin-top:8px;font-size:11.5px;color:var(--mute);font-weight:600}.zones-noms span{flex:1 1;text-align:center}.zones-noms span:first-child{text-align:left}.zones-noms span:last-child{text-align:right}.zones-noms .ici{color:var(--ink)}.domaines{display:flex;flex-direction:column;gap:6px;margin-top:8px}.domaine{text-align:left;padding:11px 14px;font-size:15px;color:var(--mute);background:var(--paper);border:2px solid var(--line);border-radius:12px;cursor:pointer}.domaine b{color:var(--ink);font-weight:600}.domaine:active{border-color:var(--ink)}.serpentin{margin-top:24px}.serpentin .jalon{display:flex;align-items:center;gap:12px}.serpentin .jalon.droite{flex-direction:row-reverse;text-align:right}.serpentin .bubble{width:48px;height:48px;flex:none;border-radius:999px;border:2px solid var(--ink);background:var(--paper);display:grid;place-items:center;font-size:20px}.serpentin .jalon.here .bubble{background:var(--signal);color:#fff}.serpentin .lab{font-size:15px;font-weight:600;color:var(--mute)}.serpentin .jalon.here .lab{color:var(--ink)}.serpentin .badge{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.04em}.serpentin .jalon.droite .badge{margin:0 8px 0 0}.lien-courbe{display:block;width:100%;height:44px}.lien-courbe path{fill:none;stroke:var(--line);stroke-width:3;stroke-linecap:round}