/* Interactive enterprise ontology use-case pipeline */
.semantic-use-cases{position:relative;overflow:hidden;background:#062b1c;color:#d8eee0}
.semantic-use-cases:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(47,191,113,.16),transparent 30%),radial-gradient(circle at 90% 15%,rgba(168,224,99,.11),transparent 26%),linear-gradient(rgba(168,224,99,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(168,224,99,.035) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;pointer-events:none}
.semantic-use-cases>.container{position:relative}
.use-case-heading{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:end;margin-bottom:42px}
.use-case-heading h2{margin:10px 0 0;color:#fff;font-size:clamp(38px,4.2vw,62px)}
.use-case-heading h2 span{color:#a8e063}
.use-case-heading-copy p{margin:0;color:#add0b9;font-size:16px;line-height:1.7}
.use-case-heading-copy a{display:inline-block;margin-top:18px;color:#dff5e6;font-size:12px;font-weight:700}
.use-case-heading-copy a:hover{color:#a8e063}
.use-case-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.use-case-tabs button{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 15px;border:1px solid rgba(201,232,210,.17);border-radius:12px;background:#0b3d24;color:#a9c9b4;text-align:left;font:700 12px var(--font);cursor:pointer;transition:border-color .25s,background .25s,color .25s,transform .25s}
.use-case-tabs button:hover{border-color:#3e8c5f;color:#fff;transform:translateY(-2px)}
.use-case-tabs button.active{border-color:#75cf92;background:#1f7a4d;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.use-case-tabs button span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.08);color:#a8e063;font-size:9px}
.use-case-tabs button.active span{background:rgba(255,255,255,.14);color:#fff}
.use-case-demo{overflow:hidden;border:1px solid rgba(168,224,99,.23);border-radius:22px;background:#f8fcf8;color:#173625;box-shadow:0 40px 90px rgba(0,0,0,.25)}
.use-case-demo-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 26px;border-bottom:1px solid #d8eadc;background:#fff}
.demo-label{display:block;color:#1f7a4d;font-size:8px;font-weight:800;letter-spacing:.13em}
.use-case-demo-head h3{margin:5px 0 0;color:#0b3d24;font-size:22px}
.use-case-controls{display:flex;gap:7px;align-items:center}
.use-case-controls button{height:37px;min-width:37px;padding:0 11px;border:1px solid #c9e8d2;border-radius:9px;background:#fff;color:#1f7a4d;font-weight:800;cursor:pointer}
.use-case-controls button:hover{border-color:#22b573;background:#e8f3ea}
.use-case-controls .play-control{min-width:118px;background:#0b3d24;border-color:#0b3d24;color:#fff}
.use-case-controls .play-control:hover{background:#1f7a4d;color:#fff}
.use-case-question{display:grid;grid-template-columns:135px minmax(260px,1fr) auto;gap:18px;align-items:center;padding:17px 26px;background:#e8f3ea;border-bottom:1px solid #c9e8d2}
.use-case-question>span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#1f7a4d}
.use-case-question>strong{font-size:13px;color:#0b3d24}
.source-pills{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}
.source-pills span{padding:5px 8px;border:1px solid #c9e8d2;border-radius:999px;background:#fff;color:#41604e;font-size:8px;font-weight:700}
.use-case-progress{height:4px;background:#dcece1;overflow:hidden}
.use-case-progress i{display:block;width:12.5%;height:100%;background:linear-gradient(90deg,#1f7a4d,#a8e063);transition:width .5s ease}
.enterprise-pipeline{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:17px;padding:24px 25px 26px;background:#f4faf5}
.enterprise-pipeline button{position:relative;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;min-height:85px;padding:13px 9px;border:1px solid #d7e8dc;border-radius:11px;background:#fff;color:#456150;text-align:left;cursor:pointer;transition:border-color .35s,background .35s,transform .35s,box-shadow .35s}
.enterprise-pipeline button:not(:last-child):after{content:"→";position:absolute;right:-16px;top:31px;z-index:3;color:#8db19a;font-size:13px}
.enterprise-pipeline button i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8f3ea;color:#1f7a4d;font-style:normal;font-size:8px;font-weight:800}
.enterprise-pipeline button span{font-size:9px;font-weight:800;line-height:1.35}
.enterprise-pipeline button small{display:block;margin-top:5px;color:#789183;font-size:7px;font-weight:600}
.enterprise-pipeline button.complete{border-color:#81c596;background:#edf8f0}
.enterprise-pipeline button.complete i{background:#1f7a4d;color:#fff}
.enterprise-pipeline button.active{z-index:2;border-color:#22b573;background:#fff;transform:translateY(-4px);box-shadow:0 11px 25px rgba(11,61,36,.15),0 0 0 3px rgba(34,181,115,.09)}
.enterprise-pipeline button.active i{background:#a8e063;color:#0b3d24;box-shadow:0 0 0 5px rgba(168,224,99,.15)}
.use-case-workbench{display:grid;grid-template-columns:1fr 1.08fr 1.04fr;gap:12px;padding:0 25px 24px;background:#f4faf5}
.stage-explainer,.evidence-graph,.agent-answer{min-width:0;min-height:310px;border-radius:15px}
.stage-explainer{padding:23px;border:1px solid #d8eadc;background:#fff}
.stage-explainer.stage-shift{animation:useCaseStage .35s ease}
.stage-status{display:flex;justify-content:space-between;gap:12px;align-items:center}
.stage-status span{font-size:8px;font-weight:800;letter-spacing:.12em;color:#1f7a4d}
.stage-status b{padding:5px 7px;border-radius:7px;background:#e8f3ea;color:#1f7a4d;font-size:7px;letter-spacing:.09em}
.stage-explainer h3{margin:25px 0 10px;color:#0b3d24;font-size:21px}
.stage-explainer>p{min-height:72px;margin:0;color:#587063;font-size:11px;line-height:1.6}
.stage-output{margin-top:19px;padding:13px;border-left:3px solid #22b573;border-radius:0 9px 9px 0;background:#f0f8f2}
.stage-output small,.stage-output strong{display:block}
.stage-output small{color:#6d8878;font-size:7px;font-weight:800;letter-spacing:.12em}
.stage-output strong{margin-top:5px;color:#183c28;font-size:10px;line-height:1.45}
.department-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px}
.department-pills span{padding:5px 7px;border-radius:7px;background:#e8f3ea;color:#3d624b;font-size:7px;font-weight:700}
.evidence-graph{display:flex;flex-direction:column;padding:21px;border:1px solid #2d7750;background:#062b1c;color:#d8eee0;background-image:linear-gradient(rgba(168,224,99,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,224,99,.04) 1px,transparent 1px);background-size:26px 26px}
.evidence-graph header{display:flex;justify-content:space-between;gap:12px;align-items:center}
.evidence-graph header span{color:#a8e063;font-size:7px;font-weight:800;letter-spacing:.12em}
.evidence-graph header b{color:#8cb29a;font-size:8px}
.evidence-path{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:19px 21px;min-height:210px;padding:18px 0}
.evidence-node{position:relative;display:grid;place-items:center;min-width:76px;max-width:115px;min-height:44px;padding:7px;border:1px solid #2b7b4d;border-radius:10px;background:#0b3d24;color:#a6c8b2;text-align:center;font-size:7px;font-weight:700;opacity:.22;transform:scale(.9);transition:opacity .35s,transform .35s,border-color .35s,color .35s}
.evidence-node:not(:last-child):after{content:"→";position:absolute;right:-17px;color:#4b9567}
.evidence-node.revealed{opacity:1;transform:none;border-color:#59c880;color:#fff}
.evidence-node.focus{background:#1f7a4d;border-color:#a8e063;box-shadow:0 0 22px rgba(168,224,99,.15)}
.evidence-graph footer{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:center;padding-top:12px;border-top:1px solid rgba(201,232,210,.1)}
.graph-pulse{width:7px;height:7px;border-radius:50%;background:#a8e063;box-shadow:0 0 0 5px rgba(168,224,99,.1)}
.evidence-graph footer small{color:#8fb19a;font-size:7px;line-height:1.4}
.agent-answer{display:flex;flex-direction:column;padding:22px;border:1px solid #c9e8d2;background:#e8f3ea;transition:border-color .35s,box-shadow .35s,background .35s}
.agent-answer[data-answer-state="ready"]{border-color:#75c890;background:#f3faef;box-shadow:0 12px 30px rgba(31,122,77,.1)}
.agent-answer-head{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}
.agent-answer-head>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#0b3d24;color:#a8e063;font:800 12px var(--display)}
.agent-answer-head small,.agent-answer-head b{display:block}
.agent-answer-head small{color:#1f7a4d;font-size:7px;font-weight:800;letter-spacing:.1em}
.agent-answer-head b{margin-top:3px;color:#0b3d24;font-size:10px}
.agent-answer>p{margin:27px 0 18px;color:#31543f;font-size:12px;line-height:1.65}
.answer-evidence{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.answer-evidence span{padding:5px 7px;border:1px solid #c2dfcb;border-radius:999px;background:#fff;color:#4a6956;font-size:7px}
.agent-answer[data-answer-state="ready"] .answer-evidence span{border-color:#83c99a;color:#1f7a4d}
.answer-note{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #c9e8d2;color:#6e8978;font-size:7px;line-height:1.45}
.use-case-demo-footer{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:15px 25px;border-top:1px solid #d8eadc;background:#fff}
.use-case-demo-footer>span{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#1f7a4d;font-size:9px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#22b573;box-shadow:0 0 0 5px rgba(34,181,115,.11)}
.use-case-demo-footer p{margin:0;color:#678270;font-size:8px;line-height:1.5;text-align:right}
@keyframes useCaseStage{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.use-case-heading{gap:45px}.enterprise-pipeline{overflow-x:auto;grid-template-columns:repeat(8,135px);padding-bottom:32px}.use-case-workbench{grid-template-columns:1fr 1fr}.agent-answer{grid-column:1/-1;min-height:240px}.use-case-question{grid-template-columns:120px 1fr}.source-pills{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:800px){.use-case-heading{grid-template-columns:1fr;gap:20px}.use-case-tabs{display:flex;overflow-x:auto;padding-bottom:4px}.use-case-tabs button{min-width:180px}.use-case-demo-head{align-items:flex-start;flex-direction:column}.use-case-question{grid-template-columns:1fr;gap:8px}.enterprise-pipeline{overflow:visible;grid-template-columns:1fr;gap:18px}.enterprise-pipeline button{min-height:68px}.enterprise-pipeline button:not(:last-child):after{content:"↓";right:auto;left:22px;top:auto;bottom:-17px}.use-case-workbench{grid-template-columns:1fr}.agent-answer{grid-column:auto}.use-case-demo-footer{grid-template-columns:1fr}.use-case-demo-footer p{text-align:left}.evidence-node:not(:last-child):after{display:none}}
@media(max-width:520px){.semantic-use-cases{padding-top:75px}.use-case-heading h2{font-size:37px}.use-case-demo-head,.use-case-question,.enterprise-pipeline,.use-case-workbench{padding-left:16px;padding-right:16px}.use-case-controls{width:100%}.use-case-controls .play-control{flex:1}.use-case-demo-footer{padding:15px 16px}.stage-explainer,.evidence-graph,.agent-answer{min-height:0}.stage-explainer>p{min-height:0}.evidence-path{min-height:185px}}
@media(prefers-reduced-motion:reduce){.use-case-tabs button,.use-case-progress i,.enterprise-pipeline button,.evidence-node,.agent-answer{transition:none}.stage-explainer.stage-shift{animation:none}.enterprise-pipeline button.active{transform:none}}