:root{--bg:#f7f8fa;--surface:#fff;--ink:#17222e;--sub:#5c6b7a;--faint:#8b98a5;--line:#e4e9ee;--accent:#0b5cad;--accent-soft:#eaf2fb;--accent-line:#c9ddf2;--shadow:0 1px 2px #17222e0d, 0 8px 24px -12px #17222e1f;--shadow-lift:0 2px 4px #17222e0f, 0 16px 32px -12px #17222e2e;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#0e141b;--surface:#161e28;--ink:#e7edf3;--sub:#9dabb9;--faint:#71808f;--line:#26313d;--accent:#63a9ec;--accent-soft:#182839;--accent-line:#2c4157;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--shadow-lift:0 2px 4px #00000059, 0 16px 32px -12px #0009}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.75}.wrap{max-width:840px;margin:0 auto;padding:0 1.4rem}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;padding-bottom:.85rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--accent);flex:none}.brand-text{letter-spacing:-.01em;font-size:1.12rem;font-weight:800}.brand-en{color:var(--faint);letter-spacing:.01em;margin-left:.45rem;font-size:.8rem;font-weight:500}.site-nav{flex-wrap:wrap;gap:.25rem;display:flex}.site-nav a{color:var(--sub);border-radius:8px;padding:.38rem .75rem;font-size:.93rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.site-nav a:hover,.site-nav a.active{color:var(--accent);background:var(--accent-soft)}.hero{border-bottom:1px solid var(--line);background:radial-gradient(1200px 480px at 15% -10%, var(--accent-soft), transparent 60%), var(--surface)}.hero .wrap{padding-top:4.2rem;padding-bottom:4.2rem}.hero-kicker{letter-spacing:.09em;color:var(--accent);text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:1.1rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-kicker:before{content:"";background:var(--accent);border-radius:2px;width:22px;height:2px}.hero h1{letter-spacing:-.022em;margin:0 0 1rem;font-size:clamp(1.7rem,4.2vw,2.5rem);font-weight:800;line-height:1.28}.hero .lede{max-width:620px;color:var(--sub);margin:0 0 1.6rem;font-size:1.08rem}.badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{color:var(--sub);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:.4rem;padding:.34rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.badge:before{content:"✓";color:var(--accent);font-weight:800}.section{padding:3.2rem 0 4rem}.section-label{letter-spacing:.09em;color:var(--faint);text-transform:uppercase;margin:0 0 1.2rem;font-size:.8rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1.45rem 1.5rem 1.4rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;position:relative}.card:hover{box-shadow:var(--shadow-lift);border-color:var(--accent-line);transform:translateY(-3px)}.card-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:.9rem;display:grid}.card-icon svg{width:21px;height:21px}.card h2,.card h3{color:var(--ink);letter-spacing:-.01em;margin:0 0 .45rem;font-size:1.06rem;font-weight:700}.card p{color:var(--sub);margin:0;font-size:.93rem;line-height:1.65}.card .card-cta{color:var(--accent);align-items:center;gap:.3rem;margin-top:.95rem;font-size:.88rem;font-weight:700;display:inline-flex}.card .card-cta:after{content:"→";transition:transform .18s}.card:hover .card-cta:after{transform:translate(3px)}.article{padding:3.4rem 0 4.5rem}.article-head{margin-bottom:2.2rem}.article-head .hero-kicker{margin-bottom:.8rem}.article h1{letter-spacing:-.02em;margin:0 0 .9rem;font-size:clamp(1.55rem,3.6vw,2.1rem);font-weight:800;line-height:1.3}.article .lede{color:var(--sub);max-width:640px;margin:0;font-size:1.05rem}.article h2{letter-spacing:-.015em;align-items:center;gap:.6rem;margin:2.6rem 0 .8rem;font-size:1.22rem;font-weight:750;display:flex}.article h2:before{content:"";background:var(--accent);border-radius:3px;flex:none;width:4px;height:1.05em}.article p{margin:.8rem 0}.article a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.article ul{margin:.9rem 0;padding-left:0;list-style:none}.article ul li{margin:.55rem 0;padding-left:1.45rem;position:relative}.article ul li:before{content:"";background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:3px;width:.5rem;height:.5rem;position:absolute;top:.62em;left:.1rem}.callout{border:1px solid var(--accent-line);border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--sub);border-radius:10px;margin:2.4rem 0 0;padding:1rem 1.25rem;font-size:.92rem}.callout strong{color:var(--ink)}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--faint);padding:2.2rem 0 3rem;font-size:.86rem}.footer-brand{color:var(--sub);margin-bottom:.5rem;font-weight:800}.footer-brand span{color:var(--faint);margin-left:.4rem;font-size:.8rem;font-weight:500}.site-footer p{margin:.25rem 0}.footer-links{align-items:center;gap:.5rem;display:flex;margin-top:.8rem!important}.footer-links a{color:var(--sub);font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--accent)}@media (width<=560px){.hero .wrap{padding-top:3rem;padding-bottom:3rem}.header-row{justify-content:center}}