/* 넥젠리뷰 전용 색과 부품. 공통 효과는 _core 에 있다. */
:root {
  --brand: #2962ff;
  --brand-ink: #1647d6;
  --brand-soft: #eaf0ff;
  --brand-light: #82a8ff;
  --brand-rgb: 41, 98, 255;
  --accent-rgb: 0, 184, 212;
  --hero-1: #0a1430;
  --hero-2: #0b1a3c;
  --hero-3: #080f24;
}

.pill .dot.soon { background: #ffb020; box-shadow: 0 0 0 4px rgba(255, 176, 32, .22); }
.hero-sub { padding-bottom: 72px; }
.tlink { color: var(--brand); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.dark .tlink { color: var(--brand-light); }
.note { margin-top: 18px; font-size: 14.5px; color: var(--ink-2); }
.note b { color: var(--ink); }
.more { margin-top: 26px; text-align: center; }
.faq-group { max-width: 820px; margin: 44px auto 16px; font-size: 24px; }
.faq-group:first-child { margin-top: 0; }

/* 표: 좁은 화면에서는 표만 가로로 민다 */
.table-wrap table { min-width: 560px; }
.table-wrap td, .table-wrap th { vertical-align: top; }
.table-wrap td.ok { color: var(--good); font-weight: 700; }
.table-wrap td.no { color: var(--ink-3); }

/* 아임웹 앱 상태 안내 */
.status { display: flex; gap: 12px; align-items: flex-start; margin-top: 24px; padding: 16px 18px; border-radius: var(--radius-sm); font-size: 15px; color: var(--ink-2); background: #fff8e8; border: 1px solid #ffe2a8; }
.status i { color: #b76e00; font-size: 19px; line-height: 1.3; }
.status b { color: var(--ink); }
.hero .status { max-width: 540px; color: #d9c9a4; background: rgba(255, 176, 32, .08); border-color: rgba(255, 176, 32, .3); }
.hero .status b { color: #fff; }
.hero .status i { color: #ffb020; }

/* 알림톡 예시 */
.talk { width: min(340px, 100%); margin: 0 auto; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-md); }
.talk-top { padding: 12px 16px; font-size: 13px; font-weight: 800; color: #3a2d00; background: #ffe45c; }
.talk-body { padding: 16px; font-size: 15px; color: var(--ink); }
.talk-body p + p { margin-top: 8px; color: var(--ink-2); font-size: 14px; }
.dark .show .talk-body p { font-size: 15px; color: var(--ink); }
.dark .show .talk-body p + p { font-size: 14px; color: var(--ink-2); }
.talk-btns { display: grid; gap: 8px; padding: 0 16px 16px; }
.talk-btns span { display: block; padding: 10px; border-radius: 10px; font-size: 14px; font-weight: 700; text-align: center; color: var(--ink); background: var(--bg-soft); border: 1px solid var(--line); }
.talk-btns span.on { color: #fff; background: var(--brand); border-color: var(--brand); }
.talk-done { display: flex; gap: 10px; align-items: center; padding: 12px 16px; font-size: 14px; font-weight: 700; color: #067647; background: #ecfdf3; border-top: 1px solid #c8f0da; }

/* 넓은 캡처 한 장 */
.wide-shot { max-width: 980px; margin: 0 auto; }
.show .phone { width: min(280px, 100%); }
.show .browser img, .hero-visual .browser img { width: 100%; }

@media (max-width: 960px) {
  .show .phone { margin: 0 auto; }
}
@media (max-width: 560px) {
  .plan .price { font-size: 30px; }
  .status { font-size: 14.5px; }
  .faq summary { font-size: 15.5px; }
  .hero h1 { font-size: 32px; }
}