.journey-nav button{border:1px solid rgba(0,0,0,.15);background:#fff;color:#2e2e2e;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s ease}.journey-nav button:hover{background:#f4f4f4}.journey-nav button.active{background:var(--petrol);color:#fff;border:none}.card{background:var(--cream);padding:30px;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px #0000000d;text-align:left}h2{font-family:Playfair Display,serif}ul{line-height:1.6}.impact{background:var(--petrol);color:#fff;padding:4px 10px;border-radius:6px;font-weight:600}.usecase-item{cursor:pointer;padding:6px 0;transition:all .15s ease}.usecase-item:hover{color:var(--petrol);transform:translate(3px)}.usecase-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.usecase-card{border:1px solid rgba(0,0,0,.15);background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease}.usecase-card:hover{background:#f2f2f2;transform:translateY(-2px)}.agent-workflow{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.agent-workflow div{padding:6px 10px;border-radius:6px;border:1px solid rgba(0,0,0,.1);font-size:13px;background:#fff}.agent-confidence{margin-top:20px}.agent-confidence input{width:100%;margin-top:10px}.confidence-value{margin-top:6px;font-size:14px;color:#5b6670}.confidence-warning{margin-top:4px;font-size:13px;color:#c0392b}.confidence-warning .usecase-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.confidence-warning .usecase-card{background:#fff;border:1px solid rgba(0,0,0,.15);padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px;color:#2e2e2e;transition:all .2s ease}.confidence-warning .usecase-card:hover{background:#f4f4f4;border-color:var(--petrol)}.confidence-warning .usecase-card.active{background:var(--petrol);color:#fff;border-color:var(--petrol)}.confidence-warning .human-node{background:#fdecec;border:1px solid #E57373;color:#c62828;font-weight:600}:root{--petrol:#007C91;--cream:#F7F3ED;--text:#2E2E2E}body{margin:0;background:#fff;font-family:Lato,system-ui,sans-serif;color:var(--text)}.container{max-width:1000px;margin:80px auto;padding:0 20px;text-align:center}h1{font-family:Playfair Display,serif;font-size:2.8rem}.intro{max-width:650px;margin:20px auto 40px;color:#5b6670}.journey-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}.journey-nav button{border:1px solid rgba(0,0,0,.15);background:#fff;padding:10px 18px;border-radius:10px;cursor:pointer}.journey-nav button.active{background:var(--petrol);color:#fff}.card{background:var(--cream);padding:30px;border-radius:16px;border:1px solid rgba(0,0,0,.06);text-align:left}.impact{background:var(--petrol);color:#fff;padding:4px 10px;border-radius:6px}.usecase-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.usecase-card{background:#fff;border:1px solid rgba(0,0,0,.15);padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px;color:#2e2e2e}.usecase-card.active{background:var(--petrol);color:#fff}.workflow-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px}.workflow-step{display:flex;align-items:center}.node{background:#fff;border:1px solid rgba(0,0,0,.15);padding:8px 12px;border-radius:8px;font-size:13px}.connector{width:40px;height:2px;background:#ccc;margin:0 5px}