.use-cases-page { display: grid; gap: clamp(4rem, 8vw, 7rem); }
.use-cases-hero { max-width: 980px; padding: clamp(3rem, 8vw, 7rem) 0 1rem; }
.use-cases-hero h1 { font-size: clamp(1rem, 2vw, 1.15rem); color: #78a9ff; letter-spacing: .12em; text-transform: uppercase; margin: .7rem 0 1rem; }
.use-cases-hero__headline { max-width: 900px; margin: 0; color: #fff; font-size: clamp(2.4rem, 6vw, 5.2rem); font-weight: 720; line-height: 1.02; letter-spacing: -.045em; }
.use-cases-hero__copy { max-width: 780px; font-size: clamp(1.05rem, 2vw, 1.3rem); color: #c5cfdd; line-height: 1.65; }
.use-case-list { display: grid; gap: 2rem; scroll-margin-top: 2rem; }
.use-case { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #263750; border-radius: 24px; background: linear-gradient(145deg, #111b2b, #0b121e); box-shadow: 0 24px 70px rgba(0,0,0,.18); }
.use-case:nth-child(even) { background: linear-gradient(145deg, #0e2030, #0b121e); }
.use-case__intro { max-width: 850px; }
.use-case__intro h2 { margin: .65rem 0 1rem; font-size: clamp(1.8rem, 3.5vw, 3rem); letter-spacing: -.025em; }
.use-case__status, .proof-label { color: #8fb7ff; font-weight: 700; }
.use-case__status span { color: #fff; }
.use-case__owner { color: #dce6f4; }
.use-case__flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; margin: 2rem 0 1.5rem; }
.use-case__flow article { position: relative; min-height: 150px; padding: 1rem; border: 1px solid #30425b; border-radius: 14px; background: #111a28; }
.use-case__flow article:not(:last-child)::after { content: "→"; position: absolute; z-index: 1; right: -.72rem; top: 44%; color: #6f96d5; }
.use-case__flow span { display: block; margin-bottom: .6rem; color: #aebed2; font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.use-case__flow p { margin: 0; font-size: .94rem; line-height: 1.5; }
.use-case__flow .use-case__validation { border-color: #755d29; background: #1e1a10; }
.use-case__flow .use-case__review { border-color: #226f6b; background: #0d2426; }
.use-case__flow .use-case__output { border-color: #245e9b; background: #0d2036; }
.use-case__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid #263750; }
.use-case__footer p { margin: 0; }
.use-case__footer a, .portfolio-grid a { white-space: nowrap; font-weight: 700; }
.control-model, .measurement-model, .portfolio-builds { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #263750; border-radius: 24px; background: #0d1624; }
.control-flow { display: grid; grid-template-columns: repeat(6, 1fr); gap: .5rem; margin-top: 1.75rem; }
.control-flow span { display: grid; place-items: center; min-height: 92px; padding: .75rem; border-radius: 12px; background: #142238; text-align: center; font-weight: 650; }
.control-flow span:nth-child(3) { background: #302612; color: #ffe2a4; }
.control-flow span:nth-child(5), .control-flow span:nth-child(6) { background: #10302e; color: #b6f5e8; }
.measurement-path { padding: 1rem 1.25rem; border-left: 3px solid #3b82f6; background: #111f33; color: #dce9ff; font-weight: 700; }
.measurement-grid, .portfolio-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 1.5rem; }
.measurement-grid article, .portfolio-grid article { padding: 1.25rem; border: 1px solid #293b53; border-radius: 16px; background: #111a28; }
.measurement-grid h3, .portfolio-grid h3 { margin-top: 0; }
.portfolio-grid { grid-template-columns: repeat(3, 1fr); }
.final-cta { margin-bottom: clamp(2rem, 6vw, 5rem); }
.use-cases-page a:focus-visible { outline: 3px solid #f3bd56; outline-offset: 4px; }
@media (max-width: 900px) {
  .use-case__flow { grid-template-columns: 1fr; }
  .use-case__flow article { min-height: auto; }
  .use-case__flow article:not(:last-child)::after { content: "↓"; right: 50%; top: auto; bottom: -.9rem; }
  .control-flow { grid-template-columns: repeat(2, 1fr); }
  .measurement-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .use-cases-hero { padding-top: 2.5rem; }
  .use-case__footer { align-items: flex-start; flex-direction: column; }
  .control-flow, .measurement-grid, .portfolio-grid { grid-template-columns: 1fr; }
}