/* Typography and palette from Mes progrès & mes repères. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('assets/identity/inter-0.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('assets/identity/inter-1.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('assets/identity/inter-2.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('assets/identity/inter-3.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url('assets/identity/inter-4.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url('assets/identity/inter-5.ttf') format('truetype')}
:root{--paper:#f8f8f6;--ink:#0a0a0a;--rust:#c75200;--muted:#625e57;--line:#e4ddd2;--pale:#f4f1ec;--serif:Georgia,serif;--sans:Inter,Arial,sans-serif;--heading:Inter,Arial,sans-serif}
body{font-size:16px;line-height:1.6}
header{border-color:var(--line)}
.brand-small{font-size:9px;font-weight:800;letter-spacing:3.8px}
.brand b{font-size:26px;font-weight:900;letter-spacing:-1.3px;line-height:1.1}
nav{font-size:12px;font-weight:700}
nav .skool{border-radius:999px}
.hero{grid-template-columns:1.15fr 1fr;gap:45px}
.hero h1{font-size:clamp(48px,5.7vw,82px);font-weight:900;line-height:.99;letter-spacing:-.07em;margin:19px 0 28px}
em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--rust)}
h1 em,.section-heading h2 em,.evolution h2 em{font:inherit;letter-spacing:inherit}
.intro{font-size:17px;line-height:1.8}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px}
.button{gap:35px;padding:20px 26px;min-height:0;border:1px solid transparent;border-radius:999px;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.dark:hover{background:#29241e}
.micro{font-size:11px;margin-top:15px}
.hero-art{background:var(--pale);border:1px solid var(--line);border-radius:0}
.orb-one{background:linear-gradient(145deg,#f4f1ec,#e4ddd2);box-shadow:inset 20px 20px 70px #ffffff66}
.orb-two{background:#ffffff77}
.orbit{border-color:#b9693666}
.art-label,.art-footer{color:var(--ink)}
.floating-note{background:var(--paper);color:var(--ink);font-family:Georgia,serif;font-style:italic}
.note-two i{background:var(--rust);color:#fff}
.phone{background:var(--paper);border-color:var(--ink);box-shadow:12px 27px 38px #0002}
.phone-card{background:#fff;border-color:var(--line)}
.phone-card small,.phone-pause small{color:var(--muted)}
.phone h2{font-weight:800}
.mood-dots i{background:var(--pale)}
.mood-dots i.on{background:var(--rust);border-color:#e4ddd2}
.phone-button{border-radius:999px}
.manifesto{background:var(--ink);color:#fff;font-weight:700}
.manifesto span:nth-child(even){color:#fff}
.section-heading h2,.evolution h2{font-size:clamp(36px,4.3vw,60px);font-weight:800;line-height:1.04;letter-spacing:-3px}
.section-heading>p{font-size:14px;line-height:1.8}
.journal{background:#fff;border-color:var(--line);border-radius:5px}
.journal-head h3{font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.7px}
.pill{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink)}
.day{background:#fff;border-radius:5px;font-weight:700}
.day.active{background:var(--pale);border-color:var(--rust);color:var(--ink)}
.day.saved:after{background:var(--rust)}
.date-row input{background:#fff}
.rating-options button{background:var(--pale)}
.rating-options button[aria-pressed=true]{background:var(--rust)}
textarea{background:#fff}
textarea::placeholder{color:var(--muted)}
.repere{background:var(--pale);border:1px solid var(--line);border-radius:5px}
.large-sun,.repere .eyebrow,.repere h3 em{color:var(--rust)}
.repere h3{font-weight:800}
.repere h3 em{font:inherit}
.progress-track{background:var(--line)}
.progress-track>div{background:var(--rust)}
.text-button{border-color:var(--line);font-weight:700}
.bonus-card>h3{font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.15}
.bonus-card>p:not(.eyebrow){font-size:13px;line-height:1.8}
.bonus-visual{border:1px solid var(--line);border-radius:5px}
.food-visual,.switch-visual{background:var(--pale)}
.night-visual{background:var(--ink)}
.visual-sticker{background:var(--paper);border-color:var(--line);color:var(--ink)}
.book{background:var(--paper);border-color:#d9d3cb;box-shadow:3px 4px 0 #e4ddd2,5px 5px 0 #f4f1ec,12px 20px 26px #0002}
.book h3{font-weight:900}
.book h3 em,.leaf-drawing{color:var(--rust)}
.leaf-drawing{opacity:.6}
.mini-device{background:var(--paper);border-color:var(--ink);box-shadow:10px 13px 26px #0002}
.mini-notch{background:var(--ink)}
.mini-device h3{font-weight:800}
.mini-device h3 em{font:inherit}
.timer-art{font-family:Georgia,serif;font-style:italic;border-color:#b96936}
.timer-art span{font-style:normal}
.mini-button{background:var(--ink);border-radius:999px}
.book-night{background:#0a0a0a;border-color:#29241e;color:#fff;box-shadow:3px 4px 0 #625e57,5px 5px 0 #29241e,12px 20px 26px #0004}
.book-night h3 em{color:#fff}
.moon-art{background:var(--rust)}
.moon-art:after{background:var(--ink)}
.night-visual .visual-top,.night-visual .visual-bottom{color:#fff}
.night-visual .visual-sticker{background:var(--paper);color:var(--ink)}
.evolution-content,.closing{background:var(--pale);border:1px solid var(--line);border-radius:5px}
.empty-state .big{color:var(--rust)}
.trend-bar span{background:var(--rust)}
.evolution-content td{border-color:var(--line)}
.closing{border-left:0;border-right:0;border-radius:0}
.closing>span{color:var(--rust)}
.closing h2{font-size:clamp(36px,4.3vw,60px);font-weight:800;line-height:1.04;letter-spacing:-3px}
.closing .button{background:var(--ink);color:#fff}
.dialog-title{font-weight:800;letter-spacing:-1px}
dialog{border-radius:6px;background:var(--paper)}
dialog::backdrop{background:#0007;backdrop-filter:none}
.close{background:var(--pale)}
.food-item{background:#fff}
.synergy,.timer-panel{background:var(--pale)}
.timer-panel.night{background:var(--ink);color:#fff}
.timer-panel.night em{color:var(--rust)}
.timer-circle{border-color:#b96936;box-shadow:0 0 0 13px #c7520008}
.timer-circle strong{font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:800;letter-spacing:-2px}
.timer-steps span{background:var(--line)}
.timer-steps span.active,.timer-panel.night .timer-steps span.active{background:var(--rust)}
.measure-grid input{background:#fff}
.saved-banner{background:var(--pale);border-left:2px solid var(--rust)}
@media(max-width:1000px){.hero h1{font-size:58px}.intro{font-size:14px}.journal-head h3{font-size:17px}.section-heading h2,.evolution h2{font-size:clamp(36px,4.3vw,60px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(36px,9.2vw,46px);line-height:1.06;letter-spacing:-.055em}.hero .intro{font-size:15px;line-height:1.8}.brand b{font-size:23px}.button{padding:19px 23px;font-size:10px;gap:18px}.section-heading h2,.evolution h2,.closing h2{font-size:clamp(28px,7.8vw,34px);line-height:1.12;letter-spacing:-.045em}.journal-head h3{font-size:16px}.bonus-card>h3{font-size:25px}.repere h3{font-size:25px}.dialog-title{font-size:28px}.save-row .button{font-size:9px;letter-spacing:.6px}}

/* Plain ribbon after removal of the decorative star separators. */
.manifesto span:nth-child(n){font:inherit;letter-spacing:inherit;color:inherit}