/* base.css — 디자인 토큰(변수) · 리셋 · 컨테이너 · 버튼 · 공통 유틸 */
:root{
  --brand:#2563ff;--brand2:#5aa2ff;--brand-d:#0e4ed8;--brand-soft:#eef4ff;
  --navy:#071a34;--ink:#152238;--muted:#5f6f86;--line:#e7eef7;
  --soft:#f6f9fd;--white:#fff;--success:#18b26b;--warning:#f59e0b;--danger:#ff5d5d;
  --purple:#7c3aed;--purple-soft:#f3e8ff;--teal:#0d9488;--teal-soft:#d5f5f1;--amber:#f59e0b;--amber-soft:#fef3c7;
  --shadow:0 20px 60px rgba(16,48,104,.12);--shadow-soft:0 12px 28px rgba(16,48,104,.08);
  --radius:20px;--container:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;color:var(--ink);background:#fff;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
i[class^="ri-"],i[class*=" ri-"]{font-style:normal;line-height:1;vertical-align:-.06em}
.container{width:var(--container);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:14px;font-weight:900;box-shadow:0 8px 18px rgba(37,99,255,.07)}
.eyebrow i{font-size:16px}

/* 버튼 */
.btn{min-height:48px;padding:0 22px;border-radius:13px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--ink);font-weight:800;font-size:15.5px;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent;box-shadow:0 10px 24px rgba(37,99,255,.25)}
.btn-primary:hover{filter:brightness(1.03);box-shadow:0 14px 30px rgba(37,99,255,.32)}
.btn.lg{min-height:56px;padding:0 28px;font-size:16.5px}
.btn.sm{min-height:42px;padding:0 16px;font-size:14px;border-radius:11px}

/* 유틸 */
.hide{display:none!important}