/* Haut de page : la journée de Claire, à la manière du vrai « Ma journée » (ciel du matin, voix du coach, plan du jour). */
@font-face{font-family:'Bricolage Grotesque';font-weight:500 800;font-stretch:88% 100%;font-display:swap;src:url('/fonts/bricolage-grotesque-latin-variable.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-weight:400 800;font-display:swap;src:url('/fonts/figtree-latin-variable.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:400 600;font-display:swap;src:url('/fonts/fraunces-latin-variable.woff2') format('woff2')}
.cm{max-width:100%;--cm-ink:#14233f;--cm-muted:#5b6475;--cm-blue:#3154d5;--cm-plum:#874765;--cm-teal:#126d6b;--cm-sun:#ffc261;--cm-sun-ink:#8a5a00;--cm-bg:#f4f6fb;margin:0;position:relative;border-radius:28px;background:var(--cm-bg);box-shadow:0 2px 6px #14233f14,0 30px 70px #14233f2e;overflow:hidden;font-family:'Figtree',sans-serif;color:var(--cm-ink);user-select:none;pointer-events:none}
.cm-sky{position:relative;isolation:isolate;height:210px;padding:26px 30px;background:linear-gradient(180deg,#17234f 0%,#4b3f8f 38%,#c47aa6 64%,#f6ad6d 84%,#fde3c4 100%);overflow:hidden}
.cm-arc{position:absolute;inset:0;width:100%;height:100%;z-index:0}.cm-arc path{fill:none;stroke:rgba(255,255,255,.5);stroke-width:2;stroke-dasharray:1 9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.cm-sun{position:absolute;left:47%;bottom:30px;width:84px;height:84px;transform:translateX(-50%);z-index:1}
.cm-sun::before{content:"";position:absolute;inset:-60px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,140,.75) 0%,rgba(255,190,110,.28) 34%,rgba(255,190,110,0) 70%)}
.cm-sun svg{position:relative;width:100%;height:100%;overflow:visible}.cm-sun circle{fill:var(--cm-sun)}.cm-sun line{stroke:#ffd383;stroke-width:4;stroke-linecap:round}
.cm-hills{position:absolute;left:0;right:0;bottom:0;height:70px;width:100%;z-index:2}.cm-hills .b{fill:rgba(255,238,220,.72)}.cm-hills .f{fill:var(--cm-bg)}
.cm-date,.cm-hello,.cm-count{position:relative;z-index:3;margin:0}
.cm-date{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.92)}
.cm-date img{width:26px;height:26px;border-radius:50%;background:#fff;padding:4px;object-fit:contain;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.cm-hello{margin-top:10px;font-family:'Bricolage Grotesque',sans-serif;font-size:44px;line-height:1;font-weight:700;letter-spacing:-.01em;font-stretch:88%;color:#fff;text-shadow:0 2px 30px rgba(10,20,60,.25)}
.cm-count{position:absolute;right:24px;top:24px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.92);font-size:13px;font-weight:700;color:var(--cm-sun-ink);box-shadow:0 6px 20px rgba(0,0,0,.12);font-variant-numeric:tabular-nums}
.cm-ground{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;padding:0 22px 22px 30px}
.cm-coach{padding-top:12px;display:grid;gap:10px;align-content:start}
.cm-lead{margin:0;font-family:'Fraunces',Georgia,serif;font-size:21px;line-height:1.38;color:var(--cm-ink)}
.cm-lead em{font-style:italic;font-weight:600;color:var(--cm-blue)}
.cm-proof{margin:0;font-size:13.5px;color:var(--cm-muted)}
.cm-question{margin-top:6px;padding:15px 16px 13px;border-radius:6px 20px 20px 20px;background:#fff;box-shadow:0 1px 2px #14233f0d,0 14px 34px #14233f14}
.cm-q-label{display:flex;align-items:center;gap:7px;margin:0 0 6px;font-size:12.5px;font-weight:700;color:var(--cm-blue)}
.cm-q-label img{width:16px;height:16px}
.cm-q-text{margin:0;font-family:'Fraunces',Georgia,serif;font-size:16px;line-height:1.45}
.cm-q-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.cm-q-choices span{padding:7px 13px;border-radius:999px;border:1.5px solid #c9d4f6;font-size:13.5px;font-weight:700;color:var(--cm-blue)}
.cm-q-choices span:first-child{background:var(--cm-blue);border-color:var(--cm-blue);color:#fff}
.cm-plan{margin-top:-70px;padding:20px 18px 16px;border-radius:22px;background:#fff;box-shadow:0 2px 6px #14233f14,0 24px 56px #14233f2e}
.cm-plan-ready{display:flex;gap:7px;align-items:center;margin:-6px 0 14px;font-size:12.5px;font-weight:700;color:var(--cm-sun-ink)}
.cm-plan-ready span{color:#e39a2a}
.cm-plan-title{margin:0 0 12px;font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700}
.cm-plan ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cm-plan li{--step:var(--cm-blue);display:flex;gap:10px;align-items:flex-start}
.cm-plan li.net{--step:var(--cm-teal)}
.cm-plan li>div{min-width:0}
.cm-plan strong{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:650}
.cm-plan small{font-size:12.5px;line-height:1.4;color:var(--cm-muted)}
.cm-plan small.why{font-family:'Fraunces',Georgia,serif;font-size:13.5px;color:#37465b}
.cm-tick{flex:none;width:22px;height:22px;border-radius:50%;border:2.5px solid var(--step);display:grid;place-items:center;font-size:13px;font-weight:800}
.cm-plan li.done .cm-tick{border:0;background:var(--cm-sun);color:var(--cm-ink)}
.cm-plan li.done strong{color:var(--cm-muted)}.cm-plan li.done small{color:var(--cm-sun-ink)}
.cm-plan li>div{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.cm-plan li>div>:is(strong,small){flex-basis:100%}
.cm-go{white-space:nowrap;display:inline-flex;margin-top:6px;padding:6px 13px;border-radius:999px;background:var(--step);color:#fff;font-size:12.5px;font-weight:700}
.cm-auto{white-space:nowrap;margin-top:6px;padding:3px 9px;border-radius:999px;background:#fff3df;color:var(--cm-sun-ink);font-size:11.5px;font-weight:700}
.cm-auto::before{content:"✦ ";color:#e39a2a}
.cm-yesterday{margin:14px 0 0;padding:11px 0 0;border-top:1px solid #f0e6d3;font-size:12.5px;line-height:1.45;color:#37465b}
.cm-yesterday b{display:block;font-size:12px;color:var(--cm-muted);margin-bottom:2px}
.cm-legend{position:absolute;right:16px;bottom:8px;z-index:5;font-size:11px;color:#5c6a7e}
@media(max-width:900px){.hero.section{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero .coach-copy{display:contents}.coach-copy h1{order:1}.coach-ou{order:2}.coach-actions{order:3}.coach-sous{order:4}.hero .product-proof{order:5;margin-top:30px;padding-top:0}}
@media(max-width:1180px){.cm-ground{grid-template-columns:1fr}.cm-plan{margin-top:6px}.cm-coach{padding-top:4px}}
@media(max-width:640px){.cm{border-radius:22px}.cm-sky{height:170px;padding:20px}.cm-hello{font-size:36px}.cm-count{right:14px;top:16px;font-size:12px}.cm-ground{padding:0 14px 30px}.cm-lead{font-size:19px}.cm-sun{width:64px;height:64px;left:auto;right:18%;transform:none}}
/* Téléphone (critique du 16/10) : Claire se montre avant les boutons, en version courte (le ciel, le prénom, la phrase du coach). */
@media(max-width:640px){.hero .product-proof{order:2;margin-top:24px}.hero .coach-actions{order:3;margin-top:34px}.hero .coach-sous{order:4}.cm-sky{height:150px;padding:18px 20px}.cm-hello{font-size:34px;margin-top:6px}.cm-count{display:none}.cm-ground{grid-template-columns:1fr;padding:0 18px 0;gap:0}.cm-coach{padding-top:4px}.cm-lead{font-size:17px;line-height:1.4}.cm-proof,.cm-question,.cm-plan{display:none}.cm-legend{position:static;display:block;padding:8px 18px 12px;text-align:right;font-size:11px}}