*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;color:#111;line-height:1.6}
.container{max-width:1100px;margin:auto;padding:0 20px}
.header{border-bottom:1px solid #eee}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:70px}
.logo{font-weight:700;letter-spacing:.1em}
.nav a{margin-left:20px;font-size:14px}
.hero{padding:100px 0}
.hero h1{font-size:48px;line-height:1.1;margin-bottom:20px}
.hero-desc{color:#555;margin-bottom:30px}
.btn{display:inline-block;padding:12px 20px;border-radius:30px;border:1px solid #111;margin-right:10px}
.btn-dark{background:#111;color:#fff}
.section{padding:80px 0}
.section.alt{background:#f7f7f5}
.section-head{margin-bottom:30px}
.section-label{font-size:12px;color:#777;letter-spacing:.1em;text-transform:uppercase}
.feature-grid,.product-grid,.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{border:1px solid #e5e5e5;padding:25px;border-radius:20px}
.process-list{margin-top:30px}
.process-item{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #eee}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:10px;border:1px solid #ddd;border-radius:10px}
.footer{border-top:1px solid #eee;padding:30px 0;margin-top:60px;color:#666;font-size:14px}
@media(max-width:700px){
.hero h1{font-size:36px}
.contact-wrap{grid-template-columns:1fr}
}