:root{--bg:#eff1f0;--phone:#fafaf7;--ink:#22262c;--barbe:#9aa1ab;--barbe-faible:#e3e6e4;--corail:#ff5a4e;--cyan:#2ec5d3;--jaune:#ffc93c;--vert:#35c77f;--violet:#8b7bf4;--carte-bg:#22262c;--carte-ink:#fafaf7;--ombre:0 18px 50px rgba(34,38,44,0.16)}@media (prefers-color-scheme:dark){:root{--bg:#101215;--phone:#181b1f;--ink:#f2f3f1;--barbe:#8b939d;--barbe-faible:#262b31;--ombre:0 18px 50px rgba(0,0,0,0.5)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100svh}.display{font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,system-ui,sans-serif}.coque{max-width:440px;margin:0 auto;min-height:100svh;background:var(--phone);display:flex;flex-direction:column}@media (min-width:480px){.coque{box-shadow:var(--ombre)}}.entete{display:flex;align-items:center;gap:10px;padding:16px 20px 10px}.entete .marque{font-weight:800;font-size:16px;letter-spacing:-.01em;color:inherit;text-decoration:none}.entete .badge{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--barbe);border:1px solid var(--barbe-faible);border-radius:99px;padding:3px 9px}.ecran{flex:1 1;display:flex;flex-direction:column;padding:12px 24px calc(24px + env(safe-area-inset-bottom))}h1{font-size:30px;line-height:1.14;margin:0 0 12px;letter-spacing:-.02em}h1,h2{font-weight:800;text-wrap:balance}h2{font-size:21px;line-height:1.2;margin:0 0 8px;letter-spacing:-.01em}p{line-height:1.5;margin:0 0 12px}.sous{color:var(--barbe);font-size:14px}.pousse{margin-top:auto}.btn{display:block;width:100%;border:0;cursor:pointer;text-align:center;background:var(--ink);color:var(--phone);font:inherit;font-weight:800;font-size:16px;padding:16px 18px;border-radius:16px;transition:transform .12s ease;text-decoration:none}.btn:active{transform:scale(.98)}.btn:focus-visible,.organe:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.btn.secondaire{background:transparent;color:var(--ink);border:1.5px solid var(--barbe-faible);font-weight:600}.reassurance{text-align:center;margin-top:10px;line-height:1.45}.compteur-social,.reassurance{font-size:12.5px;color:var(--barbe)}.compteur-social{display:inline-flex;align-items:center;gap:7px;font-weight:600}.compteur-social .pouls{width:7px;height:7px;border-radius:50%;background:var(--vert);flex:none;animation:pouls 1.6s ease-in-out infinite}@keyframes pouls{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.compteur-social .pouls{animation:none}}input[type=text]{width:100%;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:1.5px solid var(--barbe-faible);border-radius:14px;padding:14px 16px}input::placeholder{color:var(--barbe)}.ou{display:flex;align-items:center;gap:12px;color:var(--barbe);font-size:12px;margin:18px 0;font-weight:600;letter-spacing:.06em}.ou:after,.ou:before{content:"";flex:1 1;height:1px;background:var(--barbe-faible)}.labo{flex:1 1;display:flex;flex-direction:column;justify-content:center}.ligne-scan{display:flex;gap:10px;align-items:baseline;font-size:14.5px;line-height:1.4;padding:7px 0;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.ligne-scan.vue{opacity:1;transform:none}.ligne-scan.faite{color:var(--barbe)}.ligne-scan .coche{flex:none;width:16px;font-weight:800;color:var(--vert)}.barre-scan{height:4px;border-radius:99px;background:var(--barbe-faible);overflow:hidden;margin-top:22px}.barre-scan i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--vert));transition:width .8s ease}@media (prefers-reduced-motion:reduce){.ligne-scan{transition:none;transform:none}}.anneau-wrap{display:flex;justify-content:center;margin:6px 0 4px}.anneau{position:relative;width:196px;height:196px}.anneau svg{transform:rotate(-90deg)}.anneau .fond{stroke:var(--barbe-faible)}.anneau .valeur{stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}.anneau .centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.anneau .chiffre{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.anneau .sur100{font-size:13px;color:var(--barbe);font-weight:600}.statut{font-weight:800;font-size:17px;margin:8px 0 2px}.pique,.statut{text-align:center}.pique{font-size:14.5px;color:var(--barbe);padding:0 8px}.organes{display:flex;flex-direction:column;gap:8px;margin:16px 0 14px}.organe{display:grid;grid-template-columns:30px 1fr 34px;grid-template-rows:auto auto;align-items:center;grid-column-gap:10px;column-gap:10px;grid-row-gap:6px;row-gap:6px;background:transparent;border:1.5px solid var(--barbe-faible);border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .15s ease}.organe .emo{font-size:18px;grid-row:1}.organe .nom{font-weight:700;font-size:14px}.organe .pts{font-weight:800;font-size:13.5px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.organe .jauge{grid-column:2/4;height:5px;border-radius:99px;background:var(--barbe-faible);overflow:hidden}.organe .jauge i{display:block;height:100%;border-radius:99px;transition:width .9s ease .3s}.organe .detail{grid-column:1/4;display:none;font-size:13px;line-height:1.5;color:var(--barbe);border-top:1px dashed var(--barbe-faible);padding-top:8px}.organe .detail b{color:var(--ink)}.organe.ouvert .detail{display:block}.organe.ouvert{border-color:var(--barbe)}.ordonnance{display:flex;flex-direction:column;gap:12px;margin:10px 0 16px}.prescription{border-left:4px solid var(--corail);border-radius:6px 14px 14px 6px;background:color-mix(in srgb,var(--barbe-faible) 42%,transparent);padding:12px 14px}.prescription:nth-child(2){border-left-color:var(--jaune)}.prescription:nth-child(3){border-left-color:var(--cyan)}.prescription .num{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--barbe);margin-bottom:5px}.prescription .symptome{font-weight:700;font-size:14.5px;line-height:1.4;margin-bottom:6px}.prescription .ligne{font-size:13.5px;line-height:1.5;margin-bottom:3px}.prescription .auto{font-size:12.5px;color:var(--vert);font-weight:700;margin-top:7px}.signature{display:flex;align-items:center;gap:10px;margin:2px 0 14px;color:var(--barbe);font-size:13px}.signature .trait{font-weight:800;color:var(--ink)}.carte-wrap{display:flex;justify-content:center;margin:8px 0 14px}.carte{width:238px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:var(--carte-bg);color:var(--carte-ink);display:flex;flex-direction:column;padding:20px 18px;box-shadow:var(--ombre)}.carte .tete{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;opacity:.9}.carte .score-geant{font-size:66px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.carte .score-geant small{font-size:20px;font-weight:700;opacity:.55;letter-spacing:0}.carte .statut-carte{font-size:14px;font-weight:800;margin:6px 0 14px}.carte .mini-jauges{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.carte .mj{display:grid;grid-template-columns:20px 1fr;align-items:center;grid-gap:8px;gap:8px;font-size:11px}.carte .mj .j{height:4px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}.carte .mj .j i{display:block;height:100%;border-radius:99px}.carte .pied{border-top:1px solid rgba(255,255,255,.16);padding-top:10px;font-size:10.5px;line-height:1.5;opacity:.85}.carte .pied b{font-size:12px;opacity:1}.incentive{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--barbe);background:color-mix(in srgb,var(--barbe-faible) 42%,transparent);border-radius:14px;padding:12px 14px;margin-bottom:14px}.lien-retour{background:none;border:0;color:var(--barbe);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:center;width:100%;padding:12px 0 0;text-decoration:underline;text-underline-offset:3px}@keyframes pv-apparaitre{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pv-flotter{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1.2deg)}}@keyframes pv-entree-coin{0%{opacity:0;transform:translateX(30px) rotate(6deg)}to{opacity:1;transform:none}}@keyframes pv-onde{0%{transform:scale(.55);opacity:.55}to{transform:scale(1.25);opacity:0}}@keyframes pv-reflet{0%,76%{transform:translateX(-130%) skewX(-18deg)}92%,to{transform:translateX(230%) skewX(-18deg)}}@keyframes pv-pop{0%{transform:scale(.92)}55%{transform:scale(1.05)}to{transform:scale(1)}}.ecran>*{animation:pv-apparaitre .5s cubic-bezier(.2,.7,.2,1) both}.ecran>:nth-child(2){animation-delay:.06s}.ecran>:nth-child(3){animation-delay:.12s}.ecran>:nth-child(4){animation-delay:.18s}.ecran>:nth-child(5){animation-delay:.24s}.ecran>:nth-child(n+6){animation-delay:.3s}.papy-video{border-radius:26px;object-fit:cover;box-shadow:0 18px 40px rgba(34,38,44,.16);animation:pv-apparaitre .5s ease-out both}.papy-hero{animation:pv-flotter 4.5s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(34,38,44,.18))}.papy-coin{animation:pv-entree-coin .6s cubic-bezier(.2,.7,.2,1) .25s both;filter:drop-shadow(0 10px 14px rgba(34,38,44,.15))}.papy-scan{position:relative;display:inline-flex;align-items:center;justify-content:center}.papy-scan img{position:relative;z-index:1;object-fit:contain;animation:pv-flotter 3.5s ease-in-out infinite}.papy-scan .onde{position:absolute;inset:6%;border:2.5px solid var(--cyan);border-radius:50%;animation:pv-onde 2s ease-out infinite}.papy-scan .onde2{border-color:var(--vert);animation-delay:1s}.btn{position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(34,38,44,.14)}.btn:not(.secondaire):after{content:"";position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:pv-reflet 4.5s ease-in-out infinite;pointer-events:none}.btn.secondaire{box-shadow:none}.btn:active{transform:scale(.97);box-shadow:0 3px 10px rgba(34,38,44,.12)}.chip:active,.organe:active{transform:scale(.96)}.chip.choisi{animation:pv-pop .28s ease-out}.tuile{transition:transform .15s ease}.prescription{animation:pv-apparaitre .5s ease-out both}.prescription:nth-child(2){animation-delay:.12s}.prescription:nth-child(3){animation-delay:.24s}.nav-item{transition:transform .12s ease;position:relative}.nav-item:active{transform:scale(.92)}.nav-item.actif:before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--corail),var(--jaune),var(--vert),var(--cyan))}.logo-pv{animation:pv-apparaitre .5s ease-out both}@media (prefers-reduced-motion:reduce){.btn:not(.secondaire):after,.chip.choisi,.ecran>*,.logo-pv,.papy-coin,.papy-hero,.papy-scan .onde,.papy-scan img,.prescription{animation:none!important}}.nav-bas{flex:none;display:flex;gap:2px;border-top:1.5px solid var(--barbe-faible);background:var(--phone);padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(34,38,44,.09)}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;border-radius:16px;padding:8px 0 6px;font-size:12.5px;font-weight:700;color:var(--barbe);text-decoration:none}.nav-item span:first-child{font-size:25px;line-height:1}.nav-item.actif{color:var(--ink);font-weight:800;background:color-mix(in srgb,var(--corail) 12%,transparent)}.nav-item.actif span:first-child{transform:scale(1.06)}.nav-item.actif:before{display:none}.palier{border:1.5px solid var(--barbe-faible);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.palier.vedette{border-color:var(--ink);border-width:2px;position:relative}.palier .etiquette{position:absolute;top:-10px;right:14px;background:var(--ink);color:var(--phone);font-size:10px;font-weight:800;letter-spacing:.07em;border-radius:99px;padding:3px 10px}.palier .nom-palier{font-weight:800;font-size:17px}.palier .prix{font-size:30px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.palier .prix small{font-size:13px;color:var(--barbe);font-weight:600}.palier ul{margin:0;padding:0 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:5px}.palier li{font-size:13.5px;line-height:1.45;display:flex;gap:7px}.palier li:before{content:"✓";color:var(--vert);font-weight:800;flex:none}.bandeau-regle{background:color-mix(in srgb,var(--barbe-faible) 42%,transparent);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5}.acte{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px dashed var(--barbe-faible);font-size:13.5px}.acte:last-child{border-bottom:0}.acte .cout-acte{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.mouvement{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;border-bottom:1px dashed var(--barbe-faible)}.mouvement:last-child{border-bottom:0}.mouvement .delta-plus{color:var(--vert);font-weight:800}.mouvement .delta-moins{color:var(--ink);font-weight:800}.mouvement .quand{color:var(--barbe);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--barbe-faible);border-radius:99px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;cursor:pointer}.chip.choisi{background:var(--ink);color:var(--phone);border-color:var(--ink)}.etapes{display:flex;gap:6px;margin-bottom:18px}.etapes i{flex:1 1;height:4px;border-radius:99px;background:var(--barbe-faible)}.etapes i.faite{background:var(--vert)}.deblocage{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--barbe-faible);font-size:13.5px;line-height:1.45}.deblocage:last-child{border-bottom:0}.deblocage .cadenas{flex:none;font-size:16px}.tuiles{display:flex;flex-direction:column;gap:12px;margin:8px 0}.tuile{border:1.5px solid var(--barbe-faible);border-radius:16px;padding:14px 16px}.tuile .titre{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--barbe);margin-bottom:8px}.tuile .grand{font-size:28px;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tuile .grand small{font-size:14px;color:var(--barbe);font-weight:600}.bulle-papy{position:relative;background:var(--phone);border:1.5px solid var(--barbe-faible);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.4;box-shadow:0 6px 18px rgba(34,38,44,.1);animation:pv-bulle .5s cubic-bezier(.34,1.56,.64,1) .3s both;max-width:240px;margin:0 auto}.bulle-papy:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:var(--phone);border-right:1.5px solid var(--barbe-faible);border-bottom:1.5px solid var(--barbe-faible)}@keyframes pv-bulle{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.reseaux-grille{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:14px}.reseau-chip{display:flex;align-items:center;gap:8px;border:1.5px solid var(--barbe-faible);border-radius:12px;padding:9px 11px;font-size:12.5px;font-weight:700;background:var(--phone)}.reseau-chip .etat{margin-left:auto;font-size:9.5px;letter-spacing:.07em;font-weight:800;color:var(--barbe)}.reseau-chip.actif{border-color:var(--vert)}.reseau-chip.actif .etat{color:var(--vert)}@media (prefers-reduced-motion:reduce){.bulle-papy{animation:none}}.pied-legal{margin-top:auto;width:100%;min-width:0;box-sizing:border-box;padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:11.5px;color:var(--barbe);border-top:1px solid var(--barbe-faible)}.pied-legal a{color:var(--barbe);text-decoration:none}.pied-legal a:hover{text-decoration:underline}body:has(.pv-scene) .pied-legal{display:none}.pv-fabrique{width:20px;height:20px;flex:none;border-radius:50%;border:2.5px solid var(--barbe-faible);border-top-color:var(--cyan);animation:pv-tourne .9s linear infinite}@keyframes pv-tourne{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pv-fabrique{animation:none;border-top-color:var(--cyan)}}