*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55;background:var(--bg);color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer;display:inline-block;text-decoration:none;border:1px solid var(--ink);background:var(--ink);color:var(--bg);padding:.85rem 1.2rem;border-radius:5px;font-weight:700}button.secondary,a.secondary{background:transparent;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1180px;margin:auto;padding:0 6%}nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;letter-spacing:-.04em;font-size:1.18rem}.navlinks{display:flex;gap:25px;font-size:.9rem}.navlinks a{text-decoration:none}.eyebrow{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.16em}.muted{color:var(--muted)}h1,h2,h3{line-height:1.08;letter-spacing:-.05em;margin:0}h1{font-size:clamp(3rem,7vw,6.4rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.35rem}p{max-width:66ch}.lead{font-size:1.18rem}.hero{padding:75px 0 65px}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.notice{font-size:.86rem;border-left:3px solid var(--accent);padding:10px 15px;background:var(--panel)}section{padding:60px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head p{max-width:45ch}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.tile .num{font-size:.8rem;letter-spacing:.12em;color:var(--muted);margin-bottom:30px}.tile p{font-size:.95rem}.demo{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:10px}label{display:block;font-weight:700;font-size:.88rem;margin-bottom:14px}input,select,textarea{width:100%;padding:12px;margin-top:7px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink)}textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:1rem/1.65 Arial,sans-serif}footer{padding:30px 0 50px;border-top:1px solid var(--line);font-size:.85rem;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}dialog{max-width:650px;width:92%;padding:30px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px}dialog::backdrop{background:#0008}.status{min-height:1.5em;font-size:.9rem}.tag{display:inline-block;padding:5px 9px;border-radius:20px;background:var(--panel);font-size:.73rem;font-weight:700}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.split,.three{grid-template-columns:1fr}.hero{padding:45px 0}.section-head{display:block}.form-grid{grid-template-columns:1fr}.wrap{padding:0 6%}section{padding:42px 0}.navlinks{gap:16px}.split{gap:25px}.demo{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--bg:#101d23;--ink:#eef6f3;--muted:#a4b6b9;--panel:#192c33;--line:#365057;--accent:#a9dfc5}
h1{font-size:clamp(3.2rem,6.2vw,5.4rem)}.mint{color:#a9dfc5}.logo-square{color:#a9dfc5;margin-right:9px}.queue-preview{background:#1b3036;border:1px solid #3e5a62;box-shadow:12px 14px 0 #071419;border-radius:12px;padding:30px}.live-dot{font-size:.75rem;color:#c9e8d9;background:#29463f;border-radius:20px;padding:5px 10px}.preview-line{display:flex;align-items:center;gap:14px;padding:26px 0;border-bottom:1px solid var(--line)}.preview-line strong{font-size:.9rem}.preview-line p{font-size:.8rem;color:var(--muted);margin:3px 0}.check-circle{flex-shrink:0;display:grid;place-items:center;background:#a9dfc5;color:#163328;width:24px;height:24px;border-radius:50%;font-size:.9rem}.check-circle.open{background:transparent;border:1px solid #58777b}.preview-pill{margin-left:auto;font-size:.7rem;color:#a9dfc5}.preview-footer{padding-top:22px;font-size:.85rem;color:var(--muted)}.workspace{border:1px solid var(--line);background:#15262d;border-radius:12px;padding:25px}#taskForm{display:grid;grid-template-columns:2fr 1fr .8fr auto;gap:15px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}#taskForm button{margin-bottom:14px}.workspace-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:25px 0 10px;flex-wrap:wrap}.filters{display:flex;gap:6px}.filters button{padding:7px 12px;background:transparent;color:var(--muted);border-color:transparent}.filters button[aria-pressed=true]{background:#314a50;color:white}.filters span{margin-left:5px;opacity:.75}.task-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:18px 0}.task-check{margin:0}.task-check input{width:20px;height:20px;margin:0;accent-color:#a9dfc5}.task-body{flex:1;min-width:0;overflow-wrap:anywhere}.task-body>span{display:block;color:var(--muted);font-size:.8rem;margin-top:5px}.priority{display:inline-block;border:1px solid #49666b;border-radius:5px;font-size:.7rem;padding:2px 6px;margin-left:7px}.priority.high{color:#ffcaaf;border-color:#88614b}.completed strong{text-decoration:line-through;color:var(--muted)}.delete{padding:7px 12px;font-size:.8rem}.small{font-size:.8rem}.empty{text-align:center;padding:45px 20px;background:#122027;border-radius:6px}.empty p{margin:8px auto;font-size:.9rem;color:var(--muted)}@media(max-width:900px){#taskForm{grid-template-columns:1fr 1fr}#taskForm .task-title{grid-column:1/-1}#taskForm button{align-self:end}#taskForm label:last-of-type{grid-column:1}#taskForm button{grid-column:2}}@media(max-width:500px){.queue-preview{padding:22px}.task-row{gap:10px}.delete{padding:5px 7px}.workspace{padding:18px}.filters{gap:0}.filters button{padding:7px 9px}}