@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{color-scheme:light}body{margin:0;background:#f6f5f0;color:#202c29}.itsm-case{--ink:#202c29;--muted:#63706a;--line:#d8ded6;--green:#285a45;font-family:'DM Sans',sans-serif;max-width:1320px;margin:auto;padding:0 52px}.itsm-case *{box-sizing:border-box}.mast{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);font-size:13px}.mast a{color:inherit;text-decoration:none;font-weight:700}.mast span{color:var(--muted);font-weight:400}.mast a span{margin-left:18px}.intro{padding:76px 0 48px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1{font-family:Manrope,sans-serif;font-size:clamp(42px,6.2vw,82px);font-weight:500;letter-spacing:-4px;line-height:1.07;margin:26px 0 30px}h1 em{font-style:normal;color:#617c65}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom p{font-size:18px;line-height:1.6;max-width:610px;margin:0}.text-link{white-space:nowrap;color:var(--green);font-size:14px;text-decoration:none;border-bottom:1px solid;padding-bottom:9px}.text-link span{margin-left:30px}.context{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:24px 0 50px;font-size:13px;line-height:1.7}.context p{margin:8px 0}.exhibit{scroll-margin-top:20px}.exhibit-heading{display:flex;align-items:center;justify-content:space-between}h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.8px;margin:12px 0 18px}.demo-note{font-size:11px;color:var(--muted);margin:0 0 18px}.desk{display:grid;grid-template-columns:36% 64%;border:1px solid #c6cec4;border-radius:12px;overflow:hidden;background:white;box-shadow:0 20px 55px #233c2810;min-height:700px}.ticket{padding:30px;background:#edf0e9;border-right:1px solid var(--line)}.ticket-top,.work-top{display:flex;align-items:center;gap:12px;font-size:12px}.ticket-top{justify-content:space-between;color:var(--muted)}.pill{font-size:10px;padding:5px 9px;border-radius:5px;background:#e3e8df;color:#3b5143;font-weight:600;white-space:nowrap}.ticket h3{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:28px 0}.person{display:flex;gap:11px;align-items:center;font-size:13px}.avatar{display:grid;place-items:center;border-radius:50%;height:34px;width:34px;background:#d9dfd1;font-size:11px}.person small{display:block;font-size:11px;color:var(--muted);margin-top:4px}blockquote{margin:22px 0 28px;background:#fafbf7;padding:18px;border-radius:0 9px 9px;font-size:14px;line-height:1.7}dl{font-size:11px;border-top:1px solid var(--line);padding-top:12px}dl div{display:flex;justify-content:space-between;padding:9px 0;gap:12px}dt{color:var(--muted)}dd{margin:0;text-align:right}.ticket-foot{margin-top:58px;font-size:11px;line-height:1.7;color:#566354}.ticket-foot p{padding-left:13px;color:var(--muted)}.small-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#577450;margin-right:8px}.workspace{min-width:0}.work-top{padding:20px 27px;border-bottom:1px solid var(--line)}.work-top .pill{margin-left:auto}.agent-mark{font-family:Georgia,serif;font-style:italic;font-size:23px;background:#203f32;color:#e7f2d9;border-radius:7px;width:31px;text-align:center}.steps{display:flex;list-style:none;padding:20px 27px 0;margin:0;gap:7px;font-size:10px}.steps li{flex:1;border-top:2px solid #e6e9e3;padding-top:8px;color:#758077}.steps li.active{color:#23523c;border-color:#467d53}.panel{padding:28px;min-height:482px;animation:reveal .24s ease-out}.panel h3{font-family:Manrope,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.7px;margin:10px 0 12px}.panel p{font-size:13px;line-height:1.7;color:#58655f}.panel .lead{font-size:15px;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #cdd6cd;border-radius:6px;background:white;color:#2e4839;padding:10px 13px;font-size:12px;font-weight:600;transition:background .15s}button:hover{background:#edf3e8}button:disabled{opacity:.45;cursor:default}.primary{background:#285a45;color:white;border-color:#285a45}.primary:hover{background:#1d4835}.quiet{background:transparent;border-color:transparent}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.source-list{display:grid;gap:7px}.source{display:flex;justify-content:space-between;text-align:left;gap:15px;padding:12px}.source small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.source .arrow{align-self:center}.callout{background:#f8f3e5;border:1px solid #e7dab4;padding:13px 15px;border-radius:6px;margin:18px 0;font-size:12px;line-height:1.6}.callout.error{background:#fff3ed;border-color:#ebc8b8;color:#8f4529}.callout.success{background:#edf4e9;border-color:#c3d6b7;color:#375b36}.field{display:block;font-size:12px;margin:14px 0 7px;font-weight:600}input,textarea{width:100%;box-sizing:border-box;border:1px solid #c8d2c7;border-radius:5px;padding:10px;background:#fcfdf9;font-size:13px;color:var(--ink)}textarea{resize:vertical;min-height:72px;line-height:1.5}.preview{border:1px solid var(--line);border-radius:7px;padding:0 16px}.preview dl{border:0;margin:8px 0;padding:0}.preview dd{max-width:70%}.record{border-top:1px solid var(--line);padding:17px 27px;font-size:11px}.record summary{cursor:pointer;font-weight:600}.record summary span{float:right;color:var(--muted);font-weight:400}.record ol{padding-left:18px;color:var(--muted);line-height:1.8}.record li{padding:5px}.explanation{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px 0 50px}.explanation h2{font-size:32px;line-height:1.4}.explanation p{font-size:15px;line-height:1.8;margin:0 0 20px;color:#526258}.walkthrough{border-top:1px solid var(--line);padding:26px 0 52px}.walk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:25px}.walk-grid b{font-size:13px;font-weight:500}.walk-grid p{font-size:12px;line-height:1.7;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}dialog{font-family:'DM Sans',sans-serif;max-width:470px;border:1px solid #bac8b9;border-radius:12px;padding:27px;color:#203f32;box-shadow:0 20px 80px #17241d44}dialog::backdrop{background:#172b235c}dialog p{line-height:1.8;font-size:14px}dialog .quiet{float:right}dialog h3{clear:both;padding-top:12px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9bbd68;outline-offset:3px}@keyframes reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.panel{animation:none}*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:800px){.itsm-case{padding:0 22px}h1{letter-spacing:-2px}.intro{padding-top:45px}.intro-bottom,.context,.explanation{display:block}.text-link{display:inline-block;margin-top:25px}.context{padding-bottom:28px}.desk{grid-template-columns:1fr}.ticket{border-right:0;border-bottom:1px solid var(--line);padding:23px}.ticket h3{margin:18px 0}.ticket-foot{margin-top:20px}.panel{padding:22px}.walk-grid{grid-template-columns:1fr 1fr}.explanation{padding-top:45px}footer{display:block}footer span{display:block;margin-top:10px}.mast>span{font-size:10px}.exhibit-heading{align-items:start;gap:10px}.exhibit-heading h2{font-size:24px}}

#status[data-state="review"],#status[data-state="accepted"]{background:#f1ead5;color:#765918}#status[data-state="executing"],#status[data-state="retrying"]{background:#e5edf5;color:#395b7a}#status[data-state="failed"]{background:#fae4d8;color:#8d4326}#status[data-state="handoff"]{background:#ece8e3;color:#66584c}