/* =========================================================
   CareTrip — base.css
   디자인 토큰 · 리셋 · 타이포그래피 · 레이아웃 유틸 · 버튼
   (색상은 :root 변수 한 곳에서만 관리한다)
   ========================================================= */

:root{
  --blue:#4f63d8; --blue-2:#6b7ce0; --blue-deep:#3a4694; --blue-ink:#2e3a7a;
  --yellow:#ffd83b; --ink:#232842; --muted:#6a708a; --line:#eaedf7; --soft:#f6f8ff; --white:#fff;
  --radius:22px; --shadow:0 18px 50px rgba(60,74,148,.12); --shadow-sm:0 8px 24px rgba(60,74,148,.08);
  --grad:linear-gradient(150deg,#5a6cd8 0%,#4557bf 55%,#3a4694 100%);
}

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans KR","Noto Sans JP","Malgun Gothic","Apple SD Gothic Neo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ---------- Layout utility ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.pad{padding:92px 0}
.soft{background:var(--soft)}
.center{text-align:center}
.mt-34{margin-top:34px}
.mt-24{margin-top:24px}

/* ---------- Section head ---------- */
/* 페이지 상단 라벨 배지 숨김 (요청) — 되살리려면 display:inline-block */
.eyebrow{display:none;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--blue);
  background:#eef1ff;padding:7px 15px;border-radius:999px;text-transform:uppercase}
.sec-head{text-align:center;max-width:760px;margin:0 auto 50px}
.sec-head h2{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-.02em;margin:16px 0 14px;line-height:1.25}
.sec-head p{color:var(--muted);font-size:16px}

/* 각주 문구 (※ …) */
.note-line{text-align:center;margin-top:34px;color:var(--muted);font-size:14px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;border-radius:999px;cursor:pointer;border:0;
  transition:transform .2s,box-shadow .2s;font-size:15px;text-align:center;justify-content:center}
.btn-primary{background:var(--blue);color:#fff;padding:12px 24px;box-shadow:0 10px 22px rgba(79,99,216,.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(79,99,216,.32)}
.btn-ghost{background:#fff;color:var(--blue);border:1.5px solid #d7ddf7;padding:11px 22px}
.btn-lg{padding:15px 30px;font-size:16px}