/* ===== 업종별 매출 분석 사례 (소개서 02 이식) — 카페·음식점·주점 =====
   밝은 섹션 · 3카드(업종 배지 + 제목 + 확인→반영→결과 플로우). 오렌지 토큰. */
.cases{
  background:#fff;
  padding:clamp(64px,8vw,110px) clamp(20px,5vw,40px);
  /* 전역 main>section{min-height:100svh} 무효화 — 콘텐츠 자연 높이 */
  min-height:0 !important;
  height:auto !important;
}
.cases-inner{max-width:1180px; margin:0 auto;}
.cases-head{text-align:center; margin-bottom:clamp(36px,5vw,56px);}
.cases-title{
  margin:10px 0 0;
  font-size:clamp(26px,3.8vw,40px); font-weight:800; letter-spacing:-1px; line-height:1.32; color:#17181c;
}
.cases-title span{color:var(--orange,#f97316);}
.cases-sub{
  margin:16px 0 0; color:#5b6673; font-size:clamp(14px,1.4vw,16px); line-height:1.6;
}

.cases-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,24px);
  align-items:stretch;
}
.case-card{
  display:flex; flex-direction:column;
  background:#fbfbfc; border:1px solid #eef0f3; border-radius:22px;
  padding:clamp(24px,2.6vw,32px);
}
.case-badge{
  align-self:flex-start;
  display:inline-flex; align-items:center; height:30px; padding:0 14px;
  border-radius:999px; background:var(--orange,#f97316); color:#fff;
  font-size:14px; font-weight:800; letter-spacing:-.02em;
}
.case-title{
  margin:16px 0 20px;
  font-size:clamp(18px,1.9vw,21px); font-weight:800; letter-spacing:-.5px; line-height:1.4; color:#17181c;
}
.case-flow{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; flex:1;}
.case-flow li{
  position:relative; display:flex; gap:12px; align-items:flex-start;
  padding-bottom:14px; border-bottom:1px dashed #e6e9ee;
}
.case-flow li:last-child{border-bottom:none; padding-bottom:0;}
.case-step{
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:26px; padding:0 10px; border-radius:8px;
  background:#fff1e8; color:var(--orange-deep,#e8590c);
  font-size:12.5px; font-weight:800; letter-spacing:-.02em;
}
.case-flow p{margin:2px 0 0; color:#3d4650; font-size:14.5px; line-height:1.6; letter-spacing:-.2px;}
.case-result .case-step{background:var(--orange,#f97316); color:#fff;}
.case-result p{color:#17181c; font-weight:700;}

@media (max-width:920px){
  .cases-grid{grid-template-columns:1fr; max-width:520px; margin:0 auto;}
}