@font-face{font-family:Post;src:url('/explorations/postplus.woff2')}*{box-sizing:border-box}body{margin:0;background:#fffdf8;color:#292137;font-family:Post,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b39aff;outline-offset:5px}.comparateur{background:#f3eef9;border-bottom:1px solid #e4daee;padding:18px 30px}.comparateur>a{font-size:11px;color:#746282}.comparateur>span{float:right;letter-spacing:1.5px;font-size:10px;color:#746282}nav{max-width:850px;display:flex;gap:8px;margin:16px auto 0}nav button{flex:1;border:1px solid #ded3e8;background:#fff;border-radius:12px;padding:13px 8px;color:#685872;font-size:12px}nav button small{margin-right:8px;opacity:.55}nav button[aria-pressed=true]{background:#292137;color:white;border-color:#292137}#note{text-align:center;font-size:12px;color:#7c6c87;margin:12px 0 0}header{max-width:1320px;padding:24px 35px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}header>div{font-size:12px;color:#897690}.logo{font-size:36px;letter-spacing:-2px;font-weight:850;white-space:nowrap}.logo>span{color:#7145f5}.logo i{display:inline-block;width:7px;height:7px;background:#ff9a7b;border-radius:50%;vertical-align:top;margin:6px}.cta{display:inline-block;background:#7145f5;color:white;border-radius:40px;padding:17px 26px;box-shadow:0 5px 0 #512bb1;font-weight:700;font-size:15px}.cta.petit{font-size:12px;padding:12px 19px}.hero{max-width:1320px;margin:auto;padding:52px 35px 60px;display:grid;grid-template-columns:1fr 1fr;gap:65px;min-height:650px;align-items:center}.discours,.illustration{min-width:0}.sur-titre{font-size:11px;letter-spacing:1.5px;color:#7145f5;font-weight:750;line-height:1.7}h1{font-size:clamp(36px,4.6vw,62px);letter-spacing:-2.5px;line-height:1.06;margin:22px 0}em{color:#7145f5;font-style:normal}.description{font-size:17px;color:#7d6d87;line-height:1.75;max-width:480px;margin:0 0 28px}.rassurance{font-size:11px;color:#93829b;max-width:350px;line-height:1.6;margin:17px 0 25px}.reseaux-ligne{display:flex;gap:13px;align-items:center}.reseaux-ligne .icone{width:19px;height:19px}.reseaux-ligne small{font-size:10px;color:#98869f;max-width:75px;line-height:1.5}.icone{width:28px;height:28px;fill:currentColor;flex-shrink:0}.instagram{color:#e2499b}.tiktok,.x{color:#292137}.linkedin{color:#2671cf}.facebook{color:#247bf4}.youtube{color:#f22b37}.etiquette{position:absolute;z-index:5;font-size:12px;padding:13px 16px;border-radius:10px;box-shadow:0 10px 25px #392c4010;font-weight:650}.citron{background:#dbf78e;color:#536728}.peche{background:#ffb99f;color:#79432f}.interaction{background:white;border:1px solid #ddcfee;color:#7145f5;border-radius:30px;padding:11px 17px;font-size:12px;box-shadow:0 5px 15px #51317409}.contexte{border-top:1px solid #e9dff0;text-align:center;padding:25px;background:#faf7fd}.contexte>span{font-size:9px;color:#9785a4;letter-spacing:2px}.contexte p{font-size:12px;color:#887294}.contexte button{background:none;border:0;color:#7145f5;font-size:12px;text-decoration:underline}iframe{display:block;border:0;width:100%;height:850px}[hidden]{display:none!important}
/* 01 · Un système solaire autour de la marque. */
.univers{position:relative;aspect-ratio:1;max-width:530px;margin:auto}.anneau{position:absolute;inset:9%;border:1px dashed #cbb8eb;border-radius:50%;background:radial-gradient(circle,#eee4ff88,transparent 70%)}.anneau.interieur{inset:22%;border-style:solid;border-color:#e6dbf6;background:none}.noyau{position:absolute;inset:33%;background:white;border:1px solid #e6d9f6;border-radius:35%;box-shadow:0 20px 50px #7b50bb1c;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg)}.noyau .logo{font-size:46px}.noyau small{font-size:10px;color:#9987a6;margin-top:7px}.satellites{position:absolute;inset:0;animation:tour 50s linear infinite}.satellite{position:absolute;left:50%;top:50%;width:85px;height:85px;margin:-42px;transform:rotate(calc(var(--i)*60deg)) translateY(-205px) rotate(calc(var(--i)*-60deg))}.satellite>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:white;border:1px solid #e9deee;border-radius:24px;width:100%;height:100%;box-shadow:0 8px 25px #57407110;animation:contre-tour 50s linear infinite}.satellite b{font-size:10px}.s0{--i:0}.s1{--i:1}.s2{--i:2}.s3{--i:3}.s4{--i:4}.s5{--i:5}.univers .etiquette{bottom:4%;right:0;transform:rotate(-6deg)}.etoile{position:absolute;left:3%;bottom:16%;font-size:65px;color:#ff9a7b}
/* 02 · Les onglets se rangent. */
.pile{position:relative;height:470px}.onglets{position:absolute;inset:0}.onglet{position:absolute;width:210px;border:1px solid #e0d4ea;background:white;border-radius:12px;box-shadow:0 12px 30px #75518c10;display:flex;gap:13px;padding:16px;align-items:center;transition:transform .8s,opacity .8s}.onglet b{font-size:12px}.onglet>span{margin-left:auto;color:#baaac2}.o0{top:0;left:10px;transform:rotate(-12deg)}.o1{top:13px;right:0;transform:rotate(9deg)}.o2{top:90px;left:-15px;transform:rotate(-5deg)}.o3{top:100px;right:-10px;transform:rotate(8deg)}.o4{top:200px;left:0;transform:rotate(-9deg)}.o5{top:195px;right:0;transform:rotate(12deg)}.fenetre-reunie{position:absolute;left:12%;right:12%;top:145px;background:white;border:1px solid #dacbec;border-radius:18px;box-shadow:0 25px 50px #633a9720;transform:rotate(-3deg);transition:transform .8s}.barre{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee7f4;padding:13px 17px;font-size:10px;color:#ac9bb5}.barre b{font-size:10px;color:#786187}.reunion{padding:20px;text-align:center;background:#f8f2ff;border-radius:0 0 18px 18px}.reunion p{font-size:25px;font-weight:750;margin:5px 0 15px}.reunion>div{display:flex;justify-content:center;gap:9px}.pastille{width:34px;height:34px;background:white;border-radius:9px;display:grid;place-items:center}.pastille .icone{width:22px;height:22px}.validation{display:block;font-size:10px;color:#728747;margin-top:16px}.pile .interaction{position:absolute;bottom:0;left:23%}.pile .etiquette{right:-5px;bottom:65px;transform:rotate(6deg)}.rangee .onglet{transform:translateY(120px) scale(.5);opacity:0}.rangee .fenetre-reunie{transform:rotate(0) translateY(-30px) scale(1.05)}
/* 03 · Un vrai aperçu épuré, sans chiffres décoratifs. */
.bureau{position:relative;border:1px solid #e3d8ed;border-radius:20px;background:white;box-shadow:12px 15px 0 #eee4ff;transform:rotate(-3deg)}.bureau .barre .logo{font-size:24px}.point{font-size:9px;color:#709743}.bureau-corps{display:flex}.bureau aside{width:50px;flex-shrink:0;background:#faf7fd;display:flex;flex-direction:column;gap:24px;align-items:center;padding-top:25px;color:#b6a3c2;border-radius:0 0 0 20px}.bureau aside b{background:#eee4ff;color:#7145f5;padding:6px}.travail{padding:28px 24px;width:100%;min-width:0}.travail .sur-titre{font-size:8px}.travail h3{font-size:23px;letter-spacing:-.7px;margin:8px 0 20px}.comptes{display:flex;gap:10px;margin-bottom:22px}.comptes>span{position:relative}.comptes .icone{width:23px;height:23px}.comptes i{position:absolute;right:-4px;bottom:-4px;border-radius:50%;background:#e7f5d3;font-size:7px;color:#678a3f;font-style:normal;padding:1px 3px}.idee{display:flex;gap:10px;padding:16px 12px;border:1px solid #eadff4;background:#fffcfa;border-radius:10px}.idee>span{font-size:25px;color:#b796e1}.idee b{font-size:11px}.idee small{display:block;font-size:9px;color:#9984a7;margin-top:5px}.choix{display:flex;justify-content:space-between;font-size:9px;margin:22px 0 10px;color:#9c86aa}.choix b{color:#7145f5}.destinations{display:flex;gap:8px}.destinations button{position:relative;border:1px solid #e3d6f4;background:#f6f0ff;padding:7px;border-radius:8px}.destinations .icone{width:19px;height:19px}.destinations button>span{position:absolute;right:-3px;bottom:-5px;background:#7145f5;color:white;border-radius:50%;font-size:7px;padding:2px}.destinations button[aria-pressed=false]{opacity:.3}.bouton-fictif{margin-top:20px;background:#7145f5;color:white;border-radius:8px;padding:13px;text-align:center;font-size:11px}.bureau .etiquette{bottom:-25px;right:10px;transform:rotate(7deg)}
/* 04 · L’impulsion de publication. */
.vue-impulsion{background:#f8f3ff;border-radius:40px;margin-top:25px;margin-bottom:25px}.diffusion{position:relative;display:flex;align-items:center;height:460px}.centre-diffusion{width:140px;height:140px;flex-shrink:0;background:#7145f5;border:8px solid #e5d8ff;border-radius:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 20px 30px #7145f522;transform:rotate(-7deg)}.centre-diffusion .logo,.centre-diffusion .logo>span{color:white}.centre-diffusion small{color:#dfd1ff;font-size:11px;margin-top:5px}.trajets{flex:1}.trajet{display:flex;align-items:center;height:59px}.ligne{flex:1;height:1px;background:#d3bfee;position:relative;overflow:hidden}.ligne i{position:absolute;top:-2px;width:16px;height:5px;border-radius:5px;background:#8754ff;animation:impulsion 2.8s var(--retard) infinite}.trajet>div{width:170px;display:flex;gap:10px;align-items:center;padding:12px;background:white;border-radius:13px;border:1px solid #e6d9f6;box-shadow:0 5px 10px #7145f505}.trajet b{font-size:11px}.trajet .icone{width:24px;height:24px}.coche{margin-left:auto;color:#8cad50;font-size:12px}.diffusion .etiquette{top:0;left:10%;transform:rotate(-5deg)}.diffusion .interaction{position:absolute;bottom:0;left:30%}
/* 05 · Un espace qui contient tous les comptes. */
.collection{position:relative;height:500px}.classeur{position:absolute;left:2%;right:2%;top:40px;height:410px;background:#e9dcff;border-radius:25px;transform:rotate(-4deg)}.onglet-dossier{position:absolute;top:-30px;left:0;background:#e9dcff;padding:12px 22px;border-radius:15px 15px 0 0;font-size:10px;color:#8566a0;display:flex;gap:14px;align-items:center}.onglet-dossier .logo{font-size:20px}.cartes-comptes{position:absolute;inset:20px 15px 60px}.compte{position:absolute;background:#fffdfb;border:1px solid #ddd0e9;border-radius:17px;text-align:left;width:170px;height:195px;padding:19px;box-shadow:0 5px 20px #62418f15;transition:transform .35s;left:calc(var(--col)*29%);top:calc(var(--row)*55px);transform:rotate(var(--rot))}.compte>span:first-child{display:flex;justify-content:space-between;align-items:center}.compte small{font-size:6px;letter-spacing:1px;color:#8aa348}.compte>b{display:block;font-size:20px;letter-spacing:-.5px;margin-top:27px}.identifiant{font-size:10px;color:#9d89aa}.compte>i{position:absolute;bottom:16px;right:16px;border:1px solid #dbeac3;color:#789450;border-radius:50%;font-size:10px;padding:3px 6px;font-style:normal}.c0{--col:0;--row:0;--rot:-9deg}.c1{--col:1;--row:0;--rot:2deg}.c2{--col:2;--row:0;--rot:11deg}.c3{--col:0;--row:1;--rot:-7deg}.c4{--col:1;--row:1;--rot:3deg}.c5{--col:2;--row:1;--rot:10deg}.compte.devant{z-index:4;transform:translateY(-40px) rotate(0)}.poche{position:absolute;bottom:0;left:-7px;right:-7px;height:150px;background:#7145f5;border:1px solid #8a64ff;border-radius:20px;color:white;padding:36px 28px;z-index:5;pointer-events:none;box-shadow:0 18px 30px #7040ad20}.poche b{display:block;font-size:25px;letter-spacing:-.7px}.poche>span{display:block;color:#d8c7ff;font-size:14px;margin-top:7px}.collection>.etiquette{bottom:13px;right:-3px;transform:rotate(5deg)}
@keyframes tour{to{transform:rotate(360deg)}}@keyframes contre-tour{to{transform:rotate(-360deg)}}@keyframes impulsion{from{left:-20px}to{left:100%}}@media(max-width:1100px){.hero{gap:35px;padding:40px 28px;min-height:600px}h1{font-size:44px}.description{font-size:15px}.univers{max-width:400px}.satellite{width:66px;height:66px;margin:-33px;transform:rotate(calc(var(--i)*60deg)) translateY(-150px) rotate(calc(var(--i)*-60deg))}.satellite>span{border-radius:18px}.satellite b{font-size:8px}.noyau .logo{font-size:33px}.noyau small{font-size:8px}.pile{height:430px}.onglet{width:170px}.fenetre-reunie{left:5%;right:5%}.pile .etiquette{font-size:10px}.travail{padding:20px 15px}.bureau aside{width:34px}.travail h3{font-size:19px}.destinations{gap:5px}.destinations button{padding:5px}.destinations .icone{width:15px;height:15px}.compte{width:140px;padding:13px}.centre-diffusion{width:105px;height:105px}.centre-diffusion .logo{font-size:28px}.trajet>div{width:135px}.etiquette{font-size:10px}.reseaux-ligne{gap:9px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;max-width:760px;padding:35px 45px}.discours{text-align:center}.description{max-width:560px;margin-left:auto;margin-right:auto}.rassurance{max-width:none}.reseaux-ligne{justify-content:center}.illustration{width:min(100%,510px);margin:auto}h1{font-size:53px}.univers{max-width:440px}.satellite{transform:rotate(calc(var(--i)*60deg)) translateY(-174px) rotate(calc(var(--i)*-60deg))}.pile{height:445px}.onglet{width:210px}.bureau{margin:10px 10px 25px}.travail{padding:25px}.destinations{gap:11px}.destinations .icone{width:23px;height:23px}.centre-diffusion{width:140px;height:140px}.trajet>div{width:180px}.compte{width:165px}.collection{margin:15px 12px 0}.vue-impulsion{margin-left:20px;margin-right:20px}.fenetre-reunie{left:15%;right:15%}header>div{display:none}.noyau .logo{font-size:39px}}
@media(max-width:550px){.comparateur{padding:14px 16px}.comparateur>span{font-size:8px;letter-spacing:.7px}nav{flex-wrap:wrap;gap:6px}nav button{flex:1 0 29%;font-size:10px;padding:10px 5px}nav button small{margin-right:4px}#note{font-size:10px;line-height:1.6}header{padding:20px}.logo{font-size:30px}.cta.petit{font-size:10px;padding:11px 14px}.hero{padding:25px 22px 38px;gap:28px}h1{font-size:39px;letter-spacing:-1.8px}.sur-titre{font-size:9px}.description{font-size:14px;line-height:1.7}.cta{font-size:13px}.rassurance{font-size:10px}.reseaux-ligne .icone{width:17px;height:17px}.reseaux-ligne small{font-size:8px}.univers{width:100%;aspect-ratio:1}.satellite{width:59px;height:59px;margin:-29.5px;transform:rotate(calc(var(--i)*60deg)) translateY(-132px) rotate(calc(var(--i)*-60deg))}.satellite>span{gap:5px}.satellite .icone{width:24px;height:24px}.satellite b{font-size:7px}.noyau .logo{font-size:32px}.noyau small{font-size:7px}.univers .etiquette{bottom:-8px;font-size:9px}.etoile{font-size:48px;bottom:12%}.pile{height:410px;margin:10px 5px 0}.onglet{width:160px;padding:12px;gap:8px}.onglet b{font-size:10px}.onglet .icone{width:22px;height:22px}.o2{left:0}.o3{right:0}.fenetre-reunie{left:5%;right:5%;top:140px}.reunion{padding:17px 12px}.pastille{width:29px;height:29px}.reunion>div{gap:6px}.pile .etiquette{bottom:47px;font-size:8px;right:-5px}.pile .interaction{bottom:-10px;left:20%}.bureau{margin:10px 4px 30px}.bureau aside{width:30px}.travail{padding:18px 13px}.travail h3{font-size:18px}.comptes{gap:12px}.destinations{gap:7px}.destinations .icone{width:18px;height:18px}.destinations button{padding:5px}.bureau .etiquette{font-size:9px}.vue-impulsion{margin:5px 10px 20px;padding-left:18px;padding-right:18px;border-radius:25px}.diffusion{height:430px}.centre-diffusion{width:94px;height:94px;border-width:5px;border-radius:26px}.centre-diffusion .logo{font-size:25px}.centre-diffusion small{font-size:8px}.trajet>div{width:142px;padding:10px}.trajet b{font-size:10px}.diffusion .etiquette{left:5%;font-size:10px}.diffusion .interaction{left:20%}.collection{height:430px;margin:10px 7px 0}.classeur{height:350px}.compte{width:121px;height:175px;padding:11px}.compte>b{font-size:16px}.compte small{font-size:5px}.compte .icone{width:22px;height:22px}.cartes-comptes{inset:20px 8px 60px}.identifiant{font-size:8px}.poche{height:125px;padding:30px 18px}.poche b{font-size:21px}.poche>span{font-size:12px}.collection>.etiquette{font-size:9px;bottom:12px}.contexte{padding:22px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:550px){.pile .etiquette{top:112px;bottom:auto;right:0}}

/* Comparateur des accroches et du temps retrouvé. */
html{scroll-behavior:smooth}.atelier{padding:18px 30px;background:#f2edf9;font-size:11px;color:#746282}.atelier>span{float:right;letter-spacing:1px}.atelier .choix{display:flex;justify-content:center;align-items:end;gap:22px;margin:12px auto 0}.atelier label{display:grid;gap:6px;font-size:10px;color:#786386}.atelier select{font:inherit;font-size:13px;padding:10px 35px 10px 12px;border:1px solid #d9cbe9;border-radius:9px;background:white;color:#292137}.atelier a{white-space:nowrap}.hero{max-width:none;position:relative;overflow:hidden;min-height:680px;padding:70px max(40px,calc((100vw - 1120px)/2));gap:55px;grid-template-columns:1.12fr 1fr}.texte,.ecran{min-width:0;position:relative}.texte{z-index:2}.eyebrow{color:#7145f5;letter-spacing:1.8px;font-size:10px;font-weight:750;line-height:1.8}h1{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-2px;margin:22px 0 25px}.intro{max-width:450px;font-size:16px;line-height:1.7;color:#7d6d87;margin-bottom:28px}.rassure{display:block;font-size:10px;color:#8f7a9a;margin-top:20px}.ecran{isolation:isolate}.halo{position:absolute;inset:-100px;z-index:-1;background:radial-gradient(ellipse at 65% 30%,#cbb2ffb0,transparent 62%),radial-gradient(ellipse at 25% 70%,#ffc5a980,transparent 62%);filter:blur(25px)}.bureau{transform:rotate(-4deg);box-shadow:8px 12px 0 #eee4ff80}.bureau .barre .logo{color:#292137}.bureau .etiquette{display:none}.bureau .bouton-fictif{margin-top:22px}.mot-vivant{display:inline-block;background:#7145f5;color:white;border-radius:14px;padding:5px 15px 11px;min-width:5.4em;text-align:center;box-shadow:0 7px 0 #e7dbff;margin-bottom:10px}.entre{animation:mot .3s ease-out}.h0{background:linear-gradient(115deg,#fffdf8 50%,#f7f1ff)}.surligne{background:linear-gradient(transparent 48%,#dfceff 48%,#dfceff 92%,transparent 92%)}.surligne.peche{background:linear-gradient(transparent 48%,#ffb99f 48%,#ffb99f 92%,transparent 92%)}.h1 h1{font-size:51px}.h2{display:block;text-align:center;background:radial-gradient(ellipse at 15% 10%,#eee2ff,transparent 55%),radial-gradient(ellipse at 90% 45%,#f2fadf,transparent 55%),#fffdfb;padding-bottom:50px}.h2 h1{font-size:68px}.h2 .intro{margin:0 auto 25px;max-width:620px}.h2 .ecran{max-width:550px;margin:60px auto 0}.h2 .bureau{transform:rotate(-2deg)}.verbes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.verbes b{font-size:30px;padding:9px 12px;border-radius:12px;background:#e9dcff;transform:rotate(-3deg)}.verbes b:nth-child(2){background:#dbf78e;transform:rotate(2deg)}.verbes b:nth-child(3){background:#ffb99f}.h3 h1{font-size:48px}.h3{background:linear-gradient(145deg,#fffdf8,#f5efff)}.h4 h1 em{font-family:Georgia,serif;font-weight:500;font-style:italic}.h4{background:radial-gradient(ellipse at 75% 50%,#e9dcff,transparent 65%)}.signature{font-size:12px;color:#7145f5;margin-top:30px}.temps{padding:85px max(40px,calc((100vw - 1120px)/2));scroll-margin-top:20px;background:#f6f0ff}.temps h2{font-size:48px;line-height:1.12;letter-spacing:-1.6px;margin:18px 0 24px}.temps p{line-height:1.7;color:#7c6787;font-size:15px}.titre-centre{text-align:center;max-width:850px;margin:0 auto 45px}.titre-centre p{max-width:610px;margin:15px auto}.temps mark{background:#dbf78e;color:#292137;padding:0 8px;box-decoration-break:clone}.avis-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.avis{background:white;border:1px solid #e8dff0;border-radius:20px;padding:25px;min-width:0}.fictif{font-size:8px;letter-spacing:1px;color:#8d779b}.avis blockquote{font-size:20px;line-height:1.5;letter-spacing:-.3px;margin:18px 0 28px}.auteur{display:flex;gap:10px;align-items:center}.avatar{display:grid;place-items:center;width:37px;height:37px;background:#eee4ff;border-radius:50%;font-size:11px;color:#7145f5;flex-shrink:0}.auteur b{font-size:12px}.auteur small{display:block;font-size:9px;color:#9a86a6;margin-top:4px}.calcul-grille,.pause-grille,.semaine-grille{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:50px}.calcul-grille small{display:block;font-size:10px;line-height:1.6;color:#8b7896}.curseur{display:block;background:white;border:1px solid #e8dff0;padding:20px;border-radius:14px;font-size:13px;margin:25px 0 12px}.curseur output{float:right;color:#7145f5;font-weight:bold}.curseur input{width:100%;margin-top:20px;accent-color:#7145f5}.chiffre{background:#7145f5;color:white;border-radius:35px;transform:rotate(3deg);padding:50px 30px;text-align:center;box-shadow:12px 15px 0 #e0d0ff}.chiffre>span{font-size:9px;letter-spacing:1px}.chiffre strong{display:block;font-size:80px;letter-spacing:-4px;margin:25px 0}.chiffre p{color:#eee4ff}.illustratif{display:inline-block;background:#ffffff22;border-radius:20px;padding:8px 12px}.t1{background:#fffdf8}.t2{background:#fff6ef}.pause-visuel{height:390px;background:#eee1ff;border-radius:45% 45% 30% 35%;position:relative;display:grid;place-items:center}.tasse{font-size:120px;transform:rotate(-12deg)}.soleil{position:absolute;right:20px;top:0;font-size:100px;color:#ff9a7b}.sticker{position:absolute;bottom:15px;left:0;background:#dbf78e;padding:18px;transform:rotate(-7deg);font-size:14px;border-radius:12px}.papier{position:absolute;right:0;bottom:70px;background:white;padding:22px;transform:rotate(8deg);font-size:13px;line-height:1.8;box-shadow:0 10px 40px #71518b12}.deux{grid-template-columns:1fr 1fr}.pause-grille .avis{margin-top:25px}.voix{display:grid;grid-template-columns:280px 1fr;gap:40px;max-width:920px;margin:auto}.profils{display:grid;gap:12px;align-content:start}.profils button{display:flex;gap:12px;align-items:center;text-align:left;padding:15px;background:transparent;border:1px solid #d9c8ef;border-radius:14px;color:#685378}.profils button>span{width:35px;height:35px;border-radius:50%;background:#eee4ff;display:grid;place-items:center;font-size:11px}.profils button[aria-pressed=true]{background:#7145f5;color:white}.voix blockquote{font-size:30px}.note{text-align:center;font-size:11px!important;margin-top:30px}.t3{background:#eee4ff}.semaine{background:white;box-shadow:12px 12px 0 #eedfff;border:1px solid #e0d5ea;border-radius:22px;padding:25px;transform:rotate(3deg)}.semaine>div{display:flex;justify-content:space-between;padding-bottom:15px;font-size:17px}.semaine>div>span{color:#7145f5}.semaine p{display:flex;gap:15px;align-items:center;font-size:11px;margin:12px 0}.semaine p>span{width:62px}.semaine p b{padding:12px;border-radius:8px;flex:1;color:#493453;font-weight:500}.violet{background:#ede4ff}.citron{background:#e6f6bd}.peche{background:#ffe0d1}.lilas{background:#efe8fa}.t4{background:#fffdf8}footer{text-align:center;color:#927ea0;font-size:10px;padding:25px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes mot{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{gap:30px;padding:50px 40px}.temps{padding:65px 40px}h1,.h1 h1,.h3 h1{font-size:42px}.h2 h1{font-size:58px}.temps h2{font-size:40px}.calcul-grille,.pause-grille,.semaine-grille{gap:30px}.avis{padding:20px}.avis blockquote{font-size:17px}.chiffre strong{font-size:64px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.texte{max-width:640px;margin:auto}.intro{margin:0 auto 25px;max-width:560px}.ecran{width:100%;max-width:490px;margin:35px auto 0}.verbes{justify-content:center}.temps h2{font-size:40px}.avis-grille{gap:12px}.auteur{align-items:start}.auteur b{font-size:11px}.avatar{width:30px;height:30px}.voix{grid-template-columns:210px 1fr;gap:20px}.voix blockquote{font-size:24px}}
@media(max-width:767px){.hero{padding:45px 25px;min-height:0}.ecran{display:none}h1,.h1 h1,.h3 h1{font-size:40px}.h2 h1{font-size:46px}.intro{font-size:15px}.mot-vivant{min-width:5.4em}.verbes b{font-size:23px}.atelier{padding:15px}.atelier>span{font-size:8px}.atelier .choix{flex-wrap:wrap;gap:12px;justify-content:start}.atelier label{flex:1;min-width:140px}.atelier select{width:100%;padding-right:8px}.atelier .choix>a{font-size:11px}header{padding:20px}.temps{padding:50px 25px}.temps h2{font-size:36px}.avis-grille,.deux{grid-template-columns:1fr}.calcul-grille,.pause-grille,.semaine-grille{grid-template-columns:1fr;gap:35px}.avis blockquote{font-size:20px}.auteur b{font-size:12px}.pause-visuel{height:310px}.voix{display:block}.profils{display:flex;overflow-x:auto;gap:8px;margin-bottom:20px}.profils button{flex:0 0 160px;padding:10px;font-size:11px}.profils button>span{flex-shrink:0}.chiffre{margin:0 8px 10px}.chiffre strong{font-size:70px}.semaine{margin:0 5px}.eyebrow{font-size:9px}.h4 h1{font-size:46px}.note{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entre{animation:none}}
@media(max-width:767px){header>span{display:none}header{gap:16px}header>.cta{font-size:12px;padding:14px 18px;white-space:nowrap}}

.h3 .verbes{font-size:clamp(30px,3.2vw,46px);gap:10px}.h3 .verbes b{padding:10px 12px}@media(max-width:767px){.h3 .verbes{font-size:clamp(21px,6.2vw,32px);gap:6px}.h3 .verbes b{padding:9px 8px}}
.h3 .verbes b{font-size:clamp(30px,2.6vw,38px)}@media(max-width:767px){.h3 .verbes b{font-size:clamp(21px,6.2vw,32px)}}