:root{--ink:#16332e;--mint:#e9f7f1;--coral:#ee806c;--line:#d9e7e1}*{box-sizing:border-box}body{color:var(--ink);background:#fbfdfc;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1120px;margin:auto;padding:24px}.nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:inline-flex}.brand-mark{object-fit:contain;mix-blend-mode:multiply;flex:none;width:46px;height:46px}.nav .brand{gap:14px;font-size:27px}.nav .brand-mark{width:84px;height:84px}.brand-word{color:var(--ink)}.brand-word span{color:#2fa98a}.button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:700;display:inline-block}.button.light{color:var(--ink);border:1px solid var(--line);background:#fff}.button.coral{background:var(--coral)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;padding:84px 0 55px;display:grid}.eyebrow{color:#568176;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}h1{letter-spacing:-.065em;margin:14px 0 20px;font-size:clamp(42px,7vw,76px);line-height:.98}h2{letter-spacing:-.04em;font-size:30px}.lede{color:#46635c;max-width:600px;font-size:20px;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 25px #133d340f}.next{background:var(--mint);border-radius:28px;padding:28px}.due{color:#ba4b3a;font-weight:800}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:50px 0;display:grid}.step-num{color:var(--coral);font-size:14px;font-weight:800;display:block}.dashboard{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:#f0f8f5;padding:32px}.sidebar a{color:#587269;padding:11px 0;display:block}.main{max-width:920px;padding:40px}.timeline-item{border-left:2px solid var(--line);padding:0 0 24px 20px;position:relative}.timeline-item:before{content:"";background:#8fcbb9;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-6px}.timeline-item.pending:before{background:var(--coral)}.muted{color:#668078}.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.badge{color:#b8513f;background:#fdefeb;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:800}.notice{color:#668078;margin-top:20px;font-size:12px}@media (max-width:720px){.hero,.dashboard,.steps{grid-template-columns:1fr}.sidebar{padding:20px}.main{padding:24px}h1{font-size:50px}}:root{--st-done:#1f7a54;--st-done-bg:#e2f4ec;--st-upcoming:#2b6cb0;--st-upcoming-bg:#e6f0fb;--st-action:#b26a00;--st-action-bg:#fdefdc;--st-skip:#6b7c76;--st-skip-bg:#eef1f0}.pill{letter-spacing:.01em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.pill.status-completed{background:var(--st-done-bg);color:var(--st-done)}.pill.status-upcoming{background:var(--st-upcoming-bg);color:var(--st-upcoming)}.pill.status-action{background:var(--st-action-bg);color:var(--st-action)}.pill.status-skipped{background:var(--st-skip-bg);color:var(--st-skip)}.pill.done{background:var(--st-done-bg);color:var(--st-done)}.pill.overdue,.pill.due{background:var(--st-action-bg);color:var(--st-action)}.pill.upcoming{background:var(--st-upcoming-bg);color:var(--st-upcoming)}.timeline-item[data-status]{border-left-color:var(--line)}.timeline-item[data-status=completed]:before,.timeline-item[data-status=completed]:before{background:var(--st-done)}.timeline-item[data-status=upcoming]:before,.timeline-item[data-status=upcoming]:before{background:var(--st-upcoming)}.timeline-item[data-status=action]:before,.timeline-item[data-status=action]:before{background:var(--st-action)}.timeline-item[data-status=skipped]:before,.timeline-item[data-status=skipped]:before{background:var(--st-skip)}.legend{color:#5a726a;flex-wrap:wrap;gap:14px;margin:10px 0 0;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.button.btn-sm{padding:8px 14px;font-size:14px}.btn-xs{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.btn-xs:hover{border-color:#b9cfc7}.btn-xs.done{color:var(--st-done);background:var(--st-done-bg);border-color:#8fd3b6}.btn-xs.skip{color:#8a9a93}.btn-xs.undo{color:#46635c}.btn-xs:disabled{opacity:.5;cursor:default}.tl-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.disclose{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}.disclose>summary{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:700;list-style:none;display:flex}.disclose>summary::-webkit-details-marker{display:none}.disclose>summary:after{content:"▸";color:#8aa79c;font-size:14px;transition:transform .15s}.disclose[open]>summary{background:var(--mint)}.disclose[open]>summary:after{transform:rotate(90deg)}.disclose .disclose-body{border-top:1px solid var(--line);background:#f6fbf9;padding:14px 16px;font-size:14px;line-height:1.6}.disclose .disclose-body .muted{color:#5a726a}