.vitrine-scene{z-index:0}[data-vitrine-racine]{overflow:hidden}[data-vitrine-racine]>*{opacity:calc(var(--sortie,1) * var(--presence,1))}.vitrine-halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--mkis-color-accent) 24%, transparent), color-mix(in srgb, var(--mkis-color-accent) 8%, transparent) 52%, transparent);will-change:transform;border-radius:9999px;width:980px;height:980px;margin:-490px 0 0 -490px;position:absolute;top:0;left:0;transform:translate(-4000px)}@media (max-width:1023px){.vitrine-halo{width:620px;height:620px;margin:-310px 0 0 -310px}}.vitrine-exemple,.chapitre-exemple{font-family:var(--mkis-font-ui);letter-spacing:.02em;color:var(--mkis-color-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.vitrine-exemple{white-space:nowrap;opacity:0;transition:opacity .35s;position:absolute;top:0;left:0;transform:translate(-4000px)}.vitrine-exemple[data-visible]{opacity:1}.ecran{background:var(--mkis-color-bg);color:var(--mkis-color-ink);font-family:var(--mkis-font-ui);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.ecran-telephone{--ecran-w:360px;--ecran-h:832px;width:var(--ecran-w);height:var(--ecran-h);border-radius:40px}.ecran-portable{--ecran-w:1280px;--ecran-h:768px;width:var(--ecran-w);height:var(--ecran-h);border-radius:8px;flex-direction:row}.boitier-telephone{--echelle:.36;background:var(--mkis-color-line);box-shadow:0 0 0 1px var(--mkis-color-border-strong,var(--mkis-color-line));border-radius:28px;padding:7px}.boitier-telephone-vitre,.boitier-portable-vitre{position:relative;overflow:hidden}.boitier-telephone-vitre{width:calc(360px * var(--echelle));height:calc(832px * var(--echelle));border-radius:22px}.boitier-portable{--echelle:.26;flex-direction:column;align-items:center;display:flex}.boitier-portable-couvercle{background:var(--mkis-color-line);border-radius:12px;padding:6px}.boitier-portable-vitre{width:calc(1280px * var(--echelle));height:calc(768px * var(--echelle));border-radius:4px}.boitier-portable-base{background:var(--mkis-color-line);border-radius:0 0 12px 12px;width:106%;height:10px}.boitier-telephone-vitre>[data-ecran],.boitier-portable-vitre>[data-ecran]{transform:scale(var(--echelle));transform-origin:0 0;position:absolute;top:0;left:0}.figure-marques{grid-template-columns:repeat(4,auto);gap:8px;display:grid}.figure-marques .boitier-telephone{--echelle:.19;border-radius:16px;padding:5px}.figure-duo{padding-bottom:24px;position:relative}.figure-duo .boitier-telephone{--echelle:.24;position:absolute;bottom:0;right:-8px}@media (min-width:1024px){.boitier-telephone{--echelle:.6;border-radius:34px;padding:9px}.boitier-telephone-vitre{border-radius:26px}.boitier-portable{--echelle:.42}.figure-marques{gap:12px}.figure-marques .boitier-telephone{--echelle:.27;border-radius:22px;padding:7px}.figure-duo .boitier-telephone{--echelle:.3;right:-24px}}[data-scene=on] .chapitre-objet{visibility:hidden}[data-scene=on] [data-ecran]{z-index:10;visibility:hidden;transform-origin:0 0;position:fixed;top:0;left:0}[data-scene=on] .chapitre-exemple{visibility:hidden}[data-scene=on] [data-ecran]{opacity:calc(var(--sortie,1) * var(--presence,1))}[data-scene=on] [data-ecran=telephone]:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg, transparent 38%, color-mix(in srgb, var(--mkis-color-ink) 7%, transparent) 47%, color-mix(in srgb, var(--mkis-color-ink) 3%, transparent) 53%, transparent 60%) calc(50% - var(--reflet,0) * 46%) 0 / 280% 100% no-repeat;position:absolute;inset:0}[data-vitrine-toucher]{z-index:20;color:inherit;cursor:grab;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:36px;margin:0;padding:0;position:fixed;top:0;left:0}[data-vitrine-toucher]:active{cursor:grabbing}[data-vitrine-toucher]:focus-visible{outline:3px solid var(--mkis-color-accent);outline-offset:4px}section[data-chapitre][tabindex="-1"]:focus{outline:none}
.ligne-titre{clip-path:inset(-.5em -.4em -.2em);display:block}.ligne-titre>span{display:inline-block}@keyframes ligne-monte{0%{transform:translateY(58%)}to{transform:none}}[data-chapitre="0"] .ligne-titre>span{animation:.95s cubic-bezier(.16,.84,.24,1) both ligne-monte;animation-delay:calc(50ms + var(--k,0) * .12s)}[data-revele] .ligne-titre>span,[data-revele] .chapitre-surtitre,[data-revele] .chapitre-corps,[data-revele] .chapitre-exemple{transition:transform .95s cubic-bezier(.16,.84,.24,1),opacity .7s}[data-revele] .ligne-titre>span{transition-delay:calc(80ms + var(--k,0) * .11s)}[data-revele] .chapitre-corps{transition-delay:.32s}[data-revele=attente] .ligne-titre>span{transform:translateY(118%)}[data-revele=attente] .chapitre-surtitre,[data-revele=attente] .chapitre-corps{opacity:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){[data-chapitre="0"] .ligne-titre>span{animation:none}[data-revele] .ligne-titre>span,[data-revele] .chapitre-surtitre,[data-revele] .chapitre-corps{opacity:1;transition:none;transform:none}}
.ecran-statut{height:48px;color:var(--mkis-color-ink);justify-content:flex-end;align-items:center;padding:0 26px;display:flex}.ecran-poincon{background:var(--mkis-color-surface);border-radius:9999px;width:12px;height:12px;margin-left:-6px;position:absolute;top:16px;left:50%}.ecran-statut-icones{align-items:center;gap:6px;display:inline-flex}.ecran-haptique{border:1px solid color-mix(in srgb, var(--mkis-color-accent) 45%, transparent);background:var(--mkis-color-surface-2,var(--mkis-color-surface));box-shadow:0 10px 30px color-mix(in srgb, var(--mkis-color-bg) 70%, transparent);border-radius:20px;align-items:center;gap:10px;margin:4px 14px 0;padding:14px 16px;font-size:17px;font-weight:700;display:flex}.ecran-haptique-icone{background:var(--mkis-color-accent);width:30px;height:30px;color:var(--mkis-color-accent-foreground);border-radius:9999px;flex:none;place-items:center;display:inline-grid}.ecran-entete{justify-content:space-between;align-items:flex-end;padding:20px 22px 14px;display:flex}.ecran-surtitre,.ecran-etiquette{letter-spacing:.08em;text-transform:uppercase;color:var(--mkis-color-muted);font-size:13px;font-weight:700}.ecran-titre{font-family:var(--mkis-font-display);font-size:42px;line-height:1.05}.ecran-salle-icone{background:var(--mkis-color-surface);width:48px;height:48px;color:var(--mkis-color-muted);border-radius:16px;place-items:center;display:inline-grid}.ecran-corps{flex-direction:column;flex:1;gap:16px;padding:8px 16px 16px;display:flex;overflow:hidden}.ecran-carte{border:1px solid var(--mkis-color-line);background:var(--mkis-color-surface);border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex}.ecran-carte-accent{border-color:color-mix(in srgb, var(--mkis-color-accent) 50%, transparent);box-shadow:0 0 40px color-mix(in srgb, var(--mkis-color-accent) 14%, transparent)}.ecran-ligne{justify-content:space-between;align-items:center;gap:8px;display:flex}.ecran-accent{color:var(--mkis-color-accent)}.ecran-valeur{align-items:center;gap:8px;font-size:23px;font-weight:700;line-height:1.2;display:flex}.ecran-valeur-grande,.ecran-montant-petit{font-family:var(--mkis-font-display);font-size:36px;font-weight:400}.ecran-montant{font-family:var(--mkis-font-display);font-size:60px;line-height:1}.ecran-note{color:var(--mkis-color-muted);font-size:15px}.ecran-heure{color:var(--mkis-color-muted);align-items:center;gap:7px;font-size:16px;font-weight:700;display:inline-flex}.ecran-bouton{border-radius:16px;justify-content:center;align-items:center;gap:6px;min-height:54px;padding:0 22px;font-size:18px;font-weight:700;display:inline-flex}.ecran-bouton-plein{background:var(--mkis-color-accent);color:var(--mkis-color-accent-foreground)}.ecran-bouton-contour{border:1px solid var(--mkis-color-line);color:var(--mkis-color-ink)}.ecran-pastille{background:color-mix(in srgb, var(--mkis-color-accent) 16%, transparent);color:var(--mkis-color-accent);border-radius:9999px;align-self:flex-start;align-items:center;gap:5px;padding:6px 13px;font-size:14px;font-weight:700;display:inline-flex}.ecran-pastille-neutre{background:var(--mkis-color-surface-2,var(--mkis-color-bg));color:var(--mkis-color-muted)}.ecran-pastille-vive{background:var(--mkis-color-accent);color:var(--mkis-color-accent-foreground)}.ecran-semaine{gap:8px;display:flex}.ecran-jour{background:var(--mkis-color-line);border-radius:9999px;flex:1;height:10px}.ecran-jour[data-fait]{background:var(--mkis-color-accent)}
.ecran-viseur{background:var(--mkis-color-surface);height:340px;color:var(--mkis-color-muted);border-radius:28px;place-items:center;margin:4px 6px;display:grid;position:relative;overflow:hidden}.ecran-viseur-coin{border:0 solid var(--mkis-color-accent);width:44px;height:44px;position:absolute}.ecran-viseur-coin-hg{border-top-width:4px;border-left-width:4px;border-top-left-radius:14px;top:22px;left:22px}.ecran-viseur-coin-hd{border-top-width:4px;border-right-width:4px;border-top-right-radius:14px;top:22px;right:22px}.ecran-viseur-coin-bd{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:14px;bottom:22px;right:22px}.ecran-viseur-coin-bg{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:14px;bottom:22px;left:22px}.ecran-viseur-faisceau{background:var(--mkis-color-accent);height:3px;box-shadow:0 0 24px var(--mkis-color-accent);border-radius:9999px;position:absolute;top:50%;left:40px;right:40px}.ecran-centre{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.ecran-anneau{color:var(--mkis-color-accent);align-items:center;gap:16px;padding:4px 4px 4px 0;display:flex}.ecran-anneau>div{color:var(--mkis-color-ink);flex-direction:column;gap:6px;display:flex}.ecran-anneau-fond{fill:none;stroke:var(--mkis-color-line);stroke-width:12px}.ecran-anneau-arc{fill:none;stroke-width:12px;stroke-linecap:round}.ecran-produit{align-items:center;gap:16px;display:flex}.ecran-vignette{background:color-mix(in srgb, var(--mkis-color-accent) 14%, var(--mkis-color-bg));width:84px;height:84px;color:var(--mkis-color-accent);border-radius:18px;place-items:center;display:grid}.ecran-retrait{flex-direction:row;align-items:center;gap:16px}.ecran-retrait>svg{color:var(--mkis-color-ink);flex:none}.ecran-liste{flex-direction:column;gap:10px;display:flex}.ecran-salle{border:1px solid var(--mkis-color-line);background:var(--mkis-color-surface);border-radius:20px;align-items:center;gap:14px;min-height:84px;padding:0 16px;display:flex}.ecran-salle>.ecran-valeur{flex:1}.ecran-salle[data-salle-active]{border-color:var(--mkis-color-accent)}.ecran-onglets{border-top:1px solid var(--mkis-color-line);background:var(--mkis-color-surface);align-items:stretch;height:92px;padding:0 8px 16px;display:flex;position:relative}.ecran-onglet,.ecran-onglet-vide{min-width:0;color:var(--mkis-color-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.ecran-onglet[data-onglet-actif]{color:var(--mkis-color-accent)}.ecran-fab{background:var(--mkis-color-accent);width:58px;height:58px;color:var(--mkis-color-accent-foreground);box-shadow:0 8px 22px color-mix(in srgb, var(--mkis-color-accent) 40%, transparent);border-radius:9999px;place-items:center;margin-left:-29px;display:grid;position:absolute;top:-24px;left:50%}.ecran-fab[data-onglet-actif]{outline:4px solid color-mix(in srgb, var(--mkis-color-accent) 35%, transparent);outline-offset:3px}.ecran-echeances{gap:4px;padding-top:16px;padding-bottom:12px}.ecran-echeance{border-top:1px solid var(--mkis-color-line);grid-template-columns:30px 1fr auto;grid-template-areas:"icone date montant""icone statut montant";align-items:center;column-gap:12px;padding:5px 0;display:grid}.ecran-echeance-icone{border:2px solid var(--mkis-color-line);border-radius:9999px;grid-area:icone;place-items:center;width:30px;height:30px;display:grid}.ecran-echeance[data-fait] .ecran-echeance-icone{border-color:var(--mkis-color-accent);background:var(--mkis-color-accent);color:var(--mkis-color-accent-foreground)}.ecran-echeance-date{grid-area:date;font-size:18px;font-weight:700}.ecran-echeance-statut{color:var(--mkis-color-muted);grid-area:statut;font-size:14px}.ecran-echeance-montant{font-variant-numeric:tabular-nums;grid-area:montant;font-size:18px;font-weight:700}.ecran-total{border-top:1px solid var(--mkis-color-line);padding-top:6px}.ecran-total-valeur{font-family:var(--mkis-font-display);font-variant-numeric:tabular-nums;color:var(--mkis-color-accent);font-size:30px}[data-ecran-cle=encaisser] .ecran-montant{font-size:50px}[data-ecran-cle=encaisser] .ecran-carte{gap:10px;padding:16px 18px}
.pc-barre-laterale{border-right:1px solid var(--mkis-color-line);background:var(--mkis-color-surface);flex-direction:column;flex:none;gap:6px;width:260px;padding:28px 18px;display:flex}.pc-marque{background:var(--mkis-color-line);border-radius:9999px;width:120px;height:18px;margin:4px 12px 26px}.pc-nav{min-height:48px;color:var(--mkis-color-muted);border-radius:12px;align-items:center;gap:14px;padding:0 14px;font-size:17px;font-weight:600;display:flex}.pc-nav[data-actif-nav]{background:color-mix(in srgb, var(--mkis-color-accent) 16%, transparent);color:var(--mkis-color-accent)}.pc-principal{flex-direction:column;flex:1;gap:24px;min-width:0;padding:36px 40px;display:flex}.pc-entete{justify-content:space-between;align-items:center;display:flex}.pc-titre{font-family:var(--mkis-font-display);font-size:44px}.pc-export{min-height:56px;font-size:18px}.pc-kpis{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.pc-kpi .ecran-etiquette{font-size:14px}.pc-kpi[data-alerte]{border-color:color-mix(in srgb, var(--mkis-color-warning) 55%, transparent)}.pc-kpi[data-alerte] .ecran-accent{color:var(--mkis-color-warning)}.pc-valeur{font-family:var(--mkis-font-display);white-space:nowrap;font-size:50px;line-height:1}.pc-graphique{flex:1}.pc-barres{flex:1;align-items:flex-end;gap:14px;height:100%;display:flex}.pc-barre{background:color-mix(in srgb, var(--mkis-color-accent) 75%, transparent);border-radius:8px 8px 2px 2px;flex:1}.site{background:var(--mkis-color-bg);flex-direction:column;flex:1;display:flex}.site-barre{border-bottom:1px solid var(--mkis-color-line);background:var(--mkis-color-surface);align-items:center;height:52px;padding:0 20px;display:flex}.site-adresse{background:var(--mkis-color-bg);border-radius:9999px;width:420px;height:26px;margin:0 auto}.site-bandeau{align-items:center;gap:28px;padding:28px 48px;display:flex}.site-logo{background:var(--mkis-color-line);border-radius:9999px;width:150px;height:30px;margin-right:auto}.site-lien{background:var(--mkis-color-line);border-radius:9999px;width:90px;height:14px}.site-colonnes{flex:1;grid-template-columns:3fr 2fr;gap:24px;padding:0 48px 40px;display:grid}.site-bloc{gap:16px;padding:26px}.pc-titre-bloc{font-family:var(--mkis-font-display);align-items:center;gap:12px;font-size:32px;display:flex}.site-ligne{border-top:1px solid var(--mkis-color-line);justify-content:space-between;align-items:center;min-height:64px;padding:0 4px;display:flex}.site-ligne>.ecran-valeur{font-size:20px}
.ecran-haptique{--a:.66;--b:.88;--q:clamp(0, (var(--p,1) - var(--a)) / (var(--b) - var(--a)), 1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * -135%)) scale(calc(.94 + .06 * var(--q)))}[data-ecran-cle=reserver] .ecran-haptique{--a:.6;--b:.82}.ecran[data-rejoue] .ecran-haptique{--q:var(--rejoue,1)}.ecran-bouton-touche{--enfonce:calc(clamp(0, (var(--p,1) - (var(--t) - .05)) / .05, 1) * (1 - clamp(0, (var(--p,1) - (var(--t) + .06)) / .08, 1)));transform:scale(calc(1 - .05 * var(--enfonce)));box-shadow:0 0 0 calc(var(--enfonce) * 6px) color-mix(in srgb, var(--mkis-color-accent) 30%, transparent);position:relative}.ecran-toucher{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.ecran-doigt,.ecran-onde{border-radius:9999px;position:absolute}.ecran-doigt{--arrive:clamp(0, (var(--p,1) - (var(--t) - .3)) / .24, 1);--appui:clamp(0, (var(--p,1) - (var(--t) - .05)) / .05, 1);--part:clamp(0, (var(--p,1) - (var(--t) + .08)) / .12, 1);border:2px solid color-mix(in srgb, var(--mkis-color-ink) 60%, transparent);background:color-mix(in srgb, var(--mkis-color-ink) 28%, transparent);width:64px;height:64px;box-shadow:0 8px 24px color-mix(in srgb, var(--mkis-color-bg) 55%, transparent);opacity:calc(var(--arrive) * (1 - var(--part)));transform:translate(calc((1 - var(--arrive)) * 46px + 24px), calc((1 - var(--arrive)) * 110px + var(--part) * 34px)) scale(calc(1 - .18 * var(--appui) * (1 - var(--part))));top:-32px;left:-32px}.ecran-onde{--o:clamp(0, (var(--p,1) - var(--t)) / .26, 1);border:3px solid color-mix(in srgb, var(--mkis-color-ink) 70%, transparent);width:88px;height:88px;opacity:calc(clamp(0, (var(--p,1) - var(--t)) / .015, 1) * (1 - var(--o)));transform:translateX(24px) scale(calc(.35 + 2.9 * var(--o)));top:-44px;left:-44px}.ecran-viseur-faisceau{--aller:clamp(0, (var(--p,1) - .04) / .22, 1);--retour:clamp(0, (var(--p,1) - .26) / .2, 1);transform:translateY(calc(-118px + var(--aller) * 236px - var(--retour) * 118px))}.ecran-viseur-codes{--r:clamp(0, (var(--p,1) - .4) / .12, 1);color:var(--mkis-color-muted);display:grid}.ecran-viseur-codes>svg{grid-area:1/1}.ecran-code-avant{opacity:calc(1 - var(--r));transform:scale(calc(1 - .12 * var(--r)))}.ecran-code-apres{opacity:var(--r);transform:rotate(90deg) scale(calc(.88 + .12 * var(--r)))}.ecran-echeance{--q:clamp(0, (var(--p,1) - (.12 + var(--k,0) * .16)) / .18, 1);opacity:var(--q);transform:translateX(calc((1 - var(--q)) * 40px))}.ecran-anneau-arc{--q:clamp(0, (var(--p,1) - .06) / .44, 1);stroke-dashoffset:calc(var(--c) * 1px * (1 - var(--objectif) * var(--q)))}.seq-surgit{--q:clamp(0, (var(--p,1) - .52) / .12, 1);opacity:var(--q);transform:scale(calc(.6 + .4 * var(--q)))}.seq-arrive{--q:clamp(0, (var(--p,1) - .44) / .2, 1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 30px)) scale(calc(.96 + .04 * var(--q)))}.pc-barre{--q:clamp(0, (var(--p,1) - (.26 + var(--i,0) * .03)) / .3, 1);transform-origin:50% 100%;transform:scaleY(calc(.04 + .96 * var(--q)))}.seq-bloc{--q:clamp(0, (var(--p,1) - (.1 + var(--k,0) * .16)) / .26, 1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 44px))}