:root{--text:#374151;--text-strong:#111827;--bg:#fff;--border:#e5e7eb;--accent:#2563eb;--muted:#6b7280;--max-width:960px}*{box-sizing:border-box}html{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}body{flex-direction:column;min-height:100svh;margin:0;display:flex}h1,h2,h3{color:var(--text-strong);margin:0 0 .5em;line-height:1.3}h1{font-size:clamp(24px,5vw,36px)}a{color:var(--accent);text-decoration:none}.site-header{border-bottom:1px solid var(--border)}.site-header .inner{max-width:var(--max-width);flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 auto;padding:12px 16px;display:flex}.site-header .logo{color:var(--text-strong);align-items:center;font-size:18px;font-weight:700;display:inline-flex}.site-header .logo-img{object-fit:contain;width:auto;max-width:220px;max-height:40px;display:block}@media (width<=640px){.site-header .logo-img{max-width:180px;max-height:32px}}.site-header nav{flex-wrap:wrap;gap:4px 16px;font-size:15px;display:flex}.site-header nav a{color:var(--text);padding:4px 0}.site-header nav a:hover{color:var(--accent)}.site-header nav a.active{color:var(--accent);font-weight:700}main{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:32px 16px 64px}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:14px}.site-footer .inner{max-width:var(--max-width);margin:0 auto;padding:20px 16px}.hero{text-align:center;border-bottom:1px solid var(--border);padding:48px 16px 40px}.hero h1{margin-bottom:8px}.hero p{color:var(--muted);margin:0 0 20px}.btn{background:var(--accent);color:#fff;border-radius:8px;padding:10px 24px;font-weight:600;display:inline-block}.btn:hover{opacity:.9}.section{margin:40px 0}.page-title{margin:0 0 24px}.page-title p{color:var(--muted);margin:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.service-card{border:1px solid var(--border);border-radius:8px;padding:16px}.service-card h3{margin:0 0 8px;font-size:17px}.service-card p{color:var(--muted);margin:0;font-size:15px}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border:1px solid var(--border);border-radius:8px;padding:12px 16px}.faq-item summary{cursor:pointer;color:var(--text-strong);font-weight:600}.faq-item p{margin:8px 0 0}.contact-box{border:1px solid var(--border);border-radius:8px;padding:24px}.contact-box h2{margin-top:0}.contact-box ul{margin:0;padding:0;list-style:none}.contact-box li{padding:4px 0}.contact-box strong{min-width:96px;color:var(--text-strong);display:inline-block}.channel-buttons{flex-wrap:wrap;gap:12px;margin:16px 0 20px;display:flex}.channel-btn{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;font-size:15px;font-weight:600;display:inline-flex}.channel-btn.primary{background:var(--accent);color:#fff}.channel-btn.secondary{border:1px solid var(--accent);color:var(--accent);background:0 0}.channel-btn:hover{opacity:.85}@media (width<=640px){.channel-buttons{gap:8px}.channel-btn{flex:auto;min-width:140px}}.article-list{flex-direction:column;gap:16px;display:flex}.article-item{border:1px solid var(--border);border-radius:8px;padding:16px}.article-item h3{margin:0 0 6px}.article-item p{margin:0}.article-item .meta{color:var(--muted);margin-top:8px;font-size:13px}.article-item-link{color:inherit;display:block}.article-item-link:hover .article-item{border-color:var(--accent)}.article-item-link h3{color:var(--accent)}.article-detail .meta{color:var(--muted);margin:0 0 4px;font-size:14px}.article-detail .summary{color:var(--text-strong);margin:0 0 20px;font-weight:600}.article-detail .body p{margin:0 0 16px}.article-links{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding-top:20px;display:flex}.site-footer p{margin:4px 0}@media (width<=640px){.site-header .inner{flex-direction:column;align-items:flex-start}.hero{padding:32px 12px 28px}}