/* ===== 히어로 CTA 행 + 우측 리포트/알림톡 UI 목업 (소개서 최상단 방향) ===== */

/* 좌측 CTA 행 (다크 배경) */
.ph-hero-ctas{display:flex; align-items:center; gap:16px; margin-top:32px; flex-wrap:wrap;}
.ph-hero-ctas .ph-hero-cta{
  width:auto; height:56px; padding:0 30px; margin:0;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:12px; font-size:16px;
}
.ph-hero-cta2{
  display:inline-flex; align-items:center; gap:4px;
  color:#fff; font-size:15px; font-weight:700; letter-spacing:-.01em;
  text-decoration:none; opacity:.88; transition:opacity .16s ease;
}
.ph-hero-cta2:hover{opacity:1; text-decoration:underline;}

/* 우측 비주얼 컨테이너 */
.ph-hero-visual{
  flex:0 1 470px; max-width:470px; width:100%;
  display:flex; flex-direction:column; align-items:stretch;
}

/* 주간 리포트 카드 */
.hv-report{
  background:#fff; border-radius:20px;
  padding:22px 22px 20px;
  box-shadow:0 30px 70px rgba(0,0,0,.34);
}
.hv-report-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px;}
.hv-report-badge{
  display:inline-flex; align-items:center; height:26px; padding:0 12px;
  border-radius:999px; background:#fff1e8; color:var(--orange-deep,#e8590c);
  font-size:12.5px; font-weight:800;
}
.hv-report-week{color:#98a1ac; font-size:13px; font-weight:600;}
.hv-report-store{margin:0 0 16px; color:#17181c; font-size:17px; font-weight:800; letter-spacing:-.4px;}
/* 미니 바차트 */
.hv-bars{display:flex; align-items:flex-end; gap:8px; height:88px; margin-bottom:18px; padding:0 2px;}
.hv-bars span{flex:1; background:#ffd9bf; border-radius:5px 5px 0 0; min-height:8px;}
.hv-bars span.is-peak{background:var(--orange,#f97316);}
/* 리포트 리스트 */
.hv-report-list{list-style:none; margin:0; padding:14px 0 0; border-top:1px solid #eef0f3; display:flex; flex-direction:column; gap:12px;}
.hv-report-list li{display:flex; gap:10px; align-items:flex-start;}
.hv-dot{flex:0 0 auto; width:9px; height:9px; margin-top:5px; border-radius:50%; background:var(--orange,#f97316);}
.hv-dot--act{background:#2ac1a2;}
.hv-report-list p{margin:0; color:#3d4650; font-size:13.5px; line-height:1.5; letter-spacing:-.2px;}
.hv-report-list b{color:#17181c; font-weight:800; font-size:13.5px;}

/* 알림톡 미니 (리포트 카드 아래, 우측 플로팅) */
.hv-alarm{
  display:flex; align-items:center; gap:11px;
  margin:16px 6px 0 auto;
  width:max-content; max-width:94%;
  background:#fff; border-radius:14px;
  padding:11px 15px 11px 12px;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.hv-alarm-app{
  flex:0 0 auto; width:34px; height:34px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--orange,#f97316); color:#fff; font-size:14px; font-weight:800;
}
.hv-alarm-body b{display:block; color:#17181c; font-size:13px; font-weight:800;}
.hv-alarm-body p{margin:2px 0 0; color:#5b6673; font-size:12.5px; line-height:1.4;}

@media (max-width:1024px){
  .ph-hero-ctas{justify-content:center;}
  .ph-hero-visual{margin:10px auto 0; max-width:430px;}
}
@media (max-width:560px){
  .ph-hero-ctas{gap:12px; margin-top:24px;}
  .ph-hero-ctas .ph-hero-cta{width:100%;}
  .ph-hero-cta2{width:100%; justify-content:center;}
  .hv-report{padding:18px;}
  .hv-bars{height:72px;}
}