.use-cases { background: #f5f7f7; scroll-margin-top: 100px; }
.use-cases-heading, .use-cases-home-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); gap: 48px; align-items: end; margin-bottom: 38px; }
.use-cases-heading h2, .use-cases-home-heading h2 { margin: 0; }
.use-cases-heading > p, .use-cases-home-heading > p { max-width: 410px; margin: 0 0 5px; color: #566169; font-size: 17px; }
.use-cases-nav { display: flex; gap: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; padding: 0 0 14px; margin-bottom: 6px; }
.use-cases-nav a { display: inline-flex; flex: none; align-items: center; gap: 9px; min-height: 48px; padding: 10px 15px; color: #4f5b62; border: 1px solid #d5dddf; border-radius: 6px; background: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease; }
.use-cases-nav a span { color: #708087; font: 600 11px/1 ui-monospace, "SF Mono", monospace; }
.use-cases-nav a:hover { border-color: #579b9a; color: #133b3c; }
.use-cases-nav a.is-active { color: #083f3d; border-color: #20bfb7; background: #d8f8f5; }
.use-cases-nav a.is-active span { color: #006d68; }
.use-cases-stage { background: #11191e; }
.use-case-panel { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; min-height: 620px; padding: 58px 56px 28px; overflow: hidden; color: #f9fbfb; background: #11191e; }
.use-case-panel + .use-case-panel { margin-top: 16px; }
.use-cases.is-enhanced .use-case-panel:not(.is-active) { display: none; }
.use-cases.is-enhanced .use-case-panel + .use-case-panel { margin-top: 0; }
.use-case-scene { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.use-case-panel::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #0d171ff7 0%, #0d171fe8 37%, #0d171f63 70%, #0d171f24 100%); }
.use-case-camera { position: absolute; right: 3%; bottom: 85px; width: min(35%, 440px); height: 360px; object-fit: contain; filter: drop-shadow(0 28px 28px #0008); pointer-events: none; }
.use-case-content { position: relative; z-index: 1; width: min(59%, 650px); }
.use-case-index { display: block; margin-bottom: 22px; color: #40e5db; font: 600 12px/1.4 ui-monospace, "SF Mono", monospace; text-transform: uppercase; }
.landing-v6 .use-case-panel h3 { margin: 0 0 20px; color: #fff; font-size: clamp(30px, 3.5vw, 49px); line-height: 1.08; }
.use-case-content > p { max-width: 550px; margin: 0; color: #e1e9ec; font-size: 16px; line-height: 1.65; }
.use-case-content ul { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; margin: 23px 0 27px; list-style: none; }
.use-case-content li { padding: 6px 10px; border: 1px solid #9baeb07c; border-radius: 4px; color: #f6fcfc; font-size: 12px; font-weight: 600; background: #101d21a3; }
.use-case-technology { position: relative; z-index: 1; width: 100%; margin: 34px 0 0; padding-top: 18px; border-top: 1px solid #dee7e755; color: #d3dedf; font-size: 13px; }
.use-case-technology strong { color: #63f1e7; margin-right: 9px; }
.use-cases-bottom { display: flex; align-items: start; justify-content: space-between; gap: 32px; margin-top: 18px; }
.use-cases-bottom p { max-width: 710px; margin: 0; color: #667278; font-size: 12px; }
.use-cases-bottom .text-link { flex: none; }
.use-case-panel--radar .use-case-camera { right: 9%; bottom: 115px; width: min(18%, 185px); height: 190px; filter: drop-shadow(0 18px 22px #000a); }
.use-cases-capabilities { margin-top: 92px; padding-top: 36px; border-top: 1px solid #ccd7d9; }
.use-cases-capabilities-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 360px); gap: 10px 42px; align-items: end; margin-bottom: 28px; }
.use-cases-capabilities-heading .eyebrow { grid-column: 1 / -1; margin: 0; }
.landing-v6 .use-cases-capabilities-heading h3 { max-width: 720px; margin: 0; font-size: clamp(26px, 2.7vw, 38px); line-height: 1.16; }
.use-cases-capabilities-heading > p:last-child { margin: 0 0 3px; color: #59676d; font-size: 15px; line-height: 1.55; }
.use-cases-capabilities-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.use-case-capability { min-width: 0; padding-bottom: 10px; }
.use-case-capability-visual { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1.58; margin-bottom: 23px; overflow: hidden; background: #e3ebec; }
.use-case-capability-visual > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.use-case-capability-visual > span:not(.use-case-privacy-mask):not(.integration-paths):not(.integration-source) { position: absolute; right: 12px; bottom: 12px; left: 12px; width: fit-content; padding: 7px 9px; color: #fff; background: #0e1e20dd; font: 600 10px/1.3 ui-monospace, "SF Mono", monospace; }
.use-case-capability-visual--ai { background: #eff5f8; }
.use-case-capability-visual--privacy > img { object-position: center; }
.use-case-privacy-mask { position: absolute; top: 22%; left: 39%; width: 20%; height: 39%; background: repeating-linear-gradient(90deg, #344a5266 0 9px, #96a9ae88 9px 18px); backdrop-filter: blur(13px); border: 1px solid #ffffff8c; }
.use-case-capability-visual--integration { display: grid; grid-template-columns: .88fr 1.12fr; gap: 12px; padding: 28px; background: #15292d; color: #e7fbf8; }
.integration-source { display: grid; place-items: center; padding: 18px 10px; border: 1px solid #77e4d5; color: #9cf3e8; font-size: 14px; font-weight: 700; text-align: center; }
.integration-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.integration-paths span { display: grid; place-items: center; min-width: 0; padding: 8px 3px; border: 1px solid #4e6b70; color: #e7fbf8; font-size: 11px; font-weight: 600; }
.use-case-capability-kicker { display: block; margin-bottom: 12px; color: #047e79; font: 700 11px/1.4 ui-monospace, "SF Mono", monospace; text-transform: uppercase; }
.landing-v6 .use-case-capability h4 { margin: 0 0 12px; color: #1c292d; font-size: 20px; line-height: 1.26; }
.use-case-capability > p { min-height: 128px; margin: 0 0 15px; color: #536267; font-size: 14px; line-height: 1.6; }
.use-case-capability .text-link { color: #087b76; font-size: 13px; }

@media (min-width: 981px) {
  .use-cases-nav { flex-wrap: wrap; overflow: visible; }
}

.use-cases-home { background: #171c1f; color: #f7fafa; }
.use-cases-home .eyebrow { color: #44e0d7; }
.use-cases-home-heading > p { color: #b9c8cb; }
.use-cases-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 22px; }
.use-cases-home-grid a { position: relative; display: block; aspect-ratio: 1.16; min-width: 0; overflow: hidden; color: #fff; background: #263236; }
.use-cases-home-grid a::after { content: ""; position: absolute; inset: 25% 0 0; background: linear-gradient(180deg, transparent, #071114ed); }
.use-cases-home-grid a > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.use-cases-home-grid a:hover > img { transform: scale(1.035); }
.use-cases-home-grid a > span { position: absolute; z-index: 1; right: 22px; bottom: 20px; left: 22px; color: #8cf3ec; font-size: 11px; font-weight: 600; }
.use-cases-home-grid strong { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: 5px; color: #fff; font-size: 19px; line-height: 1.25; }
.use-cases-home-grid .icon { filter: brightness(0) invert(1); width: 17px; height: 17px; }
.use-cases-home > .page-shell > .text-link { color: #64e6dc; }
.use-cases-home > .page-shell > .text-link .icon { filter: brightness(0) invert(1); }

@media (max-width: 980px) {
  .use-case-panel { min-height: 650px; padding: 44px 36px 24px; }
  .use-case-content { width: min(65%, 580px); }
  .use-case-camera { right: 1%; width: 34%; height: 300px; }
  .use-cases-capabilities-grid { gap: 16px; }
  .use-case-capability-visual--integration { gap: 7px; padding: 16px; }
  .integration-source { padding-inline: 5px; font-size: 12px; }
}
@media (max-width: 760px) {
  .use-cases-heading, .use-cases-home-heading { grid-template-columns: 1fr; gap: 15px; margin-bottom: 28px; }
  .use-cases-heading > p, .use-cases-home-heading > p { max-width: 600px; font-size: 15px; }
  .landing-v6 .use-cases h2, .landing-v6 .use-cases-home h2 { font-size: 34px; }
  .use-cases-nav { margin-right: -20px; padding-right: 20px; }
  .use-case-panel { min-height: 0; padding: 245px 22px 22px; }
  .use-case-scene { height: 300px; bottom: auto; object-position: center; }
  .use-case-panel::before { background: linear-gradient(180deg, #101b2340 0, #101b23a6 175px, #11191e 290px, #11191e 100%); }
  .use-case-camera { top: 10px; right: 4px; bottom: auto; width: 42%; height: 210px; }
  .use-case-panel--image-right .use-case-scene { object-position: 74% center; }
  .use-case-panel--radar .use-case-camera { top: 125px; right: 20px; bottom: auto; width: 82px; height: 75px; }
  .use-case-content { width: 100%; }
  .use-case-index { margin-bottom: 12px; }
  .landing-v6 .use-case-panel h3 { font-size: 29px; }
  .use-case-content > p { font-size: 14px; }
  .use-case-content ul { margin: 17px 0 22px; }
  .use-case-technology { margin-top: 26px; font-size: 12px; }
  .use-cases-bottom { display: block; }
  .use-cases-bottom .text-link { margin-top: 10px; }
  .use-cases-capabilities { margin-top: 56px; padding-top: 28px; }
  .use-cases-capabilities-heading { display: block; margin-bottom: 26px; }
  .use-cases-capabilities-heading .eyebrow { margin-bottom: 10px; }
  .landing-v6 .use-cases-capabilities-heading h3 { font-size: 29px; }
  .use-cases-capabilities-heading > p:last-child { margin-top: 12px; }
  .use-cases-capabilities-grid { grid-template-columns: 1fr; gap: 32px; }
  .use-case-capability-visual { aspect-ratio: 1.75; margin-bottom: 16px; }
  .use-case-capability > p { min-height: 0; }
  .use-cases-home-grid { grid-template-columns: 1fr; gap: 10px; }
  .use-cases-home-grid a { aspect-ratio: 1.9; }
  .use-cases-home-grid strong { font-size: 17px; }
  .products-page .product-local-nav nav { gap: 12px; overflow-x: auto; white-space: nowrap; }
  .products-page .product-local-nav nav a:nth-child(2) { display: inline-flex; }
  .products-page .product-local-nav nav a:nth-child(3) { display: none; }
}
@media (max-width: 420px) {
  .use-case-panel { padding-inline: 18px; }
  .landing-v6 .use-case-panel h3 { font-size: 27px; }
  .products-page .product-local-nav > .page-shell { width: calc(100% - 24px); }
  .products-page .product-local-nav strong { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .use-cases-home-grid a > img, .use-cases-nav a { transition: none; }
}