@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#006f48;--mint:#e8f5ec;--ink:#132b24;--muted:#63776d;--line:#dce5df;--paper:#f6f8f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:var(--green);text-decoration:none}button,select,textarea{font:inherit}header{padding:22px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:white}.brand{font-size:35px;font-weight:700;letter-spacing:-2px;display:flex;align-items:center;gap:28px}.brand span{font-size:10px;letter-spacing:1.7px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}nav{display:flex;gap:28px;font-size:13px}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:50px;padding:48px 0 32px}.eyebrow,small{font-size:10px;letter-spacing:1.4px;font-weight:700}.eyebrow{color:var(--green)}h1{font:700 clamp(32px,4vw,54px)/1.14 'Manrope',Arial,sans-serif;letter-spacing:-2px;margin:15px 0}h1 em{font-style:normal;color:var(--green)}.intro{max-width:520px;color:var(--muted);line-height:1.7;margin:18px 0}.badges{display:flex;flex-wrap:wrap;gap:10px}.badges span{background:white;border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:.3px}i{display:inline-block;width:7px;height:7px;background:#20a971;border-radius:50%;margin-right:5px}.hero-card{background:#e8f0e8;border:1px solid #cfdfd2;border-radius:20px;padding:32px;display:flex;gap:25px;align-items:center;min-height:200px;background-image:radial-gradient(#c6d7ca 1px,transparent 1px);background-size:14px 14px}.hero-card p{font-size:14px;font-weight:600;line-height:1.6}.hero-card .muted{font-size:12px;font-weight:400}.orbit{flex-shrink:0;background:var(--green);border:12px solid #d4e5d6;border-radius:50%;width:108px;height:108px;display:grid;place-items:center;color:white;font:800 30px 'Manrope',sans-serif;box-shadow:0 0 0 10px #e3eee5}.notice{padding:13px 18px;border-left:3px solid #b78e3b;background:#f7f1e3;border-radius:0 8px 8px 0;color:#78643b;font-size:11px;line-height:1.6;margin-bottom:28px}.workspace{display:grid;grid-template-columns:290px 1fr;gap:26px;align-items:start}aside,.conversation{border:1px solid var(--line);background:white;border-radius:16px}aside{padding:24px}.aside-title,.panel-top,.form-bottom,.result-head,.trace-head{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:16px;letter-spacing:-.4px;margin:0}.aside-title span{font-size:11px;color:var(--muted)}.muted{color:var(--muted);font-size:12px;line-height:1.6}.scenario{cursor:pointer;width:100%;padding:15px 12px;background:var(--paper);border:1px solid transparent;border-radius:9px;text-align:left;margin:7px 0;color:var(--ink);transition:.15s}.scenario:hover,.scenario:focus-visible{border-color:#82b397;background:var(--mint)}.scenario small{display:block;color:var(--green);font-size:9px;margin-bottom:7px}.scenario span{font-size:12px;line-height:1.5;display:block}.source-info{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.source-info strong,.source-info a{display:block;margin-top:10px;font-size:11px}.source-info p{font-size:10px;color:var(--muted);line-height:1.7}.conversation{padding:26px;min-height:650px}.panel-top label{font-size:10px;color:var(--muted)}select{padding:8px;border:1px solid var(--line);border-radius:6px;background:white;margin-left:5px;font-size:11px;color:var(--ink)}form{border:1px solid #cad8ce;border-radius:12px;margin-top:22px;padding:15px}textarea{width:100%;border:0;resize:vertical;min-height:90px;color:var(--ink);outline:none;line-height:1.7;font-size:14px}textarea::placeholder{color:#94a69a}.form-bottom{border-top:1px solid #edf1ee;padding-top:12px}.form-bottom>span{font-size:10px;color:var(--muted)}button[type=submit]{background:var(--green);border:0;border-radius:7px;color:white;padding:12px 18px;font-size:12px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button[type=submit] span{padding-left:18px}.empty{text-align:center;padding:72px 0;color:var(--muted)}.empty>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--mint);font-size:26px;color:var(--green)}.empty h3{font-size:16px;color:var(--ink);margin-bottom:8px}.empty p{font-size:12px}.progress{margin-top:24px;padding:18px;background:var(--mint);display:flex;gap:15px;align-items:center;border-radius:10px}.progress p{font-size:11px;line-height:1.6;margin:5px 0 0}.progress strong{font-size:12px}.spinner{flex-shrink:0;width:24px;height:24px;border:3px solid #bfd9c8;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.error{padding:14px;background:#fff0ea;color:#a54b32;border-radius:9px;margin-top:18px;font-size:12px}#result{padding-top:25px}.result-head>span{border-radius:20px;padding:7px 11px;font-size:10px;background:var(--mint);color:var(--green)}.result-head .handoff{background:#fff1d8;color:#8a6129}#request-meta{font-size:9px;color:var(--muted);letter-spacing:.5px}.question-bubble{margin:20px 0;background:var(--paper);border-radius:10px;padding:15px}.question-bubble small,.answer small,.evidence-summary small{color:var(--muted);font-size:9px}.question-bubble p{font-size:13px;margin-bottom:0;line-height:1.6}.answer{padding:5px 0}#answer-text{font-size:14px;line-height:1.9;white-space:pre-wrap;margin-top:12px}.citations{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}.citation{font-size:10px;border:1px solid var(--line);border-radius:7px;padding:9px;max-width:100%;line-height:1.5}.trace-head{border-top:1px solid var(--line);padding-top:22px}.trace-head h3{font-size:14px;margin:0}.trace-head small{font-size:9px;color:var(--muted);letter-spacing:0}.trace-note{font-size:10px}.trace-step{display:flex;gap:12px;align-items:start;padding:11px 0}.step-number{border:1px solid var(--line);width:26px;height:26px;display:grid;place-items:center;border-radius:7px;font-size:10px;flex-shrink:0}.trace-step strong{font-size:12px}.trace-step p{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0;white-space:pre-wrap}.evidence-summary{background:var(--mint);padding:15px;border-radius:9px;margin:15px 0}.evidence-summary p{font-size:12px;line-height:1.7;margin-bottom:0}details{border-top:1px solid var(--line);padding:15px 0}summary{font-size:12px;cursor:pointer}.excerpt{padding:15px 0;border-bottom:1px solid var(--line)}.excerpt a{font-size:12px}.excerpt p{font-size:11px;color:var(--muted);white-space:pre-wrap;line-height:1.7}pre{font-size:10px;overflow:auto;background:var(--paper);padding:12px;max-height:420px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px 0;color:var(--muted);font-size:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.hero-card{padding:25px;flex-direction:column;align-items:start}.workspace{grid-template-columns:240px 1fr}}@media(max-width:760px){header{padding:15px 5%}.brand span{display:none}.hero{grid-template-columns:1fr;padding-top:32px;gap:24px}.hero-card{min-height:140px;flex-direction:row;align-items:center}.workspace{grid-template-columns:1fr}aside{padding:18px}#scenarios{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario{margin:0}.source-info{display:none}.conversation{padding:20px}.panel-top{align-items:start}.panel-top label{max-width:130px}select{margin:5px 0}.hero h1{font-size:38px}.badges span{font-size:9px}.result-head{flex-wrap:wrap}nav{gap:16px;font-size:11px}h2{font-size:14px}}