/* 홈페이지 히어로 데모 + 워크플로 허브 (기존 페이지 미디어 재사용) */
.hero-demo-section { padding-top: 22px; }
.hero-demo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
}
.hero-demo-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: #17171c;
  text-decoration: none;
}
.hero-demo-card > span {
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 14px;
  padding: 5px 9px;
  border-radius: 5px;
  color: #f2eeeb;
  background: rgba(13, 14, 12, 0.72);
  font: 700 10px "Manrope", sans-serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.hero-demo-card video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #17171c;
}
.hero-demo-card small {
  display: block;
  padding: 11px 14px 14px;
  color: var(--theme-text-muted);
  font-size: 11px;
  line-height: 1.5;
}

.workflow-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}
.workflow-hub-grid a {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--theme-surface-solid) 86%, transparent);
  text-decoration: none;
}
.workflow-hub-grid a:hover { border-color: #6b5cff; }
.workflow-hub-grid strong { color: var(--theme-text-strong); font: 800 15px "Manrope", sans-serif; }
.workflow-hub-grid span { color: var(--theme-text-muted); font-size: 12px; line-height: 1.55; }
.workflow-hub-grid em {
  color: #8e8a92;
  font: 700 9px "Manrope", sans-serif;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .hero-demo-grid { grid-template-columns: 1fr; }
  .workflow-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .workflow-hub-grid { grid-template-columns: 1fr; }
}

/* 홈 개편 섹션: 워크플로 · 혜택 · 유스케이스 · 지원 · FAQ */
.home-workflow{display:grid;margin:34px 0 0;padding:0;list-style:none}
.home-workflow li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--theme-border)}
.home-workflow li:last-child{border-bottom:0}
.home-workflow em{color:#6b5cff;font:800 11px "Manrope",sans-serif;font-style:normal}
.home-workflow strong{display:block;color:var(--theme-text-strong);font:800 16px "Manrope",sans-serif}
.home-workflow span{display:block;margin-top:4px;color:var(--theme-text-muted);font-size:12px;line-height:1.55}
.home-workflow a{color:#6b5cff;font:700 11px "Manrope",sans-serif;text-decoration:none;white-space:nowrap}
.home-benefits,.home-support,.home-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.home-benefits article,.home-support article{padding:20px;border:1px solid var(--theme-border);border-radius:12px;background:color-mix(in srgb,var(--theme-surface-solid) 86%,transparent)}
.home-benefits h3,.home-support h3{margin:0;color:var(--theme-text-strong);font:800 16px "Manrope",sans-serif}
.home-benefits p,.home-support p{margin:10px 0 0;color:var(--theme-text-muted);font-size:12px;line-height:1.6}
.home-usecases a{display:grid;gap:6px;padding:18px;border:1px solid var(--theme-border);border-radius:12px;text-decoration:none}
.home-usecases a:hover{border-color:#6b5cff}
.home-usecases strong{color:var(--theme-text-strong);font:800 15px "Manrope",sans-serif}
.home-usecases span{color:var(--theme-text-muted);font-size:12px;line-height:1.55}
.home-faq{display:grid;gap:10px;max-width:820px;margin-top:30px}
.home-faq details{padding:14px 16px;border:1px solid var(--theme-border);border-radius:10px}
.home-faq summary{cursor:pointer;color:var(--theme-text-strong);font:700 14px "Manrope",sans-serif}
.home-faq p{margin:10px 0 0;color:var(--theme-text-muted);font-size:13px;line-height:1.7}
@media (max-width:900px){.home-benefits,.home-support,.home-usecases{grid-template-columns:1fr}.home-workflow li{grid-template-columns:28px minmax(0,1fr)}.home-workflow a{grid-column:2}}

/* 섹션 시각 자료 */
.home-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#17171c}
.home-workflow li{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:20px}
.home-workflow li em{display:block;margin-bottom:4px;color:#6b5cff;font:800 11px "Manrope",sans-serif;font-style:normal}
.home-workflow li a{display:inline-block;margin-top:8px}
.home-benefits article img,.home-benefits article video,.home-support article img{margin-bottom:14px}
.home-usecases a .home-thumb{margin-bottom:12px}
@media (max-width:900px){.home-workflow li{grid-template-columns:1fr}.home-workflow .home-thumb{max-width:320px}}