.accueil-hero{text-align:center;max-width:900px;margin:0 auto;padding:88px 20px 64px}.accueil-hero h1{letter-spacing:var(--approche-display);font-size:clamp(44px,7.4vw,88px);line-height:1;font-weight:var(--graisse-titre);text-wrap:balance;margin:0 0 18px}.accueil-hero .etiquette{margin:0 0 24px}.accueil-hero p{color:var(--encre-2);text-wrap:balance;margin:0 0 32px;font-size:18px;line-height:1.6}.hero-duo{isolation:isolate;background:var(--nuit);min-height:100svh;color:var(--papier);grid-template-rows:1fr auto;padding:96px 20px 28px;display:grid;position:relative;overflow:hidden}.hero-duo .etiquette{color:var(--sur-nuit-3)}.hero-duo__fond{z-index:-1;letter-spacing:-.04em;color:oklch(100% 0 0/.05);pointer-events:none;user-select:none;white-space:nowrap;margin:0;font-size:clamp(260px,46vw,760px);line-height:.8;position:absolute;top:50%;right:-4vw;translate:0 -54%}.hero-duo__centre{text-align:center;touch-action:pan-y;cursor:grab;user-select:none;place-self:center;width:100%;max-width:980px}.hero-duo__centre:active{cursor:grabbing}.hero-duo .etiquette{text-wrap:balance;margin:0 0 28px}.hero-duo__titre{letter-spacing:-.03em;text-wrap:balance;margin:0 0 24px;font-family:Manrope,Inter Variable,sans-serif;font-size:clamp(44px,8vw,96px);font-weight:600;line-height:1.02}.hero-duo__texte{max-width:34em;color:var(--sur-nuit);text-wrap:balance;margin:0 auto 36px;font-family:Inter,Inter Variable,sans-serif;font-size:clamp(17px,1.6vw,20px);line-height:1.6}.hero-duo__barre{border-top:1px solid var(--trait-nuit);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:1120px;margin:0 auto;padding-top:18px;display:grid}.hero-duo__paire{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:15px;display:flex}.hero-duo__paire .etiquette{margin:0}.hero-duo__role{white-space:nowrap;align-items:baseline;gap:8px;display:inline-flex}.hero-duo__paire b{font-weight:var(--graisse-ui);letter-spacing:var(--approche-ui)}.hero-duo__plus{color:var(--sur-nuit-3);margin:0 4px}.hero-duo__nav{backdrop-filter:blur(14px)saturate(1.4);background:oklch(100% 0 0/.07);border:1px solid oklch(100% 0 0/.14);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.hero-duo__bouton{width:40px;height:40px;color:var(--papier);cursor:pointer;transition:background-color .2s var(--sortie), transform .2s var(--sortie);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.hero-duo__bouton:hover{background:oklch(100% 0 0/.12)}.hero-duo__bouton:active{transform:scale(.94)}.hero-duo__bouton svg{width:18px;height:18px}.hero-duo__compte{text-align:center;min-width:64px;font-size:12.5px;font-weight:var(--graisse-etiquette);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--sur-nuit);margin:0}.hero-duo .hero-faits{color:var(--sur-nuit-3);justify-content:flex-end;justify-self:end}.hero-duo .hero-lien{color:var(--papier)}.hero-duo :focus-visible{outline-color:var(--papier)}@media (width<=860px){.hero-duo{padding:84px 16px 20px}.hero-duo__barre{grid-template-columns:1fr auto;row-gap:14px}.hero-duo .hero-faits{grid-column:1/-1;justify-content:flex-start;justify-self:start}.hero-duo__fond{top:38%;right:-18vw}}@media (width<=480px){.hero-duo__barre{grid-template-columns:1fr}.hero-duo__nav{justify-self:start}}@media (prefers-reduced-motion:reduce){.hero-duo__bouton{transition:none}}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;margin:0 0 28px;display:flex}.hero-lien{font-size:15px;font-weight:var(--graisse-ui);color:var(--encre);transition:background-size .4s var(--sortie);background:linear-gradient(currentColor 0 0) 0 100%/0% 1.5px no-repeat;align-items:center;gap:6px;padding-block:6px 4px;text-decoration:none;display:inline-flex}.hero-lien:hover{background-size:100% 1.5px}.hero-faits{color:var(--encre-3);flex-wrap:wrap;justify-content:center;gap:4px 0;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.hero-faits li+li:before{content:"·";margin:0 10px}.fs-lien-bouton{background:var(--encre);color:var(--papier);font-weight:var(--graisse-ui);letter-spacing:var(--approche-ui);transition:background-color .2s var(--sortie), transform .2s var(--sortie);border-radius:999px;align-items:center;gap:8px;padding:14px 24px 14px 26px;text-decoration:none;display:inline-flex}.fs-lien-bouton:hover{background:var(--encre-2)}.fs-lien-bouton:active{transform:scale(.97)}.accueil-favoris{text-align:center;padding:56px 20px}.accueil-favoris h2{letter-spacing:var(--approche-titre);font-size:clamp(28px,4.4vw,48px);line-height:1.08;font-weight:var(--graisse-titre);text-wrap:balance;margin:0 0 40px}#previewCards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}#previewCards .fav-card{background:var(--carte);border-radius:var(--rayon);border:1px solid var(--trait);text-align:left;flex-direction:column;padding:28px;display:flex;box-shadow:0 4px 12px #0000000d}#previewCards small{margin-bottom:8px;display:block}.preview-line{color:var(--encre);cursor:text;margin:10px 0;font-size:clamp(22px,3vw,28px);line-height:1.3}.preview-paragraph{color:var(--encre-2);cursor:text;flex:1;margin:0 0 12px;font-size:15px;line-height:1.7}.preview-line:focus-visible,.preview-paragraph:focus-visible{outline:2px solid var(--encre);outline-offset:4px;border-radius:4px}#previewCards .fav-downloads{flex-direction:column;gap:8px;margin-top:10px;display:flex}#previewCards .fav-downloads a{color:var(--encre);background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon-petit);align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}#previewCards .fav-downloads a:hover{border-color:var(--encre-3)}#previewCards .fav-downloads svg{width:14px;height:14px;display:block}.accueil-relance{margin:64px 0 24px!important}.accueil-lettre{text-align:center;border-top:1px solid var(--trait);max-width:760px;margin:40px auto 0;padding:48px 20px}.accueil-lettre h3{letter-spacing:var(--approche-sous);font-size:clamp(21px,3vw,28px);line-height:1.25;font-weight:var(--graisse-sous);text-wrap:balance;margin:0 0 24px}@media (prefers-reduced-motion:reduce){.fs-lien-bouton,.hero-lien{transition:none}}.section{max-width:1120px;margin:0 auto;padding:clamp(72px,11vh,120px) 20px 0}.chapeau{text-align:left;max-width:760px;margin:0 0 48px}.chapeau .etiquette{margin:0 0 18px}.chapeau h2{letter-spacing:var(--approche-titre);font-size:clamp(30px,4.4vw,52px);line-height:1.06;font-weight:var(--graisse-titre);text-wrap:balance;margin:0}.ton2{color:var(--encre-3)}.accueil-favoris.section{text-align:center}.accueil-favoris .chapeau h2{margin:0}.etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.etapes li{align-content:start;display:grid}.ecran{aspect-ratio:4/3;border-radius:var(--rayon);border:1px solid var(--trait);background:oklch(95.5% .003 90);place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.etape__n{font-size:12.5px;font-weight:var(--graisse-etiquette);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--encre-3);margin:22px 0 6px}.etapes h3{letter-spacing:var(--approche-sous);font-size:22px;line-height:1.2;font-weight:var(--graisse-sous);margin:0 0 8px}.etapes li>p:last-child{max-width:34ch;color:var(--encre-2);text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.demo-filtres{background:var(--carte);border:1px solid var(--trait);font-size:13px;font-weight:var(--graisse-ui);border-radius:999px;gap:3px;padding:4px;display:inline-flex;box-shadow:0 10px 28px oklch(20% .004 90/.08)}.demo-filtres span{color:var(--encre-2);border-radius:999px;padding:8px 12px}.demo-filtres .actif{background:var(--encre);color:var(--papier)}.demo-carte{background:var(--carte);border:1px solid var(--trait);border-radius:14px;gap:10px;width:min(100%,260px);padding:22px;display:grid;translate:0 -14px;rotate:-3deg;box-shadow:0 14px 34px oklch(20% .004 90/.1)}.demo-carte__titre{letter-spacing:-.01em;font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1.1}.demo-carte__ligne{background:oklch(90% .003 90);border-radius:999px;height:6px}.demo-carte__ligne--courte{width:62%}.demo-boutons{gap:14px;display:flex;position:absolute;bottom:18px}.demo-boutons span{background:var(--carte);border:1px solid var(--trait);border-radius:999px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px oklch(20% .004 90/.08)}.demo-boutons span:last-child{background:var(--encre);color:var(--papier);border-color:var(--encre)}.demo-boutons svg{width:18px;height:18px}.demo-favori{background:var(--carte);border:1px solid var(--trait);text-align:left;border-radius:14px;gap:2px;width:min(100%,240px);padding:20px;display:grid;box-shadow:0 14px 34px oklch(20% .004 90/.1)}.demo-favori .etiquette{margin-bottom:8px}.demo-favori__nom{letter-spacing:-.01em;font-family:Manrope,sans-serif;font-size:22px;font-weight:600}.demo-favori__sous{color:var(--encre-2);margin-bottom:14px;font-size:14px}.demo-favori__lien{background:var(--papier);border:1px solid var(--trait);width:fit-content;font-size:13px;font-weight:var(--graisse-ui);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.demo-favori__lien svg{width:15px;height:15px}@media (width<=860px){.etapes{grid-template-columns:1fr;gap:40px}.ecran{aspect-ratio:16/10}}
