:root{--bg: #E3F6F1;--surface: #FFFFFF;--surface-2: #CDEDE4;--ink: #0F5C4D;--muted: #4E7F74;--line: color-mix(in srgb, var(--ink) 12%, transparent);--line-strong: color-mix(in srgb, var(--ink) 35%, transparent);--brand: #0F5C4D;--brand-ink: #FFFFFF;--brand-soft: #CDEDE4;--accent: #FF8A65;--on-accent: #FFFFFF;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--icon-bg: #0F5C4D;--icon-fg: #E3F6F1;--ok: #0F5C4D;--display: "Fredoka", "Nunito", system-ui, sans-serif;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--r-sm: 12px;--r: 14px;--r-lg: 18px;--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);color-scheme:light}:root[data-theme=dark]{--bg: #0A2E27;--surface: #113B32;--surface-2: #164A3E;--ink: #E3F6F1;--muted: #8FBCB0;--brand: #7FD9C2;--brand-ink: #0A2E27;--brand-soft: #164A3E;--icon-bg: #E3F6F1;--icon-fg: #0F5C4D;--ok: #7FD9C2;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.16;letter-spacing:-.01em;margin:0 0 .4em}h1{font-size:clamp(2.1rem,5.4vw,3.5rem)}h2{font-size:clamp(1.55rem,3.2vw,2.2rem)}h3{font-size:1.15rem}p{margin:0 0 1em}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.stack>*+*{margin-top:var(--gap, 16px)}.muted{color:var(--muted)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;border:1.5px solid transparent;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.btn:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn.ghost:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);border-color:var(--ink)}.btn.lg{padding:13px 26px;font-size:1.05rem}.btn.block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.field{display:block}.field>span{display:block;font-size:.87rem;font-weight:600;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 14px;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--ring);border-color:var(--accent)}.pill{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:.8rem;font-weight:600}.alert{padding:11px 14px;border-radius:var(--r-sm);font-size:.92rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.alert.ok{background:color-mix(in srgb,var(--ok) 10%,transparent);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .inner{display:flex;align-items:center;gap:12px;padding:12px 0}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:1.5rem;letter-spacing:-.01em;text-transform:lowercase;color:var(--ink);text-decoration:none;line-height:1}.logo .icone{display:grid;place-items:center;width:32px;height:32px;border-radius:30%;background:var(--icon-bg);color:var(--icon-fg);font-size:19px}.logo .point{color:var(--accent)}.spacer{flex:1}.hero{padding:72px 0 56px}.hero .lede{font-size:clamp(1.05rem,2vw,1.28rem);color:color-mix(in srgb,var(--ink) 82%,transparent);max-width:62ch}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-grille{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}@media (max-width: 900px){.hero-grille{grid-template-columns:1fr;gap:36px}}.apercu{display:grid;gap:12px}.tuile{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.tuile strong{font-family:var(--display);font-weight:600;font-size:1.05rem;line-height:1.3}.tuile.ligne{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.etiquette{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.progression{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.progression .piste{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}.progression .piste i{display:block;height:100%;background:var(--accent)}.exo{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--ink) 5%,transparent);font-size:.93rem}.tuteur{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}.tuteur p{margin:0;padding:9px 13px;border-radius:4px 14px 14px;background:var(--accent-soft)}.icone-app{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:30%;background:var(--icon-bg);color:var(--icon-fg);font-family:var(--display);font-weight:600;font-size:18px;line-height:1}.scores{display:flex;gap:8px}.scores span{padding:6px 12px;border-radius:999px;background:var(--surface-2);font-size:.82rem;color:var(--muted)}.scores b{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--ink)}.grid{display:grid;gap:16px}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}@media (max-width: 860px){.grid.c3,.grid.c2{grid-template-columns:1fr}}section.bloc{padding:60px 0}section.bloc>.wrap>header{max-width:60ch;margin-bottom:30px}.pilier .ico{width:52px;height:52px;border-radius:30%;display:grid;place-items:center;margin-bottom:16px;background:var(--surface-2);color:var(--ink)}.pilier.corail .ico{background:var(--accent-soft)}.pilier ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pilier li{padding-left:20px;position:relative;font-size:.95rem}.pilier li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:30%;background:var(--accent)}.etape-num{width:44px;height:44px;border-radius:30%;display:grid;place-items:center;background:var(--icon-bg);color:var(--icon-fg);font-family:var(--display);font-weight:600;font-size:1.25rem;margin-bottom:12px}.tarif{display:flex;flex-direction:column}.tarif.vedette{border:2px solid var(--accent);padding:21px}.tarif.vedette .pill{background:var(--accent);color:var(--on-accent)}.tarif .prix{font-family:var(--display);font-size:2.5rem;font-weight:600;letter-spacing:-.01em}.tarif .prix small{font-family:var(--sans);font-size:.95rem;font-weight:500;color:var(--muted)}.tarif ul{list-style:none;padding:0;margin:16px 0 22px}.tarif li{padding-left:25px;position:relative;margin-bottom:8px}.tarif li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.tarif .btn{margin-top:auto}.page-etroite{max-width:460px;margin:56px auto}.choix{display:grid;gap:10px}.choix label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;background:var(--surface)}.choix label:hover{border-color:var(--line-strong)}.choix input{width:auto;margin-top:4px;accent-color:var(--accent)}.choix .on{border-color:var(--accent);background:var(--accent-soft)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}tbody tr:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}td.mono,.mono{font-family:var(--mono);font-size:.86rem}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 760px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi .n{font-family:var(--display);font-size:2.1rem;font-weight:600}.kpi .l{font-size:.84rem;color:var(--muted)}footer.pied{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.9rem}.etapes{display:flex;gap:8px;margin-bottom:26px}.etapes i{flex:1;height:6px;border-radius:6px;background:var(--line)}.etapes i.on{background:var(--accent)}.btn.google{gap:10px}.btn.google[disabled]{opacity:.7}.bientot{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.ou{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}.ou:before,.ou:after{content:"";flex:1;height:1px;background:var(--line)}.question>.intitule{display:block;font-size:.87rem;font-weight:600;margin-bottom:6px}.choix.deux{grid-template-columns:1fr 1fr}@media (max-width: 480px){.choix.deux{grid-template-columns:1fr}}.question{border:0;padding:0;margin:0;min-width:0}.question>legend{padding:0}.cycles{display:grid;gap:12px}.cycle{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:start}.cycle .etiquette{padding-top:9px}@media (max-width: 480px){.cycle{grid-template-columns:1fr;gap:6px}.cycle .etiquette{padding-top:0}}.pastilles{display:flex;flex-wrap:wrap;gap:8px}.pastilles label{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);font-size:.92rem;font-weight:500}.pastilles label:hover{border-color:var(--line-strong)}.pastilles label.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pastilles input{position:absolute;opacity:0;width:1px;height:1px}.pastilles label:has(input:focus-visible){box-shadow:var(--ring)}