:root{font-family:Inter,system-ui,sans-serif;color:#172019;background:#edf2ec}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:3rem auto;padding:0 1.25rem}a{color:#275f3c}.demo-card{background:white;border:1px solid #d9e1d7;border-radius:16px;padding:clamp(1.25rem,5vw,3rem);box-shadow:0 14px 40px #183a2412}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#52705c;font-size:.78rem;font-weight:700}h1{font-size:clamp(2rem,7vw,3.5rem);margin:.35rem 0 1rem}label{display:grid;gap:.4rem;margin:1.5rem 0;font-weight:650}input{font:inherit;padding:.8rem;border:1px solid #aebbad;border-radius:8px}.actions{display:flex;gap:.75rem;flex-wrap:wrap}button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:.8rem 1.2rem;background:#1e6a3d;color:white;cursor:pointer}button+button{background:#dce5dc;color:#203427}button:disabled{opacity:.45;cursor:not-allowed}.status{border-left:4px solid #5d8e69;padding:.8rem 1rem;background:#f1f6f0}.transcript{margin-top:2rem}.transcript ol{padding-left:1.5rem}.transcript li{padding:.35rem}.empty{color:#69766c}.notice{font-size:.85rem;color:#5b685e;border-top:1px solid #e2e7e0;padding-top:1rem;margin-top:2rem}