.twodo{--td-bg:#f0f3f1;--td-surface:#fff;--td-ink:#202923;--td-muted:#536057;--td-green:#1a6b33;--td-on-green:#fff;--td-divider:#cdd6ce;--td-rounded:ui-rounded, "SF Pro Rounded", var(--font-geist-sans), system-ui, sans-serif;color:var(--td-ink);padding-bottom:72px}.twodo-hero{border:1px solid var(--td-divider);background:var(--td-bg);border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(24px,6vw,72px);display:grid}.twodo-marky{justify-self:center;width:min(100%,380px);position:relative}.twodo-marky img{width:100%;height:auto;display:block}.twodo-marky .twodo-blink{opacity:0;position:absolute;inset:0}.twodo-eyebrow{font:600 13px var(--td-rounded);color:var(--td-green)}.twodo-hero h1{font:800 clamp(38px, 6vw, 72px) / .98 var(--td-rounded);letter-spacing:-.03em;color:var(--td-ink);margin-top:12px}.twodo-lede{max-width:34ch;font:500 clamp(18px, 2vw, 21px) / 1.45 var(--td-rounded);color:var(--td-ink);margin-top:20px}.twodo-beta{border:2px solid var(--td-green);background:var(--td-green);min-height:52px;color:var(--td-on-green);font:700 17px var(--td-rounded);border-radius:999px;justify-content:center;align-items:center;margin-top:28px;padding:0 28px;display:inline-flex}.twodo-beta:focus-visible{outline:3px solid var(--td-ink);outline-offset:3px}.twodo-beta:disabled{border-style:dashed;border-color:var(--td-muted);background:var(--td-surface);color:var(--td-muted);cursor:default}.twodo-note{font:500 14px var(--td-rounded);color:var(--td-muted);margin-top:16px}.twodo-board{border:1px solid var(--td-divider);border-bottom:10px solid var(--td-divider);background:var(--td-surface);border-radius:18px;max-width:560px;margin:40px auto 0;padding:24px 28px 34px}.twodo-board ul{color:var(--td-ink);gap:14px;font-size:26px;display:grid}.twodo-board li{align-items:center;gap:14px;display:flex}.twodo-check{border:2px solid var(--td-muted);border-radius:50%;flex:none;width:24px;height:24px}.twodo-board .done .twodo-check{border-color:var(--td-green);background:var(--td-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.twodo-board .done span+span{text-decoration:line-through;-webkit-text-decoration-color:var(--td-green);text-decoration-color:var(--td-green);text-decoration-thickness:3px}@media (prefers-reduced-motion:no-preference){.twodo-marky{animation:3.2s ease-in-out infinite alternate twodo-bob}.twodo-marky .twodo-blink{animation:4.8s step-end infinite twodo-blink}}@keyframes twodo-bob{to{transform:translateY(-8px)}}@keyframes twodo-blink{0%,94%{opacity:0}95%,97%{opacity:1}98%{opacity:0}}@media (max-width:760px){.twodo-hero{text-align:center;grid-template-columns:minmax(0,1fr)}.twodo-marky{width:min(70%,240px)}.twodo-lede{margin-inline:auto}.twodo-board{padding:20px 20px 28px}.twodo-board ul{font-size:22px}}