@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap";
:root{--bitume:#1c2533;--gris:#586273;--papier:#f7f8fa;--blanc:#fff;--trait:#dde2e9;--bleu:#1e4fa3;--bleu-pale:#e6edf8;--jaune:#f5c400;--jaune-pale:#fff6cc;--police:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--papier);color:var(--bitume);font-family:var(--police);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.55}a{color:var(--bleu)}:focus-visible{outline:3px solid var(--bleu);outline-offset:3px}.page{flex-direction:column;max-width:1120px;min-height:100vh;margin:0 auto;padding:28px 24px 24px;display:flex}.entete{align-items:center;gap:10px;display:flex}.logo{flex:none;width:34px;height:34px}.marque{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.accueil{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:56px;padding:56px 0 64px;display:grid}.titre{letter-spacing:-.025em;max-width:13ch;margin:0 0 20px;font-size:clamp(2.25rem,4.6vw,3.6rem);font-weight:700;line-height:1.04}.intro{max-width:34rem;color:var(--gris);margin:0 0 32px;font-size:1.1875rem}.statut{background-image:linear-gradient(90deg, var(--jaune) 0 60%, transparent 60% 100%);background-position:0 100%;background-repeat:repeat-x;background-size:22px 5px;margin:0;padding-bottom:10px;font-size:1.0625rem;font-weight:700;display:inline-block}.statut-detail{color:var(--gris);max-width:30rem;margin:14px 0 0;font-size:.9875rem}.pied{color:var(--gris);font-size:.875rem}.demo{background:var(--blanc);border:1px solid var(--trait);border-radius:14px;margin:0;padding:20px}.phrase{background:var(--papier);border:1px solid var(--trait);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:1.0625rem;display:flex}.micro{background:var(--bleu);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.micro svg{width:16px;height:16px}.phrase-texte{font-weight:700}.semaine{grid-template-rows:auto repeat(6,44px);grid-template-columns:34px repeat(6,minmax(0,1fr));column-gap:4px;margin-top:16px;font-size:.8125rem;display:grid}.jour{text-align:center;color:var(--gris);padding-bottom:8px;font-weight:700}.jour-actif{color:var(--bitume)}.heure{color:var(--gris);border-top:1px solid var(--trait);padding-top:2px;font-size:.75rem}.case{border-top:1px solid var(--trait)}.lecon{background:var(--bleu-pale);border-left:3px solid var(--bleu);white-space:nowrap;text-overflow:ellipsis;color:var(--bitume);border-radius:6px;margin:3px 0 0;padding:4px 6px;font-size:.75rem;font-weight:700;line-height:1.2;overflow:hidden}.lecon span{text-overflow:ellipsis;color:var(--gris);font-weight:400;display:block;overflow:hidden}.lecon-nouvelle{background:var(--jaune-pale);border-left-color:var(--jaune);box-shadow:0 0 0 2px var(--jaune)}.confirmation{color:var(--bitume);align-items:center;gap:8px;margin:14px 0 0;font-size:.9375rem;display:flex}.coche{flex:none;width:20px;height:20px}@media (prefers-reduced-motion:no-preference){.phrase-texte{animation:.6s ease-out .4s both apparait}.lecon-nouvelle{animation:.7s cubic-bezier(.2,.8,.2,1) 1.4s both pose}.confirmation{animation:.5s ease-out 2.2s both apparait}}@keyframes apparait{0%{opacity:0}to{opacity:1}}@keyframes pose{0%{opacity:0;transform:translateY(-18px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:860px){.page{padding:20px 16px}.accueil{grid-template-columns:minmax(0,1fr);gap:40px;padding:36px 0 44px}.titre{max-width:none}.demo{padding:14px}.semaine{grid-template-rows:auto repeat(6,40px);grid-template-columns:28px repeat(6,minmax(0,1fr));column-gap:3px}.lecon{padding:3px 4px;font-size:.6875rem}.lecon span{display:none}}