/* 고객 입구: 첫 화면 사례, 사례 뒤 상담 구역, 휴대폰 하단 메뉴, 하단 소셜 링크, 아카데미 구역 */

/* ── 공통 버튼 (메인 상담 구역의 색과 같게) ── */
.jd-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 18px;border-radius:12px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center;box-sizing:border-box}
.jd-btn img{width:30px;height:28px;object-fit:contain;border-radius:6px;flex-shrink:0}
.jd-btn-kakao{background:#fee500;color:#321b1b}
.jd-btn-book{background:#2874ed;color:#fff}
.jd-btn:hover{filter:brightness(1.06)}

/* ── 첫 화면 사례 칸 ── */
.hc-wrap{width:100%;max-width:600px}
.hc-eyebrow{margin:0 0 10px;font-family:Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;color:#b7c6bb}
.hero .hc-title{margin:0 0 18px;font-size:clamp(24px,2.2vw,32px);line-height:1.4;font-weight:500;letter-spacing:-1px;color:#fff}
.hc-photo{position:relative;display:block;border-radius:14px;overflow:hidden;background:#111d1b}
.hc-photo img{display:block;width:100%;height:auto;aspect-ratio:1200/695;object-fit:cover;object-position:50% 100%}
.hc-tag{position:absolute;top:10px;padding:4px 10px;border-radius:999px;background:rgba(25,39,37,.82);font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#fff}
.hc-before{left:10px}
.hc-after{left:calc(50% + 10px);color:#8fdcf0}
.hero .hc-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:#b2beb8}
.hc-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hc-links a{padding:7px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:13px;line-height:1.5;color:#fff;text-decoration:none}
.hc-links a:hover{background:rgba(255,255,255,.12)}
.hc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.hc-edu{display:none}

/* ── 사례 뒤 상담 구역 ── */
.jd-cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;margin:36px 0;padding:30px 36px;border-radius:14px;background:var(--ink);color:#fff}
.jd-cta-band h3{margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.5px;color:#fff}
.jd-cta-band p{margin:0;font-size:15px;line-height:1.7;color:#cbd4cf}
.jd-cta-btns{display:flex;gap:10px}
.jd-cta-btns .jd-btn{min-width:190px}

/* ── 휴대폰 하단 메뉴 ── */
.jd-cta-bar{display:none}

/* ── 메인 하단 소셜 링크 ── */
.jd-social{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}
.jd-social a{font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ── 상담 구역 시작 가격: 조용하게 ── */
.jd-price{margin-top:22px;font-size:14px;line-height:1.7;color:#4f5a56}
.jd-price p{margin:0}
.jd-price-label{font-size:12px}
.jd-price ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 22px;margin:2px 0;padding:0;list-style:none}
.jd-price-note{font-size:12px}

/* ── 아카데미 구역: 영상을 첫 화면에서 옮겨 옴 ── */
.startup-invite .startup-invite-inner.startup-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;max-width:1180px;text-align:left}
.startup-split .startup-desc{margin-bottom:26px}
.startup-split .promo-wrap{max-width:none}
.startup-split .promo-frame{box-shadow:0 18px 44px rgba(23,60,48,.22)}
.startup-split .promo-foot{margin-top:14px}
.startup-split .promo-foot span{color:#46574c}
.startup-split .promo-foot b{color:#204d3c}

@media(max-width:1000px){
  .jd-cta-band{grid-template-columns:1fr}
  .startup-invite .startup-invite-inner.startup-split{grid-template-columns:1fr;gap:32px}
}
@media(min-width:641px) and (max-width:780px){
  header nav[aria-label="주 메뉴"]{gap:10px;font-size:12px;white-space:nowrap}
  header .nav-cta{padding:8px 16px;white-space:nowrap}
}
@media(max-width:640px){
  .hc-wrap{max-width:none}
  .hc-edu{display:inline-block;margin-top:14px;padding:4px 0;font-size:12px;line-height:1.5;color:#b2beb8;text-decoration:underline;text-underline-offset:3px}
  .hero-media.hero-case{padding:8px 16px 40px}
  .jd-cta-band{margin:28px 0;padding:24px 20px}
  .jd-cta-band h3{font-size:20px}
  .jd-cta-btns{flex-direction:column}
  .jd-cta-btns .jd-btn{min-width:0;width:100%}
  .startup-invite .startup-invite-inner.startup-split{text-align:center}
  .startup-split .promo-foot{align-items:center;text-align:center}
  .jd-price ul{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:2px 18px}
  .jd-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -4px 16px rgba(13,38,33,.12)}
  .jd-cta-bar .jd-btn{min-height:46px;padding:6px 8px;font-size:14px}
  .jd-cta-bar .jd-btn img{width:24px;height:22px}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
}
@media(max-width:400px){
  .hc-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.jd-btn:hover{filter:none}}
