:root{--navy:#1B2540;--red:#E6001A;--red2:#ff2a3d;--ink:#1a2138;--body:#3d4256;--muted:#71768a;--line:#e7e7ea;--soft:#f6f7f9}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;font-weight:300;color:var(--body);line-height:1.7;background:#fff}
a{color:inherit;text-decoration:none}
.nav{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:10}
.nav .in{max-width:900px;margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;letter-spacing:1px}.brand b{color:var(--red)}.brand span{color:var(--navy)}
.nav a.home{font-size:13px;font-weight:600;color:var(--ink)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.hero{max-width:760px;margin:0 auto;padding:54px 24px 10px}
.cat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--red)}
h1.title{font-size:34px;font-weight:700;color:var(--ink);line-height:1.25;margin:14px 0 12px;letter-spacing:-.01em}
.meta{font-size:14px;color:var(--muted)}
.lead{font-size:19px;color:var(--ink);font-weight:500;line-height:1.6;margin:26px auto 8px;max-width:760px;padding:0 24px}
article{padding:20px 24px 40px}article h2{font-size:20px;color:var(--navy);margin:34px 0 12px}
article p{font-size:16.5px;margin:0 0 18px}article ul{margin:0 0 18px 20px}article li{margin-bottom:8px}
.pull{border-left:3px solid var(--red);padding:6px 0 6px 18px;margin:24px 0;font-size:18px;font-weight:500;color:var(--ink)}
.tag{display:inline-block;font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 10px;margin:2px 4px 2px 0}
.cta{background:var(--navy);color:#fff;padding:30px;margin:36px 0 0;text-align:center}
.cta h3{color:#fff;font-size:20px;margin-bottom:8px}.cta p{color:#aab2cc;font-size:14px;margin-bottom:16px}
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:14px;padding:12px 26px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:30px 24px;text-align:center;color:var(--muted);font-size:13px}
/* blog index */
.plist{max-width:820px;margin:0 auto;padding:10px 24px 60px;display:grid;gap:18px}
.pcard{border:1px solid var(--line);padding:26px 28px;transition:.2s;display:block}
.pcard:hover{border-color:var(--navy);transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,25,45,.08)}
.pcard h2{font-size:22px;color:var(--ink);margin:10px 0 8px}.pcard .ex{font-size:15px;color:var(--muted)}
.ihero{background:linear-gradient(135deg,#161F38,#202C52);color:#fff;padding:60px 24px}
.ihero .in{max-width:820px;margin:0 auto}.ihero .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red2)}
.ihero h1{color:#fff;font-size:38px;margin:12px 0 10px;letter-spacing:-.01em}.ihero p{color:#aab2cc;font-size:16px}
@media(max-width:640px){h1.title{font-size:27px}.ihero h1{font-size:29px}}