.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--ardoise-800);color:var(--ardoise-200);text-decoration:none;font-weight:600;font-size:15px;transition:border-color .25s,color .25s,background .25s}.pill:hover{border-color:var(--vert-300);color:var(--ardoise-0);background:#22c55e14}.ex{position:absolute;top:14px;right:14px;z-index:2}.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:64px;align-items:center}.tick{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--ardoise-900);color:var(--ardoise-200);font-size:17px}.tick svg{flex:none;margin-top:3px;color:var(--vert-300)}.mock{position:relative;border-radius:10px;border:1px solid var(--hc-trait-carte);background:var(--hc-fond-carte);overflow:hidden;box-shadow:0 40px 80px #00000073}.mhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--hc-trait-carte);background:var(--ardoise-950)}.ico{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#22c55e1a;color:var(--hc-vert-clair);border:1px solid rgba(34,197,94,.25)}.ordr{animation:ordout 9s ease-in-out infinite}.slot{transform-origin:left center;animation:slotin 9s cubic-bezier(.2,.7,.2,1) infinite}.pulseb{animation:pulseb 2.2s ease-in-out infinite}.route{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 8s cubic-bezier(.4,0,.2,1) infinite}.pt{animation:ptin 8s linear infinite}.tile{animation:tilein .6s cubic-bezier(.2,.7,.2,1) both}.warn{animation:warn 1.6s ease-in-out infinite}.typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ardoise-400);animation:typing 1s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.typ{animation:typ 14s linear infinite both}.barx{transform-origin:left center;animation:barloop 8s cubic-bezier(.2,.7,.2,1) infinite}.match{animation:match 10s ease-in-out infinite both}.pend{animation:pend 10s ease-in-out infinite both}.gauge{transform-origin:left center;animation:gauge 8s cubic-bezier(.2,.7,.2,1) infinite}.gcol{animation:gcol 8s linear infinite}.alertin{animation:alertin 8s ease-in-out infinite both}.line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw2 9s cubic-bezier(.4,0,.2,1) infinite}.area{animation:areain 9s ease-in-out infinite}.m1{animation:m1 14s ease-in-out infinite both}.m2{animation:m2 14s ease-in-out infinite both}.m3{animation:m3 14s ease-in-out infinite both}.m4{animation:m4 14s ease-in-out infinite both}@keyframes ordout{0%,10%{opacity:1;transform:none}18%,86%{opacity:.22;transform:translate(14px)}94%,to{opacity:1;transform:none}}@keyframes slotin{0%,12%{opacity:0;transform:scaleX(.15)}22%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes pulseb{50%{box-shadow:0 0 0 8px #ff6a132e}}@keyframes draw{0%{stroke-dashoffset:1}60%,92%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes draw2{0%{stroke-dashoffset:1}55%,to{stroke-dashoffset:0}}@keyframes areain{0%,30%{opacity:0}55%,to{opacity:1}}@keyframes ptin{0%{fill:var(--ardoise-850)}8%,to{fill:var(--marque-vert)}}@keyframes tilein{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes warn{50%{box-shadow:0 0 0 5px #ffc66140;transform:scale(1.06)}}@keyframes typing{50%{transform:translateY(-4px);opacity:.5}}@keyframes typ{0%,12%{opacity:0}14%,24%{opacity:1}26%,to{opacity:0}}@keyframes barloop{0%{transform:scaleX(0)}18%,to{transform:scaleX(1)}}@keyframes match{0%,8%{opacity:0;transform:translate(-8px)}14%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes pend{0%,8%{opacity:1}14%,92%{opacity:0}to{opacity:1}}@keyframes gauge{0%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}@keyframes gcol{0%,30%{background:var(--vert-300)}38%,to{background:var(--ambre-300)}}@keyframes alertin{0%,40%{opacity:0;transform:translateY(10px)}48%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes m1{0%,4%{opacity:0;transform:translateY(10px)}8%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes m2{0%,26%{opacity:0;transform:translateY(10px)}30%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes m3{0%,44%{opacity:0;transform:translateY(10px)}48%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes m4{0%,62%{opacity:0;transform:translateY(10px)}66%,96%{opacity:1;transform:none}to{opacity:0}}@media(prefers-reduced-motion:reduce){.route,.line{stroke-dashoffset:0}.pt{fill:var(--marque-vert)}.pend,.typ,.mover{display:none!important}}@media(max-width:560px){.mhead{flex-wrap:wrap;padding-right:96px}.mhead>*{margin-right:0!important}.mock>.mock-planning{grid-template-columns:1fr!important}.mock>.mock-planning>div:first-child{border-right:0!important;border-bottom:1px solid var(--hc-trait-carte)}.mock>.mock-planning>div:last-child{overflow-x:auto}.mock>.mock-planning>div:last-child>*{min-width:440px}.mock .mock-ligne{grid-template-columns:1fr auto!important;gap:8px 12px!important}.mock .mock-ligne>span:last-child{grid-column:1 / -1}}
