.workflow-demo{color:#373732;text-align:left;max-width:1200px;margin:0 auto;padding:0 40px 72px}.workflow-demo__workspace{background:#fff;border:1px solid #dededb;border-radius:12px;overflow:hidden}.workflow-demo__toolbar{border-bottom:1px solid #e8e8e5;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:18px 28px;display:flex}.workflow-demo__toolbar h2{font-family:var(--font-nuo-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:1.35}.workflow-demo__replay{color:#6d6d66;border-radius:5px;min-height:32px;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .15s,color .15s}.workflow-demo__replay:hover{color:#373733;background:#f1f1ef}.workflow-demo__body{grid-template-columns:minmax(220px,25%) minmax(0,1fr);display:grid}.workflow-demo__inputs{background:#fafaf8;border-right:1px solid #e8e8e5;padding:30px 26px}.workflow-demo__approaches{border:0;min-width:0;margin:0;padding:0}.workflow-demo__eyebrow{color:#6d6d68;letter-spacing:.005em;font-size:11px;font-weight:500;line-height:1.4}.workflow-demo__approach-options{gap:5px;margin-top:20px;display:grid}.workflow-demo__approach-option{cursor:pointer;align-items:center;gap:11px;min-height:39px;display:flex}.workflow-demo__approach-option input{accent-color:#bd4b1c;cursor:pointer;flex:none;width:14px;height:14px;margin:0}.workflow-demo__approach-option>span{color:#6c6c65;letter-spacing:-.01em;font-size:14px;font-weight:450;line-height:1.5;transition:color .15s}.workflow-demo__approach-option:hover>span{color:#3c3c37}.workflow-demo__approach-option input:checked+span{color:#a44718;font-weight:550}.workflow-demo__approach-option input:focus-visible{outline-offset:4px;outline:2px solid #bd4b1c}.workflow-demo__approach-select,.workflow-demo__example-control select{color:#45453f;cursor:pointer;background-color:#fff;border:1px solid #dcdcd6;border-radius:5px;width:100%;min-height:39px;padding:8px 30px 8px 11px;font-family:inherit;font-size:14px;font-weight:450}.workflow-demo__approach-select:focus-visible,.workflow-demo__example-control select:focus-visible{outline-offset:3px;outline:2px solid #bd4b1c}.workflow-demo__approach-select{display:none}.workflow-demo__output{min-width:0;padding:27px 30px 31px}.workflow-demo__example-control{align-items:center;gap:19px;margin-bottom:23px;display:flex}.workflow-demo__example-control label{color:#6d6d68;flex:none;font-size:11px;font-weight:500;line-height:1.4}.workflow-demo__example-control select{max-width:285px}.workflow-demo__rule{background:#fff3e5;border-left:2px solid #d0723b;border-radius:0 5px 5px 0;padding:16px 20px 20px;animation:.4s .1s both workflow-rule-in}.workflow-demo__rule-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.workflow-demo__rule .workflow-demo__eyebrow{color:#8b633f}.workflow-demo__rule-persona{color:#a75929;font-family:var(--font-mono), monospace;letter-spacing:-.02em;font-size:11px;font-weight:500}.workflow-demo__rule-content{align-items:center;gap:21px;margin-top:16px;display:flex}.workflow-demo__wordmark{color:#bd4b1c;font-family:var(--font-nuo-display), sans-serif;letter-spacing:-.055em;flex:none;font-size:34px;font-weight:600;line-height:1}.workflow-demo__rule-content>div{border-left:1px solid #e8c9aa;padding-left:20px}.workflow-demo__rule-title{color:#6a3f21;font-family:var(--font-nuo-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600;line-height:1.25}.workflow-demo__rule-detail{color:#8a694c;letter-spacing:-.005em;margin:6px 0 0;font-size:12px;line-height:1.5}.workflow-demo__responses-heading{color:#6d6d68;margin:25px 0 19px;font-size:12px;line-height:1.5;animation:.4s .4s both workflow-response-in}.workflow-demo__responses{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workflow-demo__response{padding-right:24px;animation:.45s .5s both workflow-response-in}.workflow-demo__response--1{border-left:1px solid #e5e5e1;padding-left:24px;padding-right:0;animation-delay:.75s}.workflow-demo__response h3{color:#3d3d36;letter-spacing:-.01em;margin:0;font-size:12px;font-weight:550;line-height:1.4}.workflow-demo__response-text{color:#63635d;letter-spacing:-.01em;margin-top:12px;font-size:15px;line-height:1.55}.workflow-demo__response-text p{margin:0}.workflow-demo__response-text p+p{margin-top:9px}.workflow-demo__caption{color:#746d61;text-align:center;letter-spacing:.005em;margin:13px 0 0;font-size:11px;line-height:1.5}@keyframes workflow-rule-in{0%{opacity:0;translate:-6px}to{opacity:1;translate:0}}@keyframes workflow-response-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (max-width:1000px){.workflow-demo__body{grid-template-columns:minmax(190px,25%) minmax(0,1fr)}.workflow-demo__inputs{padding:27px 20px}.workflow-demo__output{padding:24px}.workflow-demo__example-control{flex-direction:column;align-items:start;gap:9px}.workflow-demo__example-control select{max-width:100%}.workflow-demo__rule{padding-inline:16px}.workflow-demo__rule-content{gap:15px}.workflow-demo__rule-content>div{padding-left:15px}.workflow-demo__response{padding-right:18px}.workflow-demo__response--1{padding-left:18px;padding-right:0}}@media (max-width:760px){.workflow-demo{padding:0 18px 50px}.workflow-demo__toolbar{min-height:63px;padding:15px 20px}.workflow-demo__toolbar h2{font-size:18px}.workflow-demo__body{grid-template-columns:1fr}.workflow-demo__inputs{border-bottom:1px solid #e8e8e5;border-right:0;padding:20px}.workflow-demo__approaches legend{margin-bottom:10px}.workflow-demo__approach-options{display:none}.workflow-demo__approach-select{width:100%;display:block}.workflow-demo__output{padding:20px}.workflow-demo__example-control{flex-direction:row;align-items:center;gap:15px;margin-bottom:20px}.workflow-demo__example-control select{max-width:285px}.workflow-demo__rule{padding:15px}.workflow-demo__rule-content{margin-top:14px}.workflow-demo__responses-heading{margin-top:22px}}@media (max-width:470px){.workflow-demo{padding-inline:14px}.workflow-demo__toolbar{padding-inline:16px}.workflow-demo__toolbar h2{font-size:17px}.workflow-demo__replay{padding-inline:3px;font-size:11px}.workflow-demo__inputs{padding:16px}.workflow-demo__approach-select{font-size:14px}.workflow-demo__output{padding:17px 16px 21px}.workflow-demo__example-control{flex-direction:column;align-items:stretch;gap:9px}.workflow-demo__example-control select{max-width:none;font-size:14px}.workflow-demo__rule{padding:14px}.workflow-demo__rule-content{gap:12px}.workflow-demo__wordmark{font-size:28px}.workflow-demo__rule-content>div{padding-left:12px}.workflow-demo__rule-title{font-size:20px}.workflow-demo__responses{grid-template-columns:1fr}.workflow-demo__responses-heading{margin:19px 0 17px}.workflow-demo__response{padding-right:0}.workflow-demo__response--1{border-top:1px solid #e5e5e1;border-left:0;margin-top:18px;padding-top:17px;padding-left:0}.workflow-demo__response-text{margin-top:8px;font-size:14px;line-height:1.5}.workflow-demo__response-text p+p{margin-top:5px}}@media (prefers-reduced-motion:reduce){.workflow-demo *,.workflow-demo :before,.workflow-demo :after{transition:none!important;animation:none!important}.workflow-demo__replay{display:none}}