:root{--bg:#f6efe7;--bg-soft:#fbf7f2;--surface:#fffaf4;--surface-soft:#fff3e4;--border:#eadac7;--text:#322117;--muted:#7c6554;--accent:#b86a3e;--ok:#2f8f63;--warn:#c57a2c;--err:#c45545;--blue:#4f79b8;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top right,#fff3df,var(--bg));color:var(--text);font-family:var(--font)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main.shell{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.demo-banner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem;padding:.9rem 1rem;background:linear-gradient(180deg,#ffe9ce,#fff4e5);border:1px solid #f4cfa0;border-radius:14px;box-shadow:0 10px 24px rgba(151,101,56,.08)}.demo-banner p{margin:0;color:#6d4a2f;font-size:.86rem}.demo-banner a{color:#9f5733;font-weight:600}.hero{margin-bottom:2rem}.hero h1{font-size:1.85rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.hero p{margin:0;color:var(--muted);max-width:52ch;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.1rem;gap:1.1rem}.card{background:linear-gradient(180deg,var(--surface),var(--surface-soft));border:1px solid var(--border);border-radius:14px;padding:1.25rem;box-shadow:0 12px 28px rgba(101,70,45,.08)}.card h2{margin:0 0 1rem;font-size:1.05rem;text-transform:capitalize;font-weight:600}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.stat{background:var(--bg-soft);border:1px solid #f0dfcc;border-radius:8px;padding:.75rem}.stat label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem}.stat strong{font-size:1.35rem;font-weight:700}.panel{margin-top:2rem}.panel h3{margin:0 0 1rem;font-size:1rem}.subtle{color:var(--muted);margin:-.4rem 0 1rem;font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.feature-card h3{margin:0 0 .55rem;font-size:.98rem;font-weight:600}.feature-card p{margin:0;color:var(--muted);line-height:1.5;font-size:.9rem}.architecture-story{margin-top:1rem}.architecture-story details{width:100%}.architecture-story summary{list-style:none;cursor:pointer;display:grid;grid-gap:.2rem;gap:.2rem}.architecture-story summary::-webkit-details-marker{display:none}.architecture-story summary span:first-child{font-weight:700;font-size:1rem}.summary-hint{color:var(--muted);font-size:.84rem}.story-content{margin-top:1rem;display:grid;grid-gap:.85rem;gap:.85rem}.story-content p{margin:0;color:#5f4c3e;line-height:1.6;font-size:.92rem}.flow-diagram{margin:0;padding:1rem;background:#fff7ec;border:1px solid #efd8bc;border-radius:10px;overflow:auto;font-size:.82rem;line-height:1.45;color:#6a4b34;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.form-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}.form-row label{min-width:5rem;color:var(--muted);font-size:.85rem}button,input,select,textarea{font:inherit;border-radius:8px;border:1px solid var(--border);background:#fffdf9;color:var(--text);padding:.45rem .65rem}button{cursor:pointer;background:linear-gradient(180deg,#bf7647,#a86037);border-color:#985733;color:#fff9f3;font-weight:600}button:hover{border-color:#834428;filter:brightness(1.03)}button:disabled{opacity:.5;cursor:not-allowed}.live{font-size:.8rem;color:var(--muted);margin-top:1.5rem;padding:.75rem 1rem;background:#fff9f3;border-radius:8px;border:1px solid var(--border);max-height:140px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.live .evt{margin:.15rem 0}.badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.7rem;font-weight:600;margin-right:.35rem}.badge.email{background:rgba(79,121,184,.15);color:var(--blue)}.badge.image{background:rgba(197,122,44,.14);color:var(--warn)}.badge.ai{background:rgba(47,143,99,.13);color:var(--ok)}.nav{display:flex;gap:1rem;margin-bottom:1.2rem;font-size:.9rem}.job-detail{display:grid;grid-gap:1rem;gap:1rem}.job-detail pre{margin:0;padding:1rem;background:#fff7ec;border-radius:8px;overflow:auto;font-size:.8rem;border:1px solid #efd8bc}.metrics-links{display:flex;flex-wrap:wrap;gap:1rem}.metrics-links a{padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:#6a4328}.metrics-links a:hover{border-color:var(--accent);text-decoration:none}