#calm-mere{padding:88px 0;background:var(--fok-mint-soft);scroll-margin-top:16px;color:var(--fok-ink)}
          #calm-mere .cm-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}
          #calm-mere .cm-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fok-green);margin:0 0 16px}
          #calm-mere h2{font-size:clamp(36px,5vw,56px);line-height:1.1;letter-spacing:-.04em;color:var(--fok-ink);margin:0 0 18px;text-transform:none}
          #calm-mere .cm-lead{font-size:21px;line-height:1.55;color:var(--fok-text);margin-bottom:22px}
          #calm-mere p,#calm-mere li{line-height:1.75;color:var(--fok-text)}
          #calm-mere .cm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
          #calm-mere a{color:var(--fok-blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
          #calm-mere a:focus-visible,#calm-mere summary:focus-visible{outline:3px solid var(--fok-blue);outline-offset:5px}
          #calm-mere .cm-button{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;background:var(--fok-blue);color:#fff;border-radius:6px;text-decoration:none;font-weight:500}
          #calm-mere .cm-features{padding:28px 30px;background:#fff;border:1px solid var(--fok-border);border-radius:12px}
          #calm-mere .cm-features h2{font-size:20px;color:var(--fok-ink);margin:0 0 18px;text-transform:none}
          #calm-mere .cm-features ul{padding-left:20px;margin-bottom:0}#calm-mere .cm-features li{margin-bottom:14px}
          #calm-mere .cm-company{border-top:1px solid var(--fok-border);margin-top:38px;padding-top:28px;font-size:14px}
          #calm-mere .cm-company strong{color:var(--fok-ink)}#calm-mere .cm-company p{margin-bottom:12px}
          #calm-mere details{margin-top:18px}#calm-mere summary{cursor:pointer;min-height:44px;line-height:44px;font-weight:500;color:var(--fok-blue)}
          #calm-mere .cm-support{display:flex;flex-wrap:wrap;gap:8px 24px}
          @media(max-width:767px){#calm-mere{padding:56px 0}#calm-mere .cm-layout{grid-template-columns:minmax(0,1fr);gap:28px}#calm-mere .cm-features{padding:24px}#calm-mere .cm-lead{font-size:19px}}
/* Calm Mere uses its own identity and real product screens within the Forest page. */
#calm-mere .cm-layout{grid-template-columns:.95fr 1.35fr;gap:48px;align-items:center}
#calm-mere .cm-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}
#calm-mere .cm-heading img{flex:none;width:54px;height:64px;object-fit:contain}
#calm-mere .cm-heading h2{margin:0;font-size:clamp(34px,4vw,48px)}
#calm-mere .cm-features{padding:24px 0 0;margin-top:32px;border:0;border-top:1px solid var(--fok-border);border-radius:0;background:transparent}
#calm-mere .cm-features h2{font-size:18px;margin-bottom:16px}
#calm-mere .cm-features ul{padding-left:18px;font-size:14px}
#calm-mere .cm-features li{margin-bottom:12px}
.cm-product-preview{min-width:0}
.cm-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.cm-screens figure{margin:0;min-width:0}
#calm-mere .cm-screens a{display:block;border:1px solid var(--fok-border);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 14px 34px #254b3510}
.cm-screens img{display:block;width:100%;height:auto}
.cm-screens figcaption{padding:17px 2px 0;line-height:1.5}
.cm-screens figcaption strong{display:block;font-size:13px;font-weight:500;color:var(--fok-ink)}
.cm-screens figcaption span{display:block;font-size:11px;color:var(--fok-muted);margin-top:5px}
#calm-mere .cm-screenshot-note{font-size:11px;color:var(--fok-muted);margin:24px 0 0;max-width:none}
.cm-screens:focus-visible{outline:3px solid var(--fok-blue);outline-offset:5px}
@media(max-width:1050px){#calm-mere .cm-layout{grid-template-columns:1fr;gap:36px}.cm-product-preview{max-width:680px;width:100%;margin:auto}#calm-mere .cm-features{max-width:650px}.cm-screens{gap:28px}}
@media(max-width:600px){#calm-mere .cm-layout{gap:30px}.cm-screens{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:3px 3px 12px;scroll-padding-inline:3px}.cm-screens figure{scroll-snap-align:start}#calm-mere .cm-screens a{box-shadow:none}.cm-screens figcaption strong{font-size:14px}.cm-screens figcaption span{font-size:12px}#calm-mere .cm-heading img{width:46px;height:54px}#calm-mere .cm-heading{gap:12px}#calm-mere .cm-screenshot-note{margin-top:14px}}

.calm-project .forest-container{width:calc(100% - 80px);max-width:1120px;margin:0 auto}
#calm-mere h1{font-size:clamp(38px,4.5vw,58px);max-width:13ch;margin:20px 0;letter-spacing:-.035em}
#calm-mere .cm-product-name{font-size:24px;font-weight:500;margin:0;color:var(--fok-ink)}
#calm-mere .project-back{display:block;margin-bottom:32px;font-size:12px}
#calm-mere .cm-heading{margin-bottom:0}
#calm-mere .cm-company{max-width:880px;margin:64px auto 0}
@media(max-width:760px){.calm-project .forest-container{width:calc(100% - 48px)}#calm-mere{padding-top:32px}#calm-mere h1{font-size:42px}#calm-mere .cm-company{margin-top:40px}}
