:root{color-scheme:light;--ink:#202320;--muted:#68716b;--paper:#faf9f6;--line:#dedfd8;--accent:#245e49;--wash:#edf2ec;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top{max-width:1160px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.wordmark{text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:21px}.wordmark span{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:12px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--accent)}main{max-width:1096px;margin:auto;padding:0 32px}.hero{padding:78px 0 66px;max-width:820px}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.12em;color:var(--muted);display:flex;gap:8px;align-items:center}.eyebrow i{height:6px;width:6px;border-radius:50%;background:var(--accent)}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(40px,5.3vw,66px);margin:24px 0}h2{font-size:34px;margin:14px 0 19px}.intro{font-size:19px;line-height:1.6;color:#515d54;max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button,button{font:inherit;cursor:pointer}.button{display:inline-flex;align-items:center;gap:28px;text-decoration:none;border:1px solid #cbd0c7;border-radius:6px;background:transparent;padding:10px 18px;font-size:13px;font-weight:600}.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button:hover{border-color:var(--accent)}.button.primary:hover{background:var(--accent)}.fine{font-size:12px;color:var(--muted);line-height:1.6}.hero .fine{margin-top:18px}.demo,.connect,.local{border-top:1px solid var(--line);padding:37px 0 49px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.tag{border:1px solid var(--line);padding:5px 11px;border-radius:50px;color:var(--muted);font:11px var(--mono);white-space:nowrap}.muted{color:var(--muted);max-width:820px;margin:0 0 25px}.workspace{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:360px;background:#fff}.prompts{padding:22px;background:#f1f2ec;border-right:1px solid var(--line)}.small-label{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);margin-bottom:16px}.example{display:block;text-align:left;width:100%;padding:16px 12px;border:1px solid transparent;background:transparent;border-radius:6px;font-size:14px;line-height:1.5;margin:0 0 8px;color:#414a43}.example:hover{background:#e5e9df}.example.selected{background:white;border-color:#c8d4c5;box-shadow:0 2px 5px #20302008}.example span{display:block;font:10px var(--mono);color:var(--accent);margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em}.result{min-width:0;padding:20px 24px}.result-bar{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0e9;padding-bottom:14px;color:var(--muted);font:11px var(--mono)}#result-state{font-size:9px;text-align:right}#result-body{padding-top:15px;overflow:auto}.empty{padding:65px 10px;text-align:center;font-family:Georgia,serif;font-size:22px;color:#6a746c}.empty small{display:block;font:12px/2 -apple-system,sans-serif;color:#8b928a}.source{font:12px/1.6 var(--mono);background:#f5f6f1;border:1px solid #e7e9e2;border-radius:6px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.context-label{font:11px var(--mono);color:var(--muted);margin-top:12px}.pill{display:inline-block;background:var(--wash);color:var(--accent);padding:3px 8px;border-radius:4px;font:11px var(--mono)}.result p{font-size:13px}.result table{width:100%;font-size:13px;border-collapse:collapse;margin:10px 0}.result th{text-align:left;color:var(--muted);font-size:11px;font-weight:500}.result td,.result th{padding:9px 6px;border-bottom:1px solid var(--line)}.metric{font:36px/1.4 Georgia,serif;margin:18px 0 2px}.event{border-bottom:1px solid #edf0e9;padding:9px 0;font-size:12px}.event code{display:block;font:10px var(--mono);color:var(--muted)}.event strong{font-weight:600}.success{color:var(--accent)}details{font-size:13px;margin:18px 0}summary{cursor:pointer;color:var(--muted);font-size:12px}details pre{font:11px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f2ed;padding:15px;border-radius:6px;max-height:420px;overflow:auto}.endpoint,.command{display:flex;gap:14px;border:1px solid var(--line);border-radius:6px;padding:14px 16px;align-items:center;background:#fff;min-width:0}.endpoint code{font:12px/1.6 var(--mono);overflow-wrap:anywhere;flex:1}.copy{border:1px solid var(--line);border-radius:4px;background:white;padding:6px 10px;font-size:11px;white-space:nowrap;align-self:flex-start}.copy:hover{background:var(--wash)}.prompt-copy{margin-top:28px;padding:18px 20px;background:var(--wash);border-radius:6px;display:flex;justify-content:space-between;gap:20px}.prompt-copy strong{font-size:12px}.prompt-copy p{margin:5px 0;font-size:14px;line-height:1.6}.command pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--mono);margin:0;flex:1}.local>p:not(.muted):not(.fine){font-size:14px;max-width:850px}.text-link{font-size:12px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:25px 0 38px;display:grid;grid-template-columns:200px 1fr;gap:10px 25px;color:var(--muted);font-size:11px}footer span{font-weight:600}footer p{margin:0}footer a{grid-column:2}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #73a58c;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.top{padding:18px 20px}nav{gap:12px}nav a:last-child{display:none}main{padding:0 20px}.hero{padding:45px 0}.intro{font-size:17px}.workspace{grid-template-columns:1fr}.prompts{border-right:0;border-bottom:1px solid var(--line);padding:16px}.example{padding:10px}.section-head{align-items:flex-start}.tag{font-size:9px}.result{padding:16px}footer{grid-template-columns:1fr}footer a{grid-column:1}h2{font-size:29px}.endpoint{align-items:flex-start}.prompt-copy{padding:15px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
