:root{--ink:#253d35;--cream:#fffaf1;--green:#2e6a52;--mint:#e6f2e4;--coral:#f2b49c;--line:#d7dfd4;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a.button{border:0;border-radius:100px;padding:13px 24px;background:var(--green);color:#fff;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#e7eddf;color:var(--ink)}:focus-visible{outline:3px solid #a45137;outline-offset:4px}.demo{padding:10px 20px;text-align:center;background:#f9e9cc;color:#513c23;font-size:.9rem}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:24px 30px}.brand{color:var(--ink);font-weight:800;text-decoration:none;font-size:1.2rem}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{font-size:.95rem}
main{max-width:1120px;margin:auto;padding:32px 30px 80px}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.035em;margin:16px 0 24px}h2{font-size:1.65rem;line-height:1.25}h3{margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:750;color:var(--green)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:60px}.hero p{font-size:1.1rem;max-width:580px}.art{border-radius:44px;background:#e8eddc;padding:40px;transform:rotate(2deg);box-shadow:0 20px 60px #234d2c0a}.art img{width:100%;background:#fff;border-radius:24px;display:block;transform:rotate(-4deg)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;border:1px solid var(--line);border-radius:28px;background:#fff}.card.featured{background:var(--mint);border-color:#a2bbaa}.price{font-size:2.7rem;font-weight:750;line-height:1.2;margin:22px 0 8px}.quiet{color:#54665e;font-size:.92rem}.section{margin-top:44px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form{max-width:660px}.form label{display:block;font-weight:650;margin:16px 0 6px}input,select,textarea{padding:13px 15px;border-radius:14px;border:1px solid #879b8e;background:#fff;width:100%;color:var(--ink)}textarea{min-height:100px}input[type=checkbox]{width:auto;margin-right:8px}.check{display:flex;gap:8px;align-items:flex-start}.check label{margin:0;font-weight:400}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.message{margin:20px 0;color:#823924;font-weight:550;min-height:1.5em;overflow-wrap:anywhere}.secret{background:#f3f5ef;border-radius:16px;padding:18px;font-family:ui-monospace,monospace;font-size:1.1rem;word-break:break-word;user-select:all}.badge{display:inline-block;border-radius:20px;background:#fae1dc;color:#7f2f20;padding:5px 13px;font-weight:700}.rows{margin:18px 0}.row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;overflow-wrap:anywhere}.row span:first-child{font-weight:650}.panel{background:var(--mint);border-radius:28px;padding:30px}.hidden,[hidden]{display:none!important}footer{border-top:1px solid var(--line);max-width:1120px;margin:auto;padding:25px 30px;color:#53665c;font-size:.9rem}.list{padding-left:22px}.status{white-space:pre-wrap;overflow-wrap:anywhere}.narrow{max-width:650px;margin:auto}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:20px}main{padding:22px 20px 60px}.hero,.two,.grid{grid-template-columns:1fr}.hero{gap:24px;margin-bottom:36px}.art{max-width:380px;justify-self:center}.card{padding:24px}.row{flex-direction:column;gap:3px}nav{gap:13px}}
@media(prefers-reduced-motion:no-preference){button,a.button{transition:background .18s,transform .18s}button:hover,a.button:hover{transform:translateY(-2px)}}
.coloring-preview{display:block;max-width:100%;width:340px;height:auto;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:18px}.editor-days{display:grid;gap:24px}.calendar-entry{padding:20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.calendar-entry summary{cursor:pointer;font-weight:650}.calendar-entry img{max-width:120px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.editor-grid{grid-template-columns:1fr}}

/* Environment wording for the employee portals: hidden until the identity mode is known. */
[data-mode]{display:none!important}
body[data-environment="demo"] [data-mode~="demo"],body[data-environment="remote"] [data-mode~="remote"]{display:revert!important}