/* Bagian studi kasus: cerita (masalah, solusi, hasil), panel angka gelap, daftar fitur. */
.case { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.case-story:only-child { grid-column: 1 / -1; }
.case-story { padding: 8px 38px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.case-step { padding: 30px 0; border-top: 1px solid var(--line); }
.case-step:first-child { border-top: 0; }
.case-step h3 { margin-bottom: 10px; font: 700 22px/1.2 var(--display); letter-spacing: -.025em; }
.case-step p { color: var(--ink-2); }
.case-results { display: grid; align-content: center; padding: 12px 38px; border: 1px solid rgba(255, 255, 255, .06); border-radius: var(--radius); background: var(--block-bg); color: var(--block-fg); }
.case-result { padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, .14); }
.case-result:first-child { border-top: 0; }
.case-num { display: block; font: 800 clamp(46px, 5.6vw, 76px)/1 var(--display); letter-spacing: -.04em; color: var(--accent); font-variant-numeric: tabular-nums; }
.case-num-text { font-size: clamp(34px, 4.2vw, 54px); letter-spacing: -.03em; }
.case-result span { display: block; max-width: 30ch; margin-top: 12px; font-size: 15px; line-height: 1.45; color: color-mix(in srgb, var(--block-fg) 72%, transparent); }
.case-points { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 52px; margin-top: 48px; list-style: none; }
.case-points li { position: relative; padding-left: 28px; color: var(--ink-2); line-height: 1.55; }
.case-points li::before { content: ''; position: absolute; left: 0; top: .8em; width: 13px; height: 2px; background: var(--accent); }
.case-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 36px; margin-top: 40px; }
.case-foot .job-link { margin-top: 0; }