/* Benefit-first presentation, scoped to entry/offer pages. Existing brand tokens,
   shared controls and private CRM layouts remain unchanged. */
.cockpit-preview{margin:0;min-width:0;padding:1.4rem;background:#fffef9;border:1px solid #c7dcd1;border-radius:24px;box-shadow:0 14px 36px #123b3510;color:#123b35;font-family:var(--cm-font-sans,sans-serif);text-align:left}
.cockpit-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;font-weight:750;line-height:1.5}
.cockpit-preview .preview-example{font-size:.75rem;font-weight:600;background:#f9edaa;padding:.3rem .6rem;border-radius:8px}
.preview-day{display:grid;gap:.25rem;margin:1.6rem 0 1.25rem}
.preview-day strong{font-family:var(--cm-font-display,sans-serif);font-size:2rem;letter-spacing:-.04em;line-height:1.1}
.preview-day>span,.preview-visit div>span,.preview-visit small{font-size:.875rem;color:#425f58;line-height:1.5}
.preview-visit{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-top:1px solid #dce7df}
.preview-time{font-size:.875rem;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.6}
.preview-visit>div{display:grid;gap:.2rem;min-width:0}
.preview-visit strong{font-size:1rem;line-height:1.4}.preview-visit small{margin-top:.25rem}
.preview-dot{width:9px;height:9px;flex:0 0 9px;margin:.4rem 0 0 auto;border-radius:100%;background:#167869}
.preview-hours{display:grid;gap:.35rem;padding:1rem;border-radius:14px;background:#e2f3e8;margin-top:.5rem;line-height:1.5}
.preview-hours>span{font-size:.875rem;color:#37635a}.preview-hours strong{font-size:.95rem;font-weight:650}
.cockpit-preview .preview-private{font-size:.875rem;color:#456458;margin:1rem 0 0;line-height:1.5}
.home-brnds .landing-product-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem)}
.home-brnds .landing-product-story h2{max-width:14ch}.benefit-list{list-style:none;padding:0;display:grid;gap:1.5rem;margin:2rem 0}
.benefit-list li{display:grid;gap:.45rem;padding-left:1.1rem;border-left:3px solid #167869;line-height:1.5}
.benefit-list strong{font-size:1.05rem}.benefit-list span{font-size:.98rem;color:#425f58;max-width:42ch}
.home-brnds .landing-copy h1{max-width:13ch}.landing-procedure details{max-width:820px;padding:1rem 0;border-bottom:1px solid #b2c6bd}.landing-procedure summary{min-height:44px;cursor:pointer;font-weight:750;line-height:1.6}
.home-brnds .landing-offer .landing-note{max-width:62ch}.landing-section .landing-terms{margin-top:1rem;font-size:.9rem;color:#425f58;line-height:1.65}
.landing-terms summary{cursor:pointer;min-height:44px;display:list-item;padding:.6rem 0;font-weight:700}.landing-terms p{max-width:65ch}
.home-brnds .landing-cards article>span.benefit-label{background:transparent;color:#37635a;padding:0;min-height:0;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}
#cockpit-offer .offers-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.5rem}
#cockpit-offer .offers-hero h1{font-size:clamp(2.7rem,5.2vw,4.5rem)}
#cockpit-offer .offers-hero-note{margin:1rem 0;font-size:.95rem}
#cockpit-offer .offers-hero .cockpit-preview{transform:rotate(1deg);font-size:1rem}
#cockpit-offer .offer-free .benefit-list{margin:1rem 0}#cockpit-offer .offer-free .offer-top{margin-bottom:.25rem}
#cockpit-offer .offer-features{gap:1rem;margin-top:1rem}
@media(max-width:800px){.home-brnds .landing-product-story{grid-template-columns:minmax(0,1fr);gap:2rem}.home-brnds .landing-product-story h2{max-width:18ch}#cockpit-offer .offers-hero{grid-template-columns:minmax(0,1fr);gap:1.5rem}#cockpit-offer .offers-hero .cockpit-preview{transform:none}.home-brnds .landing-copy h1{max-width:14ch}.cockpit-preview{padding:1.2rem}}
@media(max-width:379px){.preview-visit{gap:.65rem}.preview-example{max-width:8rem}.preview-day strong{font-size:1.8rem}.cockpit-preview figcaption{gap:.5rem}}
@media(prefers-reduced-motion:reduce){#cockpit-offer .offers-hero .cockpit-preview{transform:none}}

#cockpit-offer .offers-hero p>a{display:inline-flex;align-items:center;min-height:44px}#cockpit-choice{scroll-margin-top:130px}

/* The free shareable profile precedes the optional daily-work tools. */
.profile-share-visual{min-width:0;margin:0;align-self:center}.profile-share-visual img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 16px 36px #123b3512}.profile-share-visual figcaption{font-size:.875rem;line-height:1.5;color:#425f58;margin:1rem 0;text-align:center}.profile-share-story .benefit-list{margin:1.5rem 0}.home-brnds .profile-share-story h2{max-width:16ch}

/* Cockpit shares the same calm reading rhythm, for visitors and members. */
#cockpit-offer .offers-hero h1 { line-height:1.08; letter-spacing:-.035em; margin-bottom:1.5rem; }
#cockpit-offer .offers-hero-note { margin-block:1.25rem; line-height:1.65; }
#cockpit-offer .offers-grid { gap:1.5rem; padding-top:1rem; }
#cockpit-offer .offer-card { padding:clamp(1.5rem,3vw,2.25rem); }
#cockpit-offer .offer-card h2 { line-height:1.14; margin-bottom:1rem; }
#cockpit-offer .offer-top { margin-bottom:1.25rem; }
#cockpit-offer .offer-price { margin-block:1.75rem .75rem; }
#cockpit-offer .offer-features { gap:1.25rem; margin:0 0 2rem; }
#cockpit-offer .offer-features li { line-height:1.65; }
#cockpit-offer .offer-action { gap:1rem; }
#cockpit-offer #cockpit-subscribe { display:grid; gap:1.25rem; }
#cockpit-offer .offer-consent { gap:.75rem; line-height:1.65; }
#cockpit-offer .offer-free>p { margin:0 0 1.5rem; line-height:1.7; }
#cockpit-offer .landing-terms { border-top:1px solid #c7d8cd; padding-block:.5rem; }
#cockpit-offer details summary { min-height:48px; padding-block:.75rem; cursor:pointer; line-height:1.6; }
#cockpit-offer details[open]>summary { margin-bottom:.5rem; }
#cockpit-offer details p { margin-block:.75rem; line-height:1.7; }
#cockpit-offer>p { margin-block:1.5rem; line-height:1.7; }
#cockpit-offer>details { margin-top:1.75rem; padding-block:.5rem; border-block:1px solid #c7d8cd; }
#cockpit-offer #cockpit-feedback:empty { margin:0; padding:0; }
@media(max-width:800px) {
 #cockpit-offer .offers-hero { gap:2rem; padding-bottom:2rem; }
 #cockpit-offer .offers-hero h1 { font-size:clamp(2.2rem,8vw,3.5rem); }
 #cockpit-offer .offers-grid { gap:1.5rem; }
 .cockpit-preview figcaption { flex-wrap:wrap; gap:.6rem; }
}

/* More expressive entry pages, using the established forest/mint/coral/yellow
   identity. Decoration is static and inert; shared interaction stays intact. */
.home-brnds .landing-hero {
 background:#fff9ef;
}
.home-brnds .landing-hero .hero-shape-one {
 width:46%; height:85%; top:2%; right:-5%;
 border:0; border-radius:44% 0 0 46%; background:#c6efdc;
}
.home-brnds .landing-hero .hero-shape-two {
 width:11rem; height:11rem; left:-5rem; bottom:4rem;
 background:#ffd568; opacity:1;
}
.home-brnds .landing-copy .landing-eyebrow {
 display:inline-flex; align-items:center; gap:.6rem;
 padding:.55rem .8rem; margin:0; border:1px solid #d6b89b;
 border-radius:999px; background:#fff0d2; color:#8c3827;
 letter-spacing:.07em; line-height:1.5;
}
.home-brnds .landing-copy h1 span {
 text-decoration:underline; text-decoration-color:#ffd568;
 text-decoration-thickness:.095em; text-underline-offset:.08em;
 text-decoration-skip-ink:none;
}
.home-brnds .landing-hero-media .hero-visual {
 border-radius:90px 28px 90px 28px;
 box-shadow:14px 14px 0 #08786d,0 24px 42px #123b3520;
}
.home-brnds .landing-hero-media .hero-float-card-top {
 background:#fff0bd; border:1px solid #e2c372;
}
.home-brnds .landing-hero-media .hero-float-card div span { color:#425f58; }
.home-brnds .landing-hero-media .hero-float-card-bottom {
 background:#fffefb; border:1px solid #bad4c6;
 box-shadow:0 8px 0 #a8edcf,0 16px 28px #123b3518;
}
.home-brnds .landing-hero-media .hero-sticker {
 border:3px solid #fff9ef; box-shadow:0 6px 0 #b8442f;
 transform:rotate(9deg); color:#123b35;
}
body.page-public-landing .audience-landing .landing-actions .btn-primary,
body.page-public-landing .pro-landing #mon-quotidien .btn-primary,
#cockpit-offer .offer-action .btn-primary {
 background:#ffd568; color:#123b35; border-color:#123b35;
 box-shadow:0 4px 0 #123b35;
}
body.page-public-landing .audience-landing .landing-actions .btn-primary:is(:active,.is-button-pressing),
body.page-public-landing .pro-landing #mon-quotidien .btn-primary:is(:active,.is-button-pressing),
#cockpit-offer .offer-action .btn-primary:is(:active,.is-button-pressing) {
 box-shadow:inset 0 2px 4px #123b3533,0 1px 2px #123b351f;
}
body.page-public-landing .pro-landing #mon-quotidien .btn:focus-visible,
#cockpit-offer .offer-solo .btn:focus-visible {
 outline:3px solid #ffd568; outline-offset:5px;
 box-shadow:0 0 0 2px #123b35;
}
.page-public-landing .public-nav-actions [aria-current=page] {
 background:#ffd568;
}
.home-brnds .hero-marquee { border-block:1px solid #123b35; }
.pro-landing #creneaux-libres:before { background:#ffe7ae; }
.profile-share-visual img {
 border:6px solid #fffefb;
 box-shadow:10px 12px 0 #f5ba80,0 18px 32px #123b3514;
 border-radius:32px 32px 64px 32px;
}
.profile-share-story .benefit-list li {
 padding:.8rem 1.1rem; border:0; border-left:4px solid #08786d;
 border-radius:0 14px 14px 0; background:#fff9efb8;
}
.pro-landing #mon-quotidien:before { background:#123b35; }
.pro-landing #mon-quotidien { color:#fff9ef; }
.home-brnds .pro-landing #mon-quotidien h2,
.pro-landing #mon-quotidien>.landing-product-story>div>p,
.pro-landing #mon-quotidien .benefit-list strong { color:#fff9ef; }
.home-brnds .pro-landing #mon-quotidien .landing-eyebrow { color:#ffd568; }
.pro-landing #mon-quotidien .benefit-list li { border-color:#ffd568; }
.pro-landing #mon-quotidien .benefit-list span,
.pro-landing #mon-quotidien .landing-note { color:#d9f5e8; }
.cockpit-preview {
 --preview-pad:1.4rem; padding:var(--preview-pad); overflow:hidden;
 border:2px solid #123b35; border-radius:24px;
 box-shadow:9px 10px 0 #a8edcf,0 20px 36px #092d2920;
}
.cockpit-preview figcaption {
 margin:calc(-1 * var(--preview-pad)) calc(-1 * var(--preview-pad)) 0;
 padding:1rem var(--preview-pad); background:#123b35; color:#fff9ef;
}
.cockpit-preview .preview-example { background:#ffd568; color:#123b35; }
.cockpit-preview .preview-day { margin:1.5rem 0 1.25rem; }
.cockpit-preview .preview-day strong { font-size:2.2rem; color:#123b35; }
.cockpit-preview .preview-visit {
 margin:.7rem 0; padding:1rem .85rem; border:1px solid #d8e5dc;
 border-radius:14px; background:#f1f7ef;
}
.cockpit-preview .preview-visit:nth-of-type(3) { background:#fff1cd; border-color:#eddbac; }
.cockpit-preview .preview-time {
 padding:.3rem .45rem; border-radius:8px;
 background:#fffefb; color:#123b35; border:1px solid #c7dcd1;
}
.cockpit-preview .preview-hours {
 background:#d1efdf; border-left:4px solid #08786d;
}
.home-brnds .landing-faq details {
 margin:.85rem 0; padding:.75rem 1.4rem; border:1px solid #c3d2c8;
 border-radius:16px; background:#fffefb;
}
.home-brnds .landing-faq details[open] { border-color:#08786d; }
.household-landing .landing-cards article { border-top:5px solid #08786d; }
.household-landing .landing-cards article:nth-child(2) { border-color:#c94a34; }
.household-landing .landing-cards article:nth-child(3) { border-color:#997021; background:#fff9ef; }
#cockpit-offer .offers-hero {
 padding:clamp(1.25rem,3vw,2.5rem); margin-bottom:2rem;
 background:#dcf2e6; border:1px solid #bad4c6;
 border-radius:36px 36px 64px 36px;
}
#cockpit-offer .offers-hero h1 span {
 text-decoration:underline; text-decoration-color:#f0bc45;
 text-decoration-thickness:.07em; text-underline-offset:.08em;
 text-decoration-skip-ink:none;
}
#cockpit-offer .offers-hero .cockpit-preview { transform:none; }
#cockpit-offer .offers-grid { align-items:start; }
#cockpit-offer .offer-solo {
 background:#123b35; color:#fff9ef; border-color:#123b35;
 box-shadow:7px 8px 0 #a8edcf;
}
#cockpit-offer .offer-solo :is(h2,.offer-price strong,.offer-price>span,
 .offer-promise,.offer-features,.offer-consent,.offer-status,.offer-fine,#cockpit-feedback) {
 color:#fff9ef;
}
#cockpit-offer .offer-solo .offer-features li {
 padding-bottom:.9rem; border-bottom:1px solid #ffffff30;
}
#cockpit-offer .offer-solo .offer-consent input { accent-color:#ffd568; }
#cockpit-offer .offer-free { background:#fff0cd; border-color:#ddc58f; }
#cockpit-offer .offer-free .landing-terms { border-color:#ccb47c; }
@media(hover:hover) {
 body.page-public-landing .audience-landing .landing-actions .btn-primary:hover,
 body.page-public-landing .pro-landing #mon-quotidien .btn-primary:hover,
 #cockpit-offer .offer-action .btn-primary:hover {
  background:#ffe39a; border-color:#123b35; color:#123b35;
 }
}
@media(max-width:800px) {
 .cockpit-preview { --preview-pad:1.2rem; box-shadow:5px 6px 0 #a8edcf; }
 .home-brnds .landing-hero .hero-shape-one { width:90%; height:40%; top:auto; bottom:3rem; }
 .home-brnds .landing-hero-media .hero-visual {
  border-radius:48px 24px 64px 24px;
  box-shadow:7px 8px 0 #08786d,0 16px 26px #123b3514;
 }
 .home-brnds .landing-copy .landing-eyebrow { font-size:.7rem; padding:.5rem .65rem; }
 .home-brnds .landing-hero-media .hero-sticker { transform:none; }
 .profile-share-visual img { box-shadow:5px 6px 0 #f5ba80; border-width:4px; }
 .profile-share-story .benefit-list { gap:.85rem; }
 .home-brnds .landing-section { padding-block:3rem; }
 .home-brnds .landing-faq details { padding:.65rem 1rem; }
 #cockpit-offer .offers-hero { border-radius:24px 24px 40px 24px; }
 #cockpit-offer .offer-solo { box-shadow:4px 5px 0 #a8edcf; }
}
@media(max-width:379px) {
 .cockpit-preview .preview-visit { gap:.5rem; padding:.85rem .6rem; }
 .cockpit-preview .preview-time { padding:.25rem; }
}