/* LEFO design kit: the v3 homepage look as plain CSS (no Tailwind, no build step).
   Use it on every page that is not the Tailwind homepage: app. pages, /essai/, new pages.
   Master for the colours is web/v3/src/css/colors.css; this file copies it. Run `node web/kit/check-sync.mjs` after any change.
   Fonts: the @font-face urls below are relative to this file, so keep the fonts/ folder next to it.
   Usage: add class="lefo" on <body>, then use the .lefo-* classes. */

/* ---- 1. Fonts (self-hosted, never a CDN). latin-ext FIRST so the small latin file wins on overlaps. ---- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext-standard-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-standard-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:block;src:url(fonts/material-symbols-subset.woff2) format('woff2')}

/* ---- 2. Colour tokens: copied verbatim from web/v3/src/css/colors.css (light, then dark follows the system) ---- */
/* Stitch palette as RGB triplets so Tailwind opacity utilities (bg-x/20) keep working.
   Light = the Stitch values. Dark follows the system. accent-text is the darker orange used for
   small orange TEXT (the fill orange fails contrast as text); fills and icons keep primary-container. */
:root{color-scheme:light dark;
  --c-on-primary-fixed: 57 12 0;
  --c-surface-variant: 226 226 230;
  --c-primary-fixed: 255 219 207;
  --c-inverse-surface: 47 48 52;
  --c-tertiary-fixed: 148 241 255;
  --c-outline: 139 113 105;
  --c-inverse-on-surface: 240 240 245;
  --c-on-error-container: 147 0 10;
  --c-secondary-container: 219 224 235;
  --c-tertiary: 0 105 115;
  --c-surface-bright: 249 249 253;
  --c-secondary-fixed: 222 226 237;
  --c-on-primary: 255 255 255;
  --c-error: 186 26 26;
  --c-text-muted-dark: 156 163 175;
  --c-surface-container-highest: 226 226 230;
  --c-on-tertiary-fixed-variant: 0 79 87;
  --c-on-tertiary: 255 255 255;
  --c-surface-light: 255 255 255;
  --c-error-container: 255 218 214;
  --c-tertiary-fixed-dim: 86 215 233;
  --c-on-secondary-fixed-variant: 66 71 80;
  --c-primary: 166 59 17;
  --c-text-muted-light: 107 114 128;
  --c-surface-light-alt: 249 250 251;
  --c-outline-variant: 223 192 182;
  --c-surface-dim: 217 218 222;
  --c-surface-container: 238 237 242;
  --c-surface-dark: 13 15 18;
  --c-surface-container-high: 232 232 236;
  --c-on-surface-variant: 88 66 59;
  --c-inverse-primary: 255 181 156;
  --c-on-secondary: 255 255 255;
  --c-on-tertiary-container: 0 57 63;
  --c-on-secondary-fixed: 23 28 36;
  --c-surface-tint: 166 59 17;
  --c-border-light: 229 231 235;
  --c-primary-fixed-dim: 255 181 156;
  --c-background: 249 249 253;
  --c-on-primary-fixed-variant: 131 39 0;
  --c-secondary-fixed-dim: 194 198 209;
  --c-on-surface: 26 28 31;
  --c-tertiary-container: 0 171 188;
  --c-surface-container-low: 243 243 247;
  --c-surface-container-lowest: 255 255 255;
  --c-on-background: 26 28 31;
  --c-on-primary-container: 96 26 0;
  --c-border-dark: 31 36 44;
  --c-primary-container: 245 117 71;
  --c-secondary: 90 95 104;
  --c-on-tertiary-fixed: 0 31 36;
  --c-on-error: 255 255 255;
  --c-surface: 249 249 253;
  --c-surface-dark-alt: 20 24 31;
  --c-on-secondary-container: 94 99 108;
  --c-accent-text: 180 68 26;
}
@media (prefers-color-scheme: dark){
:root{
  --c-background: 13 15 18;
  --c-surface: 13 15 18;
  --c-surface-bright: 30 35 43;
  --c-surface-dim: 13 15 18;
  --c-surface-container-lowest: 23 27 34;
  --c-surface-container-low: 20 24 31;
  --c-surface-container: 28 33 41;
  --c-surface-container-high: 37 42 51;
  --c-surface-container-highest: 43 49 59;
  --c-surface-variant: 43 49 59;
  --c-on-surface: 242 242 244;
  --c-on-background: 242 242 244;
  --c-on-surface-variant: 201 189 184;
  --c-secondary: 174 180 191;
  --c-secondary-fixed: 58 65 77;
  --c-secondary-fixed-dim: 74 82 96;
  --c-on-secondary-fixed: 222 226 237;
  --c-on-secondary-fixed-variant: 194 198 209;
  --c-secondary-container: 43 49 59;
  --c-on-secondary-container: 194 198 209;
  --c-primary-fixed: 74 26 8;
  --c-on-primary-fixed: 255 219 207;
  --c-on-primary-fixed-variant: 255 181 156;
  --c-primary-fixed-dim: 131 39 0;
  --c-tertiary: 86 215 233;
  --c-tertiary-fixed: 0 54 61;
  --c-on-tertiary-fixed: 148 241 255;
  --c-tertiary-fixed-dim: 0 79 87;
  --c-on-tertiary-fixed-variant: 148 241 255;
  --c-error: 255 180 171;
  --c-error-container: 147 0 10;
  --c-on-error-container: 255 218 214;
  --c-outline: 165 138 129;
  --c-outline-variant: 90 74 68;
  --c-border-light: 31 36 44;
  --c-text-muted-light: 156 163 175;
  --c-surface-light-alt: 20 24 31;
  --c-accent-text: 255 148 105;
}
}
/* Force dark whatever the device says: <html class="lefo-dark"> (TA panel beside the video). Must match the block above. */
:root.lefo-dark{
  --c-background: 13 15 18;
  --c-surface: 13 15 18;
  --c-surface-bright: 30 35 43;
  --c-surface-dim: 13 15 18;
  --c-surface-container-lowest: 23 27 34;
  --c-surface-container-low: 20 24 31;
  --c-surface-container: 28 33 41;
  --c-surface-container-high: 37 42 51;
  --c-surface-container-highest: 43 49 59;
  --c-surface-variant: 43 49 59;
  --c-on-surface: 242 242 244;
  --c-on-background: 242 242 244;
  --c-on-surface-variant: 201 189 184;
  --c-secondary: 174 180 191;
  --c-secondary-fixed: 58 65 77;
  --c-secondary-fixed-dim: 74 82 96;
  --c-on-secondary-fixed: 222 226 237;
  --c-on-secondary-fixed-variant: 194 198 209;
  --c-secondary-container: 43 49 59;
  --c-on-secondary-container: 194 198 209;
  --c-primary-fixed: 74 26 8;
  --c-on-primary-fixed: 255 219 207;
  --c-on-primary-fixed-variant: 255 181 156;
  --c-primary-fixed-dim: 131 39 0;
  --c-tertiary: 86 215 233;
  --c-tertiary-fixed: 0 54 61;
  --c-on-tertiary-fixed: 148 241 255;
  --c-tertiary-fixed-dim: 0 79 87;
  --c-on-tertiary-fixed-variant: 148 241 255;
  --c-error: 255 180 171;
  --c-error-container: 147 0 10;
  --c-on-error-container: 255 218 214;
  --c-outline: 165 138 129;
  --c-outline-variant: 90 74 68;
  --c-border-light: 31 36 44;
  --c-text-muted-light: 156 163 175;
  --c-surface-light-alt: 20 24 31;
  --c-accent-text: 255 148 105;
}
:root{--c-word-dim: 118 118 118}
@media (prefers-color-scheme: dark){:root{--c-word-dim: 138 138 138}}

/* ---- 3. Friendly aliases: use THESE in page CSS, never raw hex ---- */
:root{
  --lefo-bg:rgb(var(--c-background));
  --lefo-bg-alt:rgb(var(--c-surface-container-low));        /* alternate section ground */
  --lefo-bg-deep:rgb(var(--c-surface-container-highest));   /* closing CTA ground */
  --lefo-card:rgb(var(--c-surface-container-lowest));       /* cards, FAQ rows */
  --lefo-tile:rgb(var(--c-surface-container));              /* quiet tiles, input grounds */
  --lefo-tile-hover:rgb(var(--c-surface-variant));
  --lefo-ink:rgb(var(--c-on-surface));
  --lefo-muted:rgb(var(--c-secondary));
  --lefo-line:rgb(var(--c-outline-variant));
  --lefo-accent:rgb(var(--c-primary-container));            /* #F57547: fills, icons, highlight words */
  --lefo-on-accent:rgb(var(--c-on-primary));
  --lefo-accent-text:rgb(var(--c-accent-text));             /* small orange TEXT (passes contrast) */
  --lefo-accent-soft:rgb(var(--c-primary-fixed));           /* chip ground */
  --lefo-on-accent-soft:rgb(var(--c-on-primary-fixed-variant));
  --lefo-teal:rgb(var(--c-tertiary-container));             /* secondary icon colour */
  --lefo-error:rgb(var(--c-error));
  --lefo-radius:1rem;--lefo-radius-card:1.5rem;--lefo-radius-lg:2rem;--lefo-radius-pill:9999px;
  --lefo-shadow-sm:0 1px 2px rgb(0 0 0 / .05);
  --lefo-shadow-card:0 1px 3px rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);
  --lefo-shadow-lift:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);
  --lefo-shadow-cta:0 2px 12px rgb(245 117 71 / .25);
  --lefo-font-head:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --lefo-font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --lefo-gutter:1.25rem;
}
@media (min-width:1024px){:root{--lefo-gutter:3rem}}

/* ---- 4. Base ---- */
.lefo,.lefo *{box-sizing:border-box}
.lefo{background:var(--lefo-bg);color:var(--lefo-ink);font-family:var(--lefo-font-body);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}
.lefo :focus-visible{outline:2px solid var(--lefo-accent-text);outline-offset:3px}
.lefo-wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--lefo-gutter)}
.lefo-wrap--narrow{max-width:860px}
.lefo-section{padding-block:5rem}
.lefo-section--alt{background:var(--lefo-bg-alt)}
.lefo-section--deep{background:var(--lefo-bg-deep)}
@media (min-width:1024px){.lefo-section{padding-block:7rem}}

/* ---- 5. Type (sizes from web/v3/tailwind.config.js) ---- */
.lefo-display{font-family:var(--lefo-font-head);font-weight:800;font-size:40px;line-height:48px;letter-spacing:-.03em;margin:0}
.lefo-h1{font-family:var(--lefo-font-head);font-weight:800;font-size:40px;line-height:48px;letter-spacing:-.02em;margin:0}
.lefo-h2{font-family:var(--lefo-font-head);font-weight:700;font-size:28px;line-height:36px;letter-spacing:-.015em;margin:0}
.lefo-h3{font-family:var(--lefo-font-head);font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;margin:0}
@media (min-width:1024px){
  .lefo-display{font-size:56px;line-height:64px}
  .lefo-h1{font-size:56px;line-height:64px;letter-spacing:-.03em}
  .lefo-h2{font-size:40px;line-height:48px;letter-spacing:-.02em}
}
.lefo-lead{font-size:18px;line-height:28px;color:var(--lefo-muted);margin:0}
.lefo-body{font-size:16px;line-height:24px;color:var(--lefo-muted);margin:0}
.lefo-small{font-size:14px;line-height:20px;color:var(--lefo-muted);margin:0}
.lefo-label{font-size:14px;line-height:20px;letter-spacing:.01em;font-weight:600}
.lefo-eyebrow{font-size:11px;line-height:14px;letter-spacing:.04em;font-weight:600;text-transform:uppercase}
.lefo-hl{color:var(--lefo-accent)}   /* orange highlight words inside a big heading only */
.lefo-link{color:var(--lefo-accent-text);font-weight:600;text-decoration:none}
.lefo-link:hover{text-decoration:underline}

/* ---- 6. Buttons ---- */
.lefo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:1rem 2rem;border:0;border-radius:var(--lefo-radius-pill);background:var(--lefo-accent);color:var(--lefo-on-accent);font:600 14px/20px var(--lefo-font-body);letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:var(--lefo-shadow-lift);transition:transform .2s,box-shadow .2s,opacity .2s}
.lefo-btn:hover{transform:scale(1.02)}
.lefo-btn:active{transform:scale(.98)}
.lefo-btn--lg{padding:1.25rem 2.5rem}
.lefo-btn--sm{padding:.5rem 1.5rem;box-shadow:var(--lefo-shadow-cta)}
.lefo-btn--quiet{background:rgb(var(--c-surface-container-high));color:var(--lefo-ink);box-shadow:none}
.lefo-btn--quiet:hover{background:var(--lefo-tile-hover);transform:none}
.lefo-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.lefo-btn--danger{background:transparent;color:var(--lefo-error);box-shadow:inset 0 0 0 1px var(--lefo-error)}
.lefo-btn--danger:hover{transform:none;background:rgb(var(--c-error-container) / .35)}

/* ---- 7. Cards, tiles, chips, lists ---- */
.lefo-card{background:var(--lefo-card);border-radius:var(--lefo-radius-card);padding:2rem;box-shadow:var(--lefo-shadow-card)}
a.lefo-card,.lefo-card--lift{display:flex;flex-direction:column;gap:1.5rem;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
a.lefo-card:hover,.lefo-card--lift:hover{box-shadow:var(--lefo-shadow-lift);transform:translateY(-4px)}
.lefo-card--hero{border-radius:var(--lefo-radius-card);padding:2rem;box-shadow:var(--lefo-shadow-lift)}
@media (min-width:1024px){.lefo-card--hero{padding:3rem}}
.lefo-tile{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1rem;border-radius:var(--lefo-radius);background:var(--lefo-tile);color:var(--lefo-ink);text-decoration:none;transition:background-color .2s}
.lefo-tile:hover{background:var(--lefo-tile-hover)}
.lefo-tile:hover .lefo-tile__title{color:var(--lefo-accent-text)}
.lefo-tile__title{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.01em;transition:color .2s}
.lefo-tile__text{font-size:12px;line-height:16px;color:var(--lefo-muted)}
.lefo-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--lefo-radius-pill);background:var(--lefo-accent-soft);color:var(--lefo-on-accent-soft);font-size:11px;line-height:14px;font-weight:700;letter-spacing:.04em}
.lefo-chip--live::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--lefo-accent)}
.lefo-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.lefo-checks li{display:flex;align-items:flex-start;gap:.75rem;color:var(--lefo-muted)}
.lefo-checks li::before{content:"";flex:none;width:1.25rem;height:1.25rem;margin-top:.125rem;border-radius:50%;background:rgb(var(--c-primary-container) / .2) no-repeat center/.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4441A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}

/* Icon badge + link row: the homepage's w-12 h-12 rounded-2xl bg-primary-fixed square, and a horizontal row built on it
   (badge, text, optional chip, arrow). Put .lefo-rowlink on a.lefo-card (app cards) or a.lefo-tile (compact lists). */
.lefo-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:3rem;height:3rem;border-radius:var(--lefo-radius);background:var(--lefo-accent-soft);color:rgb(var(--c-on-primary-fixed))}
.lefo-badge .lefo-icon{color:inherit}
.lefo-badge--sm{width:2.5rem;height:2.5rem}
.lefo-rowlink,a.lefo-card.lefo-rowlink,a.lefo-tile.lefo-rowlink{display:flex;flex-direction:row;align-items:center;gap:1rem;height:auto;min-height:44px;color:inherit;text-decoration:none}
a.lefo-card.lefo-rowlink{padding:1.25rem}
a.lefo-card.lefo-rowlink:hover{transform:none}
.lefo-rowlink__text{flex:1;min-width:0;display:flex;flex-direction:column}
.lefo-rowlink__title{font:600 17px/24px var(--lefo-font-head);letter-spacing:-.01em;color:var(--lefo-ink)}
.lefo-rowlink__sub{font-size:14px;line-height:20px;color:var(--lefo-muted)}
.lefo-rowlink__go{flex:none;color:var(--lefo-muted)}
.lefo-chip:empty{display:none}

/* Time slot pill (booking): free = button, taken = span. */
.lefo-slot{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.25rem;border:0;border-radius:var(--lefo-radius-pill);background:var(--lefo-accent-soft);color:var(--lefo-on-accent-soft);font:600 14px/20px var(--lefo-font-body);letter-spacing:.01em;cursor:pointer;transition:transform .2s,opacity .2s}
.lefo-slot:active{transform:scale(.97)}
.lefo-slot[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.lefo-slot--busy{background:var(--lefo-tile);color:var(--lefo-muted);box-shadow:inset 0 0 0 1px var(--lefo-line);font-weight:500;cursor:default}
.lefo-slot--busy:active{transform:none}
.lefo-slot--mine{color:var(--lefo-accent-text);font-weight:600;box-shadow:inset 0 0 0 1px var(--lefo-accent)}

/* Status message: success / error. */
.lefo-msg{padding:.75rem 1rem;border-radius:var(--lefo-radius);font-size:14px;line-height:20px;font-weight:500}
.lefo-msg--ok{background:var(--lefo-accent-soft);color:var(--lefo-on-accent-soft)}
.lefo-msg--err{background:rgb(var(--c-error-container));color:rgb(var(--c-on-error-container))}

/* ---- 8. Icons (Material Symbols subset: only the icons already in the font file) ---- */
.lefo-icon{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';font-variation-settings:'FILL' 0;color:var(--lefo-accent)}
.lefo-icon--sm{font-size:18px}
.lefo-icon--lg{font-size:28px}
.lefo-icon--filled{font-variation-settings:'FILL' 1}
.lefo-icon--teal{color:var(--lefo-teal)}
.lefo-icon--muted{color:var(--lefo-muted)}

/* ---- 9. FAQ (native <details>, works with JS off) ---- */
.lefo-faq{display:flex;flex-direction:column;gap:.75rem}
.lefo-faq details{background:var(--lefo-card);border-radius:var(--lefo-radius);box-shadow:var(--lefo-shadow-sm)}
.lefo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;list-style:none;cursor:pointer;font:600 20px/28px var(--lefo-font-head);letter-spacing:-.01em;color:var(--lefo-ink)}
.lefo-faq summary::-webkit-details-marker{display:none}
.lefo-faq summary .lefo-icon{color:var(--lefo-muted);transition:transform .2s}
.lefo-faq details[open] summary .lefo-icon{transform:rotate(180deg)}
.lefo-faq__a{padding:0 1.5rem 1.5rem;color:var(--lefo-muted);line-height:1.625}

/* ---- 10. Form fields (same look as the trial popup) ---- */
.lefo-field{display:flex;flex-direction:column;gap:.375rem}
.lefo-field label{font-size:14px;line-height:20px;font-weight:600}
.lefo-input{width:100%;min-height:48px;padding:.75rem 1rem;border:1px solid var(--lefo-line);border-radius:var(--lefo-radius);background:var(--lefo-card);color:var(--lefo-ink);font:400 16px/24px var(--lefo-font-body)}
.lefo-input:focus{outline:2px solid var(--lefo-accent-text);outline-offset:1px}
.lefo-error{font-size:14px;color:var(--lefo-error)}

/* ---- Sheet: popup that asks one question (bottom sheet on phones, centred card on wide screens) ---- */
.lefo-sheet{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;background:rgb(0 0 0 / .5);animation:lefo-sheet-fade .2s ease-out}
.lefo-sheet[hidden]{display:none}
.lefo-sheet__panel{width:100%;max-width:420px;max-height:100dvh;overflow-y:auto;padding:1.5rem var(--lefo-gutter) calc(env(safe-area-inset-bottom) + 1.5rem);border-radius:var(--lefo-radius-lg) var(--lefo-radius-lg) 0 0;background:var(--lefo-card);color:var(--lefo-ink);box-shadow:var(--lefo-shadow-lift);animation:lefo-sheet-up .25s ease-out}
.lefo-sheet__panel .lefo-h3{margin:1rem 0 0}
.lefo-sheet__panel .lefo-body{margin:.5rem 0 0}
.lefo-sheet__panel .lefo-checks{margin-top:1rem}
.lefo-sheet__panel .lefo-small{margin:1rem 0 0}
.lefo-sheet__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
.lefo-sheet__actions .lefo-btn{width:100%}
@media (min-width:640px){.lefo-sheet{align-items:center}.lefo-sheet__panel{border-radius:var(--lefo-radius-lg);padding-bottom:1.5rem}}
@keyframes lefo-sheet-fade{from{opacity:0}to{opacity:1}}
@keyframes lefo-sheet-up{from{transform:translateY(2rem)}to{transform:none}}

/* ---- 11. Misc ---- */
.lefo-glow{position:absolute;top:-6rem;left:50%;width:720px;height:480px;transform:translateX(-50%);border-radius:50%;background:rgb(var(--c-primary-container) / .1);filter:blur(120px);pointer-events:none}
@media (prefers-reduced-motion:reduce){.lefo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}