/* Home-only: three product demonstrations, isolated to the use-case module. */
.use-cases[data-usecase-demos]{max-width:1180px;margin:0 auto;padding-bottom:105px}
.use-cases[data-usecase-demos] .use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:45px}
.use-cases[data-usecase-demos] .use-case-grid>article{display:flex;flex-direction:column;min-height:0;padding:20px;border:1.5px solid #0b3b2c;border-radius:16px;background:#fff;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.use-cases[data-usecase-demos] .use-case-grid>article:hover{transform:translateY(-8px);border-color:rgba(73,162,94,.4);box-shadow:0 22px 50px rgba(36,95,56,.13)}
.use-cases[data-usecase-demos] .case-visual{height:200px;flex:0 0 200px;margin:0 0 20px;border-radius:12px;background:#e8f6ec;position:relative;overflow:hidden;color:#0b3b2c}
.use-cases[data-usecase-demos] .use-case-grid small{margin-top:0;color:#316d3f;font-size:9px;font-weight:800;letter-spacing:.75px}
.use-cases[data-usecase-demos] .use-case-grid h3{margin:13px 0 10px;font-size:23px;line-height:1.12;letter-spacing:-.035em}
.use-cases[data-usecase-demos] .use-case-grid p{margin:0;color:#476154;font-size:14px;line-height:1.5}

/* 1 — search */
.uc-search-demo{padding:18px 14px}.uc-search-box{position:relative;display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;padding:11px;border:1px solid #83b99a;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(20,76,47,.07)}
.use-cases[data-usecase-demos] .case-visual i{position:static;width:auto;height:auto;border:0;border-radius:0;background:transparent;display:inline;font-style:normal;transform:none}
.uc-search-box>.material-symbols-outlined{font-size:17px;color:#15803d}.uc-search-box b{font-size:10px;line-height:1.35;font-weight:700}.uc-search-box em{grid-column:2;font-style:normal;color:#4b775f;font-size:8px;opacity:0}
.uc-search-results{display:grid;gap:6px;margin-top:10px}.uc-search-results>div{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 8px;border:1px solid rgba(11,59,44,.12);border-radius:9px;background:rgba(255,255,255,.86);opacity:0;transform:translateY(8px)}
.uc-search-results i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#d8efd2;color:#0b3b2c;font-size:7px;font-style:normal;font-weight:800}.uc-search-results span{min-width:0;font-size:9px;font-weight:800}.uc-search-results small{display:block;margin-top:2px!important;color:#597568!important;font-size:7px!important;letter-spacing:0!important}.uc-search-results strong{padding:4px 5px;border-radius:5px;background:#e8f6ec;color:#1c7140;font-size:6.5px;white-space:nowrap}

/* 2 — official web form to inbox */
.uc-outbound-demo{padding:22px 14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.uc-site-form,.uc-inbox{width:45%;min-width:0;background:#fff;border:1px solid #8cbda0;border-radius:10px;box-shadow:0 9px 18px rgba(20,76,47,.07)}
.uc-site-form{padding:8px}.uc-browser-dots{display:flex;gap:3px;margin-bottom:6px}.uc-browser-dots i{width:4px;height:4px;border-radius:50%;background:#abd2ba}.uc-site-form>b{display:block;padding-bottom:5px;border-bottom:1px solid #e2eee6;color:#5c7769;font-size:6.5px}.uc-site-form>span{display:block;height:31px;margin-top:7px;padding:6px;border-radius:5px;background:#f3f8f5;color:#698478;font-size:6px;line-height:1.35}.uc-site-form button{width:100%;margin-top:6px;padding:6px;border:0;border-radius:5px;background:#0b3b2c;color:#fff;font:700 7px inherit}.uc-site-form em{display:block;margin-top:5px;color:#1b7140;font-size:6.5px;font-style:normal;text-align:center;opacity:0}.uc-message-path{position:relative;z-index:2;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#15803d;color:#fff;box-shadow:0 0 0 5px #e8f6ec}.uc-message-path .material-symbols-outlined{font-size:13px}.uc-inbox{padding:9px}.uc-inbox>div{display:flex;gap:4px;align-items:center;padding-bottom:7px;border-bottom:1px solid #e2eee6}.uc-inbox .material-symbols-outlined{font-size:13px;color:#15803d}.uc-inbox b{font-size:7px}.uc-inbox p{margin:8px 0 0!important;padding:6px;border-radius:5px;background:#e8f6ec;color:#275940!important;font-size:6.5px!important;font-weight:800;line-height:1.35!important;opacity:0;transform:translateY(4px)}

/* 3 — unified pipeline */
.uc-pipeline-demo{padding:18px 14px}.uc-reply-note{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:6px 8px;border:1px solid #8cbda0;border-radius:7px;background:#fff;box-shadow:0 7px 16px rgba(20,76,47,.08);font-size:7px;font-weight:800;opacity:0;transform:translateY(-6px)}.uc-reply-note .material-symbols-outlined{color:#15803d;font-size:12px}
.uc-pipeline-lanes{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:116px;margin-top:12px}.uc-pipeline-lanes>span{min-width:0;padding:7px 4px;border-radius:7px;background:rgba(255,255,255,.72);color:#638073;font-size:6.5px;font-weight:800;text-align:center}.uc-pipeline-lanes>span i{display:block;margin-top:5px;color:#15803d;font-size:12px}.uc-pipeline-lanes>b{position:absolute;top:33px;left:5px;width:calc(25% - 7px);padding:8px 4px;border:1px solid #70ad87;border-radius:7px;background:#fff;color:#12452e;box-shadow:0 6px 14px rgba(20,76,47,.09);font-size:7px;line-height:1.2;text-align:center}

/* Animations are intentionally paused until the section becomes visible. */
.use-cases[data-usecase-demos].demo-running .uc-search-box b{animation:uc-query 7.4s steps(3,end) infinite}.use-cases[data-usecase-demos].demo-running .uc-search-box em{animation:uc-analysis 7.4s linear infinite}.use-cases[data-usecase-demos].demo-running .uc-search-results>div{animation:uc-result 7.4s ease infinite}.use-cases[data-usecase-demos].demo-running .uc-search-results>div:nth-child(1){animation-delay:.9s}.use-cases[data-usecase-demos].demo-running .uc-search-results>div:nth-child(2){animation-delay:1.15s}.use-cases[data-usecase-demos].demo-running .uc-search-results>div:nth-child(3){animation-delay:1.4s}
.use-cases[data-usecase-demos].demo-running .uc-site-form button{animation:uc-send-button 7s ease-in-out 1.4s infinite}.use-cases[data-usecase-demos].demo-running .uc-site-form em{animation:uc-status 7s linear 1.4s infinite}.use-cases[data-usecase-demos].demo-running .uc-message-path{animation:uc-path 7s ease-in-out 1.4s infinite}.use-cases[data-usecase-demos].demo-running .uc-inbox p{animation:uc-inbox 7s ease 1.4s infinite}.use-cases[data-usecase-demos].demo-running .uc-reply-note{animation:uc-note 7.2s ease 2.5s infinite}.use-cases[data-usecase-demos].demo-running .uc-pipeline-lanes>b{animation:uc-deal 7.2s ease-in-out 2.5s infinite}
@keyframes uc-query{0%,8%{opacity:.35}14%,84%{opacity:1}100%{opacity:.35}}@keyframes uc-analysis{0%,12%{opacity:0}18%,31%{opacity:1}38%,100%{opacity:0}}@keyframes uc-result{0%,28%{opacity:0;transform:translateY(8px)}37%,83%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes uc-send-button{0%,19%{background:#0b3b2c;transform:none}25%,54%{background:#15803d;transform:scale(.97)}62%,100%{background:#0b3b2c;transform:none}}@keyframes uc-status{0%,25%{opacity:0}31%,71%{opacity:1}78%,100%{opacity:0}}@keyframes uc-path{0%,25%{opacity:.25;transform:translateX(0)}34%,52%{opacity:1;transform:translateX(19px)}60%,100%{opacity:.25;transform:translateX(0)}}@keyframes uc-inbox{0%,38%{opacity:0;transform:translateY(4px)}47%,82%{opacity:1;transform:none}100%{opacity:0}}@keyframes uc-note{0%,7%{opacity:0;transform:translateY(-6px)}14%,88%{opacity:1;transform:none}100%{opacity:0}}@keyframes uc-deal{0%,14%{left:5px}28%{left:calc(25% + 2px)}45%{left:calc(50% - 1px)}62%,86%{left:calc(75% - 4px);border-color:#15803d;background:#f5fff8}100%{left:5px}}
@media(max-width:900px){.use-cases[data-usecase-demos] .use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-cases[data-usecase-demos] .use-case-grid>article:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}}
@media(max-width:620px){.use-cases[data-usecase-demos]{margin:0;padding:0 20px 75px}.use-cases[data-usecase-demos] .use-case-grid{grid-template-columns:1fr}.use-cases[data-usecase-demos] .use-case-grid>article{min-height:0}.use-cases[data-usecase-demos] .use-case-grid>article:last-child{grid-column:auto;width:auto}.use-cases[data-usecase-demos] .case-visual{height:185px;flex-basis:185px}.use-cases[data-usecase-demos] .use-case-grid h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.use-cases[data-usecase-demos] .use-case-grid>article{transition:none}.use-cases[data-usecase-demos] .use-case-grid>article:hover{transform:none}.use-cases[data-usecase-demos] .uc-search-box em,.use-cases[data-usecase-demos] .uc-search-results>div,.use-cases[data-usecase-demos] .uc-site-form em,.use-cases[data-usecase-demos] .uc-inbox p,.use-cases[data-usecase-demos] .uc-reply-note{opacity:1;transform:none}.use-cases[data-usecase-demos] .uc-pipeline-lanes>b{left:calc(75% - 4px);border-color:#15803d;background:#f5fff8}}