/* Approved Forest & Paper identity, shared with the app. */
@font-face{font-family:"Nunito";src:url('/assets/nunito-latin-variable.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url('/assets/body.woff2') format('woff2');font-display:swap}
:root{--paper:#f5f4ef;--ink:#243c37;--muted:#596b63;--plum:#243c37;--line:#dce3dc;--lilac:#e9efea;--green:#e0e9df;--coral:#d65c3f}
body{font-family:"Nunito Sans",Arial,sans-serif;background:var(--paper);color:var(--ink)}
h1,h2,h3,.app-note>p,.demo-scribble,.message-stack p,.reflection-preview p,.money-preview>strong{font-family:"Nunito","Nunito Sans",sans-serif;font-weight:800;letter-spacing:-.035em}
em,.hero-copy h1 em,.login-intro em{font-style:normal;font-weight:800;color:var(--ink)}
.brand{gap:8px;max-width:100%;flex-shrink:0;letter-spacing:normal}
.brand .brand-icon{width:40px;height:40px;flex-shrink:0}
.brand .brand-wordmark{width:180px;height:auto;min-width:0}
.mini-brand{flex-wrap:nowrap;gap:4px}
.mini-brand .brand-wordmark{width:116px;height:auto;min-width:0}
.footer-wordmark{padding:40px 0 20px;line-height:0;white-space:normal}
.footer-wordmark img{width:min(855px,100%);height:auto}
.site-header{border-color:var(--line)}
a:focus-visible,button:focus-visible,summary:focus-visible,.helper-examples button:focus-visible{outline-color:#527569}
.site-header nav a:hover{color:#3c6054}
.nav-login{background:var(--ink)!important;color:#fff!important}
.button,.primary-button,.helper-avatar,.helper-examples button[aria-pressed=true],.chat-you,.messenger-mic{background:var(--ink);color:#fff}
.button:hover,.primary-button:hover{background:#172c28}
.secondary-button{color:var(--ink);border-color:#81988e}
.period,.brand-dot,.spark{color:var(--coral)}
.hero-art:before{background:#e0e9df}
.orbit{border-color:#a8bcb0}
.app-window{border-color:#fffefa;box-shadow:0 25px 60px #243c3720,0 0 0 1px #b8cabe}
.app-note,.appreciation,.helper-example,.concept-example{background:#e9efea}
.demo-section{background:#e9efea}
.demo-options button{border-color:#b8cabe}
.demo-options button[aria-pressed=true]{background:#fffefa}
.demo-scribble{color:#3c6054}
.values-strip,.messenger-top,.chat-helper{background:#edf0e9;color:var(--ink)}
.values-strip,.feature-card,.window-bar,.message-stack>div,.app-tabs,.floating-note,.demo-card,.helper-messenger,.messenger-top,.helper-uses li{border-color:var(--line)}
.feature-card>p,.helper-footnote,.messenger-caption,.messenger-top div>span,.messenger-compose,.helper-character-caption{color:var(--muted)}
.note-icon,.helper-chat-icon{background:#e0e9df;color:#3c6054}
.helper-uses strong,.helper-examples button,.access-symbol{color:var(--ink)}
.helper-examples button[aria-pressed=true]{color:#fff;border-color:var(--ink)}
.helper-avatar{background:var(--paper);border-color:var(--line)}
.closing{background:var(--ink);color:#fffefa}
.closing .eyebrow,.closing p{color:#e1e9e3}
.closing em{color:#fffefa}
/* A stronger sage accent replaces the remaining pale lavender details. */
:root{--sage:#d4e1d6;--sage-line:#a8bcb0}
.lilac,.mood-row span{background:var(--sage);color:var(--ink)}
.demo-stage:before{border-color:var(--sage-line)}
.demo-icon,.steps article>span{color:#3c6054}
.steps article{border-color:var(--sage-line)}
.helper-messenger{box-shadow:0 24px 65px #243c3716}
.reading-progress{background:var(--ink)}
.button.light{background:var(--paper);color:var(--ink)}
.closing small{color:#e1e9e3}
.helper-character>.scout-character{width:184px;height:184px;flex:0 0 184px;overflow:hidden;filter:drop-shadow(0 10px 15px #243c370a)}
.helper-avatar svg{display:block;width:52px;height:52px;flex-shrink:0}
@media(max-width:380px){.helper-character>.scout-character{width:140px;height:140px;flex-basis:140px}}
@media(max-width:700px){.site-header{gap:20px}.brand .brand-wordmark{width:164px}.brand .brand-icon{width:36px;height:36px}.footer-wordmark{padding-top:30px}}
