/* A quiet, scannable library: actual workflows carry the visual hierarchy. */
.uc-hero { padding:24px 0 36px; background:linear-gradient(115deg,#f8f8f4 40%,#edf0f7); }
.uc-hero .breadcrumb { margin-bottom:26px; }
.uc-hero-layout { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:40px; }
.uc-kicker { color:#345b9c; font-size:13px; letter-spacing:.06em; margin:0 0 12px; }
.uc-hero h1 { font-size:clamp(34px,4.3vw,58px); line-height:1.5; letter-spacing:.015em; font-weight:500; }
.uc-hero h1>span { display:block; }
.uc-hero-intro>p { font-size:16px; line-height:1.95; color:#515c6d; }
.uc-hero-intro .text-link { margin-top:14px; }
.uc-filter-wrap { border-block:1px solid #d0d6e2; padding:16px 0; }
.uc-filter-wrap>.wrap { display:flex; gap:16px; align-items:center; justify-content:space-between; }
.uc-filters { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.uc-filters>span { font-size:12px; color:#536174; margin-right:10px; }
.uc-filters button { border:1px solid #c3ccd9; background:transparent; padding:10px 18px; min-height:44px; font:inherit; font-size:13px; color:#334154; border-radius:3px; cursor:pointer; transition:background .18s,color .18s; }
.uc-filters button[aria-pressed=true] { color:#fff; background:#294f99; border-color:#294f99; }
.uc-filters button:hover:not([aria-pressed=true]) { background:#e9edf5; }
.uc-filters button:focus-visible { outline:3px solid #4177cf; outline-offset:3px; }
.uc-filter-count { font-size:12px; white-space:nowrap; color:#536174; }
.uc-section { padding:42px 0; scroll-margin-top:105px; }
.uc-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.uc-section-heading h2 { font-size:30px; line-height:1.6; font-weight:500; }
.uc-section-heading>p { font-size:13px; line-height:1.9; color:#536174; }
.uc-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.uc-video-card { min-width:0; border:1px solid #cdd5e3; background:#fff; box-shadow:0 7px 22px #23395408; }
.uc-video-frame { background:#10172a; aspect-ratio:16/9; overflow:hidden; }
.uc-video-frame video { display:block; width:100%; height:100%; object-fit:contain; }
.uc-video-body { padding:18px; }
.uc-meta { display:flex; flex-wrap:wrap; gap:4px 12px; justify-content:space-between; color:#45628f; font-size:11px; line-height:1.8; }
.uc-meta span:last-child { color:#647082; }
.uc-video-card h3,.uc-case-card h3 { font-size:23px; font-weight:500; line-height:1.6; margin:12px 0 10px; text-wrap:balance; }
.uc-challenge { font-size:14px; color:#536174; line-height:1.85; }
.uc-flow { display:grid; gap:10px; margin:22px 0; }
.uc-flow>div { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; align-items:center; }
.uc-flow-label { font-size:11px; color:#637083; }
.uc-flow-label--after { color:#294f99; font-weight:600; }
.uc-flow ol { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0; margin:0; }
.uc-flow li { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; border:1px solid #d2d8e2; background:#f4f5f8; padding:10px 5px; text-align:center; font-size:12px; line-height:1.6; min-height:58px; }
.uc-flow li+li::before { position:absolute; content:'›'; color:#748399; left:-13px; top:50%; transform:translateY(-50%); font-size:18px; }
.uc-flow li.uc-ai-step { color:#22498e; border-color:#84a2d3; background:#eaf0fc; font-weight:500; }
.uc-ai-label { font:600 10px/1 Arial,sans-serif; letter-spacing:.08em; color:#315fac; }
.uc-video-card .uc-flow>div { grid-template-columns:1fr; gap:5px; }
.uc-video-card .uc-flow { margin:14px 0; }
.uc-video-card .uc-flow li { min-height:56px; }
.uc-result { font-size:13px; color:#344456; line-height:1.85; }
.uc-result>span { display:block; color:#345b9c; font-size:11px; margin-bottom:4px; }
.uc-video-card .text-link,.uc-case-card .text-link { font-size:12px; min-height:44px; margin-top:16px; display:flex; justify-content:space-between; border-top:1px solid #d4dbe5; padding-top:12px; }
.uc-library { background:#edf0f6; border-block:1px solid #d5dce6; }
.uc-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.uc-case-card { padding:26px; border:1px solid #cbd4e2; background:#fff; min-width:0; }
.uc-detail { margin:0; display:grid; grid-template-columns:108px minmax(0,1fr); gap:9px 16px; font-size:13px; line-height:1.85; }
.uc-detail dt { color:#345b9c; }
.uc-detail dd { margin:0; color:#46566a; }
.uc-context { padding-block:24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.uc-context p { font-size:12px; line-height:1.9; color:#637083; }
.uc-context .text-link { font-size:13px; flex-shrink:0; }
.page-usecases [hidden] { display:none!important; }
.uc-home-link { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 0 0; margin-top:20px; border-top:1px solid #c8d1df; }
.uc-home-link p { font-size:14px; color:#526174; }
.uc-home-link .text-link { flex-shrink:0; }
@media(max-width:1000px) {
 .uc-filter-wrap>.wrap { align-items:start; flex-direction:column; gap:10px; }
 .uc-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .uc-video-card:last-child { grid-column:auto; }
 .uc-section-heading>p { max-width:260px; }
 .uc-detail { grid-template-columns:1fr; gap:4px; }
 .uc-detail dd+dt { margin-top:8px; }
}
@media(max-width:680px) {
 .uc-hero { padding-top:22px; padding-bottom:28px; }
 .uc-hero-layout { grid-template-columns:1fr; gap:20px; }
 .uc-hero h1 { font-size:clamp(30px,8.5vw,44px); }
 .uc-hero-intro>p { font-size:14px; }
 .uc-hero-intro>p br { display:none; }
 .uc-kicker { font-size:12px; }
 .uc-filter-wrap { padding-block:14px; }
 .uc-filters { gap:8px; }
 .uc-filters>span { width:100%; margin-bottom:2px; }
 .uc-filters button { padding:9px 12px; font-size:12px; }
 .uc-section { padding-block:30px; scroll-margin-top:88px; }
 .uc-section-heading { flex-direction:column; align-items:start; gap:10px; margin-bottom:18px; }
 .uc-section-heading h2 { font-size:25px; }
 .uc-section-heading>p { max-width:none; font-size:13px; }
 .uc-section-heading>p br { display:none; }
 .uc-video-grid,.uc-case-grid { grid-template-columns:1fr; gap:20px; }
 .uc-video-body,.uc-case-card { padding:20px 18px; }
 .uc-video-card h3,.uc-case-card h3 { font-size:22px; }
 .uc-flow>div { grid-template-columns:1fr; gap:5px; }
 .uc-flow ol { gap:14px; }
 .uc-flow li { padding:9px 4px; font-size:12px; }
 .uc-flow li+li::before { left:-12px; }
 .uc-context { flex-direction:column; align-items:start; gap:12px; }
 .uc-context br { display:none; }
 .uc-home-link { flex-direction:column; align-items:start; gap:6px; }
}


.uc-filter-wrap { scroll-margin-top:96px; }
.uc-demos { padding-block:26px; }
@media(min-width:1001px) {
 [data-case-count="1"] .uc-video-grid { grid-template-columns:1fr; }
 [data-case-count="1"] .uc-video-card { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; }
 [data-case-count="1"] .uc-video-body { padding:24px 30px; }
 [data-case-count="1"] .uc-case-grid { grid-template-columns:minmax(0,880px); justify-content:center; }
}
@media(max-width:1260px) { .uc-filter-wrap { scroll-margin-top:80px; } }

.uc-step-name { display:block; max-width:100%; text-wrap:balance; }
.uc-word { display:inline-block; white-space:nowrap; }