.showcase-page{max-width:1220px;margin:auto;padding:70px 36px 96px}.showcase-intro{max-width:850px;margin-bottom:52px}.showcase-intro h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.1}.showcase-intro h1 em{color:#b33e2b;font-family:Georgia,serif;font-weight:400}.showcase-intro p{color:#625d53;max-width:630px;font-size:18px;line-height:1.7}.showcase-layout{grid-template-columns:238px minmax(0,1fr);align-items:start;gap:46px;display:grid}.case-navigation h2{text-transform:uppercase;letter-spacing:2px;margin:0 0 14px;font-size:12px}.case-navigation>div{margin-bottom:30px}.case-navigation a{border-left:2px solid #dfd9cb;padding:13px 14px;font-size:14px;text-decoration:none;display:block}.case-navigation a[aria-current=page]{color:#923523;background:#eee9dd;border-color:#b33e2b}.case-navigation a span{color:#625d53;margin-top:5px;font-size:12px;line-height:1.5;display:block}.case-navigation>p,.boundary-note{color:#625d53;font-size:14px;line-height:1.8}.scenario-heading h2{letter-spacing:-1px;margin:12px 0;font-size:34px;font-weight:500;line-height:1.2}.scenario-heading>p{color:#625d53;margin-bottom:24px}.perspective-strip,.lesson-steps,.artifact-tabs,.workflow-stages{flex-wrap:wrap;gap:6px;display:flex}.showcase-page button,.showcase-page select{font:inherit;cursor:pointer}.perspective-strip button,.lesson-steps button,.artifact-tabs button,.workflow-stages button{color:#48453d;background:0 0;border:1px solid #d9d2c4;border-radius:5px;padding:10px 12px;font-size:13px}.perspective-strip small,.workflow-stages small{text-align:left;letter-spacing:1px;margin-bottom:5px;font-size:9px;display:block}.showcase-page button[aria-pressed=true],.workflow-stages button[aria-current=step]{color:#fffdf6;background:#383c31;border-color:#383c31}.scenario-story{border-left:3px solid #c7b994;margin:26px 0;padding:3px 20px}.scenario-story blockquote{margin:10px 0 0;font-family:Georgia,serif;font-size:21px;line-height:1.5}.live-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.live-toolbar span{letter-spacing:1px;color:#625d53;font-size:10px}.live-toolbar i{background:#426650;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.live-toolbar button,.app-actions button{color:#383c31;background:#fffdf7;border:1px solid #d4cebf;border-radius:5px;padding:9px 12px;font-size:13px}.live-stage{background:#eae5d9;border:1px solid #dcd5c5;border-radius:10px;padding:28px}.application{color:#302f2a;background:#fffefa;border:1px solid #dcd5c5;border-radius:9px;font-size:14px;box-shadow:0 12px 30px #302f2a08}.application header{border-bottom:1px solid #e7e2d7;align-items:center;gap:12px;padding:19px 24px;display:flex}.app-monogram{color:#fff;background:#414d40;border-radius:5px;padding:5px 12px;font-family:Georgia,serif;font-size:22px}.application header div span{color:#625d53;margin-top:3px;font-size:11px;display:block}.application header small{color:#625d53;margin-left:auto;font-size:10px}.app-body{padding:28px}.application h3{margin:0 0 10px;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.3}.application h4{margin:12px 0;font-size:16px}.application p{color:#625d53;margin:12px 0 18px;line-height:1.65}.application label:not(.app-check){margin:20px 0 8px;font-weight:500;display:block}.application input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;color:#302f2a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #bfb8a8;border-radius:5px;margin-bottom:16px;padding:11px 12px}.application button{font:inherit;color:#302f2a;cursor:pointer;background:#fffefa;border:1px solid #bbb5a8;border-radius:5px;padding:10px 15px}.application .app-primary{color:#fff;background:#414d40;border-color:#414d40}.application .app-danger{color:#a63727;background:#fff8f3;border-color:#bc7569}.showcase-page button:disabled{opacity:.5;cursor:default}.app-check{align-items:center;gap:10px;margin:24px 0;line-height:1.6;display:flex}.app-check input{accent-color:#414d40;flex-shrink:0;width:17px;height:17px}.application section,.danger-zone{border-top:1px solid #e7e2d7;margin-top:26px;padding-top:22px}.application .danger-zone>p{max-width:480px}.application .eyebrow{color:#a63727;font-size:10px}.application [role=status]{font-size:12px}.application [role=alert]{color:#a63727}.confirmation{background:#f5f1e7;border:1px solid #dfd7c4;border-radius:6px;margin-top:22px;padding:18px}.app-actions{flex-wrap:wrap;gap:10px;display:flex}.scenario-outcome{margin:26px 0;padding:0 2px}.scenario-outcome p,.artifact-panel p{color:#625d53;font-size:15px;line-height:1.8}.artifact-panel{border:1px solid #d9d2c4;border-radius:6px;min-width:0;margin:24px 0;padding:18px}.artifact-panel summary{cursor:pointer;font-weight:500}.artifact-tabs{margin:22px 0 16px}.artifact-panel select{max-width:100%;margin:8px;padding:8px}.artifact-code{position:relative}.artifact-code>button{position:absolute;top:12px;right:12px}.artifact-code pre,.workflow-explanation pre,.verification-copy pre{color:#38352f;background:#eee9de;border-radius:5px;max-height:440px;padding:24px 18px;font-size:12px;line-height:1.7;overflow:auto}.artifact-code pre{padding-top:50px}.workflow-stages{margin-bottom:30px}.workflow-stages button{flex:1;min-width:85px}.workflow-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:40px;display:grid}.workflow-explanation{padding:22px 0}.workflow-explanation h2{margin:16px 0;font-size:32px;font-weight:500;line-height:1.2}.workflow-explanation p{color:#625d53;line-height:1.8}.lesson-steps{margin:6px 0 16px}.use-case-teaser{border-top:1px solid #d9d2c4;border-bottom:1px solid #d9d2c4}.use-case-teaser h2{margin:16px 0;font-size:42px;font-weight:500;line-height:1.15}.use-case-teaser p{color:#625d53;max-width:650px;line-height:1.8}.use-case-links{flex-wrap:wrap;gap:14px;margin-top:25px;display:flex}@media (width<=850px){.showcase-page{padding:44px 22px 60px}.showcase-layout{grid-template-columns:1fr;gap:24px}.case-navigation{gap:16px;padding-bottom:10px;display:flex;overflow-x:auto}.case-navigation>div{min-width:235px;margin:0}.case-navigation>p{display:none}.workflow-grid{grid-template-columns:1fr;gap:15px}.live-stage{padding:16px}}@media (width<=480px){.showcase-page{padding-inline:16px}.showcase-intro{margin-bottom:30px}.showcase-intro h1{letter-spacing:-1px;font-size:36px}.live-stage{padding:10px}.app-body{padding:20px}.application header{padding:16px}.application header small{display:none}.scenario-heading h2{font-size:29px}.perspective-strip button{padding:9px}.artifact-panel{padding:12px}.site-header .nav-inner{flex-wrap:wrap;gap:10px}.site-header nav{order:3;justify-content:space-between;gap:10px;width:100%}.site-header .nav-cta{margin-left:auto}}.playground-more{margin:18px 0;font-size:13px}.playground-more summary{cursor:pointer}.playground-more label{margin:16px 0;display:block}.playground-more input:not([type=checkbox]),.playground-more select{width:100%;margin-top:7px;padding:6px;display:block}.playground-more p{color:#625d53;line-height:1.6}.application output{color:#625d53;margin:15px 0;font-size:12px;line-height:1.65;display:block}.scenario-view{min-width:0}.showcase-page pre{max-width:100%}.application select{color:#302e29;width:100%;font:inherit;background:#fffdf8;border:1px solid #c5c0b5;border-radius:5px;margin:8px 0 24px;padding:12px}.application fieldset{border:1px solid #c5c0b5;border-radius:5px;min-width:0;padding:16px}.activity-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.activity-event{border-block:1px solid #d8d4c9;padding:24px 0}.workflow-chat{color:#625d53;max-width:640px;margin:0 0 24px;font-size:14px;line-height:1.55}.workflow-message{border-radius:10px;max-width:92%;margin:0;padding:10px 14px}.workflow-message-user{background:#eeece3;border-bottom-right-radius:3px;margin-left:auto}.workflow-message-agent{background:#edf2eb;border-bottom-left-radius:3px;margin-top:8px}.workflow-chat strong{color:#42473d;font-weight:500}.workflow-technical{margin:24px 0}.workflow-technical summary{cursor:pointer;text-underline-offset:4px;font-size:14px;text-decoration:underline}